From 699bf610169daeb47bdcc894eb13fa1a706dc50b Mon Sep 17 00:00:00 2001
From: xengineering <mail2xengineering@protonmail.com>
Date: Tue, 22 Dec 2020 16:01:53 +0100
Subject: Switch to static Web App
---
webroot/css/xengineering.css | 111 +++++++++++++++++++++++++++++++++++++++++++
webroot/favicon.ico | Bin 0 -> 6715 bytes
webroot/index.html | 28 +++++++++++
webroot/template.html | 28 +++++++++++
4 files changed, 167 insertions(+)
create mode 100644 webroot/css/xengineering.css
create mode 100644 webroot/favicon.ico
create mode 100644 webroot/index.html
create mode 100644 webroot/template.html
(limited to 'webroot')
diff --git a/webroot/css/xengineering.css b/webroot/css/xengineering.css
new file mode 100644
index 0000000..1e14b72
--- /dev/null
+++ b/webroot/css/xengineering.css
@@ -0,0 +1,111 @@
+
+
+/*
+ web-template - A Template Project for dynamic Web Applications.
+
+ Copyright (C) 2020 xengineering
+
+ This program is free software: you can redistribute it and/or modify
+ it under the terms of the GNU Affero General Public License as published
+ by the Free Software Foundation, either version 3 of the License, or
+ (at your option) any later version.
+
+ This program is distributed in the hope that it will be useful,
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ GNU Affero General Public License for more details.
+
+ You should have received a copy of the GNU Affero General Public License
+ along with this program. If not, see <https://www.gnu.org/licenses/>.
+*/
+
+
+/*
+ General Stuff
+*/
+
+* {
+ box-sizing: border-box; /* Include padding and border in the element's total width and height */
+}
+
+body {
+ margin: 0; /* avoid ugly white margin */
+ font-family: Arial, Helvetica, sans-serif; /* select a nice font */
+}
+
+.xmenu {
+ background-color: black;
+}
+
+.xcontent {
+ background-color: white;
+}
+
+.xmenu a {
+ color: lightgray;
+ text-decoration: none; /* disable ugly underlined links */
+}
+
+/* How should the link behave if the mouse is over this item? */
+.xmenu a:hover {
+ background-color: lightgray;
+ color: black;
+}
+
+
+
+/*
+ Default Geometry / Geometry for Phones ('Mobile First Development')
+*/
+
+.xcontent {
+ padding-left: 20px;
+ padding-right: 20px;
+ text-align: justify;
+}
+
+.xmenu a {
+ display: block;
+ padding: 16px;
+ text-align: center;
+}
+
+
+
+/*
+ Geometry for Tablets
+*/
+
+@media only screen and (min-width: 600px) {
+ /* empty --> same rules as for phones */
+}
+
+
+
+/*
+ Geometry for Desktops
+*/
+
+@media only screen and (min-width: 768px) {
+
+ .xmenu {
+ height: 100%;
+ width: 200px;
+ position: fixed; /* position fixed in top left corner (with offset) */
+ top: 0px; /* disable the offset from top left corner */
+ }
+
+ .xmenu a {
+ text-align: left;
+ }
+
+ .xcontent {
+ margin-left: 200px; /* transparent margin on the left for .xmenu */
+ }
+
+ .xcontent *{ /* everything inside the content container */
+ max-width: 960px; /* maximum width on desktops should be 960 px */
+ margin-left: auto; /* center it with margin */
+ margin-right: auto; /* center it with margin */
+ }
+}
diff --git a/webroot/favicon.ico b/webroot/favicon.ico
new file mode 100644
index 0000000..969b451
Binary files /dev/null and b/webroot/favicon.ico differ
diff --git a/webroot/index.html b/webroot/index.html
new file mode 100644
index 0000000..59922a2
--- /dev/null
+++ b/webroot/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+
+<html>
+
+ <head>
+
+ <title>Web Template</title>
+
+ <meta charset="utf-8"/>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="stylesheet" href="css/xengineering.css" type="text/css">
+
+ </head>
+
+ <body>
+
+ <div class="xmenu">
+ <a href="https://example.com">HOME</a>
+ </div>
+
+ <div class="xcontent">
+ <h1>Web Template</h1>
+ </div>
+
+ </body>
+
+</html>
+
diff --git a/webroot/template.html b/webroot/template.html
new file mode 100644
index 0000000..b8ce99a
--- /dev/null
+++ b/webroot/template.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+
+<html>
+
+ <head>
+
+ <title>Web Template</title>
+
+ <meta charset="utf-8"/>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="stylesheet" href="xengineering.css" type="text/css">
+
+ </head>
+
+ <body>
+
+ <div class="xmenu">
+ <a href="https://example.com">HOME</a>
+ </div>
+
+ <div class="xcontent">
+ <h1>Web Template</h1>
+ </div>
+
+ </body>
+
+</html>
+
--
cgit v1.2.3-70-g09d2