From ac6651cf1690958783506f269e4f5fc88c3c786e Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Tue, 12 Aug 2025 12:50:22 +0300
Subject: [PATCH] appview: ui: add fork indicator to repoCard

adds a fork indicator to the repo lists in the profile, if repo is forked

Signed-off-by: Samuel Newman <mozzius@protonmail.com>
---
 .../templates/user/fragments/repoCard.html    | 70 +++++++++++--------
 1 file changed, 40 insertions(+), 30 deletions(-)

diff --git a/appview/pages/templates/user/fragments/repoCard.html b/appview/pages/templates/user/fragments/repoCard.html
index 9bab85b..fd33672 100644
--- a/appview/pages/templates/user/fragments/repoCard.html
+++ b/appview/pages/templates/user/fragments/repoCard.html
@@ -5,22 +5,32 @@
 
   {{ with $repo }}
     <div class="py-4 px-6 drop-shadow-sm rounded bg-white dark:bg-gray-800">
-        <div class="font-medium dark:text-white flex gap-2 items-center">
-          {{- if $fullName -}}
-            <a href="/{{ index $root.DidHandleMap .Did }}/{{ .Name }}">{{ index $root.DidHandleMap .Did }}/{{ .Name }}</a>
-          {{- else -}}
-            <a href="/{{ index $root.DidHandleMap .Did }}/{{ .Name }}">{{ .Name }}</a>
-          {{- end -}}
+      <div class="font-medium dark:text-white flex gap-2 items-center">
+        {{- if $fullName -}}
+          <a href="/{{ index $root.DidHandleMap .Did }}/{{ .Name }}"
+            >{{ index $root.DidHandleMap .Did }}/{{ .Name }}</a
+          >
+        {{- else -}}
+          <a href="/{{ index $root.DidHandleMap .Did }}/{{ .Name }}"
+            >{{ .Name }}</a
+          >
+        {{- end -}}
+      </div>
+      {{ if .Source }}
+        <div class="flex items-center my-0.5 text-sm">
+          {{ i "git-fork" "w-3 h-3 mr-1" }}
+          fork
+        </div>
+      {{ end }}
+      {{ with .Description }}
+        <div class="text-gray-600 dark:text-gray-300 text-sm">
+          {{ . }}
         </div>
-        {{ with .Description }}
-          <div class="text-gray-600 dark:text-gray-300 text-sm">
-              {{ . }}
-          </div>
-        {{ end }}
+      {{ end }}
 
-        {{ if .RepoStats }}
-          {{ block "repoStats" .RepoStats }} {{ end }}
-        {{ end }}
+      {{ if .RepoStats }}
+        {{ block "repoStats" .RepoStats }}{{ end }}
+      {{ end }}
     </div>
   {{ end }}
 {{ end }}
@@ -29,30 +39,30 @@
   <div class="text-gray-400 pt-4 text-sm font-mono inline-flex gap-4 mt-auto">
     {{ with .Language }}
       <div class="flex gap-2 items-center text-sm">
-        <div class="size-2 rounded-full" 
-          style="background: radial-gradient(circle at 35% 35%, color-mix(in srgb, {{ langColor . }} 70%, white), {{ langColor . }} 30%, color-mix(in srgb, {{ langColor . }} 85%, black));"></div>
+        <div
+          class="size-2 rounded-full"
+          style="background: radial-gradient(circle at 35% 35%, color-mix(in srgb, {{ langColor . }} 70%, white), {{ langColor . }} 30%, color-mix(in srgb, {{ langColor . }} 85%, black));"
+        ></div>
         <span>{{ . }}</span>
       </div>
     {{ end }}
     {{ with .StarCount }}
-        <div class="flex gap-1 items-center text-sm">
-            {{ i "star" "w-3 h-3 fill-current" }}
-            <span>{{ . }}</span>
-        </div>
+      <div class="flex gap-1 items-center text-sm">
+        {{ i "star" "w-3 h-3 fill-current" }}
+        <span>{{ . }}</span>
+      </div>
     {{ end }}
     {{ with .IssueCount.Open }}
-        <div class="flex gap-1 items-center text-sm">
-            {{ i "circle-dot" "w-3 h-3" }}
-            <span>{{ . }}</span>
-        </div>
+      <div class="flex gap-1 items-center text-sm">
+        {{ i "circle-dot" "w-3 h-3" }}
+        <span>{{ . }}</span>
+      </div>
     {{ end }}
     {{ with .PullCount.Open }}
