feat: add pens to nav

src/components/Nav.astro

@@ -61,4 +61,10 @@ if (Astro.url.pathname !== "/") {
     margin: 0 auto;
     text-align: right;
   }
+
+  @media only screen and (max-device-width: 360px) {
+    #wrapper { text-align: center; }
+  }
+
+
 </style>

src/layouts/Layout.astro

@@ -17,11 +17,17 @@ const links: Link[] = [
   {
     url: "https://ayco.io/@ayo",
     icon: "mastodon",
+    text: "social"
   },
   {
     url: "https://ayco.io/gh",
     icon: "github",
   },
+  {
+    url: "https://codepen.io/ayoayco-the-styleful",
+    icon: "codepen",
+    text: "pens"
+  }
 ];
 ---