Add android download to website

sjrc6 · Jan 3, 2025 · 7e0667f · 7e0667f
1 parent 687b18f
commit 7e0667f
Show file tree

Hide file tree

Showing 3 changed files with 45 additions and 113 deletions.
diff --git a/docs/assets/android-icon.svg b/docs/assets/android-icon.svg
diff --git a/docs/index.html b/docs/index.html
@@ -153,6 +153,14 @@ <h3>Plus More</h3>
                         </button>
                     </a>
                 </div>
+                <div class="download-version">
+                    <a href="https://github.com/sjrc6/TaterClient-ddnet/releases/latest/download/TClient-android.exe" target="_blank">
+                        <button class="download-btn android-download">
+                            <img src="assets/android-icon.svg" alt="Download">
+                            <span>Download</span>
+                        </button>
+                    </a>
+                </div>
             </div>
             <p class="version">Latest: {version}</p>
         </section>

diff --git a/docs/style.css b/docs/style.css
@@ -250,119 +250,6 @@ h2 {
     line-height: 1.4;
 }
 
-/* FAQ */
-#faq {
-    margin-bottom: 80px;
-}
-
-.faq-container {
-    background: var(--bg-dark);
-    border-radius: 25px;
-    padding: 20px;
-}
-
-.faq-item {
-    background: var(--card-bg);
-    border-radius: 15px;
-    margin-bottom: 15px;
-    padding: 15px;
-    height: auto;
-}
-
-.qa-pair {
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-}
-
-.qa-block {
-    display: flex;
-    align-items: center;
-    gap: 15px;
-    height: 40px;
-}
-
-.qa-icon {
-    width: 40px;
-    height: 40px;
-    background: linear-gradient(137deg, var(--bg-dark), var(--darker-bg));
-    border-radius: 10px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 24px;
-    font-weight: 700;
-}
-
-.qa-text {
-    font-size: 18px;
-    font-weight: 500;
-}
-
-.more {
-    text-align: center;
-    color: var(--text-secondary);
-    font-size: 18px;
-    font-weight: 700;
-    margin-top: 15px;
-}
-
-/* Install */
-#install {
-    margin-bottom: 80px;
-}
-
-.install-container {
-    background: var(--bg-dark);
-    border-radius: 25px;
-    padding: 20px;
-    height: auto;
-}
-
-.install-content {
-    background: var(--card-bg);
-    border-radius: 15px;
-    padding: 20px;
-    height: auto;
-}
-
-.install-container h3 {
-    font-size: 24px;
-    font-weight: 700;
-    margin-bottom: 15px;
-    text-align: center;
-}
-
-.steps {
-    display: flex;
-    flex-direction: column;
-    gap: 15px;
-}
-
-.step {
-    display: flex;
-    align-items: center;
-    gap: 15px;
-    height: 40px;
-}
-
-.step-number {
-    width: 40px;
-    height: 40px;
-    background: linear-gradient(137deg, var(--bg-dark), var(--darker-bg));
-    border-radius: 10px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 24px;
-    font-weight: 700;
-}
-
-.step span:last-child {
-    font-size: 18px;
-    font-weight: 500;
-}
-
 /* Download */
 #download {
     text-align: center;
@@ -420,6 +307,14 @@ h2 {
     box-shadow: 0px 0px 10px #ff8703;
 }
 
+.android-download {
+    background: linear-gradient(144deg, rgb(0, 165, 14) 0%, rgb(59, 255, 38) 100%);
+}
+
+.android-download:hover {
+    box-shadow: 0px 0px 10px #35ff46;
+}
+
 .download-btn:hover {
     transform: scale(1.1);
 }