Add Website

sjrc6 · Nov 27, 2024 · c8333a7 · c8333a7
1 parent b591f06
commit c8333a7
Show file tree

Hide file tree

Showing 22 changed files with 805 additions and 2 deletions.
diff --git a/.gitignore b/.gitignore
@@ -3,8 +3,6 @@
 data/
 !/data/
 
-docs/
-
 bundle/
 !/other/bundle/
 

diff --git a/docs/assets/Arrow-down.svg b/docs/assets/Arrow-down.svg
diff --git a/docs/assets/discord.svg b/docs/assets/discord.svg
diff --git a/docs/assets/donate-icon.svg b/docs/assets/donate-icon.svg
diff --git a/docs/assets/donate.png b/docs/assets/donate.png
diff --git a/docs/assets/download-icon.svg b/docs/assets/download-icon.svg
diff --git a/docs/assets/features/antilatency.png b/docs/assets/features/antilatency.png
diff --git a/docs/assets/features/bindwheel.png b/docs/assets/features/bindwheel.png
diff --git a/docs/assets/features/fastinput.png b/docs/assets/features/fastinput.png
diff --git a/docs/assets/features/ftd.png b/docs/assets/features/ftd.png
diff --git a/docs/assets/features/more.png b/docs/assets/features/more.png
diff --git a/docs/assets/features/outlines.png b/docs/assets/features/outlines.png
diff --git a/docs/assets/features/playerind.png b/docs/assets/features/playerind.png
diff --git a/docs/assets/features/profiles.png b/docs/assets/features/profiles.png
diff --git a/docs/assets/fonts/Druk-Wide-Cyr-Bold.otf b/docs/assets/fonts/Druk-Wide-Cyr-Bold.otf
diff --git a/docs/assets/fonts/Montserrat-Bold.ttf b/docs/assets/fonts/Montserrat-Bold.ttf
diff --git a/docs/assets/fonts/Montserrat-Medium.ttf b/docs/assets/fonts/Montserrat-Medium.ttf
diff --git a/docs/assets/fonts/Montserrat-Regular.ttf b/docs/assets/fonts/Montserrat-Regular.ttf
diff --git a/docs/assets/logo.png b/docs/assets/logo.png
diff --git a/docs/index.html b/docs/index.html
@@ -0,0 +1,162 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>T-Client - The best DDraceNetwork client</title>
+    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+</head>
+<body>
+    <nav data-aos="fade-down" data-aos-duration="1000">
+        <div class="nav-content">
+            <div class="logo">T-CLIENT</div>
+            <div class="nav-links">
+                <a href="#features">Features</a>
+                <span class="divider"></span>
+                <a href="#download">Download</a>
+                <span class="divider"></span>
+                <a href="https://discord.gg/BgPSapKRkZ" class="discord-link">
+                    Discord
+                    <img class="discord-icon" src="assets/discord.svg" alt="Discord">
+                </a>
+            </div>
+            <div class="donate-icon">
+                <a href="https://github.com/sjrc6" target="_blank">
+                    <img src="assets/donate.png" alt="Donate icon">
+                </a>
+            </div>
+        </div>
+    </nav>
+
+    <main>
+        <header data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="250">
+            <img src="assets/logo.png" alt="T-Client Logo" class="hero-logo">
+            <p class="hero-text">DDNet Client with extended features</p>
+            <div class="scroll-indicator">
+                <p>Scroll down to download</p>
+                <img src="assets/Arrow-down.svg" alt="Scroll down">
+            </div>
+        </header>
+
+        <section id="features" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="500">
+            <h2>Features</h2>
+            <div class="features-grid">
+                <div class="feature-card">
+                    <img src="assets/features/fastinput.png" alt="Fast Inputs">
+                    <div class="feature-content">
+                        <h3>Fast Inputs</h3>
+                        <p>Reduces input delay by 20ms</p>
+                    </div>
+                </div>
+                <div class="feature-card">
+                    <img src="assets/features/outlines.png" alt="Outlines">
+                    <div class="feature-content">
+                        <h3>Outlines</h3>
+                        <p>Renders outlines around certain tiles to make your entities prettier</p>
+                    </div>
+                </div>
+                <div class="feature-card">
+                    <img src="assets/features/profiles.png" alt="Profiles">
+                    <div class="feature-content">
+                        <h3>Profiles</h3>
+                        <p>Save and load player settings, including skin, name, clan and others</p>
+                    </div>
+                </div>
+                <div class="feature-card">
+                    <img src="assets/features/bindwheel.png" alt="BindWheel">
+                    <div class="feature-content">
+                        <h3>Bind Wheel</h3>
+                        <p>Easily execute different binds from a single key</p>
+                    </div>
+                </div>
+                <div class="feature-card">
+                    <img src="assets/features/ftd.png" alt="Frozen Tee Display">
+                    <div class="feature-content">
+                        <h3>Frozen Tee Display</h3>
+                        <p>See all the frozen players on your team</p>
+                    </div>
+                </div>
+                <div class="feature-card">
+                    <img src="assets/features/antilatency.png" alt="Anti Latency Tools">
+                    <div class="feature-content">
+                        <h3>Anti Latency Tools</h3>
+                        <p>Settings to help mitigate ping for gores players</p>
+                    </div>
+                </div>
+                <div class="feature-card">
+                    <img src="assets/features/playerind.png" alt="Player Indicator">
+                    <div class="feature-content">
+                        <h3>Player Indicator</h3>
+                        <p>Track players around you without needing to zoom out<br>(does not work on pvp)</p>
+                    </div>
+                </div>
+                <div class="feature-card">
+                    <img src="assets/features/more.png" alt="Plus More">
+                    <div class="feature-content">
+                        <h3>Plus More</h3>
+                        <p>Over 20 other unique features not listed here</p>
+                    </div>
+                </div>
+            </div>
+            <h2 style="margin: 0 auto;">No Cheats!</h2>
+        </section>
+
+        <section id="download" data-aos="fade-up" data-aos-duration="500">
+            <div class="download-version">
+                <p class="os">Windows x64</p>
+                <a href="https://github.com/sjrc6/TaterClient-ddnet/releases/latest/download/TClient-windows.zip" target="_blank">
+                    <button class="download-btn">
+                        <img src="assets/download-icon.svg" alt="Download">
+                        <span>Download</span>
+                    </button>
+                </a>
+                <p class="version">Latest: {version}</p>
+            </div>
+            <div class="download-version">
+                <p class="os">Bare EXE (Windows)</p>
+                <a href="https://github.com/sjrc6/TaterClient-ddnet/releases/latest/download/DDNet.exe" target="_blank">
+                    <button class="download-btn">
+                        <img src="assets/download-icon.svg" alt="Download">
+                        <span>Download</span>
+                    </button>
+                </a>
+                <p class="version">Latest: {version}</p>
+            </div>
+            <div class="download-version">
+                <p class="os">Linux</p>
+                <a href="https://github.com/sjrc6/TaterClient-ddnet/releases/latest/download/TClient-macOS.dmg" target="_blank">
+                    <button class="download-btn">
+                        <img src="assets/download-icon.svg" alt="Download">
+                        <span>Download</span>
+                    </button>
+                </a>
+                <p class="version">Latest: {version}</p>
+            </div>            <div class="download-version">
+                <p class="os">MacOS</p>
+                <a href="https://github.com/sjrc6/TaterClient-ddnet/releases/latest/download/TClient-ubuntu.tar.xz" target="_blank">
+                    <button class="download-btn">
+                        <img src="assets/download-icon.svg" alt="Download">
+                        <span>Download</span>
+                    </button>
+                </a>
+                <p class="version">Latest: {version}</p>
+            </div>
+        </section>
+    </main>
+
+    <footer>
+        <div class="footer-content">
+            <p>2024 <a href="https://github.com/sjrc6/TaterClient-ddnet" target="_blank">TaterClient</a></p>
+            <span class="divider"></span>
+            <p>Website by <a href="https://github.com/noxygalaxy" target="_blank">@noxygalaxy</a></p>
+        </div>
+    </footer>
+
+    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+    <script src="script.js"></script>
+    <script>
+      AOS.init();
+    </script>
+</body>
+</html>
diff --git a/docs/script.js b/docs/script.js
@@ -0,0 +1,29 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const versionElements = document.querySelectorAll('.version');
+
+    async function fetchLatestVersion() {
+        try {
+            const response = await fetch('https://api.github.com/repos/sjrc6/TaterClient-ddnet/releases/latest');
+
+            if (!response.ok) {
+                throw new Error(`Network response was not ok: ${response.statusText}`);
+            }
+
+            const data = await response.json();
+            const versionMatch = data.tag_name.match(/v?(\d+\.\d+\.\d+)/);
+
+            const latestVersion = versionMatch ? versionMatch[1] : data.tag_name;
+
+            versionElements.forEach(element => {
+                element.textContent = `Latest: ${latestVersion}`;
+            });
+        } catch (error) {
+            console.error('Error fetching version:', error);
+            versionElements.forEach(element => {
+                element.textContent = 'Latest: Unknown';
+            });
+        }
+    }
+
+    fetchLatestVersion();
+});
-Original file line number
+Diff line change
@@ Expand Up / @@ -3,8 +3,6 @@ @@
     data/
     !/data/
-    docs/
     bundle/
     !/other/bundle/
@@ Expand Down @@