+ diff --git a/index.php b/index.php new file mode 100644 index 0000000..6147072 --- /dev/null +++ b/index.php @@ -0,0 +1,18 @@ + +
+

> Strona Główna

+
+ +
+Siemano +
+ + diff --git a/static/css/main.css b/static/css/main.css new file mode 100644 index 0000000..28bc061 --- /dev/null +++ b/static/css/main.css @@ -0,0 +1,101 @@ +@media only screen and (max-width: 850px) { + header#menu { + flex-direction: column !important; + } +} + +:root { + --main: #dd9a1a; + --bg: #111; + --link: #ffdb96; + --link-hover: #dd9a1a; +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + background: var(--bg); + color: var(--main); + font-family: "Helvetica", "Arial", sans-serif; +} + +div.main-content { + display: flex; + flex-direction: column; + width: 60%; + margin: 0 auto; + padding: 1rem; +} + +header#menu { + display: flex; + flex-direction: row; + height: 3rem; + border-width: 5px; + border-color: var(--main); + border-style: double; + border-radius: 5px; + margin-bottom: 2rem; +} + +header#menu a { + padding: 12px; + color: var(--main); + text-decoration: none; + text-transform: uppercase; + padding-inline: 30px; + font-weight: bold; +} + +header#menu a.active { + background: var(--main); + color: var(--bg); +} + +header#menu a:hover { + background: var(--main); + color: var(--bg); +} + +div#top-bar { + font-family: 'Courier New'; +} + +article#content { + display: flex; + flex-direction: row; + border-width: 5px; + border-color: var(--main); + border-style: double; + border-radius: 5px; + margin-top: 2rem; + padding: 1rem; +} + +footer#footer { + margin-top: 3rem; + display: flex; + flex-direction: row; + gap: 1rem; + justify-content: center; +} + +.link { + color: var(--link); + text-decoration: none; +} + +.link:hover { + color: var(--link-hover); +} + + +footer#footer > *:not(:last-child)::after { + content: " ~ "; + margin-left: 0.7rem; + color: var(--main); +}