Further improvements

fonts/Lato/OFL.txt

@@ -1,93 +0,0 @@
-Copyright (c) 2010-2014 by tyPoland Lukasz Dziedzic (team@latofonts.com) with Reserved Font Name "Lato"
-
-This Font Software is licensed under the SIL Open Font License, Version 1.1.
-This license is copied below, and is also available with a FAQ at:
-http://scripts.sil.org/OFL
-
-
------------------------------------------------------------
-SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
------------------------------------------------------------
-
-PREAMBLE
-The goals of the Open Font License (OFL) are to stimulate worldwide
-development of collaborative font projects, to support the font creation
-efforts of academic and linguistic communities, and to provide a free and
-open framework in which fonts may be shared and improved in partnership
-with others.
-
-The OFL allows the licensed fonts to be used, studied, modified and
-redistributed freely as long as they are not sold by themselves. The
-fonts, including any derivative works, can be bundled, embedded, 
-redistributed and/or sold with any software provided that any reserved
-names are not used by derivative works. The fonts and derivatives,
-however, cannot be released under any other type of license. The
-requirement for fonts to remain under this license does not apply
-to any document created using the fonts or their derivatives.
-
-DEFINITIONS
-"Font Software" refers to the set of files released by the Copyright
-Holder(s) under this license and clearly marked as such. This may
-include source files, build scripts and documentation.
-
-"Reserved Font Name" refers to any names specified as such after the
-copyright statement(s).
-
-"Original Version" refers to the collection of Font Software components as
-distributed by the Copyright Holder(s).
-
-"Modified Version" refers to any derivative made by adding to, deleting,
-or substituting -- in part or in whole -- any of the components of the
-Original Version, by changing formats or by porting the Font Software to a
-new environment.
-
-"Author" refers to any designer, engineer, programmer, technical
-writer or other person who contributed to the Font Software.
-
-PERMISSION & CONDITIONS
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of the Font Software, to use, study, copy, merge, embed, modify,
-redistribute, and sell modified and unmodified copies of the Font
-Software, subject to the following conditions:
-
-1) Neither the Font Software nor any of its individual components,
-in Original or Modified Versions, may be sold by itself.
-
-2) Original or Modified Versions of the Font Software may be bundled,
-redistributed and/or sold with any software, provided that each copy
-contains the above copyright notice and this license. These can be
-included either as stand-alone text files, human-readable headers or
-in the appropriate machine-readable metadata fields within text or
-binary files as long as those fields can be easily viewed by the user.
-
-3) No Modified Version of the Font Software may use the Reserved Font
-Name(s) unless explicit written permission is granted by the corresponding
-Copyright Holder. This restriction only applies to the primary font name as
-presented to the users.
-
-4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
-Software shall not be used to promote, endorse or advertise any
-Modified Version, except to acknowledge the contribution(s) of the
-Copyright Holder(s) and the Author(s) or with their explicit written
-permission.
-
-5) The Font Software, modified or unmodified, in part or in whole,
-must be distributed entirely under this license, and must not be
-distributed under any other license. The requirement for fonts to
-remain under this license does not apply to any document created
-using the Font Software.
-
-TERMINATION
-This license becomes null and void if any of the above conditions are
-not met.
-
-DISCLAIMER
-THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
-OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
-COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
-DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
-OTHER DEALINGS IN THE FONT SOFTWARE.

install-little-backup-box.sh

@@ -35,15 +35,12 @@ echo "-----------------------"
 sudo sed -i 's|'media_dir=/var/lib/minidlna'|'media_dir=/media/storage'|' /etc/minidlna.conf
 sudo service minidlna start
 
-echo "--------------------------------------------------"
-echo "Fetching Little Backup Box and installing fonts..."
-echo "--------------------------------------------------"
+echo "-----------------------------"
+echo "Fetching Little Backup Box..."
+echo "-----------------------------"
 
 cd
 git clone https://github.com/dmpop/little-backup-box.git
-cd little-backup-box/fonts
-sudo cp -R . /home/$USER/.fonts
-cd
 
 HEIGHT=15
 WIDTH=40

scripts/ichigo.svg

@@ -10,17 +10,17 @@
    version="1.1"
    x="0px"
    y="0px"
-   viewBox="0 0 83.28714 89.003151"
+   viewBox="0 0 90 90"
    enable-background="new 0 0 100 100"
    xml:space="preserve"
    id="svg2"
-   inkscape:version="0.91 r13725"
+   inkscape:version="0.92.2 5c3e80d, 2017-08-06"
    sodipodi:docname="ichigo.svg"
-   width="83.28714"
-   height="89.003151"
-   inkscape:export-filename="/home/dmpop/ichigo.png"
-   inkscape:export-xdpi="96.190002"
-   inkscape:export-ydpi="96.190002"><metadata
+   width="90"
+   height="90"
+   inkscape:export-filename="/run/media/dpopov/DATAPART1/little-backup-box/scripts/ichigo.png"
+   inkscape:export-xdpi="17.066668"
+   inkscape:export-ydpi="17.066668"><metadata
      id="metadata102"><rdf:RDF><cc:Work
          rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
@@ -33,8 +33,8 @@
      guidetolerance="10"
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
-     inkscape:window-width="1375"
-     inkscape:window-height="876"
+     inkscape:window-width="1920"
+     inkscape:window-height="1051"
      id="namedview98"
      showgrid="false"
      fit-margin-top="0"
@@ -42,15 +42,15 @@
      fit-margin-right="0"
      fit-margin-bottom="0"
      inkscape:zoom="1.888"
