ui improvements

pluja · Sep 3, 2023 · d586d5b · d586d5b
1 parent d9ba2b2
commit d586d5b
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 7 deletions.
diff --git a/nerostr/html/base.html b/nerostr/html/base.html
@@ -2,7 +2,12 @@
 <html>
   <head>
     <title>{{.Title}}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="shortcut icon" href="/static/assets/favicon.ico" sizes="any" type="image/x-icon">
+    <link rel="shortcut icon" href="/static/assets/favicon.ico" type="image/x-icon">
     <link rel="stylesheet" href="/static/style.css">
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="{{.Title}}" />
   </head>
 
   <body class="bg-gray-300">

diff --git a/nerostr/html/index.html b/nerostr/html/index.html
@@ -1,6 +1,6 @@
-<div class="pt-12 pb-6">
+<div class="pt-6 pb-6">
     <form class="flex flex-col items-center justify-center space-y-3" action="/user" method="POST">
-        <input class="p-2 text-gray-800 bg-gray-200 rounded-lg focus:border-none" placeholder="npub or hex key" type="text" name="pkey" id="pkey">
+        <input class="p-2 text-gray-800 bg-gray-200 rounded-lg focus:border-none" placeholder="npub or hex" type="text" name="pkey" id="pkey">
 
         <button class="flex items-center p-2 space-x-2 font-bold text-white bg-orange-600 rounded-lg hover:bg-orange-700" type="submit">
             <svg xmlns="http://www.w3.org/2000/svg" class="icon coin-monero" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
@@ -22,24 +22,23 @@
     </div>
 </div>-->
 
-
-<div class="flex flex-col items-center justify-center pt-12">
+<div class="flex flex-col items-center justify-center py-12 mx-6">
     <div class="max-w-md space-y-3">
         <h2 class="my-4 text-2xl text-gray-700">quick info</h2>
 
         <div class="w-full p-4 bg-gray-200 rounded-lg">
             <h3>what is nostr?</h3>
-            <p>a lightweight, simple yet extensible open protocol that allows building truly censorship resistant and decentralized social media platforms. <a class="underline" href="https://usenostr.org">learn more here</a>.</p>
+            <p class="mt-2 text-gray-600">a lightweight, simple yet extensible open protocol that allows building truly censorship resistant and decentralized social media platforms. <a class="underline" href="https://usenostr.org">learn more here</a>.</p>
         </div>
 
         <div class="w-full p-4 bg-gray-200 rounded-lg">
             <h3>why pay to relay?</h3>
-            <p>the obvious benefit of paid relays is avoiding spam. since there is a cost involved in publishing to these relays, you won't be subject to spammers and bots that tend to bombard any social media network, thus getting much better global feeds. </p>
+            <p class="mt-2 text-gray-600">the obvious benefit of paid relays is avoiding spam. since there is a cost involved in publishing to these relays, you won't be subject to spammers and bots that tend to bombard any social media network, thus getting much better global feeds. </p>
         </div>
 
         <div class="w-full p-4 bg-gray-200 rounded-lg">
             <h3>nerostr?</h3>
-            <p>
+            <p class="mt-2 text-gray-600">
                 nerostr is an open source project by <a class="underline" href="https://github.com/pluja/nerostr">pluja</a>. it uses golang as the backend, and <a class="underline" href="https://github.com/hoytech/strfry">strfry</a> as the relay.
             </p>
         </div>

diff --git a/nerostr/html/static/assets/favicon.ico b/nerostr/html/static/assets/favicon.ico