Update index.html

publicdomain-nocopyright · Aug 1, 2024 · 8e4e427 · 8e4e427
1 parent 5b05f0d
commit 8e4e427
Showing 1 changed file with 78 additions and 1 deletion.
diff --git a/webserver/Webserver/index.html b/webserver/Webserver/index.html
@@ -1,4 +1,81 @@
-<h1>Test {{ Webserver_IP_ADDRESS }}</h1>
+<html class=" isqop idc0_350"><head>
+                    <title>Vanilla Server 7 Days To Die (7DTD)</title>
+                    <link rel="icon" type="image/x-icon" href="https://github.com/publicdomain-nocopyright/7DTD-Public-Vanilla-Server/releases/download/in-game-server-info-background/Vanila_Server_Logo.png">
+                    <link rel="preload" as="image" href="https://github.com/publicdomain-nocopyright/7DTD-Public-Vanilla-Server/blob/main/splashscreen/website_background_VanillaServerRecreationlogoxcf-ezgif.com-png-to-webp-converter.webp?raw=true">
+                    <link rel="preload" as="image" href="https://github.com/publicdomain-nocopyright/7DTD-Public-Vanilla-Server/blob/main/splashscreen/website_logo_Vanilla Server Recreation logoxcf.webp?raw=true">
+                    <script>
+
+                        // Function to redirect to Steam
+                        function redirectToSteam() {
+                            window.location.href = 'steam://connect/93.49.104.86:26900';
+                            // Redirect to GitHub after a short delay
+
+                        }
+                        //setTimeout(redirectToSteam, 500); // 5 seconds delay
+
+                    </script>
+                </head> 
+                <body>
+
+    <img width="594" height="110    " src="https://github.com/publicdomain-nocopyright/7DTD-Public-Vanilla-Server/blob/main/splashscreen/website_logo_Vanilla Server Recreation logoxcf.webp?raw=true">
+    <h2>7 Days To Die Vanilla Public Server</h2>
+    <p>IP: vanillaserver.eu ({{ Webserver_IP_ADDRESS }}) Port: 26900</p>
+    <a href="steam://connect/{{ Webserver_IP_ADDRESS }}:26900"><p>Click here to join the server</p></a>
+    <a href="https://discord.com/invite/tPBJXU7B6C"><p style="margin: 0;">Click here to join the Discord</p></a>
+    <img height="100px" src="https://github.com/publicdomain-nocopyright/7DTD-Public-Vanilla-Server/blob/main/splashscreen/output-onlinegiftools-resized.webp?raw=true">
+    <p>Accept request to join the server.</p>
+    <p>The next bloodmoon will be at: <span style="color: #ffcaba; font-weight: bold;">63 day</span></p>
+    <p style="opacity: 0.5;"><a style="color: #ebebeb;" href="https://github.com/publicdomain-nocopyright/7DTD-Public-Vanilla-Server/releases/download/resource-candidates/Connect.to.Vanilla.Server.url" download="SteamServer.url"><img height="50px&quot;" src="https://user-images.githubusercontent.com/21064622/125660938-498f1a80-22ba-404d-93e9-d5440d02bfe1.png">Download Desktop Shortcut to join the server.</a></p>
+    <a href="https://github.com/publicdomain-nocopyright/7DTD-Public-Vanilla-Server"><img id="github_logo" height="50px" style="border-top: solid 4px black;" src="https://cdn-learn.adafruit.com/assets/assets/000/112/622/medium800/programming_GitHub_logo_with_mark.png?1656187481"></a>
+    <style>
+        #github_logo:hover {
+        -webkit-filter: invert(100%) !important;
+    }
+</style>
+
+
+    <style> 
+
+        @keyframes fadeIn {
+                to {
+                    opacity: 1;
+                }
+            }
+
+        body, html {
+            animation: fadeIn 1s ease-in-out forwards;
+            opacity: 0.5;
+            font-family: "Open Sans", Arial, Helvetica, sans-serif;
+            transition: background-color 0.3s ease;
+            background: linear-gradient(to bottom, #a7aba3, #ab9062);
+            background-color: #bbbab1;
+            background-image: url('https://github.com/publicdomain-nocopyright/7DTD-Public-Vanilla-Server/blob/main/splashscreen/website_background_VanillaServerRecreationlogoxcf-ezgif.com-png-to-webp-converter.webp?raw=true');
+            background-attachment: fixed;
+            background-position: center center;
+            background-size: cover; 
+        }
+
+        p, h2 {   
+            text-align: center;      
+            color: #e8e8e8;
+            text-shadow: #222222 1px 0 10px;
+        }
+
+        img { 
+            animation: fadeIn 1s ease-in-out forwards;
+            display: block;
+            margin-left: auto;
+            margin-right: auto;
+            opacity: 0;
+        }
+    </style>
+
+
+
+
+
+                </body></html>
+
 
 
 <!--