-     inkscape:cx="41.642749"
+     inkscape:cx="-45.751319"
      inkscape:cy="32.001001"
-     inkscape:window-x="65"
-     inkscape:window-y="24"
+     inkscape:window-x="1920"
+     inkscape:window-y="0"
      inkscape:window-maximized="1"
      inkscape:current-layer="svg2" /><g
      id="g4"
      style="fill:#ff0000"
-     transform="translate(-8.3572506,-5.4978477)"><path
+     transform="translate(-5.00082,-4.9994238)"><path
        d="m 89.678,23.383 c 0.839,0.229 1.691,-0.273 1.913,-1.107 0.223,-0.834 -0.273,-1.691 -1.107,-1.913 -9.077,-2.421 -16.374,-0.292 -21.772,6.298 0.318,-4.744 0.052,-9.658 -1.913,-13.87 -0.22,-0.471 -0.659,-0.803 -1.173,-0.883 -0.51,-0.08 -1.034,0.099 -1.388,0.479 -1.983,2.132 -3.446,4.95 -4.311,8.089 C 58.134,15.813 56.835,11.28 56.003,6.776 55.882,6.125 55.364,5.62 54.71,5.517 54.057,5.414 53.406,5.733 53.092,6.316 c -2.19,4.042 -2.497,7.907 -1.833,11.703 -4.53,-2.437 -8.717,-3.654 -12.606,-3.654 -9.42,0 -15.805,6.971 -21.301,14.503 -10.326,14.152 -11.764,54.006 -4.3,61.47 3.621,3.622 13.665,4.163 19.33,4.163 14.581,0 33.675,-3.342 41.958,-9.729 5.704,-4.398 12.325,-10.604 12.906,-19.638 0.294,-4.562 -0.965,-9.455 -3.784,-14.742 1.567,0.699 3.177,1.135 4.803,1.135 0.629,0 1.25,-0.065 1.848,-0.196 0.438,-0.097 0.813,-0.376 1.032,-0.768 0.218,-0.392 0.258,-0.859 0.108,-1.282 -1.612,-4.557 -5.162,-8.104 -10.118,-10.3 2.85,-1.879 5.729,-4.845 8.888,-9.087 0.311,-0.417 0.394,-0.959 0.222,-1.449 -0.171,-0.491 -0.574,-0.863 -1.076,-0.996 -2.496,-0.659 -4.812,-0.979 -7.077,-0.979 -3.973,0 -7.695,0.994 -11.749,3.176 4.701,-6.417 11.057,-8.468 19.335,-6.263 z m -24.775,-6.71 c 0.852,3.078 1.004,6.864 0.503,11.893 -1.084,-1.001 -2.153,-1.955 -3.204,-2.849 0.206,-3.333 1.164,-6.531 2.701,-9.044 z M 54.182,12.915 c 0.763,2.883 1.715,5.792 2.854,8.746 C 56.35,21.169 55.671,20.701 55,20.26 54.259,17.789 53.887,15.361 54.182,12.915 Z m 29.944,52.021 c -0.498,7.736 -6.191,13.118 -11.695,17.362 -7.647,5.896 -26.343,9.078 -40.05,9.078 -10.228,0 -15.55,-1.678 -17.12,-3.247 -5.808,-5.808 -5.33,-43.785 4.616,-57.417 5.79,-7.935 11.198,-13.22 18.775,-13.22 7.677,0 16.917,5.509 28.248,16.84 12.135,12.134 17.77,22.146 17.226,30.604 z m 3.282,-16.591 c -2.545,-0.335 -5.259,-2.082 -7.779,-4.056 -0.788,-1.101 -1.632,-2.217 -2.543,-3.353 0.066,-0.02 0.133,-0.04 0.2,-0.061 4.675,1.435 8.196,4.019 10.122,7.47 z M 82.09,29.598 c 1.277,0 2.579,0.118 3.938,0.357 -3.221,4.014 -6.067,6.47 -8.894,7.635 -1.119,-0.296 -2.287,-0.535 -3.502,-0.714 -0.729,-0.81 -1.489,-1.629 -2.277,-2.456 l -0.87,-1.262 c 4.159,-2.485 7.7,-3.56 11.605,-3.56 z"
        id="path6"
        style="fill:#ff0000"
@@ -123,7 +123,7 @@
        id="path40"
        style="fill:#ff0000"
        inkscape:connector-curvature="0" /><path
-       d="m 56.506,55.662 c 0.708,-0.494 0.881,-1.469 0.388,-2.177 -0.495,-0.708 -1.47,-0.882 -2.176,-0.388 l -2.197,1.532 c -0.709,0.494 -0.882,1.469 -0.389,2.176 0.305,0.437 0.789,0.67 1.283,0.67 0.309,0 0.62,-0.092 0.893,-0.281 l 2.198,-1.532 z"
+       d="m 56.506,55.662 c 0.708,-0.494 0.881,-1.469 0.388,-2.177 -0.495,-0.708 -1.47,-0.882 -2.176,-0.388 l -2.197,1.532 c -0.709,0.494 -0.882,1.469 -0.389,2.176 0.305,0.437 0.789,0.67 1.283,0.67 0.309,0 0.62,-0.092 0.893,-0.281 z"
        id="path42"
        style="fill:#ff0000"
        inkscape:connector-curvature="0" /><path

scripts/index.php

@@ -4,83 +4,39 @@
 
     <head>
       <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>
 
-         <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
-
-	 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>
     </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>