commit f24fae0a6aec9af9e132cc5783f3a8fdad2867ab Author: Emil Miler Date: Thu Jul 22 18:34:55 2021 +0200 Základní šablona úvodní stránky diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..a8f3218 --- /dev/null +++ b/templates/index.html @@ -0,0 +1,36 @@ + + + + + + + Novináři + + + + + + +

+ +

Název Projektu

Dolorem exercitationem ut aperiam et nemo. Cum unde autem et aspernatur eos distinctio aut. Optio ut aut sapiente delectus qui maiores possimus. Pariatur explicabo modi ipsum repellendus voluptas culpa ut. Itaque ab et tempore et ipsam optio quo.

+ + + + + + diff --git a/templates/style.css b/templates/style.css new file mode 100644 index 0000000..190781b --- /dev/null +++ b/templates/style.css @@ -0,0 +1,87 @@ +:root { + --width: 1200px; +} + +html { scroll-behavior: smooth } + +body { + margin: 0; + line-height: 1.5; + + min-height: 100vh; + width: 100vw; + background-color: #888; + color: #edfbff; + display: flex; + flex-direction: column; +} + +a { + text-decoration: none; + color: #fff; + font-weight: bold; +} +a:hover { text-decoration: underline } + +header { + display: flex; + align-items: center; + margin: 0 auto; + padding: 1em; + width: 100%; + max-width: var(--width); +} +header h1 { margin 0 } + +nav { + margin-left: auto; +} +nav ul { + width: auto; + display: flex; + list-style-type: none; + padding: 1em 0; + margin: 0; +} +nav ul li a { + padding: .7em 1em; + margin-left: 1em; +} +nav ul li a:hover { text-decoration: none } +nav a.special { + border: 1px solid #fff; + border-radius: .5em; +} +nav a.special:hover { + background-color: #fff; + color: #dd4733; +} + +main { + flex: 1; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +main h1 { + font-size: 6em; + margin: .2em; +} +main hr { + width: 5em; + border: 0; + border-top: 1px solid #fff; +} +main p { + max-width: 40em; + text-align: center; +} + +footer { + display: flex; + justify-content: center; + padding: 2em; + background-color: #aaa; +} +