fix: formating for components

TeaClientMC · Jan 22, 2024 · e39aada · e39aada
1 parent 7ecf9f2
commit e39aada
Show file tree

Hide file tree

Showing 14 changed files with 520 additions and 505 deletions.
diff --git a/src/components/shared/DownloadBox.astro b/src/components/shared/DownloadBox.astro
@@ -5,10 +5,14 @@ const { buttonText, src, screenshot } = Astro.props;
 
 <div class="download-box">
   <section class="screenshots">
-    <img src={screenshot} width="128" height="128" alt="Screenshot of the file" />
+    <img
+      src={screenshot}
+      width="128"
+      height="128"
+      alt="Screenshot of the file"
+    />
   </section>
   <a href={src} download>
     <button class="download-button">{buttonText}</button>
   </a>
 </div>
-
diff --git a/src/components/shared/footer.astro b/src/components/shared/footer.astro
@@ -1,105 +1,88 @@
 <footer>
-    <div class="footer-content">
-        <h3>Tea Client</h3>
-    </div>
-    <div class="footerNav">
-            <a href="/">Home</a>
-            <a href="/about">About Us</a>
-            <a href="/contact">Contact Us</a>
-             <a href="/terms">Terms of Service</a>
-            <a href="/privacy">Privacy Policy</a>
-    </div>
-    <div class="footer-bottom">
-        <p>Copyright &copy; 2023 TeaClient</p>
-        <p id="affiliation">Not affiliated with Mojang Studios</p>
-    </div>
+  <div class="footer-content">
+    <h3>Tea Client</h3>
+  </div>
+  <div class="footerNav">
+    <a href="/">Home</a>
+    <a href="/about">About Us</a>
+    <a href="/contact">Contact Us</a>
+    <a href="/terms">Terms of Service</a>
+    <a href="/privacy">Privacy Policy</a>
+  </div>
+  <div class="footer-bottom">
+    <p>Copyright &copy; 2023 TeaClient</p>
+    <p id="affiliation">Not affiliated with Mojang Studios</p>
+  </div>
 </footer>
 
-
-
-
-
 <style type="text/sass">
