<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Bootstrap -->
<link
  href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
  rel="stylesheet"
  integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
  crossorigin="anonymous"
/>

<script
  src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
  integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
  crossorigin="anonymous"
></script>

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
/>
<!-- Bootstrap -->

<!-- FontAwesome -->
<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.0/css/all.min.css"
  integrity="sha512-9xKTRVabjVeZmc+GUW8GgSmcREDunMM+Dt/GrzchfN8tkwHizc5RP4Ok/MXFFy5rIjJjzhndFScTceq5e6GvVQ=="
  crossorigin="anonymous"
  referrerpolicy="no-referrer"
/>
<!-- FontAwesome -->

<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="/css/global.css" rel="stylesheet" />
<script src="/js/global.js"></script>
<script src="/socket.io/socket.io.js"></script>
    <title>User Profile</title>
    <style>
        .solved-count {
            background-color: #333;
            color: white;
            padding: 2px 6px;
            border-radius: 4px;
            display: inline-block;
            vertical-align: middle;
        }

        .card-points {
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 0.5rem;
            color: white;
        }

        .card-points strong {
            margin-left: auto;
            margin-right: 0.5rem;
            font-size: 2.5rem;
        }

        .card-body {
            min-height: 115px;
        }

        .challenge-card:not(.bg-success) .card-points strong {
            color: black;
        }

        .quote-input {
            border: none;
            background: transparent;
            color: #6c757d;
            text-align: center;
            width: 100%;
            font-style: italic;
            word-wrap: break-word;
        }
    </style>
</head>
<body>
    <!-- filepath: /c:/Users/kcl/Documents/ctfplatform/views/partial/navbar.ejs -->
<nav class="navbar navbar-expand-lg bg-body-tertiary">
  <div class="container-fluid">
    <a class="nav-link px-3" aria-current="page" href="/">Home</a>
    <button
      class="navbar-toggler"
      type="button"
      data-bs-toggle="collapse"
      data-bs-target="#navbarSupportedContent"
      aria-controls="navbarSupportedContent"
      aria-expanded="false"
      aria-label="Toggle navigation"
    >
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav me-auto">
        <li class="nav-item">
          <a class="nav-link" href="/challenges/">Challenges</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="/scoreboard/">Scoreboard</a>
        </li>
      </ul>
      <ul class="navbar-nav ms-auto">
        
        <li class="nav-item d-flex justify-content-center align-items-center">
          <a
            class="btn zoite-dark-blue-bg zoite-light-gray"
            href="/login/"
            role="button"
            >Log in</a
          >
        </li>
        
        <li class="nav-item px-3">
          <a class="nav-link" href="/announcements/">
            <i class="fa-regular fa-bell fs-4 d-flex justify-content-center align-items-center "></i>
          </a>
        </li>
      </ul>
    </div>
  </div>
</nav>

    <div class="container mt-4">
        <h1 class="text-center">bl0rt</h1>
        <p class="text-center text-muted">
            
                <em></em>
            
        </p>
        <div class="mt-4"></div>
        <div class="row">
            
                <div class="col-md-4 mb-4">
                    <div class="card challenge-card">
                        <div class="card-body">
                            <h4 class="card-title">Nethack-er</h4>
                            <div class="card-points">
                                <span class="solved-count" id="solved-count-21" style="margin-left: 0.5rem; background-color: rgba(51, 51, 51, 0.3);">1</span>
                                <strong>200</strong>
                            </div>
                        </div>
                    </div>
                </div>
            
                <div class="col-md-4 mb-4">
                    <div class="card challenge-card">
                        <div class="card-body">
                            <h4 class="card-title">Code golf</h4>
                            <div class="card-points">
                                <span class="solved-count" id="solved-count-23" style="margin-left: 0.5rem; background-color: rgba(51, 51, 51, 0.3);">4</span>
                                <strong>200</strong>
                            </div>
                        </div>
                    </div>
                </div>
            
                <div class="col-md-4 mb-4">
                    <div class="card challenge-card">
                        <div class="card-body">
                            <h4 class="card-title">Warmup</h4>
                            <div class="card-points">
                                <span class="solved-count" id="solved-count-19" style="margin-left: 0.5rem; background-color: rgba(51, 51, 51, 0.3);">4</span>
                                <strong>100</strong>
                            </div>
                        </div>
                    </div>
                </div>
            
                <div class="col-md-4 mb-4">
                    <div class="card challenge-card">
                        <div class="card-body">
                            <h4 class="card-title">Teamwork makes the dream work pt. 2</h4>
                            <div class="card-points">
                                <span class="solved-count" id="solved-count-25" style="margin-left: 0.5rem; background-color: rgba(51, 51, 51, 0.3);">6</span>
                                <strong>100</strong>
                            </div>
                        </div>
                    </div>
                </div>
            
                <div class="col-md-4 mb-4">
                    <div class="card challenge-card">
                        <div class="card-body">
                            <h4 class="card-title">pwntools 101</h4>
                            <div class="card-points">
                                <span class="solved-count" id="solved-count-5" style="margin-left: 0.5rem; background-color: rgba(51, 51, 51, 0.3);">6</span>
                                <strong>50</strong>
                            </div>
                        </div>
                    </div>
                </div>
            
                <div class="col-md-4 mb-4">
                    <div class="card challenge-card">
                        <div class="card-body">
                            <h4 class="card-title">netcat 101</h4>
                            <div class="card-points">
                                <span class="solved-count" id="solved-count-2" style="margin-left: 0.5rem; background-color: rgba(51, 51, 51, 0.3);">9</span>
                                <strong>10</strong>
                            </div>
                        </div>
                    </div>
                </div>
            
                <div class="col-md-4 mb-4">
                    <div class="card challenge-card">
                        <div class="card-body">
                            <h4 class="card-title">elf 101</h4>
                            <div class="card-points">
                                <span class="solved-count" id="solved-count-3" style="margin-left: 0.5rem; background-color: rgba(51, 51, 51, 0.3);">8</span>
                                <strong>10</strong>
                            </div>
                        </div>
                    </div>
                </div>
            
                <div class="col-md-4 mb-4">
                    <div class="card challenge-card">
                        <div class="card-body">
                            <h4 class="card-title">IRC 101</h4>
                            <div class="card-points">
                                <span class="solved-count" id="solved-count-4" style="margin-left: 0.5rem; background-color: rgba(51, 51, 51, 0.3);">9</span>
                                <strong>10</strong>
                            </div>
                        </div>
                    </div>
                </div>
            
                <div class="col-md-4 mb-4">
                    <div class="card challenge-card">
                        <div class="card-body">
                            <h4 class="card-title">flags 101</h4>
                            <div class="card-points">
                                <span class="solved-count" id="solved-count-1" style="margin-left: 0.5rem; background-color: rgba(51, 51, 51, 0.3);">9</span>
                                <strong>5</strong>
                            </div>
                        </div>
                    </div>
                </div>
            
        </div>
    </div>

    
</body>
</html>