✨ began button navigation

router/home.html

@@ -1,23 +1,29 @@
-<div class="home">
-    <h3>hey and welcome!<br>this site is still w.i.p. :)</h3>
-</div>
+<div class="home" id="intro"><p>
+  Hey, I am Lucielle, welcome. &#9825;<br>
+  she/her &#8226; developer &#8226; artist<br>
+</p></div>
 <style>
-    @import url(main.css);
+  @import url(main.css);
 
-    .home {
-        display: flex;
-        text-align: center;
-        flex-wrap: wrap;
-        animation: home 1s forwards;
-        justify-content: center;
-        justify-items: center;
-        justify-self: center;
-    }
+  .home {
+    display: flex;
+    padding: 0;
+    margin: 0;
+    text-align: center;
+    flex-wrap: wrap;
+    flex-flow: row;
+    animation: home 1s forwards;
+    justify-content: center;
+    justify-items: center;
+    justify-self: center;
+  }
 
-    @keyframes home {
-        /* @formatter:off */
-        from { opacity: 0; }
-        to   { opacity: 1; }
-        /* @formatter:on */
-    }
+  #intro p {
+    background: linear-gradient(135deg,
+    #55cdfc, #55cdfc,
+    #f7a8b8, #f7a8b8,
+    #ffffff, #ffffff);
+    background-clip: text;
+    color: transparent;
+  }
 </style>

router/portfolio.html

@@ -0,0 +1,19 @@
+<div class="portfolio"><p>
+  test123
+</p></div>
+<style>
+  @import url(main.css);
+
+  .portfolio {
+    display: flex;
+    padding: 0;
+    margin: 0;
+    text-align: center;
+    flex-wrap: wrap;
+    flex-flow: row;
+    animation: home 1s forwards;
+    justify-content: center;
+    justify-items: center;
+    justify-self: center;
+  }
+</style>