refactor

refinedguides · Sep 29, 2024 · 987799f · 987799f
1 parent c436da3
commit 987799f
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 49 deletions.
diff --git a/footer.css b/footer.css
diff --git a/index.html b/index.html
@@ -6,7 +6,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Calendar</title>
     <link rel="stylesheet" href="style.css" />
-    <link rel="stylesheet" href="footer.css" />
+    <script src="script.js" defer></script>
+    <!-- social links for refinedguides.com -->
+    <script
+      src="https://refinedguides.com/assets/social.js?linkColor=%23fff&textColor=%32333"
+      defer
+    ></script>
   </head>
   <body>
     <h1>Calendar</h1>
@@ -31,24 +36,5 @@ <h3></h3>
         <ul class="dates"></ul>
       </section>
     </div>
-
-    <!-- social links -->
-    <footer class="footer">
-      <span>Made by Refined Guides.</span>
-      <div>
-        <a href="https://github.com/refinedguides" target="_blank">Github</a>
-        <a href="https://youtube.com/@refinedguides" target="_blank">Youtube</a>
-        <a href="https://www.tiktok.com/@refinedguides" target="_blank"
-          >Tiktok</a
-        >
-      </div>
-
-      <a href="https://www.buymeacoffee.com/refinedguides" target="_blank"
-        ><img
-          src="https://cdn.buymeacoffee.com/buttons/v2/default-black.png"
-          alt="Buy Me A Coffee"
-      /></a>
-    </footer>
-    <script src="script.js"></script>
   </body>
 </html>
diff --git a/style.css b/style.css
@@ -8,7 +8,6 @@
 body {
   display: flex;
   flex-direction: column;
-  padding-block: 2rem;
   height: 100vh;
   font-family: Poppins, sans-serif;
   background: linear-gradient(to bottom, #ff5e88, #ff9966);
@@ -17,14 +16,14 @@ h1 {
   font-weight: 600;
   text-align: center;
   color: #fff;
-  margin-bottom: 2rem;
+  margin-block: 2rem;
 }
 h3 {
   font-weight: 600;
 }
 .calendar {
   margin: 0 auto;
-  width: clamp(320px, 400px, 98%);
+  width: clamp(320px, 400px, 90%);
   padding: 1rem;
   background: #fff;
   border-radius: 10px;