commit 9ac7236aa8096141af6fd9cafc7b509441aaad22 · dunkirk.sh/dots

+97

modules/nixos/services/bore/404.html

···

       1
       1
       +
       <!DOCTYPE html>

     

       2
       2
       +
       <html lang="en">

     

       3
       3
       +
       

     

       4
       4
       +
       <head>

     

       5
       5
       +
         <meta charset="UTF-8">

     

       6
       6
       +
         <meta name="viewport" content="width=device-width, initial-scale=1.0">

     

       7
       7
       +
         <title>404 - bore</title>

     

       8
       8
       +
         <link rel="icon"

     

       9
       9
       +
           href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🚇</text></svg>">

     

       10
       10
       +
         <style>

     

       11
       11
       +
           * {

     

       12
       12
       +
             margin: 0;

     

       13
       13
       +
             padding: 0;

     

       14
       14
       +
             box-sizing: border-box;

     

       15
       15
       +
           }

     

       16
       16
       +
       

     

       17
       17
       +
           body {

     

       18
       18
       +
             font-family: 'SF Mono', 'Monaco', monospace;

     

       19
       19
       +
             background: #0d1117;

     

       20
       20
       +
             color: #e6edf3;

     

       21
       21
       +
             min-height: 100vh;

     

       22
       22
       +
             display: flex;

     

       23
       23
       +
             align-items: center;

     

       24
       24
       +
             justify-content: center;

     

       25
       25
       +
             padding: 2rem;

     

       26
       26
       +
           }

     

       27
       27
       +
       

     

       28
       28
       +
           .container {

     

       29
       29
       +
             text-align: center;

     

       30
       30
       +
             max-width: 600px;

     

       31
       31
       +
           }

     

       32
       32
       +
       

     

       33
       33
       +
           .error-code {

     

       34
       34
       +
             font-size: 8rem;

     

       35
       35
       +
             font-weight: 700;

     

       36
       36
       +
             color: #8b949e;

     

       37
       37
       +
             line-height: 1;

     

       38
       38
       +
             margin-bottom: 1rem;

     

       39
       39
       +
           }

     

       40
       40
       +
       

     

       41
       41
       +
           .emoji {

     

       42
       42
       +
             font-size: 4rem;

     

       43
       43
       +
             margin-bottom: 2rem;

     

       44
       44
       +
             opacity: 0.5;

     

       45
       45
       +
           }

     

       46
       46
       +
       

     

       47
       47
       +
           h1 {

     

       48
       48
       +
             font-size: 2rem;

     

       49
       49
       +
             margin-bottom: 1rem;

     

       50
       50
       +
             color: #e6edf3;

     

       51
       51
       +
           }

     

       52
       52
       +
       

     

       53
       53
       +
           p {

     

       54
       54
       +
             color: #8b949e;

     

       55
       55
       +
             font-size: 1rem;

     

       56
       56
       +
             margin-bottom: 2rem;

     

       57
       57
       +
             line-height: 1.6;

     

       58
       58
       +
           }

     

       59
       59
       +
       

     

       60
       60
       +
           .countdown {

     

       61
       61
       +
             color: #14b8a6;

     

       62
       62
       +
             font-size: 1.2rem;

     

       63
       63
       +
             font-weight: 600;

     

       64
       64
       +
             font-variant-numeric: tabular-nums;

     

       65
       65
       +
           }

     

       66
       66
       +
         </style>

     

       67
       67
       +
       </head>

     

       68
       68
       +
       

     

       69
       69
       +
       <body>

     

       70
       70
       +
         <div class="container">

     

       71
       71
       +
           <div class="emoji">🚇</div>

     

       72
       72
       +
           <div class="error-code">404</div>

     

       73
       73
       +
           <h1>wrong stop!</h1>

     

       74
       74
       +
           <p>this tunnel doesn't go anywhere. maybe it was never built, or perhaps it collapsed?</p>

     

       75
       75
       +
           <p>redirecting in <span class="countdown" id="countdown">5.000</span>s</p>

     

       76
       76
       +
         </div>

     

       77
       77
       +
       

     

       78
       78
       +
         <script>

     

       79
       79
       +
           let timeLeft = 5000; // 5 seconds in milliseconds

     

       80
       80
       +
           const countdownEl = document.getElementById('countdown');

     

       81
       81
       +
           const startTime = Date.now();

     

       82
       82
       +
       

     

       83
       83
       +
           const interval = setInterval(() => {

     

       84
       84
       +
             const elapsed = Date.now() - startTime;

     

       85
       85
       +
             timeLeft = Math.max(0, 5000 - elapsed);

     

       86
       86
       +
       

     

       87
       87
       +
             countdownEl.textContent = (timeLeft / 1000).toFixed(3);

     

       88
       88
       +
       

     

       89
       89
       +
             if (timeLeft <= 0) {

     

       90
       90
       +
               clearInterval(interval);

     

       91
       91
       +
               window.location.href = 'https://bore.dunkirk.sh';

     

       92
       92
       +
             }

     

       93
       93
       +
           }, 10); // Update every 10ms for smooth countdown

     

       94
       94
       +
         </script>

     

       95
       95
       +
       </body>

     

       96
       96
       +
       

     

       97
       97
       +
       </html>

+11 -25

modules/nixos/services/bore/dashboard.html

