Use SVG logo

sjrc6 · Nov 28, 2024 · eaa5578 · eaa5578
1 parent d6d5681
commit eaa5578
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-[![DDraceNetwork](https://user-images.githubusercontent.com/55141362/212435433-55e4e969-64ed-4ab2-8652-91901d2314a9.png)](https://ddnet.tw) 
+[![DDraceNetwork](docs/assets/TClient_Logo_Horizontal.svg)](https://tclient.app) 
 
 [![Build](https://github.com/sjrc6/TaterClient-ddnet/workflows/Build/badge.svg)](https://github.com/sjrc6/TaterClient-ddnet/actions/workflows/build.yaml)
 

diff --git a/docs/assets/TClient_Logo_Horizontal.svg b/docs/assets/TClient_Logo_Horizontal.svg
diff --git a/docs/assets/TClient_Logo_Vertical.svg b/docs/assets/TClient_Logo_Vertical.svg
diff --git a/docs/assets/logo.png b/docs/assets/logo.png
diff --git a/docs/index.html b/docs/index.html
@@ -31,7 +31,10 @@
 
     <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" id="heroLogo">
+            <picture id="logo">
+                <source media="(min-aspect-ratio: 1)" srcset="assets/TClient_Logo_Horizontal.svg">
+                <img src="assets/TClient_Logo_Vertical.svg" alt="T-Client Logo" class="hero-logo" id="heroLogo">
+            </picture>
             <p class="hero-text">DDNet Client with extended features</p>
             <div class="scroll-indicator">
                 <p>Scroll down to download</p>