From bc6b03ab29703dfff857b63727657ca3127eb381 Mon Sep 17 00:00:00 2001 From: xengineering Date: Thu, 11 Feb 2021 13:01:43 +0100 Subject: Refactoring: Reimplement Webroot Deployment --- lib/css/debug.html | 31 +++++++++++++ lib/css/xengineering.css | 111 +++++++++++++++++++++++++++++++++++++++++++++++ lib/html/example.html | 31 +++++++++++++ lib/img/xengineering.ico | Bin 0 -> 6715 bytes lib/js/example.js | 14 ++++++ 5 files changed, 187 insertions(+) create mode 100644 lib/css/debug.html create mode 100644 lib/css/xengineering.css create mode 100644 lib/html/example.html create mode 100644 lib/img/xengineering.ico create mode 100644 lib/js/example.js (limited to 'lib') diff --git a/lib/css/debug.html b/lib/css/debug.html new file mode 100644 index 0000000..8d4b997 --- /dev/null +++ b/lib/css/debug.html @@ -0,0 +1,31 @@ + + + + + + + CSS Debugger + + + + + + + + + +
+ HOME +
+ +
+

Web Template

+ +
+ + + + + + + diff --git a/lib/css/xengineering.css b/lib/css/xengineering.css new file mode 100644 index 0000000..1e14b72 --- /dev/null +++ b/lib/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 . +*/ + + +/* + 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/lib/html/example.html b/lib/html/example.html new file mode 100644 index 0000000..a406de7 --- /dev/null +++ b/lib/html/example.html @@ -0,0 +1,31 @@ + + + + + + + Web Template + + + + + + + + + +
+ HOME +
+ +
+

Web Template

+ +
+ + + + + + + diff --git a/lib/img/xengineering.ico b/lib/img/xengineering.ico new file mode 100644 index 0000000..969b451 Binary files /dev/null and b/lib/img/xengineering.ico differ diff --git a/lib/js/example.js b/lib/js/example.js new file mode 100644 index 0000000..59cf1ee --- /dev/null +++ b/lib/js/example.js @@ -0,0 +1,14 @@ + +function example_post() { + + var data = { + "key":"value", + } + var json = JSON.stringify(data); + + var xhr = new XMLHttpRequest(); + xhr.open("POST", "api", true); + xhr.send(json); + +} + -- cgit v1.2.3-70-g09d2