diff --git a/static/assets/bg.gif b/static/assets/bg.gif new file mode 100644 index 0000000..5413893 Binary files /dev/null and b/static/assets/bg.gif differ diff --git a/static/assets/placeholder.txt b/static/assets/placeholder.txt new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/static/assets/placeholder.txt @@ -0,0 +1 @@ + diff --git a/static/global.css b/static/global.css new file mode 100644 index 0000000..2fa4b71 --- /dev/null +++ b/static/global.css @@ -0,0 +1,89 @@ +body { + + background: url(/static/assets/bg.gif); + color: white; + font-family: monospace; + height: 100vh; + margin: 0; + display: flex; + justify-content: center; + +} + +.titlebar { + text-align: center; +} + +.box { + + background: rgba(0, 0, 0, 0.8); + border: 2px solid purple; + padding: 10px; + box-sizing: border-box; + text-align: center; + width: 100%; + margin: 5px; + +} + +a:link { + + color: purple; + text-decoration: none; + +} + +#content { + width: 50%; +} + +#main-pane { + width: 100%; + padding: 10px; + display: flex; + flex-direction: row; +} + +#content-pane, #sidenav { + height: 80vh; +} + +#sidenav { + + width: 25%; + font-size: 12pt; + + display: flex; + flex-direction: column; +} + +@media only screen and (max-width: 1080px) { + #content { + width: 90%; + } + + #main-pane { + + flex-direction: column; + width: 96%; + + } + + #content-pane, #sidenav { + height: 100%; + width: 100%; + } + + #sidenav { + + flex-direction: row; + + } + + #sidenav a { + + margin-left: 10px; + + } + +} diff --git a/templates/index.html b/templates/index.html index 427bb6e..8f9ad31 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1,20 +1,47 @@ - - - Document - - - - - - + - - - \ No newline at end of file + + + placeholder + + + + + + + +
+ +
+ +

Placeholder

+ +
+ + + +
+ + +
+ + Home + Home + Home + Home +
+ +
+ +

{{placeholder}}

+ +
+ +
+ +
+ + + +