From 4301e511a0377a5f7ff27931c0c7ff422cbacf26 Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Tue, 14 Aug 2018 17:10:05 +0100
Subject: [PATCH] About screen

---
 webadmin/EN/about.html | 80 ++++++++++++++++++++++++++++++++++++++++++
 webadmin/EN/index.html |  2 +-
 2 files changed, 81 insertions(+), 1 deletion(-)
 create mode 100644 webadmin/EN/about.html

diff --git a/webadmin/EN/about.html b/webadmin/EN/about.html
new file mode 100644
index 000000000..9f825334a
--- /dev/null
+++ b/webadmin/EN/about.html
@@ -0,0 +1,80 @@
+<!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>
diff --git a/webadmin/EN/index.html b/webadmin/EN/index.html
index fb98ae92d..727d7691b 100644
--- 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">
-- 
GitLab