fixed icons

to7m · Aug 6, 2024 · 1f9f08b · 1f9f08b
1 parent 852666c
commit 1f9f08b
Show file tree

Hide file tree

Showing 7 changed files with 54 additions and 17 deletions.
diff --git a/public_html/index.html b/public_html/index.html
@@ -49,33 +49,33 @@ <h1>My Name is Thomas Howe</h1>
       <section id="project-previews"><ul>
         <li><a href="#">
           <img src="project-images/project-1.png">
-          <h3>Project One</h1>
-          <div>View Project</div>
+          <h3>Project One</h3>
+          <span>View Project</span>
         </a></li>
         <li><a href="#">
           <img src="project-images/project-2.png">
-          <h3>Project Two</h1>
-          <div>View Project</div>
+          <h3>Project Two</h3>
+          <span>View Project</span>
         </a></li>
         <li><a href="#">
           <img src="project-images/project-3.png">
-          <h3>Project Three</h1>
-          <div>View Project</div>
+          <h3>Project Three</h3>
+          <span>View Project</span>
         </a></li>
         <li><a href="#">
           <img src="project-images/project-4.png">
-          <h3>Project Four</h1>
-          <div>View Project</div>
+          <h3>Project Four</h3>
+          <span>View Project</span>
         </a></li>
         <li><a href="#">
           <img src="project-images/project-5.png">
-          <h3>Project Five</h1>
-          <div>View Project</div>
+          <h3>Project Five</h3>
+          <span>View Project</span>
         </a></li>
         <li><a href="#">
           <img src="project-images/project-6.png">
-          <h3>Project Six</h1>
-          <div>View Project</div>
+          <h3>Project Six</h3>
+          <span>View Project</span>
         </a></li>
       </ul></section>
       <section id="contact">

diff --git a/public_html/style.css b/public_html/style.css
diff --git a/public_html/style.css.map b/public_html/style.css.map
diff --git a/scss/body/_header.scss b/scss/body/_header.scss
@@ -40,7 +40,7 @@ header p {
     grid-area: scroll-down;
     margin: 15px 0;
 
-    @include text.append_icon("icon-keyboard_arrow_down") {
+    @include text.append_icon("arrow-down") {
         display: block;
         font-size: 35px;
         font-weight: 600;

diff --git a/scss/body/main/_project-previews.scss b/scss/body/main/_project-previews.scss
@@ -1,3 +1,6 @@
+@use "text";
+
+
 #project-previews ul {
     height: 1000px;
     width: 600px;
@@ -25,3 +28,13 @@
     max-width: 100%;
     object-fit: contain;
 }
+
+h3 {
+    @include text.h3_text_sizes;
+}
+
+#project-previews span {
+    @include text.small_description_sizes;
+
+    @include text.append_icon("arrow-right");
+}
diff --git a/scss/text/_icon.scss b/scss/text/_icon.scss
@@ -16,7 +16,7 @@
 
 
 $_icon_chars_for_names: (
-    "arrow-right2": "\ea3c",
+    "arrow-right": "\ea3c",
     "arrow-shuffle": "\e901",
     "bar-graph": "\e904",
     "briefcase": "\f0b1",
@@ -46,8 +46,8 @@ $_icon_chars_for_names: (
     "handshake-o": "\f2b5",
     "hat": "\e905",
     "headphones": "\e910",
-    "icon-keyboard_arrow_down": "\e909",
-    "icon-keyboard_arrow_up": "\e90a",
+    "arrow-down": "\e909",
+    "arrow-up": "\e90a",
     "instagram": "\ea92",
     "lab": "\e9aa",
     "laptop": "\e957",

diff --git a/scss/text/_sizes.scss b/scss/text/_sizes.scss
@@ -10,5 +10,7 @@ $_DEFAULT_FONTS: arial;
 
 
 @mixin h1_text_sizes { @include _text_sizes(3rem, $font-weight: bold); }
+@mixin h3_text_sizes { @include _text_sizes(1.4rem, $font-weight: bold); }
 @mixin header_p_text_sizes { @include _text_sizes(1.2rem); }
 @mixin normal_text_sizes { @include _text_sizes(1rem); }
+@mixin small_description_sizes { @include _text_sizes(0.85rem); }