brammp/little-backup-box-Bram
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Further improvements

Browse Source
This commit is contained in:
Dmitri Popov
2019-02-11 14:13:06 +01:00
parent 6ec553c8f4
commit 93e7c890d5
16 changed files with 46 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
scripts/index.php
View File

@@ -3,84 +3,40 @@
License: GPLv3 https://www.gnu.org/licenses/gpl-3.0.txt -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<meta charset="utf-8">
<title>Little Backup Box</title>
<link rel="shortcut icon" href="ichigo.png" />
<link rel="stylesheet" href="milligram.min.css">
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
p.left {
text-align: left;
}
p.center {
text-align: center;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
#content {
font: 1em/1.5em 'Lato', sans-serif;
margin: 0px auto;
width: 275px;
text-align: left;
}
#header {
font: bold 1.7em/2em 'Lato', sans-serif;
text-align: center;
}
#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>
#content {
margin: 0px auto;
text-align: center;
}
</style>
</head>
<body>
<title>Little Backup Box</title>
<div id="content">
<div id="header"><img src="ichigo.svg" height="39px" alt="Ichigo" align=""> Little Backup Box</div>
<hr>
<p class="left">Back up a storage card connected via a card reader</p>
<h1>Little Backup Box</h1>
<p>Back up a storage card connected via a card reader</p>
<p>
<form method="post">
<button id="btn" name="cardbackup">Card backup</button>
<button name="cardbackup">Card backup</button>
</form>
</p>
<p class="left">Transfer files directly from the connected camera</p>
<p>Transfer files directly from the connected camera</p>
<p>
<form method="post">
<button id="btn" class="orange" name="camerabackup">Camera backup</button>
<button name="camerabackup">Camera backup</button>
</form>
</p>
<p class="left">Shut down the Little Backup Box</p>
<p>
<form method="post">
<button id="btn" class="red" name="shutdown">Shut down</button>
<button class="button button-outline" name="shutdown">Shut down</button>
</form>
</p>
</div>