add favicon

gabrielf11 · Aug 19, 2023 · 0937363 · 0937363
1 parent b4c00b5
commit 0937363
Show file tree

Hide file tree

Showing 6 changed files with 30 additions and 13 deletions.
diff --git a/404.html b/404.html
@@ -4,6 +4,9 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>404</title>
+    <meta name="description" content="a small website to store my projects and stuff">
+    <link rel="icon" href="media/favicon.ico" sizes="any">
+    <link rel="apple-touch-icon" href="media/apple-touch-icon.png">
     <link href="/dist/output.css" rel="stylesheet">
 </head>
 <body class="flex items-center justify-center h-screen bg-white text-black dark:bg-slate-800 dark:text-white">

diff --git a/dist/output.css b/dist/output.css
@@ -608,11 +608,6 @@ video {
   line-height: 2.25rem;
 }
 
-.text-4xl {
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-}
-
 .text-5xl {
   font-size: 3rem;
   line-height: 1;
@@ -628,6 +623,16 @@ video {
   line-height: 1.25rem;
 }
 
+.text-4xl {
+  font-size: 2.25rem;
+  line-height: 2.5rem;
+}
+
+.text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+
 .font-black {
   font-weight: 900;
 }
@@ -738,11 +743,6 @@ video {
     --tw-bg-opacity: 1;
     background-color: rgb(239 68 68 / var(--tw-bg-opacity));
   }
-
-  .sm\:text-5xl {
-    font-size: 3rem;
-    line-height: 1;
-  }
 }
 
 @media (min-width: 768px) {
@@ -755,6 +755,16 @@ video {
     font-size: 4.5rem;
     line-height: 1;
   }
+
+  .md\:text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
+  .md\:text-5xl {
+    font-size: 3rem;
+    line-height: 1;
+  }
 }
 
 @media (min-width: 1024px) {

diff --git a/index.html b/index.html
@@ -5,14 +5,16 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>gabrielf11</title>
     <meta name="description" content="a small website to store my projects and stuff">
+    <link rel="icon" href="media/favicon.ico" sizes="any">
+    <link rel="apple-touch-icon" href="media/apple-touch-icon.png">
     <link href="/dist/output.css" rel="stylesheet">
     <!-- <script src="https://unpkg.com/lucide@latest"></script> -->
 </head>
 <body class="bg-white text-black dark:bg-slate-800 dark:text-white text-center">
-    <h1 class="text-5xl md:text-7xl font-black p-5">gabrielf11.github.io</h1>
+    <h1 class="text-4xl md:text-7xl font-black p-5">gabrielf11.github.io</h1>
     <caption>This website is not finished, and will take a while to be completed.</caption>
-    <h2 class="text-5xl font-bold p-5 mt-16">Projects</h2>
-    <div class="text-3xl no-underline hover:text-blue-500 hover:text-4xl hover:font-bold transition-all">
+    <h2 class="text-3xl md:text-5xl font-bold p-5 mt-16">Projects</h2>
+    <div class="text-2xl md:text-3xl no-underline hover:text-blue-500 hover:text-4xl hover:font-bold transition-all">
         <a href="/imbored">imbored</a>
     </div>
 

diff --git a/media/apple-touch-icon.png b/media/apple-touch-icon.png
diff --git a/media/favicon.ico b/media/favicon.ico
diff --git a/screen-size.html b/screen-size.html
@@ -5,6 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Screen Size Test</title>
     <meta name="description" content="a page to test the screen size of devices">
+    <link rel="icon" href="media/favicon.ico" sizes="any">
+    <link rel="apple-touch-icon" href="media/apple-touch-icon.png">
     <link href="/dist/output.css" rel="stylesheet">
 </head>
 <body class="bg-white sm:bg-red-500 md:bg-orange-500 lg:bg-yellow-500 xl:bg-green-500 2xl:bg-blue-500">