Made a site a bit faster

I guess also a bit better by being honest about it
parpok · Oct 15, 2023 · 22a6620 · 22a6620
1 parent d82068d
commit 22a6620
Show file tree

Hide file tree

Showing 3 changed files with 68 additions and 15 deletions.
diff --git a/index.html b/index.html
@@ -20,6 +20,9 @@
 
     <link rel="stylesheet" href="style.css">
     <link rel="icon" type="image/x-icon" href="/content/avatar.png">
+
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+
 </head>
 <body>
 <!-- Niezły zbadaj element -->
@@ -47,11 +50,66 @@ <h1>Parpok</h1>
             </div>
 
 
-    <footer>
+    <footer class="bottom_stuff">
 
-        <p2>2023 &copy; <a href="https://github.com/parpok">Parpok</a></p2>
+        <p2 id="date"></p2>
+            <a href="https://github.com/parpok/parpok.github.io">Site src</a>
 
     </footer>
+    <script>
+        var d = new Date();
+        var n = d.getFullYear();
+        document.getElementById("date").innerHTML = n;
+        </script>
+        <style>
+
+    body{
+    width: 100%;
+    height: 100%;
+    font-family: 'Open Sans', sans-serif;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    overflow-x: hidden;
+    margin: 0;
+    }
+
+    .me {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        text-align: center;
+        border-style: dotted;
+        border-radius: 25px;
+        padding-bottom: 25px;
+        margin: 5% 0 0 0;
+    }
+
+        .avatar > img {
+            max-width: 50%;
+            max-height: 50%;
+            border-style: dotted;
+            border-radius: 50%;
+            margin: 1em;
+        }
+
+        .links {
+            display: flex;
+            justify-content: space-around;
+            align-items: center;
+            text-align: center;
+            flex-direction: row;
+        }
+
+    footer{
+        height: 25px;
+        width: 100%;
+        text-align: center;
+        position: fixed;
+        bottom: 0;
+    }
+        </style>
     <!-- JENOTY -->
 </body>
 </html>
diff --git a/readme.md b/readme.md
@@ -0,0 +1,7 @@
+# My site
+
+Welcome to my little site
+
+It's a basic contact site. Nothing fancy just standard HTML and CSS. Maybe a basic JS for 1 or 2 things.
+
+Color pallete on this site is [Catppuccin](https://github.com/catppuccin/palette) - Light Mode uses Latte style while Dark Mode uses Mocha style.
diff --git a/style.css b/style.css
@@ -1,21 +1,9 @@
 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap');
-@import "@catppuccin/palette/style";
+/*@import "@catppuccin/palette/style";*/
 @import url('https://unpkg.com/@catppuccin/palette/css/catppuccin.css');
 
 /* Czy to jest już poprawne z standardem szkoły  */
 
-body{
-  width: 100%;
-  height: 100%;
-  font-family: 'Open Sans', sans-serif;
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  overflow-x: hidden;
-  margin: 0;
-}
-
-
 @media (prefers-color-scheme: light)
 {
   body{