From f2ea3f7b4ddf9e47c9014c04160e5cd5ff27a4a9 Mon Sep 17 00:00:00 2001 From: Patryk Niedźwiedziński Date: Mon, 21 Aug 2023 11:49:19 +0200 Subject: update: new look, new folder structure --- static/beret.png | Bin 0 -> 990 bytes static/bluza.png | Bin 0 -> 3051 bytes static/inne.png | Bin 0 -> 3131 bytes static/logo-dark.svg | 9 +++++ static/logo-light.svg | 9 +++++ static/rogatywka.png | Bin 0 -> 1247 bytes static/spodnica.png | Bin 0 -> 2433 bytes static/spodnie-dlugie.png | Bin 0 -> 2798 bytes static/spodnie-krotkie.png | Bin 0 -> 2383 bytes static/style.css | 89 +++++++++++++++++++++++++++++++++++++++++++++ 10 files changed, 107 insertions(+) create mode 100644 static/beret.png create mode 100644 static/bluza.png create mode 100644 static/inne.png create mode 100644 static/logo-dark.svg create mode 100644 static/logo-light.svg create mode 100644 static/rogatywka.png create mode 100644 static/spodnica.png create mode 100644 static/spodnie-dlugie.png create mode 100644 static/spodnie-krotkie.png create mode 100644 static/style.css (limited to 'static') diff --git a/static/beret.png b/static/beret.png new file mode 100644 index 0000000..2a2bc28 Binary files /dev/null and b/static/beret.png differ diff --git a/static/bluza.png b/static/bluza.png new file mode 100644 index 0000000..bdc3d74 Binary files /dev/null and b/static/bluza.png differ diff --git a/static/inne.png b/static/inne.png new file mode 100644 index 0000000..bfceae3 Binary files /dev/null and b/static/inne.png differ diff --git a/static/logo-dark.svg b/static/logo-dark.svg new file mode 100644 index 0000000..5edc493 --- /dev/null +++ b/static/logo-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/static/logo-light.svg b/static/logo-light.svg new file mode 100644 index 0000000..cc33cd4 --- /dev/null +++ b/static/logo-light.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/static/rogatywka.png b/static/rogatywka.png new file mode 100644 index 0000000..94c2b53 Binary files /dev/null and b/static/rogatywka.png differ diff --git a/static/spodnica.png b/static/spodnica.png new file mode 100644 index 0000000..7223ce4 Binary files /dev/null and b/static/spodnica.png differ diff --git a/static/spodnie-dlugie.png b/static/spodnie-dlugie.png new file mode 100644 index 0000000..e148015 Binary files /dev/null and b/static/spodnie-dlugie.png differ diff --git a/static/spodnie-krotkie.png b/static/spodnie-krotkie.png new file mode 100644 index 0000000..524767b Binary files /dev/null and b/static/spodnie-krotkie.png differ diff --git a/static/style.css b/static/style.css new file mode 100644 index 0000000..a44310f --- /dev/null +++ b/static/style.css @@ -0,0 +1,89 @@ +@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap'); + +:root { + --bg: #F3FFF0; + --fg: #1E221B; +} + +html { + background: var(--bg); + color: var(--fg); + font-family: 'Roboto Slab', serif; +} + +body { + max-width: 700px; + padding: 1ex; + margin: auto; +} + +header { + display: flex; + align-items: center; + text-align: center; +} + +footer { + margin-bottom: 2em; +} + +.list { + padding: 1ex; + border: 1px solid gray; +} + +@media (max-width: 720px) { + header { + flex-direction: column; + } +} + +main img { + width: 100%; + margin-bottom: 2em; +} + +main { + padding-bottom: 2em; +} + +.container { + display: flex; + flex-wrap: wrap; + justify-content: center; + margin: 0 auto; +} + +.item { + box-sizing: border-box; + border: 5px solid var(--fg); + border-radius: 15px; + padding: 5px; + margin: 7px; + width: 100%; + max-width: 300px; + max-height: 400px; +} + +.item a { + display: grid; + grid-template-rows: 2fr 75px; +} + +.item img, +.name img { + margin: 0; + border-radius: 10px; + object-fit: cover; + max-height: 300px; +} + +.item img { +} + +.item .name { + display: grid; + grid-template-columns: 50px auto; + grid-template-rows: 1fr; + align-items: center; +} -- cgit 1.4.1