NEW PROJECT! Favicon also

Noah6544 · Mar 22, 2024 · 4fd10c0 · 4fd10c0
1 parent 51708b0
commit 4fd10c0
Show file tree

Hide file tree

Showing 10 changed files with 79 additions and 61 deletions.
diff --git a/about.html b/about.html
@@ -5,6 +5,7 @@
     <meta name="viewport"
           content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="icon" type="image/x-icon" href="/images/favicon.png">
     <link rel="stylesheet" href="styles.css" media="screen and (min-width: 700px)">
     <link rel="stylesheet" href="mobile.css" media="screen and (max-width: 699px)">
     <script src="./javascript/loader.js" defer></script>

diff --git a/contact.html b/contact.html
@@ -6,6 +6,7 @@
           content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <link rel="stylesheet" media="" href="../styles.css">
+    <link rel="icon" type="image/x-icon" href="/images/favicon.png">
     <script src="https://kit.fontawesome.com/182e289974.js" crossorigin="anonymous"></script>    
     <script src="../javascript/loader.js" defer></script>
     <link rel="preconnect" href="https://fonts.googleapis.com">

diff --git a/experience.html b/experience.html
@@ -5,6 +5,7 @@
     <meta name="viewport"
           content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="icon" type="image/x-icon" href="/images/favicon.png">
     <link rel="stylesheet" href="styles.css" media="screen and (min-width: 700px)">
     <link rel="stylesheet" href="mobile.css" media="screen and (max-width: 699px)">
     <script src="/javascript/loader.js" defer></script>    <script src="https://kit.fontawesome.com/182e289974.js" crossorigin="anonymous"></script>    

diff --git a/images/favicon.png b/images/favicon.png
diff --git a/images/projects/carshow.gif b/images/projects/carshow.gif
diff --git a/index.html b/index.html
@@ -5,6 +5,7 @@
     <meta name="viewport"
           content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="icon" type="image/x-icon" href="/images/favicon.png">
     <link rel="stylesheet" href="styles.css" media="screen and (min-width: 700px)">
     <link rel="stylesheet" href="mobile.css" media="screen and (max-width: 699px)">
     <script src="/javascript/loader.js" defer></script>

diff --git a/mobile.css b/mobile.css
@@ -593,6 +593,7 @@ body {
     gap: 20px;
     justify-content: center;
     align-items: center;
+    overflow-y: scroll;
 
 }
 
@@ -604,7 +605,7 @@ body {
     pointer-events: none;
     height: 80vh;  
     width: 95vw;
-    object-fit: cover;
+    object-fit:contain;
     border-radius: 25px;
     border: 2px solid var(--t5);
     transition: all 2s ease;

diff --git a/mobile.html b/mobile.html
@@ -6,6 +6,7 @@
           content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <link rel="stylesheet" media="" href="mobile.css">
+    <link rel="icon" type="image/x-icon" href="/images/favicon.png">
     <script src="https://kit.fontawesome.com/182e289974.js" crossorigin="anonymous"></script>    
     <script src="../javascript/loader.js" defer></script>
     <title>Noah Buchanan</title>

diff --git a/projects.html b/projects.html
diff --git a/styles.css b/styles.css
@@ -1095,6 +1095,7 @@ input[type="range"]::-moz-range-thumb {
     border-radius: 4000px;
     overflow: hidden;   
     transition: height .2s ease, width .2s ease, border .2s ease;
+    pointer-events: none;
 
 }
 
@@ -1105,7 +1106,7 @@ input[type="range"]::-moz-range-thumb {
     border-radius: 4000px;
     overflow: hidden;
     cursor: pointer;
-    pointer-events: all;
+    pointer-events: none; /*why did i set it to all before?*/
 }
 
 .text-toggle {