About screen

4301e511 · Bob Mottram · a2d62be1 · 4301e511 · 4301e511
Commit 4301e511 authored 6 years ago by Bob Mottram
--- a/webadmin/EN/about.html
+++ b/webadmin/EN/about.html
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #headerpic {
+          width: 60%;
+          height: auto;
+          margin-right : auto;
+          margin-left : auto;
+          min-width : 220px;
+      }
+
+      .header {
+          text-align: center;
+          padding: 32px;
+      }
+
+      #iconpic {
+          width: 20%;
+          height: auto;
+          margin-right : auto;
+          margin-left : auto;
+          min-width : 120px;
+      }
+
+      .appurl {
+          color: grey;
+          font-size: 100%;
+      }
+
+      .desc {
+          color: black;
+          font-size: 100%;
+      }
+
+      button {
+          border: none;
+          outline: 0;
+          display: inline-block;
+          padding: 8px;
+          color: white;
+          background-color: #000;
+          text-align: center;
+          cursor: pointer;
+          width: 100%;
+          font-size: 18px;
+      }
+
+      a {
+          text-decoration: none;
+          color: black;
+      }
+
+      a:link, a:hover, a:visited {
+          color: blue;
+      }
+
+      button:hover {
+          opacity: 0.7;
+      }
+
+    </style>
+  </head>
+  <body>
+    <div class="header">
+      <a href="index.html"><img id="headerpic" class="img-responsive" src="images/logo.png"></a>
+
+      <p class="desc">This is a server system which enables you to run internet apps such as a blog or federated social network.</p>
+
+      <p class="desc">Freedombone started in 2013. It was initially based on the Beaglebone Black hardware and inspired by the FreedomBox idea of an inexpensive and simple to manage internet server for the home.</p>
+
+      <p class="desc">For further information <a href="https://freedombone.net">see the website</a>.</p>
+
+      <form action="index.html">
+        <input type="submit" value="Go Back" />
+      </form>
+    </div>
+
+  </body>
+</html>
--- a/webadmin/EN/index.html
+++ b/webadmin/EN/index.html
@@ -73,7 +73,7 @@
  <body>

    <div class="header">
-      <img id="headerpic" class="img-responsive" src="images/logo.png">
+      <a href="about.html"><img id="headerpic" class="img-responsive" src="images/logo.png"></a>
    </div>

    <div class="row">