-footer {
-  background: var(--footer-color2);
-  height: auto;
-  width: 100%;
-  padding-top: 40px;
-  color: #fff;
-  top: 100%;
-  position: absolute;
-
-  .footer-content {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    text-align: center;
-  }
-
-
-
-  .socials {
-    display: flex;
-    justify-content: center;
-    width: 100px;
-    height: 100px;
-  }
-
-
-
-  /* footer navigation */
-
-
-  .footerNav {
-    display: flex;
-    justify-content: center;
+  footer {
+    background: var(--footer-color2);
+    height: auto;
+    width: 100%;
+    padding-top: 40px;
+    color: #fff;
+    top: 100%;
+    position: absolute;
 
-    a {
-      color: rgb(137, 137, 137);
-      margin: 20px;
-      text-decoration: none;
-      font-size: 1.3rem;
-      transition: 0.5s;
+    .footer-content {
       display: flex;
-      margin-right: 20px;
-      transition: 0.5s;
-
-      &:hover {
-        color: var(--footer-hover)
-      }
+      align-items: center;
+      justify-content: center;
+      flex-direction: column;
+      text-align: center;
     }
 
-
-
-  }
-
-
-  /* footer bottom */
-  .footer-bottom {
-    overflow: auto;
-    background: var(--footer-color);
-    border-top: yellow;
-    width: 100%;
-    padding: 20px 0;
-    text-align: center;
-
-
-    p {
-      margin-left: 20px;
-      float: left;
-      font-size: 14px;
-      word-spacing: 2px;
-      color: var(--footer-text-color);
+    .socials {
+      display: flex;
+      justify-content: center;
+      width: 100px;
+      height: 100px;
     }
 
+    /* footer navigation */
 
-    #affiliation {
-      margin-right: 20px;
-      float: right;
+    .footerNav {
+      display: flex;
+      justify-content: center;
+
+      a {
+        color: rgb(137, 137, 137);
+        margin: 20px;
+        text-decoration: none;
+        font-size: 1.3rem;
+        transition: 0.5s;
+        display: flex;
+        margin-right: 20px;
+        transition: 0.5s;
+
+        &:hover {
+          color: var(--footer-hover);
+        }
+      }
     }
 
+    /* footer bottom */
+    .footer-bottom {
+      overflow: auto;
+      background: var(--footer-color);
+      border-top: yellow;
+      width: 100%;
+      padding: 20px 0;
+      text-align: center;
+
+      p {
+        margin-left: 20px;
+        float: left;
+        font-size: 14px;
+        word-spacing: 2px;
+        color: var(--footer-text-color);
+      }
 
+      #affiliation {
+        margin-right: 20px;
+        float: right;
+      }
+    }
   }
-}
-</style>
+</style>
diff --git a/src/components/shared/head.astro b/src/components/shared/head.astro
@@ -1,42 +1,53 @@
 ---
-import { SEO } from "astro-seo";
+import { SEO } from 'astro-seo';
 ---
 
-
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
+  <head>
     <SEO
-  title="Tea Client"
-  description = "A Opensourced Minecraft Client"
-  twitter={{
-    creator: "@TeaClientMC"
-  }}
-
-extend={{
-    // extending the default link tags
-    link: [{ rel: "icon", href: "/Favicon.webp" }],
-    // extending the default meta tags
-    meta: [
-      {
-        name: "twitter:image",
-        content: "/screenshot.webp",
-      },
-      { name: "twitter:card", content: "screenshot.webp" },
-      { name: "twitter:title", content: "TeaClient Website" },
-      { name: "twitter:description", content: "The website to an opensourced client" },
-    ],
-  }}
-  />
-    <meta name="viewport" content="width=device-1200px, initial-scale=1.0, shrink-to-fit=yes, viewport-fit=cover">
-    <meta name="darkreader-lock">
+      title="Tea Client"
+      description="A Opensourced Minecraft Client"
+      twitter={{
+        creator: '@TeaClientMC',
+      }}
+      extend={{
+        // extending the default link tags
+        link: [{ rel: 'icon', href: '/Favicon.webp' }],
+        // extending the default meta tags
+        meta: [
+          {
+            name: 'twitter:image',
+            content: '/screenshot.webp',
+          },
+          { name: 'twitter:card', content: 'screenshot.webp' },
+          { name: 'twitter:title', content: 'TeaClient Website' },
+          {
+            name: 'twitter:description',
+            content: 'The website to an opensourced client',
+          },
+        ],
+      }}
+    />
+    <meta
+      name="viewport"
+      content="width=device-1200px, initial-scale=1.0, shrink-to-fit=yes, viewport-fit=cover"
+    />
+    <meta name="darkreader-lock" />
     <meta property="og:image" content="/screenshot.webp" />
-    <link rel="icon" type="image/x-icon" href="/Favicon.webp">
-    <link rel="apple-touch-icon" href="/Favicon.webp">
-    <meta charset="UTF-8">
-    <script defer data-domain="teaclient.net" src="https://plausible.sudovanilla.com/js/script.js"></script>
+    <link rel="icon" type="image/x-icon" href="/Favicon.webp" />
+    <link rel="apple-touch-icon" href="/Favicon.webp" />
+    <meta charset="UTF-8" />
+    <script
+      defer
+      data-domain="teaclient.net"
+      src="https://plausible.sudovanilla.com/js/script.js"></script>
 
-    <meta http-equiv="ContentSecurityPolicy" content="Content-Security-Policy: default-src 'none';  script-src 'self'; connect-src 'self'; img-src 'self'; style-src 'self' https://cdn.cloudflare.com;">
+    <meta
+      http-equiv="ContentSecurityPolicy"
+      content="Content-Security-Policy: default-src 'none';  script-src 'self'; connect-src 'self'; img-src 'self'; style-src 'self' https://cdn.cloudflare.com;"
+    />
     <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <link rel="stylesheet" href="https://kit.fontawesome.com/4f8b78da11.css" crossorigin="anonymous"> -->
-</head>
+  </head>
+</html>