refactor, feat: add powered by dp snippet in footer

p2plabsxyz · Dec 8, 2024 · d0a37fd · d0a37fd
1 parent 03de63d
commit d0a37fd
Showing 1 changed file with 28 additions and 17 deletions.
diff --git a/index.html b/index.html
@@ -81,28 +81,28 @@ <h2 class="text-2xl font-bold mb-4">⌨️ Keyboard Shortcuts</h2>
           <tbody>
             <tr>
               <td class="border border-gray-300 px-4">New Window</td>
-              <td class="border border-gray-300 px-4"><code
-                  class="bg-gray-200 px-1 rounded">CommandOrControl+N</code></td>
+              <td class="border border-gray-300 px-4"><code class="bg-gray-200 px-1 rounded">CommandOrControl+N</code>
+              </td>
             </tr>
             <tr class="bg-gray-50">
               <td class="border border-gray-300 px-4">Back</td>
-              <td class="border border-gray-300 px-4"><code
-                  class="bg-gray-200 px-1 rounded">CommandOrControl+[</code></td>
+              <td class="border border-gray-300 px-4"><code class="bg-gray-200 px-1 rounded">CommandOrControl+[</code>
+              </td>
             </tr>
             <tr>
               <td class="border border-gray-300 px-4">Forward</td>
-              <td class="border border-gray-300 px-4"><code
-                  class="bg-gray-200 px-1 rounded">CommandOrControl+]</code></td>
+              <td class="border border-gray-300 px-4"><code class="bg-gray-200 px-1 rounded">CommandOrControl+]</code>
+              </td>
             </tr>
             <tr class="bg-gray-50">
               <td class="border border-gray-300 px-4">Reload</td>
-              <td class="border border-gray-300 px-4"><code
-                  class="bg-gray-200 px-1 rounded">CommandOrControl+R</code></td>
+              <td class="border border-gray-300 px-4"><code class="bg-gray-200 px-1 rounded">CommandOrControl+R</code>
+              </td>
             </tr>
             <tr>
               <td class="border border-gray-300 px-4">Find in Page</td>
-              <td class="border border-gray-300 px-4"><code
-                  class="bg-gray-200 px-1 rounded">CommandOrControl+F</code></td>
+              <td class="border border-gray-300 px-4"><code class="bg-gray-200 px-1 rounded">CommandOrControl+F</code>
+              </td>
             </tr>
             <tr class="bg-gray-50">
               <td class="border border-gray-300 px-4">Open Dev Tools</td>
@@ -111,18 +111,18 @@ <h2 class="text-2xl font-bold mb-4">⌨️ Keyboard Shortcuts</h2>
             </tr>
             <tr>
               <td class="border border-gray-300 px-4">Focus URL Bar</td>
-              <td class="border border-gray-300 px-4"><code
-                  class="bg-gray-200 px-1 rounded">CommandOrControl+L</code></td>
+              <td class="border border-gray-300 px-4"><code class="bg-gray-200 px-1 rounded">CommandOrControl+L</code>
+              </td>
             </tr>
             <tr class="bg-gray-50">
               <td class="border border-gray-300 px-4">Minimize</td>
-              <td class="border border-gray-300 px-4"><code
-                  class="bg-gray-200 px-1 rounded">CommandOrControl+M</code></td>
+              <td class="border border-gray-300 px-4"><code class="bg-gray-200 px-1 rounded">CommandOrControl+M</code>
+              </td>
             </tr>
             <tr>
               <td class="border border-gray-300 px-4">Close</td>
-              <td class="border border-gray-300 px-4"><code
-                  class="bg-gray-200 px-1 rounded">CommandOrControl+W</code></td>
+              <td class="border border-gray-300 px-4"><code class="bg-gray-200 px-1 rounded">CommandOrControl+W</code>
+              </td>
             </tr>
             <tr class="bg-gray-50">
               <td class="border border-gray-300 px-4">Toggle Full Screen</td>
@@ -308,7 +308,7 @@ <h2 class="text-2xl font-bold mb-4">🚧 Roadmap</h2>
       </ul>
     </section>
 
-    <footer class="text-sm mt-6 mb-12">
+    <footer class="text-center text-sm mt-8 mb-8">
       <a class="underline hover:text-gray-800 hover:no-underline"
         href="https://github.com/p2plabsxyz/peersky-browser/tree/v1">Github</a>
       <!-- <a class="underline hover:text-gray-800 hover:no-underline"
@@ -319,6 +319,17 @@ <h2 class="text-2xl font-bold mb-4">🚧 Roadmap</h2>
       <a class="underline hover:text-gray-800 hover:no-underline" href="https://twitter.com/PeerskyBrowser">Twitter</a>
       Made with 💙 by
       <a class="underline hover:text-gray-800 hover:no-underline" href="https://p2plabs.xyz/">p2plabs.xyz</a>
+      <div style="text-align: center; justify-items: center; margin-top: 20px; padding: 8px;">
+        <div>Powered by</div>
+        <a href="//distributed.press" target="_blank">
+          <img alt="Distributed Press" src="//distributed.press/img/logos/logo-distributedpress-grey.png"
+            style="width: 123px; height: auto; margin-top: 6px;" />
+        </a>
+        <p style="font-size: 14px; margin-top: 6px;">
+          <a href="//reader.distributed.press" target="_blank">Follow on ActivityPub</a> |
+          <a href="//docs.distributed.press" target="_blank">Learn More</a>
+        </p>
+      </div>
     </footer>
   </div>
 </body>