Update index page

filoxo · Apr 16, 2024 · ef28030 · ef28030
1 parent b304850
commit ef28030
Showing 1 changed file with 36 additions and 17 deletions.
diff --git a/src/index.webc b/src/index.webc
@@ -3,25 +3,44 @@ layout: "tree-base-layout"
 title: 11tree - a Linktree clone static site
 ---
 
-<tree-avatar src="/static/profile.webp" alt="⭐️ @11tree on GitHub"></tree-avatar>
+<nav>
+  <tree-pill-group>
+    <tree-link-pill>
+      <tree-icon name="logo-instagram"></tree-icon>
+      @11tree
+    </tree-link-pill>
+    <tree-link-pill>
+      <tree-icon name="logo-youtube"></tree-icon>
+      u/11tree
+    </tree-link-pill>
+    <tree-link-pill>
+      <tree-icon name="logo-twitter"></tree-icon>
+      x.com/11tree
+    </tree-link-pill>
+  </tree-pill-group>
+</nav>
 
-<h1>@11tree</h1>
+<section class="section">
+  <tree-avatar src="/static/profile.webp" alt="⭐️ @11tree on GitHub"></tree-avatar>
 
-<p>A Linktree-clone static site. Powered by 11ty & Tailwind.</p>
+  <h1>@11tree</h1>
 
-<!-- Use regular HTML links... -->
-<a href="https://www.youtube.com/channel/UC9J3v2J1ZJ1vJ5J5Y1-3J5A">More info...</a>
+  <p>A Linktree-clone static site. Powered by 11ty & Tailwind.</p>
 
-<!-- ... or use the tree-link component -->
-<tree-link href="https://www.youtube.com/channel/UC9J3v2J1ZJ1vJ5J5Y1-/">
-  <tree-icon name="logo-youtube"></tree-icon>
-  YouTube Channel
-</tree-link>
+  <!-- Use regular HTML links... -->
+  <a href="https://www.youtube.com/channel/UC9J3v2J1ZJ1vJ5J5Y1-3J5A">More info...</a>
 
-<!-- tree-youtube-button is a simplistic YouTube embed link (@todo - handle any video format?) --> 
-<tree-youtube-button video-id="JK7mcDIXQyo">
-  <h3 slot="content-top">My Favorite Video!!</h3>
-  <span slot="content-bottom" class="text-left"> 
-    lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-  </span>
-</tree-link>
+  <!-- ... or use the tree-link component -->
+  <tree-link href="https://www.youtube.com/channel/UC9J3v2J1ZJ1vJ5J5Y1-/">
+    <tree-icon name="logo-youtube"></tree-icon>
+    YouTube Channel
+  </tree-link>
+
+  <!-- tree-youtube-button is a simplistic YouTube embed link (@todo - handle any video format?) --> 
+  <tree-youtube-button video-id="JK7mcDIXQyo">
+    <h3 slot="content-top">My Favorite Video!!</h3>
+    <span slot="content-bottom" class="text-left"> 
+      lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+    </span>
+  </tree-link>
+</section>