Merge pull request #12 from natanielf/dev

Added mini button series

Author: natanielf

assets/css/style.css

@@ -108,8 +108,8 @@ nav {
     position: sticky;
     top: 0;
     overflow: hidden;
-    border-radius: 8px;
     z-index: 1;
+    border-radius: 8px;
     -webkit-transition: all 0.25s ease;
     transition: all 0.25s ease;
 }
@@ -318,7 +318,6 @@ canvas {
 
     a:link,
     a:visited {
-        background-color: var(--dt-main);
         color: var(--dt-accent);
     }
 

images/mini_button_series.svg

@@ -32,7 +32,7 @@ <h2>Check out my <a href="https://www.youtube.com/channel/UCGeLJ85cgaHCByH7N4FsM
 
         <h1>About Me</h1>
 
-        <h2>Hi, my name is Nataniel. I enjoy creating things.</h2>
+        <h2>Hi, my name is Nataniel. I enjoy creating things. I enjoy graphic design, video production, and programming. Below are some of my projects. Fun fact: this website is also a school project!</h2>
 
         <hr id="portfolio">
 
@@ -46,7 +46,15 @@ <h2>Graphic Design 3-4 Projects</h2>
                 <img src="images/jet_lag_logo.svg" alt="Jet Lag Logo">
                 <div class="mask">
                     <h3>Jet Lag Logo</h3>
-                    <p>This is a logo I designed for a travel e-magazine I created called "Jet Lag." I chose this name because jet lag is common when traveling to places in different time zones, and it's a feeling that I think many travelers can relate to. My goal was to create a simple, clean typographic logo with a subtle 3D effect. The arrow extending out from the "L" is a symbol for constant change and movement, things that are often apparent when traveling.</p>
+                    <p>This is a logo I designed for a travel e-magazine I created called "Jet Lag." I chose this name because jet lag is common when traveling to places in different time zones, and it's a feeling that I think many travelers can relate to. My goal was to create a simple, clean typographic logo with a subtle 3D effect.</p>
+                </div>
+            </div>
+
+            <div class="view">
+                <img src="images/mini_button_series.svg" alt="Mini Button Series">
+                <div class="mask">
+                    <h3>Mini Button Series</h3>
+                    <p>This is a mini button collection I designed. The theme I chose is "The Office" because it's my favorite show.</p>
                 </div>
             </div>