From 213aedfecb637d4284f1f2eeb34ee8fc091fe4a9 Mon Sep 17 00:00:00 2001 From: Avior Date: Fri, 29 Mar 2019 00:11:20 +0100 Subject: [PATCH] Added template to use on modules --- src/AdminPanel/Twig/template.twig | 14 +++++ src/Modules/Index/Templates/index.twig | 18 ++++++ src/Modules/Index/css/style.css | 78 ++++++++++++++++++++++++++ 3 files changed, 110 insertions(+) create mode 100644 src/AdminPanel/Twig/template.twig create mode 100644 src/Modules/Index/Templates/index.twig create mode 100644 src/Modules/Index/css/style.css diff --git a/src/AdminPanel/Twig/template.twig b/src/AdminPanel/Twig/template.twig new file mode 100644 index 0000000..4a91053 --- /dev/null +++ b/src/AdminPanel/Twig/template.twig @@ -0,0 +1,14 @@ + + + + + + + {{ title }} + {% block styles %}{% endblock %} + {% block scripts %}{% endblock %} + + + {% block body %}{% endblock %} + + diff --git a/src/Modules/Index/Templates/index.twig b/src/Modules/Index/Templates/index.twig new file mode 100644 index 0000000..73141a6 --- /dev/null +++ b/src/Modules/Index/Templates/index.twig @@ -0,0 +1,18 @@ +{% extends "@AdminPanel/template.twig" %} + +{% block styles %} + +{% endblock %} +{% block body %} +
+
+
+
+

COMING SOON

+

This website is under construction.

+

Webpage Source: Ompmega edited by Aviortheking

+
+
+
+
+{% endblock %} diff --git a/src/Modules/Index/css/style.css b/src/Modules/Index/css/style.css new file mode 100644 index 0000000..c9a597e --- /dev/null +++ b/src/Modules/Index/css/style.css @@ -0,0 +1,78 @@ +@import url(https://fonts.googleapis.com/css?family=Montserrat); +@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700); + +h1 { + margin: 0; + font-family: 'Montserrat', sans-serif; + font-size: 4em; + color: #333; + -webkit-text-shadow: 0 2px 1px rgba(0, 0, 0, 0.6), 0 0 2px rgba(0, 0, 0, 0.7); + -moz-text-shadow: 0 2px 1px rgba(0, 0, 0, 0.6), 0 0 2px rgba(0, 0, 0, 0.7); + text-shadow: 0 2px 1px rgba(0, 0, 0, 0.6), 0 0 2px rgba(0, 0, 0, 0.7); + word-spacing: 16px; +} + +p { + font-family: 'Open Sans', sans-serif; + font-size: 1.4em; + font-weight: bold; + color: #222; + text-shadow: 0 0 40px #fff, 0 0 30px #fff, 0 0 20px #fff; +} + +.container { + position: absolute; + top: 0; + bottom: 0; + width: 100%; + background: url(''); + background-size: cover; +} + +.wrapper { + width: 100%; + min-height: 100%; + height: auto; + display: table; +} + +.content { + display: table-cell; + vertical-align: middle; +} + +.item { + width: auto; + height: auto; + margin: 0 auto; + text-align: center; + padding: 8px; +} + +@media only screen and (min-width: 800px) { + h1 { + font-size: 6em; + } + + p { + font-size: 1.6em; + } +} + +@media only screen and (max-width: 320px) { + h1 { + font-size: 2em; + } + + p { + font-size: 1.2em; + } +} + +/* +Edits +*/ + +body { + margin: 0; +}