Update

2 files changed, 41 insertions, 5 deletions

diff --git a/templates/layouts/index.html b/templates/layouts/index.html
index 3145b69..d39e70a 100644
--- a/templates/layouts/index.html
+++ b/templates/layouts/index.html
@@ -14,7 +14,7 @@
     </header>
 
     <section class="l-landing__content">
-      <div class="l-container l-container--pad-x l-container--pad-y l-container--content s-body">
+      <div class="l-container l-container--pad-x l-container--pad-y l-container--content s-body u-pt0@md-lo">
         <div class="l-card-grid">
           $for(profiles)$
             $if(it.featured)$
@@ -64,18 +64,50 @@ $body$
         </span>
       </a>
     </header>
+
+    <div class="l-container l-container--pad-x l-container--pad-y l-card-grid u-my-auto">
+      <a class="l-card-grid__card c-card" href="projects/blobfox-emojis/">
+        <div class="c-card__content">
+          <small class="u-db">Emojis</small>
+          <strong class="u-db">Blobfox</strong>
+        </div>
+        <svg class="c-card__icon o-icon">
+          <use href="#icon-arrow-right"></use>
+        </svg>
+      </a>
+
+      <a class="l-card-grid__card c-card" href="projects/bunhd-emojis/">
+        <div class="c-card__content">
+          <small class="u-db">Emojis</small>
+          <strong class="u-db">BunHD</strong>
+        </div>
+        <svg class="c-card__icon o-icon">
+          <use href="#icon-arrow-right"></use>
+        </svg>
+      </a>
+
+      <!--<a class="l-card-grid__card c-card" href="#">
+        <div class="c-card__content">
+          <small class="u-db">Icons</small>
+          <strong class="u-db">iro</strong>
+        </div>
+        <svg class="c-card__icon o-icon">
+          <use href="#icon-arrow-right"></use>
+        </svg>
+      </a>-->
+    </div>
   </section>
 
   <footer class="c-footer">
-    <div class="c-footer__content">
-      9thPK7O3xn
-    </div>
-    <a class="c-outer-button" href="#">
+    <a class="c-outer-button c-outer-button--icon-only" href="#" title="To the top">
       <span class="c-outer-button__icon">
         <svg class="c-outer-button__icon-symbol o-icon">
           <use href="#icon-arrow-up"></use>
         </svg>
       </span>
     </a>
+    <div class="c-footer__content u-ar">
+      9thPK7O3xn
+    </div>
   </footer>
 </main>
diff --git a/templates/symbols.svg b/templates/symbols.svg
index 902cc35..a5907e1 100644
--- a/templates/symbols.svg
+++ b/templates/symbols.svg
@@ -15,6 +15,10 @@
          <path d="m12.25 7.25-4.5-4.5-4.5 4.5m4.5-4.5v10.5" fill="none" stroke="currentColor" />
       </symbol>
 
+      <symbol id="icon-arrow-right" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
+         <path d="m8.75 3.75 4.5 4.5-4.5 4.5m-6-4.5h10.5" fill="none" stroke="currentColor" />
+      </symbol>
+
       <symbol id="icon-envelope" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
          <path
             d="m1.25 3.5c0-0.4155 0.3345-0.75 0.75-0.75h12c0.4155 0 0.75 0.3345 0.75 0.75v8.5c0 0.4155-0.3345 0.75-0.75 0.75h-12c-0.4155 0-0.75-0.3345-0.75-0.75zm0 0.25 5.2845 4.3681c1.0065 0.83198 1.9181 0.82912 2.9676-0.03704l5.2479-4.3311"