dev works

data/works.yaml

@@ -1,24 +1,36 @@
 realworld:
-  - title: ASP.NET Core Realworld
-    type: aspnet
+  - name: aspnet
+    title: ASP.NET Core Realworld
     repo: adr1enbe4udou1n/aspnetcore-realworld-example-app
 
-  - title: Spring Boot Realworld
-    type: springboot
+  - name: springboot
+    title: Spring Boot Realworld
     repo: adr1enbe4udou1n/spring-boot-realworld-example-app
 
-  - title: Laravel Realworld
-    type: laravel
+  - name: laravel
+    title: Laravel Realworld
     repo: adr1enbe4udou1n/laravel-realworld-example-app
 
-  - title: Symfony Realworld
-    type: symfony
+  - name: symfony
+    title: Symfony Realworld
     repo: adr1enbe4udou1n/symfony-realworld-example-app
 
-  - title: NestJS Realworld
-    type: nestjs
+  - name: nestjs
+    title: NestJS Realworld
     repo: adr1enbe4udou1n/nestjs-realworld-example-app
 
-  - title: FastAPI Realworld
-    type: fastapi
+  - name: fastapi
+    title: FastAPI Realworld
     repo: adr1enbe4udou1n/fastapi-realworld-example-app
+
+others:
+  - name: vuetify-admin
+    title: Vuetify Admin
+    repo: okami101/vuetify-admin
+    demo: https://va-demo.okami101.io/
+    docs: https://www.okami101.io/vuetify-admin
+
+  - name: laravel-rad-stack
+    title: Laravel RAD Stack
+    repo: adr1enbe4udou1n/laravel-rad-stack
+    demo: https://laravel-rad-stack.okami101.io/

layouts/works/single.html

@@ -6,13 +6,13 @@
         </h1>
     </header>
     {{ .Content | emojify }}
-    <section>
+    <section class="mb-8">
         <h2 class="text-xl mb-8 pb-2 border-b-8 border-primary-500 inline-block">
             Conduit Apps Collection
         </h2>
 
         <div class="prose dark:prose-light mb-8">
-            {{ readFile (print "_data/realworld/_index.md") | markdownify }}
+            {{ readFile (print "_data/works/realworld.md") | markdownify }}
         </div>
 
         <div class="grid md:grid-cols-2 gap-4">
@@ -26,7 +26,7 @@
                     </a>
                 </div>
                 <div class="prose dark:prose-light flex-grow">
-                    {{ readFile (print "_data/realworld/" .type ".md") | markdownify }}
+                    {{ readFile (print "_data/works/" .name ".md") | markdownify }}
                 </div>
                 <div class="flex justify-center gap-4">
                     <a class="px-4 py-2 !text-neutral !no-underline !rounded-md bg-primary-600 hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700"
@@ -34,7 +34,7 @@
                         {{ partial "icon.html" "github" }}
                     </a>
                     <a class="px-4 py-2 !text-neutral !no-underline !rounded-md bg-primary-600 hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700"
-                        href="https://{{ .type }}realworld.okami101.io/api" target="_blank" role="button">
+                        href="https://{{ .name }}realworld.okami101.io/api" target="_blank" role="button">
                         OpenAPI
                     </a>
                 </div>
@@ -42,5 +42,45 @@
             {{ end }}
         </div>
     </section>
+    <section>
+        <h2 class="text-xl mb-8 pb-2 border-b-8 border-primary-500 inline-block">
+            Others projects
+        </h2>
+
+        <div class="grid md:grid-cols-2 gap-4">
+            {{ range $.Site.Data.works.others }}
+            <div class="flex flex-col gap-4 rounded border-2 border-primary-500 p-4 h-full">
+                <div class="text-center">
+                    <a href="https://github.com/{{ .repo }}" target="_blank">
+                        <h3 class="pb-1 font-bold border-b-2 border-primary-500 inline-block">
+                            {{ .title }}
+                        </h3>
+                    </a>
+                </div>
+                <div class="prose dark:prose-light flex-grow">
+                    {{ readFile (print "_data/works/" .name ".md") | markdownify }}
+                </div>
+                <div class="flex justify-center gap-4">
+                    <a class="px-4 py-2 !text-neutral !no-underline !rounded-md bg-primary-600 hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700"
+                        href="https://github.com/{{ .repo }}" target="_blank" role="button">
+                        {{ partial "icon.html" "github" }}
+                    </a>
+                    {{ if .demo }}
+                    <a class="px-4 py-2 !text-neutral !no-underline !rounded-md bg-primary-600 hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700"
+                        href="{{ .demo }}" target="_blank" role="button">
+                        Demo
+                    </a>
+                    {{ end }}
+                    {{ if .docs }}
+                    <a class="px-4 py-2 !text-neutral !no-underline !rounded-md bg-primary-600 hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700"
+                        href="{{ .docs }}" target="_blank" role="button">
+                        Docs
+                    </a>
+                    {{ end }}
+                </div>
+            </div>
+            {{ end }}
+        </div>
+    </section>
 </article>
 {{ end }}