appview/pages: add ssh-keygen command to empty repo template

Signed-off-by: Anirudh Oppiliappan <[e-mail]>

appview/pages/templates/repo/empty.html

···
         <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 "[e-mail]"</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>

input.css

···
         details summary::-webkit-details-marker {
             display: none;
         }
+
+        code {
+            @apply font-mono p-1 rounded bg-gray-100 dark:bg-gray-700;
+        }
     }
 
     @layer components {