···

       25
       25
        
             flex-direction: column;

     

       26
       26
        
           }

     

       27
       27
        
       

     

       28
       28
       +
           body.loading .container {

     

       29
       29
       +
             opacity: 0;

     

       30
       30
       +
           }

     

       31
       31
       +
       

     

       28
       32
        
           .container {

     

       29
       33
        
             max-width: 1200px;

     

       30
       34
        
             margin: 0 auto;

     

       31
       35
        
             flex: 1;

     

       32
       36
        
             width: 100%;

     

       37
       37
       +
             opacity: 1;

     

       38
       38
       +
             transition: opacity 0.3s ease-in-out;

     

       33
       39
        
           }

     

       34
       40
        
       

     

       35
       41
        
           header {

     
···

       135
       141
        
           .tunnel-url a {

     

       136
       142
        
             color: #14b8a6;

     

       137
       143
        
             text-decoration: none;

     

       138
       138
       -
             cursor: pointer;

     

       139
       139
       -
             user-select: all;

     

       140
       144
        
           }

     

       141
       145
        
       

     

       142
       146
        
           .tunnel-url a:hover {

     

       143
       147
        
             text-decoration: underline;

     

       144
       148
        
           }

     

       145
       149
        
       

     

       146
       146
       -
           .tunnel-url a:active {

     

       147
       147
       -
             color: #fb923c;

     

       148
       148
       -
           }

     

       149
       149
       -
       

     

       150
       150
        
           .tunnel-status {

     

       151
       151
        
             padding: 0.25rem 0.75rem;

     

       152
       152
        
             border-radius: 0;

     
···

       236
       236
        
         </style>

     

       237
       237
        
       </head>

     

       238
       238
        
       

     

       239
       239
       -
       <body>

     

       239
       239
       +
       <body class="loading">

     

       240
       240
        
         <main class="container">

     

       241
       241
        
           <header>

     

       242
       242
        
             <h1>🚇 bore</h1>

     
···

       358
       358
        
                       <div class="tunnel-info">

     

       359
       359
        
                         <div class="tunnel-name">${proxy.name || 'unnamed'}</div>

     

       360
       360
        
                         <div class="tunnel-url">

     

       361
       361
       -
                           <a href="${url}" target="_blank" ondblclick="copyToClipboard(event, '${url}')">${url}</a>

     

       361
       361
       +
                           <a href="${url}" target="_blank">${url}</a>

     

       362
       362
        
                         </div>

     

       363
       363
        
                         <div style="color: #8b949e; font-size: 0.75rem; margin-top: 0.25rem;">

     

       364
       364
        
                           started: <span data-start-time="${proxy.lastStartTime || ''}"></span> • traffic in: <span data-traffic-in="${proxy.name}">0 B</span> • out: <span data-traffic-out="${proxy.name}">0 B</span>

     
···

       472
       472
        
             });

     

       473
       473
        
           }

     

       474
       474
        
       

     

       475
       475
       -
           function copyToClipboard(event, url) {

     

       476
       476
       -
             event.preventDefault();

     

       477
       477
       -
             event.stopPropagation();

     

       478
       478
       -
             

     

       479
       479
       -
             navigator.clipboard.writeText(url).then(() => {

     

       480
       480
       -
               // Visual feedback

     

       481
       481
       -
               const link = event.target;

     

       482
       482
       -
               const originalColor = link.style.color;

     

       483
       483
       -
               link.style.color = '#fb923c';

     

       484
       484
       -
               setTimeout(() => {

     

       485
       485
       -
                 link.style.color = originalColor;

     

       486
       486
       -
               }, 200);

     

       487
       487
       -
             }).catch(err => {

     

       488
       488
       -
               console.error('Failed to copy:', err);

     

       489
       489
       -
             });

     

       490
       490
       -
           }

     

       491
       491
       -
       

     

       492
       475
        
           // Fetch immediately and then every 5 seconds

     

       493
       476
        
           fetchStats();

     

       494
       477
        
           setInterval(fetchStats, 5000);

     

       495
       478
        
       

     

       496
       479
        
           // Update relative times every 10 seconds

     

       497
       480
        
           setInterval(updateRelativeTimes, 10000);

     

       481
       481
       +
       

     

       482
       482
       +
           // Remove loading class after initial fetch

     

       483
       483
       +
           document.body.classList.remove('loading');

     

       498
       484
        
         </script>

     

       499
       485
        
       </body>

     

       500
       486

+11

modules/nixos/services/bore/frps.nix

···

       94
       94
        
                 # Subdomain support for *.${cfg.domain}

     

       95
       95
        
                 subDomainHost = "${cfg.domain}"

     

       96
       96
        
       

     

       97
       97
       +
                 # Custom 404 page

     

       98
       98
       +
                 custom404Page = "${./404.html}"

     

       99
       99
       +
       

     

       97
       100
        
                 # Logging

     

       98
       101
        
                 log.to = "console"

     

       99
       102
        
                 log.level = "info"

     
···

       155
       158
        
                   header_up X-Forwarded-Proto {scheme}

     

       156
       159
        
                   header_up X-Forwarded-For {remote}

     

       157
       160
        
                   header_up Host {host}

     

       161
       161
       +
                 }

     

       162
       162
       +
                 handle_errors {

     

       163
       163
       +
                   @404 expression {http.error.status_code} == 404

     

       164
       164
       +
                   handle @404 {

     

       165
       165
       +
                     root * ${./.}

     

       166
       166
       +
                     rewrite * /404.html

     

       167
       167
       +
                     file_server

     

       168
       168
       +
                   }

     

       158
       169
        
                 }

     

       159
       170
        
               '';

     

       160
       171
        
             };