From d7262be78ff036238aaa505e2366a5d1287473e9 Mon Sep 17 00:00:00 2001
From: Anirudh Oppiliappan <anirudh@tangled.sh>
Date: Mon, 11 Aug 2025 14:21:20 +0300
Subject: [PATCH] appview/pages: add ssh-keygen command to empty repo template

Signed-off-by: Anirudh Oppiliappan <anirudh@tangled.sh>
---
 appview/pages/templates/repo/empty.html | 6 ++++--
 input.css                               | 4 ++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/appview/pages/templates/repo/empty.html b/appview/pages/templates/repo/empty.html
index 9eff2036..e90a21c2 100644
--- a/appview/pages/templates/repo/empty.html
+++ b/appview/pages/templates/repo/empty.html
@@ -32,8 +32,10 @@
         <div class="py-6 w-fit flex flex-col gap-4">
           <p>This is an empty repository. To get started:</p>
           {{ $bullet := "mx-2 text-xs bg-gray-200 dark:bg-gray-600 rounded-full size-5 flex items-center justify-center font-mono inline-flex align-middle" }}
-          <p><span class="{{$bullet}}">1</span>Add a public key to your account from the <a href="/settings" class="underline">settings</a> page</p>
-          <p><span class="{{$bullet}}">2</span>Configure your remote to <span class="font-mono p-1 rounded bg-gray-100 dark:bg-gray-700 ">git@{{ $knot }}:{{ .RepoInfo.OwnerHandle }}/{{ .RepoInfo.Name }}<span></p>
+          <p><span class="{{$bullet}}">1</span>Add an SSH public key to your account from the <a href="/settings" class="underline">settings</a> page.
+              If you don't have one, you can generate a new SSH key pair using the following command: <code>ssh-keygen -t ed25519 -C "you@example.com"</code>
+          </p>
+          <p><span class="{{$bullet}}">2</span>Configure your remote to <code>git@{{ $knot }}:{{ .RepoInfo.OwnerHandle }}/{{ .RepoInfo.Name }}</code></p>
           <p><span class="{{$bullet}}">3</span>Push!</p>
         </div>
       </div>
diff --git a/input.css b/input.css
index 5ac9a13e..5f11462c 100644
--- a/input.css
+++ b/input.css
@@ -70,6 +70,10 @@
         details summary::-webkit-details-marker {
             display: none;
         }
+
+        code {
+            @apply font-mono p-1 rounded bg-gray-100 dark:bg-gray-700;
+        }
     }
 
     @layer components {
-- 
2.51.2