From 13219a7f8e38b22ca8233a8ec13beb6e17364284 Mon Sep 17 00:00:00 2001
From: Thomas Rupprecht <rupprecht.thomas@gmail.com>
Date: Wed, 28 Aug 2019 20:39:11 +0200
Subject: [PATCH] add sections

---
 popup/index.html | 64 +++++++++++++++++++++++++++---------------------
 1 file changed, 36 insertions(+), 28 deletions(-)

diff --git a/popup/index.html b/popup/index.html
index 0c3d234..47c1500 100644
--- a/popup/index.html
+++ b/popup/index.html
@@ -10,35 +10,43 @@
     <div class="icon-section-header"><img src="../icons/logo.svg" width="32" height="32" alt="/usr/space" /></div>
     <div class="text-section-header">/usr/space</div>
   </header>
-  <h2>Aktueller Status</h2>
-  <div id="state">loading...</div>
-  <h2>Links</h2>
-  <div class="panel-section panel-section-list">
-    <div class="panel-list-item link" data-url="https://usrspace.at/">
-      <div class="icon"><img src="../icons/font-awesome/home-solid.svg" width="19" height="19" alt="Home" /></div>
-      <div class="text">Homepage</div>
-      <div class="text-shortcut"></div>
+  <section>
+    <h2>Aktueller Status</h2>
+    <div id="state">loading...</div>
+  </section>
+  <section>
+    <h2>Links</h2>
+    <div class="panel-section panel-section-list">
+      <div class="panel-list-item link" data-url="https://usrspace.at/">
+        <div class="icon"><img src="../icons/font-awesome/home-solid.svg" width="19" height="19" alt="Home" /></div>
+        <div class="text">Homepage</div>
+        <div class="text-shortcut"></div>
+      </div>
+      <div class="panel-list-item link" data-url="https://www.usrspace.at/w/">
+        <div class="icon"><img src="../icons/font-awesome/wikipedia-w-brands.svg" width="19" height="19" alt="Wiki" /></div>
+        <div class="text">Wiki</div>
+        <div class="text-shortcut"></div>
+      </div>
+      <div class="panel-list-item link" data-url="https://gitea.usrspace.at/">
+        <div class="icon"><img src="../icons/gitea-brands.svg" width="19" height="19" alt="Gitea" /></div>
+        <div class="text">Gitea</div>
+        <div class="text-shortcut"></div>
+      </div>
+      <div class="panel-list-item link" data-url="https://cloud.usrspace.at/">
+        <div class="icon"><img src="../icons/font-awesome/cloud-solid.svg" width="19" height="19" alt="Cloud" /></div>
+        <div class="text">NextCloud</div>
+        <div class="text-shortcut"></div>
+      </div>
     </div>
-    <div class="panel-list-item link" data-url="https://www.usrspace.at/w/">
-      <div class="icon"><img src="../icons/font-awesome/wikipedia-w-brands.svg" width="19" height="19" alt="Wiki" /></div>
-      <div class="text">Wiki</div>
-      <div class="text-shortcut"></div>
-    </div>
-    <div class="panel-list-item link" data-url="https://gitea.usrspace.at/">
-      <div class="icon"><img src="../icons/gitea-brands.svg" width="19" height="19" alt="Gitea" /></div>
-      <div class="text">Gitea</div>
-      <div class="text-shortcut"></div>
-    </div>
-    <div class="panel-list-item link" data-url="https://cloud.usrspace.at/">
-      <div class="icon"><img src="../icons/font-awesome/cloud-solid.svg" width="19" height="19" alt="Cloud" /></div>
-      <div class="text">NextCloud</div>
-      <div class="text-shortcut"></div>
-    </div>
-  </div>
-  <h2>Nächster Termin</h2>
-  <div id="calendar">loading...</div>
-  <h2>Infos</h2>
-  <pre id="space-api"><code>loading...</code></pre>
+  </section>
+  <section>
+    <h2>Nächster Termin</h2>
+    <div id="calendar">loading...</div>
+  </section>
+  <section>
+    <h2>Infos</h2>
+    <pre id="space-api"><code>loading...</code></pre>
+  </section>
 
   <script type="application/javascript" src="../browser-polyfill.js"></script>
   <script type="application/javascript" src="../config.js"></script>