refactor: remove lorem ipsums

README.md

@@ -7,4 +7,3 @@
 [![Size](https://img.shields.io/github/repo-size/krutt/krutt-github-io)](https://github.com/krutt/tayan)
 [![Last commit](https://img.shields.io/github/last-commit/krutt/krutt-github-io/master)](https://github.com/krutt/krutt-github-io)
 [![Krutt banner](static/krutt-banner.svg)](https://github.com/krutt/krutt-github-io/blob/master/static/krutt-banner.svg)
-

src/components/About.vue

@@ -23,7 +23,7 @@ const statistics: Statistics[] = [
   },
   {
     quantity: '1',
-    description: 'Bitcoiner',
+    description: 'Blockchain',
   },
 ]
 </script>

src/components/HeroCards.vue

@@ -25,12 +25,12 @@ const aesirettes = ['Bitcoind', 'LND Cluster', 'Mining dashboard']
 let gitHubAesirRepo = () => {
   window.open('http://github.com/krutt/aesir', '_blank', 'noreferrer, noopener')
 }
-let gitHubTayanRepo = () => {
-  window.open('http://github.com/krutt/tayan', '_blank', 'noreferrer, noopener')
-}
 let gitHubTayanPage = () => {
   window.open('https://krutt.github.io/tayan', '_blank', 'noreferrer, noopener')
 }
+let gitHubTayanRepo = () => {
+  window.open('http://github.com/krutt/tayan', '_blank', 'noreferrer, noopener')
+}
 </script>
 <template>
   <div class="hidden lg:flex flex-row flex-wrap gap-8 relative w-[700px] h-[500px]">

src/components/ProofOfWork.vue

@@ -11,85 +11,112 @@ import {
   CardTitle,
 } from '@/components/ui/card'
 
+/* vectors */
+import { Github } from 'lucide-vue-next'
+
 /* schemas */
 interface Repository {
-  badges: {title: string; variant: string;}[]
+  badges: { title: string; variant: string }[]
+  content: string
   description: string
   imageUrl: string
   name: string
+  repoUrl: string
 }
 
 /* constants */
 const repositories: Repository[] = [
   {
     badges: [
       {
-        text: '',
-        variant: 'https://www.linkedin.com/in/leopoldo-miranda/',
+        text: 'JavaScript',
+        variant: 'ghost',
       },
       {
-        text: '',
-        variant: 'https://www.facebook.com/',
+        text: 'Lightning',
+        variant: 'ghost',
       },
       {
-        text: '',
-        variant: 'https://www.instagram.com/',
+        text: 'Derivatives',
+        variant: 'ghost',
       },
     ],
-    description: 'Isolated-margin account for decentralized Bitcoin trading via the Lightning network. ',
+    content: 'Isolated-margin account for decentralized Bitcoin trading via the Lightning network.',
+    description: 'Library for LNMarkets & More',
     imageUrl: 'https://raw.githubusercontent.com/krutt/othello/master/static/othello.svg',
     name: 'Othello',
+    repoUrl: 'https://github.com/krutt/othello',
   },
   {
     badges: [
       {
-        text: '',
+        text: 'TypeScript',
         variant: 'ghost',
       },
       {
-        text: '',
+        text: 'Lightning',
         variant: 'ghost',
       },
       {
-        text: '',
+        text: 'LSP',
         variant: 'ghost',
       },
     ],
-    description: '',
+    content: 'Rewritten wrapper for Lightning Network Daemon in TypeScript based on LNDHub',
+    description: 'Modern Stack LSP',
     imageUrl: 'https://raw.githubusercontent.com/krutt/lnd-krub/master/public/flag.svg',
     name: 'LND Krub',
+    repoUrl: 'https://github.com/krutt/lnd-krub',
   },
   {
     badges: [
       {
-        text: '',
+        text: 'Python',
+        variant: 'ghost',
+      },
+      {
+        text: 'FastAPI',
         variant: 'ghost',
       },
       {
-        text: '',
+        text: 'Atomic Swap',
         variant: 'ghost',
       },
     ],
-    description: 'Lightning Service Provider built on top of FastAPI asynchronous web framework',
+    content: 'Lightning Service Provider built on top of FastAPI asynchronous web framework',
+    description: 'API for Swaps and Transfers',
     imageUrl: 'https://raw.githubusercontent.com/krutt/tesla-ball/master/static/tesla-ball.svg',
     name: 'Tesla Ball',
+    repoUrl: 'https://github.com/krutt/tesla-ball',
   },
   {
     badges: [
       {
-        text: '',
+        text: 'JavaScript',
         variant: 'ghost',
       },
       {
-        text: '',
+        text: 'Statechain',
+        variant: 'ghost',
+      },
+      {
+        text: 'Signet',
         variant: 'ghost',
       },
     ],
-    description: 'Tayan is a successor to SuperTestnet\'s StatechainJS in a world where copying and pasting are outlawed.',
+    content:
+      "Tayan is a success to SuperTestnet's StatechainJS in a world where copying and pasting are outlawed.",
+    description: 'Collaborative UTXOs',
     imageUrl: 'https://raw.githubusercontent.com/krutt/tayan/master/static/tayan.svg',
     name: 'Tayan',
+    repoUrl: 'https://github.com/krutt/tayan',
   },
 ]
+
+/* fuctions */
+let windowOpen = repoUrl => {
+  window.open(repoUrl, '_blank', 'noreferrer noopener')
+}
 </script>
 <template>
   <section id="proof-of-work" class="container py-24 sm:py-32">
@@ -99,9 +126,9 @@ const repositories: Repository[] = [
         Proof of Work
       </span>
     </h2>
-
     <p class="mt-4 mb-10 text-xl text-muted-foreground">
-      Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veritatis dolor pariatur sit!
+      Krutt has been established in 2023 and work tirelessly to make Bitcoin more approachable
+      to Bitdevs everywhere, without layers of abstractions to obscure development directions.
     </p>
     <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8 gap-y-10">
       <Card
@@ -116,25 +143,30 @@ const repositories: Repository[] = [
             class="absolute -top-12 rounded-full w-24 h-24 aspect-square object-cover"
           />
           <CardTitle class="text-center">{{ repository.name }}</CardTitle>
-          <CardDescription class="text-primary">
+          <CardDescription class="text-center text-primary">
             {{ repository.description }}
+            <p class="flex items-center justify-between mt-2 text-muted-foreground text-sm">
+              <Badge
+                :key="badge.text"
+                :variant="badge.variant"
+                class="sm"
+                rel="noreferrer noopener"
+                target="_blank"
+                v-for="badge in repository.badges"
+              >
+                {{ badge.text }}
+              </Badge>
+            </p>
           </CardDescription>
         </CardHeader>
         <CardContent class="text-center pb-2">
-          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
+          <p>{{ repository.content }}</p>
         </CardContent>
         <CardFooter>
-          <div :key="badge.text" v-for="badge in badges">
-            <Badge
-              rel="noreferrer noopener"
-              target="_blank"
-              class="sm"
-              :variant="badge.variant"
-            >
-              <span class="sr-only">{{ badge.text }} icon</span>
-
-            </Badge>
-          </div>
+          <Button @click.prevent="windowOpen(repository.repoUrl)" size="icon" variant="ghost">
+            <span class="sr-only">GitHub icon</span>
+            <Github class="h-5 mx-2 w-5" />
+          </Button>
         </CardFooter>
       </Card>
     </div>