From 4ee968df66f842db387c76e99c2712b7dae62d15 Mon Sep 17 00:00:00 2001 From: "Niels G. W. Serup" Date: Wed, 24 Aug 2016 12:18:33 +0200 Subject: [PATCH] Add basic template. --- template/base.html | 25 +++++++++++++++++ template/section.html | 4 +++ template/showing.html | 4 +++ template/style.css | 62 +++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 95 insertions(+) create mode 100644 template/base.html create mode 100644 template/section.html create mode 100644 template/showing.html create mode 100644 template/style.css diff --git a/template/base.html b/template/base.html new file mode 100644 index 0000000..27767b3 --- /dev/null +++ b/template/base.html @@ -0,0 +1,25 @@ + + + + + media.metanohi.name + + + +
+
+
+

media.metanohi.name

+

+ This is my media collection. I am involved in all of these + productions in some way. +

+

+ Niels +

+
+ + {content} +
+ + diff --git a/template/section.html b/template/section.html new file mode 100644 index 0000000..4705473 --- /dev/null +++ b/template/section.html @@ -0,0 +1,4 @@ +
+

{title}

+ Thumbnail +
diff --git a/template/showing.html b/template/showing.html new file mode 100644 index 0000000..f5d4880 --- /dev/null +++ b/template/showing.html @@ -0,0 +1,4 @@ +
+

{title}

+ {video} +
diff --git a/template/style.css b/template/style.css new file mode 100644 index 0000000..681ce8a --- /dev/null +++ b/template/style.css @@ -0,0 +1,62 @@ +body { + margin: 0; + font-family: sans; + background-color: #4F08C8; +} + +#body { + width: 40em; + padding: 0.5em; + margin: 0 auto; +} + +/* BEGIN HACK */ +#body-behind { + margin: 0 auto; + width: calc(41em + (100% - 41em) / 3); +} + +#body-behind > div { + position: fixed; + top: 0; + width: calc(41em + (100% - 41em) / 3); + height: 100%; + z-index: -1; + transform: skewX(-2deg); + transform-origin: top center; + background-color: #ABC808; +} +/* END HACK */ + +header { + background-color: #FF00D3; + padding: 0.5em; +} + +header a, header a:visited { + text-decoration: none; + color: black; +} + +.video-section { + background-color: #2EE2FF; + margin-top: 1em; + padding: 0.5em; +} + +.video-showing { + background-color: #FF8C00; + margin-top: 1em; + padding: 0.5em; + position: absolute; + left: calc((100% - 58em) / 2); + width: 57em; +} + +p.signature { + font-style: italic; +} + +p.signature:before { + content: '--'; +}