Basking partition name

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

public/index.html

@@ -16,23 +16,25 @@
       <div class="autogrid">
         <section class="col">
           <div class="feed-card">
-            <div>
+            <div class="autogrid">
-              <meter min="0" v-bind:max="diskSize" v-bind:value="diskUsed"></meter>
+              <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>
+            <h2>Apps</h2>
-          </div>
+            <ul>
-        </section>
+              <li><a href="/emby">Emby</a></li>
-
+              <li><a href="/portainer">Portainer</a></li>
-        <section class="col">
+            </ul>
-          <div class="feed-card">
-            <h3><a href="/portainer">Portainer</a></h3>
           </div>
         </section>
       </div>

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%;
 }
 

src/index.html

@@ -16,23 +16,25 @@
       <div class="autogrid">
         <section class="col">
           <div class="feed-card">
-            <div>
+            <div class="autogrid">
-              <meter min="0" v-bind:max="diskSize" v-bind:value="diskUsed"></meter>
+              <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>
+            <h2>Apps</h2>
-          </div>
+            <ul>
-        </section>
+              <li><a href="/emby">Emby</a></li>
-
+              <li><a href="/portainer">Portainer</a></li>
-        <section class="col">
+            </ul>
-          <div class="feed-card">
-            <h3><a href="/portainer">Portainer</a></h3>
           </div>
         </section>
       </div>