Updated styles and improved social media embeds with an image.

Removed index.js as it was empty. Added a fallback favicon.png at root.
Tech-Tac · Apr 25, 2024 · 679ca1c · 679ca1c
1 parent af31a58
commit 679ca1c
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 4 deletions.
diff --git a/favicon.ico b/favicon.ico
diff --git a/index.html b/index.html
@@ -6,9 +6,10 @@
     <meta name="author" content="Tech-Tac" />
     <meta name="description" content="My projects and how to contact me." />
     <meta name="keywords" content="Tech-Tac, Personal Website, Website, Projects, Project Showcase, Cubes" />
+    <meta property="og:image" content="avatar.png" />
     <title>Tech-Tac</title>
     <link rel="stylesheet" href="style.css" />
-    <link rel="shortcut icon" href="avatar.png" type="image/x-icon" />
+    <link rel="shortcut icon" href="avatar.png" type="image/png" />
   </head>
   <body>
     <header>
@@ -60,6 +61,5 @@ <h3>More Coming Soon!</h3>
       </div>
     </main>
     <footer>🟢 Existing since 2024</footer>
-    <script src="index.js"></script>
   </body>
 </html>
diff --git a/index.js b/index.js
diff --git a/style.css b/style.css
@@ -74,10 +74,10 @@ button {
   border-radius: 4pt;
   font-size: 12pt;
   padding: 6pt 12pt;
-  line-height: 1em;
   user-select: none;
-  text-align: center;
   vertical-align: middle;
+  box-shadow: inset 0 1pt 0 #fff2, 0 1pt 2pt #0002;
+  transition: all 100ms;
 }
 
 button.primary {
@@ -104,6 +104,7 @@ button:hover {
 
 button:active {
   background-image: linear-gradient(#0002, #0002);
+  box-shadow: none;
 }
 
 button:disabled {
@@ -136,6 +137,7 @@ section {
   border-radius: 4pt;
   background-color: #8882;
   width: 200pt;
+  box-shadow: 0 1pt 2pt #0002;
 }
 
 @media screen and (max-width: 600px) {