From ca4034dbaa574232dc0570d8200f9d632935b1ac Mon Sep 17 00:00:00 2001
From: Joe Wroten <joe@wroten.me>
Date: Wed, 15 May 2019 23:18:54 -0500
Subject: [PATCH] Basking partition name

---
 mkRaw.sh              |  2 +-
 public/index.html     | 24 +++++++++++++-----------
 src/assets/styles.css | 31 +++++++++++++++++++++++++++++++
 src/index.html        | 24 +++++++++++++-----------
 4 files changed, 58 insertions(+), 23 deletions(-)

diff --git a/mkRaw.sh b/mkRaw.sh
index 18e8734..ec3921e 100644
--- a/mkRaw.sh
+++ b/mkRaw.sh
@@ -5,4 +5,4 @@ touch data/raw/real/date.raw
 date > data/raw/real/date.raw
 
 touch data/raw/real/diskspace.raw
-df | grep /dev/disk1s1 > data/raw/real/diskspace.raw
+df | grep /dev/md0 > data/raw/real/diskspace.raw
diff --git a/public/index.html b/public/index.html
index 0c99f81..0c805f8 100644
--- a/public/index.html
+++ b/public/index.html
@@ -16,23 +16,25 @@
       <div class="autogrid">
         <section class="col">
           <div class="feed-card">
-            <div>
-              <meter min="0" v-bind:max="diskSize" v-bind:value="diskUsed"></meter>
+            <div class="autogrid">
+              <div class="col-1-3">
+                <div class="load" v-if="fetchingDiskSpace"></div>
+                <h4 v-else>Used: {{diskCapacity}}</h4>
+              </div>
+              <div class="col-2-3">
+                <meter min="0" v-bind:max="diskSize" v-bind:value="diskUsed"></meter>
+              </div>
             </div>
-            <div class="load" v-if="fetchingDiskSpace"></div>
-            <h3 v-else>Used: {{diskCapacity}}
           </div>
         </section>
 
         <section class="col">
           <div class="feed-card">
-            <h3><a href="/emby">Emby</a></h3>
-          </div>
-        </section>
-
-        <section class="col">
-          <div class="feed-card">
-            <h3><a href="/portainer">Portainer</a></h3>
+            <h2>Apps</h2>
+            <ul>
+              <li><a href="/emby">Emby</a></li>
+              <li><a href="/portainer">Portainer</a></li>
+            </ul>
           </div>
         </section>
       </div>
diff --git a/src/assets/styles.css b/src/assets/styles.css
index b93b4b7..b4b14f2 100644
--- a/src/assets/styles.css
+++ b/src/assets/styles.css
@@ -1,4 +1,35 @@
+body {
+  background: #282a36;
+}
+
+footer {
+  color: #44475a;
+}
+
+.feed-card {
+  background: #44475a;
+  color: #f8f8f2;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  color: #f8f8f2;
+}
+
+a {
+  color: #ff79c6;
+}
+
+a:hover,
+a:target {
+  color: #bd93f9;
+}
+
+a:active {
+  color: #f8f8f2;
+}
+
 meter {
+  height: 1.5em;
   width: 100%;
 }
 
diff --git a/src/index.html b/src/index.html
index 0c99f81..0c805f8 100644
--- a/src/index.html
+++ b/src/index.html
@@ -16,23 +16,25 @@
       <div class="autogrid">
         <section class="col">
           <div class="feed-card">
-            <div>
-              <meter min="0" v-bind:max="diskSize" v-bind:value="diskUsed"></meter>
+            <div class="autogrid">
+              <div class="col-1-3">
+                <div class="load" v-if="fetchingDiskSpace"></div>
+                <h4 v-else>Used: {{diskCapacity}}</h4>
+              </div>
+              <div class="col-2-3">
+                <meter min="0" v-bind:max="diskSize" v-bind:value="diskUsed"></meter>
+              </div>
             </div>
-            <div class="load" v-if="fetchingDiskSpace"></div>
-            <h3 v-else>Used: {{diskCapacity}}
           </div>
         </section>
 
         <section class="col">
           <div class="feed-card">
-            <h3><a href="/emby">Emby</a></h3>
-          </div>
-        </section>
-
-        <section class="col">
-          <div class="feed-card">
-            <h3><a href="/portainer">Portainer</a></h3>
+            <h2>Apps</h2>
+            <ul>
+              <li><a href="/emby">Emby</a></li>
+              <li><a href="/portainer">Portainer</a></li>
+            </ul>
           </div>
         </section>
       </div>