Add templates

This commit is contained in:
Jonathan Carter
2024-09-08 20:00:17 +02:00
parent ea15859f16
commit b448cfce51
5 changed files with 344 additions and 10 deletions

104
src/templates/disks.html Normal file
View File

@@ -0,0 +1,104 @@
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/static/bulma.css" rel="stylesheet">
<link href="/static/welcome.css" rel="stylesheet">
</head>
<body>
<div class="bg"></div>
<div style="margin-top: 50px;" class="container">
<div class="notification is-dark">
<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 (20 GB)</span> </p>
<div class="columns">
<div class="column is-narrow is-primary">
<div class="box" style="width: 220px;">
<p class="subtitle">/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>
<div class="column">
<div class="box">
<p class="subtitle">/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>
</div>
</div>
</div>
<div class="modal">
<div class="modal-background"></div>
<div class="modal-content">
<!-- Any other Bulma elements you want -->
<p>Welcome to partition disk editor.</p>
<p>This is quite cool.</p>
<div class="columns">
<div class="column"><button class="button is-light">Back</button></div>
<a href="./software"><div class="column"><button class="button is-link">Next</button></div></a>
</div>
</div>
</div>
<br><br><br>
<div class="columns">
<div class="column"><button class="button is-light">Back</button></div>
<a href="./software"><div class="column"><button class="button is-link">Next</button></div></a>
</div>
</div>
</div>
</body>
</html>