WIP New app layout

app/views/dashboard/index.html.erb

@@ -1,58 +1,63 @@
-<section>
-  <h2>Services</h2>
-  <p>
-    Your Kosmos account and password currently give you access to these
-    services:
-  </p>
-  <div class="grid services mt-12">
-    <div>
-      <h3 class="mb-3.5">
-        <%= link_to "Chat", "https://wiki.kosmos.org/Services:Chat", class: "ks-text-link" %>
-      </h3>
-      <p class="text-gray-500">
-        Chat rooms and instant messaging (XMPP/Jabber)
+<%= render partial: "components/header", locals: { page_title: "Services" } %>
+
+<main class="w-full max-w-6xl mx-auto pb-12 px-4 sm:px-6 lg:px-8">
+  <div class="bg-white rounded-lg shadow px-6 py-12 sm:px-12">
+    <section>
+      <p>
+        Your Kosmos account and password currently give you access to these
+        services:
       </p>
-    </div>
-    <div>
-      <h3 class="mb-3.5">
-        <%= link_to "Discourse", "https://community.kosmos.org", class: "ks-text-link" %>
-      </h3>
-      <p class="text-gray-500">
-        Kosmos community forums and user support/help site
-      </p>
-    </div>
-    <div>
-      <h3 class="mb-3.5">
-        <span class="text-yellow-500">🗲</span>
-        <%= link_to "Lightning Wallet", wallet_path, class: "ks-text-link" %>
-      </h3>
-      <p class="text-gray-500">
-        Send and receive sats over the Bitcoin Lightning Network
-      </p>
-    </div>
-    <div>
-      <h3 class="mb-3.5">
-        <%= link_to "Wiki", "https://wiki.kosmos.org", class: "ks-text-link" %>
-      </h3>
-      <p class="text-gray-500">
-        Kosmos documentation and knowledge base
-      </p>
-    </div>
-    <div>
-      <h3 class="mb-3.5">
-        <%= link_to "Gitea", "https://gitea.kosmos.org", class: "ks-text-link" %>
-      </h3>
-      <p class="text-gray-500">
-        Code hosting and collaboration for software projects
-      </p>
-    </div>
-    <div>
-      <h3 class="mb-3.5">
-        <%= link_to "Drone CI", "https://drone.kosmos.org", class: "ks-text-link" %>
-      </h3>
-      <p class="text-gray-500">
-        Continuous integration for software projects on Gitea
-      </p>
-    </div>
+      <div class="grid services mt-12">
+        <div>
+          <h3 class="mb-3.5">
+            <%= link_to "Chat", "https://wiki.kosmos.org/Services:Chat", class: "ks-text-link" %>
+          </h3>
+          <p class="text-gray-500">
+            Chat rooms and instant messaging (XMPP/Jabber)
+          </p>
+        </div>
+        <div>
+          <h3 class="mb-3.5">
+            <%= link_to "Discourse", "https://community.kosmos.org", class: "ks-text-link" %>
+          </h3>
+          <p class="text-gray-500">
+            Kosmos community forums and user support/help site
+          </p>
+        </div>
+        <div>
+          <h3 class="mb-3.5">
+            <span class="text-yellow-500">🗲</span>
+            <%= link_to "Lightning Wallet", wallet_path, class: "ks-text-link" %>
+          </h3>
+          <p class="text-gray-500">
+            Send and receive sats over the Bitcoin Lightning Network
+          </p>
+        </div>
+        <div>
+          <h3 class="mb-3.5">
+            <%= link_to "Wiki", "https://wiki.kosmos.org", class: "ks-text-link" %>
+          </h3>
+          <p class="text-gray-500">
+            Kosmos documentation and knowledge base
+          </p>
+        </div>
+        <div>
+          <h3 class="mb-3.5">
+            <%= link_to "Gitea", "https://gitea.kosmos.org", class: "ks-text-link" %>
+          </h3>
+          <p class="text-gray-500">
+            Code hosting and collaboration for software projects
+          </p>
+        </div>
+        <div>
+          <h3 class="mb-3.5">
+            <%= link_to "Drone CI", "https://drone.kosmos.org", class: "ks-text-link" %>
+          </h3>
+          <p class="text-gray-500">
+            Continuous integration for software projects on Gitea
+          </p>
+        </div>
+      </div>
+    </section>
   </div>
-</section>
+</main>