53 lines
1.8 KiB
Smarty
53 lines
1.8 KiB
Smarty
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" type="text/css" href="static/styles.css">
|
|
<style>
|
|
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
|
|
body {
|
|
font: 15px/25px 'Lato', sans-serif;
|
|
}
|
|
p.left {
|
|
text-align: left;
|
|
}
|
|
p.center {
|
|
text-align: center;
|
|
}
|
|
#content {
|
|
font: 15px/25px 'Open Sans', sans-serif;
|
|
margin: 0px auto;
|
|
width: 275px;
|
|
text-align: left;
|
|
}
|
|
#btn {
|
|
width: 11em; height: 2em;
|
|
background: #3399ff;
|
|
border-radius: 5px;
|
|
color: #fff;
|
|
font-family: 'Lato', sans-serif; font-size: 25px; font-weight: 900;
|
|
letter-spacing: 3px;
|
|
border:none;
|
|
}
|
|
#btn.orange {
|
|
background: #ff9900;
|
|
}
|
|
#btn.red {
|
|
background: #cc0000;
|
|
}
|
|
</style>
|
|
</head>
|
|
<title>Little Backup Box</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<form method="POST" action="/">
|
|
<div id="content">
|
|
<p class="center">Free disk space: <b>{{freespace}}</b> GB</p>
|
|
<p><input id="btn" name="cardbackup" type="submit" value="Card backup"></p>
|
|
<p class="left">Back up a storage card connected via a card reader</p>
|
|
<p><input id="btn" name="camerabackup" type="submit" value="Camera backup"></p>
|
|
<p class="left">Transfer files directly from the connected camera</p>
|
|
<p><input id="btn" class="orange" name="devicebackup" type="submit" value="Device backup"></p>
|
|
<p class="left">Back up files from the internal storage to an external storage device</p>
|
|
<p><input id="btn" class="red" name="shutdown" value="Shut down" type="submit" /></p>
|
|
<p class="left">Shut down the Little Backup Box</p>
|
|
</div>
|
|
</form>
|