Move files to actual applets

src/applets/disks/disks.html

@@ -0,0 +1,108 @@
+{% extends "layout.html" %}
+{% block body %}
+
+<h1 class="is-size-3"> Disks and Partitions </h1>
+
+<br>
+
+<div class="tabs">
+  <ul>
+    <li><a href="/welcome">Welcome</a></li>
+    <li><a href="/users">Users</a></li>
+    <li class="is-active"><a href="/disks">Disks</a></li>
+    <li><a href="/software">Software</a></li>
+    <li><a href="/summary">Summary</a></li>
+  </ul>
+</div>
+
+<br>
+
+<p> How would you like to install Debian?</p>
+
+<br>
+
+<div class="radios">
+  <label class="radio">
+    <input type="radio" name="rsvp" />
+    Erase entire disk
+  </label>
+  <label class="radio">
+    <input type="radio" name="rsvp" />
+    Install alongside another operating system
+  </label>
+  <label class="radio">
+    <input type="radio" name="rsvp" disabled />
+    Define your own disk and partitioning setup
+  </label>
+</div>
+
+<br>
+
+<p> Proposed layout: </p>
+<br>
+
+<div style="background-color: gray; padding: 15px; border-radius: 15px;">
+<p> <span style="width: 100%;" class="tag is-black">Physical disk: TOSHIBA HDWD120 (2000 GB)<span class="tag is-primary">Healthy</span></span> </p>
+<div class="columns">
+  <div class="column is-narrow is-primary">
+    <div class="box" style="width: 220px;">
+    <p class="is-tiny">/dev/sda1</p>
+    <p class="title is-5"><span class="tag is-black">/boot/efi</span>
+    <span class="tag is-dark">200 MB</span>
+    <span class="tag is-link">vfat</span>
+    </p>
+  </div>
+</div>
+  <a hx-get="/disks/partition/sda" hx-swap="outerHTML"/>
+  <div class="column">
+    <div class="box">
+      <p class="is-tiny">/dev/sda2</p>
+      <p class="title is-5"><span class="tag is-black">/</span> <span class="tag is-dark">18 GB</span> <span class="tag is-link">btrfs</span></p>
+    </div>
+  </a>
+  </div>
+</div>
+</div>
+
+<br><br>
+
+<div style="background-color: gray; padding: 15px; border-radius: 15px;">
+<p> <span style="width: 100%;" class="tag is-black">Physical disk: TOSHIBA HDWD120 (2000 GB)<span class="tag is-primary">Healthy</span></span> </p>
+<div class="columns">
+  <div class="column is-narrow is-primary">
+    <div class="box" style="width: 220px;">
+    <p class="is-tiny">/dev/sda1</p>
+    <p class="title is-5"><span class="tag is-black">/boot/efi</span>
+    <span class="tag is-dark">200 MB</span>
+    <span class="tag is-link">vfat</span>
+    </p>
+  </div>
+</div>
+  <a hx-get="/disks/partition/sda" hx-swap="outerHTML"/>
+  <div class="column">
+    <div class="box">
+      <p class="is-tiny">/dev/sda2</p>
+      <p class="title is-5"><span class="tag is-black">/</span> <span class="tag is-dark">18 GB</span> <span class="tag is-link">btrfs</span></p>
+    </div>
+  </a>
+  </div>
+</div>
+</div>
+
+<br><br>
+
+    <div class="columns">
+      <div class="column"><button class="button is-light">Cancel</button></div>
+      <a href="/software"><div class="column"><button class="button is-link">Continue</button></div></a>
+    </div>
+  </div>
+</div>
+</div>
+
+
+<br><br>
+
+</div>
+</div>
+
+{% endblock %}