commit 8124d890e1031dba417206767585859e14ef8dfd · dunkirk.sh/battleship-arena

+65 -3
internal/server/web.go
···

       464
       464
        
                   padding: 0.25rem 0;

     

       465
       465
        
               }

     

       466
       466
        
               

     

       467
       467
       +
               .hidden {

     

       468
       468
       +
                   display: none;

     

       469
       469
       +
               }

     

       470
       470
       +
               

     

       471
       471
       +
               .tooltip {

     

       472
       472
       +
                   position: relative;

     

       473
       473
       +
                   display: inline-block;

     

       474
       474
       +
                   cursor: help;

     

       475
       475
       +
               }

     

       476
       476
       +
               

     

       477
       477
       +
               .tooltip:hover::after {

     

       478
       478
       +
                   content: attr(data-tooltip);

     

       479
       479
       +
                   position: absolute;

     

       480
       480
       +
                   bottom: 100%;

     

       481
       481
       +
                   left: 50%;

     

       482
       482
       +
                   transform: translateX(-50%);

     

       483
       483
       +
                   background: #1e293b;

     

       484
       484
       +
                   border: 1px solid #3b82f6;

     

       485
       485
       +
                   color: #e2e8f0;

     

       486
       486
       +
                   padding: 0.5rem 0.75rem;

     

       487
       487
       +
                   border-radius: 0.375rem;

     

       488
       488
       +
                   font-size: 0.75rem;

     

       489
       489
       +
                   white-space: nowrap;

     

       490
       490
       +
                   z-index: 1000;

     

       491
       491
       +
                   margin-bottom: 0.5rem;

     

       492
       492
       +
                   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);

     

       493
       493
       +
               }

     

       494
       494
       +
               

     

       495
       495
       +
               .info-card ul {

     

       496
       496
       +
                   list-style: none;

     

       497
       497
       +
                   margin: 1rem 0;

     

       498
       498
       +
               }

     

       499
       499
       +
               

     

       500
       500
       +
               .info-card li {

     

       501
       501
       +
                   padding: 0.5rem 0;

     

       502
       502
       +
                   color: #94a3b8;

     

       503
       503
       +
                   display: flex;

     

       504
       504
       +
                   align-items: start;

     

       505
       505
       +
                   gap: 0.5rem;

     

       506
       506
       +
               }

     

       507
       507
       +
               

     

       508
       508
       +
               .info-card li::before {

     

       509
       509
       +
                   content: "→";

     

       510
       510
       +
                   color: #3b82f6;

     

       511
       511
       +
                   font-weight: bold;

     

       512
       512
       +
                   flex-shrink: 0;

     

       513
       513
       +
               }

     

       514
       514
       +
               

     

       467
       515
        
               @media (max-width: 768px) {

     

       468
       516
        
                   h1 { font-size: 2rem; }

     

       469
       517
        
                   .subtitle { font-size: 1rem; }

     

       470
       518
        
                   th, td { padding: 0.75rem 1rem; font-size: 0.875rem; }

     

       471
       519
        
                   .stat-value { font-size: 2rem; }

     

       520
       520
       +
                   .progress-indicator {

     

       521
       521
       +
                       bottom: 1rem;

     

       522
       522
       +
                       right: 1rem;

     

       523
       523
       +
                       left: 1rem;

     

       524
       524
       +
                       min-width: unset;

     

       525
       525
       +
                   }

     

       472
       526
        
               }

     

       473
       527
        
           </style>

     

       474
       528
        
           <script>

     
···

       670
       724
        
                           <tr>

     

       671
       725
        
                               <th>Rank</th>

     

       672
       726
        
                               <th>Player</th>

     

       673
       673
       -
                               <th>Rating</th>

     

       727
       727
       +
                               <th><span class="tooltip" data-tooltip="Glicko-2 rating: higher is better">Rating</span></th>

     

       674
       728
        
                               <th>Wins</th>

     

       675
       729
        
                               <th>Losses</th>

     

       676
       730
        
                               <th>Win Rate</th>

     

       677
       677
       -
                               <th>Avg Moves</th>

     

       731
       731
       +
                               <th><span class="tooltip" data-tooltip="Average moves to win (lower is better)">Avg Moves</span></th>

     

       678
       732
        
                               <th>Last Active</th>

     

       679
       733
        
                           </tr>

     

       680
       734
        
                       </thead>

     
···

       730
       784
        
                       <pre><code><span class="token-command">scp</span> <span class="token-flag">-P</span> <span class="token-string">2222</span> <span class="token-string">memory_functions_yourname.cpp</span> <span class="token-string">{{.ServerURL}}:~/</span></code></pre>

     

       731
       785
        
                   </div>

     

       732
       786
        
                   

     

       787
       787
       +
                   <p style="margin-top: 1.5rem;"><strong>How it works:</strong></p>

     

       788
       788
       +
                   <ul>

     

       789
       789
       +
                       <li>Your AI plays 1000 games against each opponent</li>

     

       790
       790
       +
                       <li>Rankings use Glicko-2 rating system (like chess)</li>

     

       791
       791
       +
                       <li>Lower average moves = more efficient strategy</li>

     

       792
       792
       +
                       <li>Live updates as matches complete</li>

     

       793
       793
       +
                   </ul>

     

       794
       794
       +
                   

     

       733
       795
        
                   <p style="margin-top: 1rem; color: #94a3b8;">

     

       734
       734
       -
                       <a href="/users" style="color: #60a5fa;">View all players →</a>

     

       796
       796
       +
                       <a href="/users" style="color: #60a5fa; text-decoration: none;">View all players →</a>

     

       735
       797
        
                   </p>

     

       736
       798
        
               </div>

     

       737
       799
        
           </div>