From a43e45b237b2649e54ae99e1819234f89a8e97f5 Mon Sep 17 00:00:00 2001 From: Quad Date: Mon, 11 Apr 2022 11:10:32 +0200 Subject: [PATCH] Very rough sample in place --- src/templates/components/master.nwt | 9 +++++++-- static/css/base.css | 22 ++++++++++++++++++++++ static/css/master.css | 24 +++++++++++++++++++++++- 3 files changed, 52 insertions(+), 3 deletions(-) create mode 100644 static/css/base.css diff --git a/src/templates/components/master.nwt b/src/templates/components/master.nwt index 9f0b689..6e098ab 100644 --- a/src/templates/components/master.nwt +++ b/src/templates/components/master.nwt @@ -1,10 +1,15 @@ + Example - + + -
+
+

Example

+
+
{% block content %}{% endblock %}
diff --git a/static/css/base.css b/static/css/base.css new file mode 100644 index 0000000..8b58abe --- /dev/null +++ b/static/css/base.css @@ -0,0 +1,22 @@ +div { + box-sizing: border-box; +} + +body, html, div, p, h1, h2, h3, h4, h5 { + margin: 0; + padding: 0; + font-family: sans-serif; +} + +:root { + --site-width: 960px; + + --bgcolor-1: rgb(225,220,220); + --bgcolor-2: rgb(250,250,250); + --bgcolor-3: rgb(245,65,45); + + --header-height: 50px; + + --shadow-size: 8px; + --shadow-color: rgba(0,0,0,0.35); +} diff --git a/static/css/master.css b/static/css/master.css index cc03783..6050cc7 100644 --- a/static/css/master.css +++ b/static/css/master.css @@ -1 +1,23 @@ - /* Nothing here yet */ +body { + background-color: var(--bgcolor-1); +} + +#header-block { + display: block; + width: 100vw; + height: var(--header-height); + background-color: var(--bgcolor-3); + box-shadow: 0px 0px var(--shadow-size) var(--shadow-color); + margin-bottom: translateY(-100%); +} + +#content-block { + display: block; + max-width: var(--site-width); + width: 100vw; + padding: 10px; + background-color: var(--bgcolor-2); + margin-left: auto; + margin-right: auto; + box-shadow: 0px 0px var(--shadow-size) var(--shadow-color); +}