feat: add button

leon-fong · Aug 21, 2024 · 34cc586 · 34cc586
1 parent fdd5584
commit 34cc586
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 2 deletions.
diff --git a/app/pages/index.vue b/app/pages/index.vue
@@ -8,7 +8,7 @@ const { data = [] } = await useFetch<ReleaseInfo[]>('/api/releases')
 <template>
   <div flex="~ col gap-8" mxa max-w-180 p10 font-sans lt-sm="px6">
     <div flex="~ col">
-      <h1 text-3xl flex="~ gap-2 wrap justify-center items-center">
+      <h1 text-3xl flex="~ gap-2 wrap justify-center items-center font-cal tabular-nums ">
         <a href="https://github.com/leon-fong" target="_blank" flex="~ items-center gap-2">
           <img src="https://github.com/leon-fong.png" mr1 w-12 rounded-full>
           Leon Fong
@@ -20,6 +20,26 @@ const { data = [] } = await useFetch<ReleaseInfo[]>('/api/releases')
           Leon Fong's recent pull requests on GitHub
         </a>
       </p>
+      <div mx-auto pt-6>
+        <NuxtLink
+          href="https://github.com/leon-fong/prs.leonfong.me"
+          external
+          icon-btn
+        >
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="32"
+            height="32"
+            viewBox="0 0 24 24"
+          >
+            <path
+              fill="currentColor"
+              d="M12.001 2c-5.525 0-10 4.475-10 10a9.994 9.994 0 0 0 6.837 9.488c.5.087.688-.213.688-.476c0-.237-.013-1.024-.013-1.862c-2.512.463-3.162-.612-3.362-1.175c-.113-.288-.6-1.175-1.025-1.413c-.35-.187-.85-.65-.013-.662c.788-.013 1.35.725 1.538 1.025c.9 1.512 2.337 1.087 2.912.825c.088-.65.35-1.087.638-1.337c-2.225-.25-4.55-1.113-4.55-4.938c0-1.088.387-1.987 1.025-2.688c-.1-.25-.45-1.275.1-2.65c0 0 .837-.262 2.75 1.026a9.28 9.28 0 0 1 2.5-.338c.85 0 1.7.112 2.5.337c1.913-1.3 2.75-1.024 2.75-1.024c.55 1.375.2 2.4.1 2.65c.637.7 1.025 1.587 1.025 2.687c0 3.838-2.337 4.688-4.563 4.938c.363.312.676.912.676 1.85c0 1.337-.013 2.412-.013 2.75c0 .262.188.574.688.474A10.016 10.016 0 0 0 22 12c0-5.525-4.475-10-10-10Z"
+            />
+          </svg>
+          Create your contributions page
+        </NuxtLink>
+      </div>
 
       <div p5>
         <hr ma w-20 op25>

diff --git a/uno.config.ts b/uno.config.ts
@@ -12,7 +12,7 @@ import {
 export default defineConfig({
   shortcuts: [
     ['btn', 'px-4 py-1 rounded inline-block bg-teal-600 text-white cursor-pointer hover:bg-teal-700 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50'],
-    ['icon-btn', 'inline-block cursor-pointer select-none opacity-75 transition duration-200 ease-in-out hover:opacity-100 hover:text-teal-600'],
+    ['icon-btn', 'inline-flex items-center gap-2 bg-black text-white rounded py-2 px-3 cursor-pointer select-none transition duration-200 ease-in-out hover:opacity-100  hover:bg-black/80'],
   ],
   presets: [
     presetUno(),