-        <div class="flex gap-1 items-center text-sm">
-            {{ i "git-pull-request" "w-3 h-3" }}
-            <span>{{ . }}</span>
-        </div>
+      <div class="flex gap-1 items-center text-sm">
+        {{ i "git-pull-request" "w-3 h-3" }}
+        <span>{{ . }}</span>
+      </div>
     {{ end }}
   </div>
 {{ end }}
-
-
-- 
2.43.0


From 455c71d954b56d0aa22858f2aa70f13df3406cdd Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Wed, 13 Aug 2025 19:50:41 +0300
Subject: [PATCH] appview: ui: signify forks with icon, adjust layout

non-forked repos show a book icon, forked repos show a fork icon

Signed-off-by: Samuel Newman <mozzius@protonmail.com>
---
 appview/pages/templates/layouts/repobase.html |  2 +-
 .../templates/user/fragments/repoCard.html    | 23 ++++++++-----------
 2 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/appview/pages/templates/layouts/repobase.html b/appview/pages/templates/layouts/repobase.html
index 9fdd77e..abc95fe 100644
--- a/appview/pages/templates/layouts/repobase.html
+++ b/appview/pages/templates/layouts/repobase.html
@@ -5,7 +5,7 @@
       {{ if .RepoInfo.Source }}
       <p class="text-sm">
       <div class="flex items-center">
-          {{ i "git-fork" "w-3 h-3 mr-1"}}
+          {{ i "git-fork" "w-3 h-3 mr-1 shrink-0" }}
           forked from
           {{ $sourceOwner := didOrHandle .RepoInfo.Source.Did .RepoInfo.SourceHandle  }}
           <a class="ml-1 underline" href="/{{ $sourceOwner }}/{{ .RepoInfo.Source.Name }}">{{ $sourceOwner }}/{{ .RepoInfo.Source.Name }}</a>
diff --git a/appview/pages/templates/user/fragments/repoCard.html b/appview/pages/templates/user/fragments/repoCard.html
index fd33672..15c786d 100644
--- a/appview/pages/templates/user/fragments/repoCard.html
+++ b/appview/pages/templates/user/fragments/repoCard.html
@@ -4,8 +4,13 @@
   {{ $fullName := index . 2 }}
 
   {{ with $repo }}
-    <div class="py-4 px-6 drop-shadow-sm rounded bg-white dark:bg-gray-800">
-      <div class="font-medium dark:text-white flex gap-2 items-center">
+    <div class="py-4 px-6 gap-2 flex flex-col drop-shadow-sm rounded bg-white dark:bg-gray-800">
+      <div class="font-medium dark:text-white flex items-center">
+        {{ if .Source }}
+          {{ i "git-fork" "w-4 h-4 mr-1.5 shrink-0" }}
+        {{ else }}
+          {{ i "book-marked" "w-4 h-4 mr-1.5 shrink-0" }}
+        {{ end }}
         {{- if $fullName -}}
           <a href="/{{ index $root.DidHandleMap .Did }}/{{ .Name }}"
             >{{ index $root.DidHandleMap .Did }}/{{ .Name }}</a
@@ -16,12 +21,6 @@
           >
         {{- end -}}
       </div>
-      {{ if .Source }}
-        <div class="flex items-center my-0.5 text-sm">
-          {{ i "git-fork" "w-3 h-3 mr-1" }}
-          fork
-        </div>
-      {{ end }}
       {{ with .Description }}
         <div class="text-gray-600 dark:text-gray-300 text-sm">
           {{ . }}
@@ -36,13 +35,11 @@
 {{ end }}
 
 {{ define "repoStats" }}
-  <div class="text-gray-400 pt-4 text-sm font-mono inline-flex gap-4 mt-auto">
+  <div class="text-gray-400 text-sm font-mono inline-flex gap-4 mt-auto">
     {{ with .Language }}
       <div class="flex gap-2 items-center text-sm">
-        <div
-          class="size-2 rounded-full"
-          style="background: radial-gradient(circle at 35% 35%, color-mix(in srgb, {{ langColor . }} 70%, white), {{ langColor . }} 30%, color-mix(in srgb, {{ langColor . }} 85%, black));"
-        ></div>
+        <div class="size-2 rounded-full"
+          style="background: radial-gradient(circle at 35% 35%, color-mix(in srgb, {{ langColor . }} 70%, white), {{ langColor . }} 30%, color-mix(in srgb, {{ langColor . }} 85%, black));"></div>
         <span>{{ . }}</span>
       </div>
     {{ end }}
-- 
2.43.0