Add files via upload

assets/css/style.css

@@ -0,0 +1,224 @@
+body {
+    display: flex;
+    align-items: center;
+    font-family: "JetBrains Mono", sans-serif;
+    cursor: crosshair;
+    color: #ffffe6;
+    background-color: #10100e;
+    margin: 0;
+    padding: 0;
+    word-break: break-word;
+    text-wrap: balance;
+    line-height: 1.8;
+    min-height: 100dvh;
+    font-size: 20px;
+}
+
+a {
+    text-decoration: underline;
+    color: #ffffe6;
+}
+
+.overlay {
+    position: fixed;
+    inset: 0;
+    pointer-events: none;
+}
+
+.overlay:before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    display: block;
+    pointer-events: none;
+    background-image: linear-gradient(rgba(16, 16, 16, 0.25) 50%, rgba(16, 16, 16, 0.1) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.015), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.015));
+    background-size: 100% 0.1875rem, 0.375rem 100%;
+    z-index: 2;
+}
+
+.overlay:after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    display: block;
+    pointer-events: none;
+    background-color: rgba(16, 16, 16, 0.2);
+    animation: flicker 0.3s infinite;
+    z-index: 2;
+}
+
+@keyframes flicker {
+    0% {
+        opacity: 0.15795;
+    }
+    5% {
+        opacity: 0.31511;
+    }
+    10% {
+        opacity: 0.94554;
+    }
+    15% {
+        opacity: 0.2469;
+    }
+    20% {
+        opacity: 0.62031;
+    }
+    25% {
+        opacity: 0.0293;
+    }
+    30% {
+        opacity: 0.00899;
+    }
+    35% {
+        opacity: 0.5344;
+    }
+    40% {
+        opacity: 0.12778;
+    }
+    45% {
+        opacity: 0.52042;
+    }
+    50% {
+        opacity: 0.3823;
+    }
+    55% {
+        opacity: 0.2198;
+    }
+    60% {
+        opacity: 0.9383;
+    }
+    65% {
+        opacity: 0.86615;
+    }
+    70% {
+        opacity: 0.68695;
+    }
+    75% {
+        opacity: 0.55749;
+    }
+    80% {
+        opacity: 0.96984;
+    }
+    85% {
+        opacity: 0.0361;
+    }
+    90% {
+        opacity: 0.24467;
+    }
+    95% {
+        opacity: 0.08351;
+    }
+    100% {
+        opacity: 0.54813;
+    }
+}
+
+@keyframes blink-animation {
+    50% {
+        opacity: 0;
+    }
+}
+
+.cursor-blink {
+    animation: blink-animation 1s step-end infinite;
+}
+
+p,
+
+.algo-container-algorithm {
+    margin: 0 auto;
+}
+
+.algo-row {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    gap: var(--lx-gap);
+}
+
+@media screen and (max-width: 80rem) {
+    img {
+        display: none;
+    }
+}
+
+@media screen and (max-width: 480px) {
+    body {
+        font-size: 0.7rem;
+        padding-left: 10px;
+        padding-right: 10px;
+    }
+}
+
+.form-switch {
+  position: fixed;
+  top: 30px;
+  right: 30px;
+  display: inline-block;
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.form-switch i {
+  position: relative;
+  display: inline-block;
+  margin-right: .5rem;
+  width: 46px;
+  height: 26px;
+  background-color: #ffffe6;
+  border-radius: 23px;
+  vertical-align: text-bottom;
+  transition: all 0.3s linear;
+}
+
+.form-switch i::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  width: 42px;
+  height: 22px;
+  background-color: #10100e;
+  border-radius: 11px;
+  transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
+  transition: all 0.25s linear;
+}
+
+.form-switch i::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  width: 22px;
+  height: 22px;
+  background-color: #ffffe6;
+  border-radius: 11px;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
+  transform: translate3d(2px, 2px, 0);
+  transition: all 0.2s ease-in-out;
+}
+
+.form-switch:active i::after {
+  width: 28px;
+  transform: translate3d(2px, 2px, 0);
+}
+
+.form-switch:active input:checked + i::after {
+  transform: translate3d(16px, 2px, 0);
+}
+
+.form-switch input {
+  display: none;
+}
+
+.form-switch input:checked + i {
+  background-color: #4BD763;
+}
+
+.form-switch input:checked + i::before {
+  transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0);
+}
+
+.form-switch input:checked + i::after {
+  transform: translate3d(22px, 2px, 0);
+}

assets/favicon/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

assets/favicon/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

index.html

@@ -0,0 +1,87 @@
+<html lang="en" >
+<head>
+
+  <title>Algorithm</title>
+
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <link rel='stylesheet' href='https://api.fontshare.com/v2/css?f[]=jet-brains-mono@1&amp;display=swap'>
+  <link rel="stylesheet" href="./assets/css/style.css">
+  <link rel="apple-touch-icon" sizes="180x180" href="./assets/favicon/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon/favicon-16x16.png">
+  <link rel="manifest" href="./assets/favicon/site.webmanifest">
+  <meta name="msapplication-TileColor" content="#da532c">
+  <meta name="theme-color" content="#ffffff">
+
+<script>
+
+document.addEventListener('DOMContentLoaded', function() {
+  const overlayToggle = document.getElementById('overlay-toggle');
+  const overlay = document.querySelector('.overlay');
+
+  overlayToggle.addEventListener('change', function() {
+    if (this.checked) {
+      overlay.style.display = 'none';
+    } else {
+      overlay.style.display = 'block';
+    }
+  });
+});
+
+</script>
+
+<!--
+                                                                                                                                    
+                      .dXWMMMMMMMMWXd.                                          
+                     'OWMNkooooookNMWO'                                         
+                    ;0MMK:        :KMMK;                                        
+                   cXMW0,          ,0MMXc                                       
+                 .oNMWk'.;cccccccc;.'kWMNo.                                     
+                .xWMNd,lXWMMMMMMMMWXl,dNMWx.                                    
+               'OWMNl,kWMNOolllloONMWx,lNMWO'                                   
+              ;KMMK:;OWMXl.      .lXMWO;:KMMK;                                  
+             cXMM0;:KMMK:          :KMMK:;0MMXc                                 
+           .oNMWk,lXMW0;.;cllllllc;.;0MMXl,kWMNo.                               
+          .xWMNd,dNMWk,cKWMMMMMMMMWKc,kWMNd,dNMWx.                              
+         ,OWMXl,kWMNd,dNMWOlcccclOWMNd,dNMWk,lXMWO,                             
+        ;KMMK:;OWMXl,kWMNd.      .dNMWk,lXMWO;:KMMK;                            
+       cXMW0;:KMMK:;0MMXl         .lXMW0;:KMMK:;0WMXc                           
+       ,d0x,lXMWO;:KMMK;            :KMMK:;OWMXl,x0d,                           
+         . 'xNWk,lXMWO,              ,0WMXl,kWNx' .                             
+             ';.lNMWx.                .kWMNl.;'                                                                    
+                                                                                                             
+-->
+
+</head>
+
+<body>
+
+<main class="algo-container-algorithm">
+  <div class="algo-row">
+     <img src="./assets/images/logo.jpg" alt="Algorithm" width="260" height="260" style="padding-right: 40px; margin-left: -60px; margin-top: -165px;">
+     <div>
+      <p>&gt;&nbsp;0: Algorithm Limited.</p>
+      <p>&gt;&nbsp;1: Algorithm developers and systematic traders.</p>
+      <p>&gt;&nbsp;2: Social: <a href="https://x.com/algorithm" title="X" target="_blank">X</a> | <a href="https://tradingview.com/u/algorithm" title="TradingView" target="_blank">TradingView</a> | <a href="https://reddit.com/u/algorithm" title="Reddit" target="_blank">Reddit</a>.</p> 
+      <p>&gt;&nbsp;3: Video: <a href="https://youtube.com/@algorithm" title="YouTube" target="_blank">YouTube</a> | <a href="https://twitch.tv/algorithm" title="Twitch" target="_blank">Twitch</a>.</p>        
+      <p>&gt;&nbsp;4: Articles and Newsletter: <a href="https://medium.com/algorithm" title="Medium" target="_blank">Medium</a> | <a href="https://algorithm.substack.com" title="Substack" target="_blank">Substack</a>.</p>
+      <p>&gt;&nbsp;5: Code: <a href="https://github.com/algorithm" title="GitHub" target="_blank">GitHub</a> | <a href="https://dev.to/algorithm" title="Dev" target="_blank">Dev</a>.</p>
+      <p>&gt;&nbsp;6: Company: <a href="https://linkedin.com/company/algorithm" title="LinkedIn" target="_blank">LinkedIn</a> | <a href="https://find-and-update.company-information.service.gov.uk/company/13600318" title="Register" target="_blank">Register</a> | <a href="https://trademarks.ipo.gov.uk/ipo-tmcase/page/Results/1/UK00003777967" title="Trademark" target="_blank">Trademark</a>.</p>   
+      <p>&gt;&nbsp;7: Contact: <a href="https://t.me/algorithm" title="Telegram" target="_blank">Telegram</a> | <a href="mailto:[email protected]" title="Email" target="_blank">Email</a>.</p>
+      <p>&gt;&nbsp;8: Copyright: 2024.</p>
+      <p class="cursor-blink">&gt;&nbsp;<b>|</b></p>
+    </div>
+  </div>
+
+<label class="form-switch" for="overlay-toggle">
+  <input type="checkbox" id="overlay-toggle">
+  <i></i>
+</label>
+
+</main>
+<div class="overlay"></div>
+
+</body>
+</html>