From cd8e3249f0e41372a2748ee8554e431d152cea01 Mon Sep 17 00:00:00 2001 From: unwox Date: Tue, 26 Nov 2024 15:35:35 +0600 Subject: init --- static/boiling_p.webm | Bin 0 -> 2320493 bytes static/gaiwan.jpg | Bin 0 -> 910488 bytes static/gaiwan_p.jpg | Bin 0 -> 50361 bytes static/gaiwan_p.webm | Bin 0 -> 401083 bytes static/logo.svg | 74 ++++++++++++++++++++++++++++++ static/people.jpg | Bin 0 -> 1681149 bytes static/people_p.jpg | Bin 0 -> 96001 bytes static/room.jpg | Bin 0 -> 1393157 bytes static/room_p.jpg | Bin 0 -> 133441 bytes static/style.css | 122 ++++++++++++++++++++++++++++++++++++++++++++++++++ static/teaware.jpg | Bin 0 -> 1366114 bytes static/teaware_p.jpg | Bin 0 -> 56401 bytes 12 files changed, 196 insertions(+) create mode 100644 static/boiling_p.webm create mode 100644 static/gaiwan.jpg create mode 100644 static/gaiwan_p.jpg create mode 100644 static/gaiwan_p.webm create mode 100644 static/logo.svg create mode 100644 static/people.jpg create mode 100644 static/people_p.jpg create mode 100644 static/room.jpg create mode 100644 static/room_p.jpg create mode 100644 static/style.css create mode 100644 static/teaware.jpg create mode 100644 static/teaware_p.jpg (limited to 'static') diff --git a/static/boiling_p.webm b/static/boiling_p.webm new file mode 100644 index 0000000..166318f Binary files /dev/null and b/static/boiling_p.webm differ diff --git a/static/gaiwan.jpg b/static/gaiwan.jpg new file mode 100644 index 0000000..9202153 Binary files /dev/null and b/static/gaiwan.jpg differ diff --git a/static/gaiwan_p.jpg b/static/gaiwan_p.jpg new file mode 100644 index 0000000..c3c025d Binary files /dev/null and b/static/gaiwan_p.jpg differ diff --git a/static/gaiwan_p.webm b/static/gaiwan_p.webm new file mode 100644 index 0000000..a6a03ec Binary files /dev/null and b/static/gaiwan_p.webm differ diff --git a/static/logo.svg b/static/logo.svg new file mode 100644 index 0000000..90aaa90 --- /dev/null +++ b/static/logo.svg @@ -0,0 +1,74 @@ + + + + + + + + + + + + diff --git a/static/people.jpg b/static/people.jpg new file mode 100644 index 0000000..1a3bef8 Binary files /dev/null and b/static/people.jpg differ diff --git a/static/people_p.jpg b/static/people_p.jpg new file mode 100644 index 0000000..97c52ef Binary files /dev/null and b/static/people_p.jpg differ diff --git a/static/room.jpg b/static/room.jpg new file mode 100644 index 0000000..7240cc4 Binary files /dev/null and b/static/room.jpg differ diff --git a/static/room_p.jpg b/static/room_p.jpg new file mode 100644 index 0000000..3350329 Binary files /dev/null and b/static/room_p.jpg differ diff --git a/static/style.css b/static/style.css new file mode 100644 index 0000000..72f35c3 --- /dev/null +++ b/static/style.css @@ -0,0 +1,122 @@ +body { + background: #ffffff; + margin: 3rem; + font-family: sans-serif, monospace, serif; +} + +.container { + display: flex; + flex-wrap: wrap; + gap: 3rem; +} + +.logo { + width: 294px; + height: 259px; +} + +h1 { + font-weight: 900; + font-style: italic; + font-size: 1.75rem; +} + +.article { + max-width: 30rem; + font-size: 1.25rem; +} + +.gallery { + display: grid; + grid-template-columns: repeat(9, 1fr); + grid-template-rows: repeat(16, 5rem); + grid-gap: 1rem; + max-width: calc(100vw - 6rem); + width: 56rem; +} + +.gallery > div { + position: relative; + background-color: #00000011; +} + +.gallery > div:nth-child(1) { + grid-column: 1 / span 4; + grid-row: 1 / span 5; +} + +.gallery > div:nth-child(2) { + grid-column: 1 / span 4; + grid-row: 6 / span 3; +} + +.gallery > div:nth-child(3) { + grid-column: 5 / span 5; + grid-row: 1 / span 8; +} + +.gallery > div:nth-child(4) { + grid-column: 1 / span 5; + grid-row: 9 / span 8; +} + +.gallery > div:nth-child(5) { + grid-column: 6 / span 4; + grid-row: 9 / span 4; +} + +.gallery > div:nth-child(6) { + grid-column: 6 / span 4; + grid-row: 13 / span 4; +} + +.gallery img, +.gallery video { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: cover; +} + +@media screen and (max-width: 56rem) { + body { + margin: 2rem 1rem 1rem; + } + + .container { + gap: 2rem; + } + + .gallery { + display: flex; + flex-direction: column; + gap: 1rem; + max-width: calc(100vw - 2rem); + } + + .gallery img, + .gallery video { + position: static; + } +} + +@media (prefers-color-scheme: dark) { + .logo { + filter: invert(1); + } + + body { + background-color: #000000; + color: #ffffff; + } + + a { + color: burlywood; + } + + .gallery > div { + background-color: #ffffff22; + } +} diff --git a/static/teaware.jpg b/static/teaware.jpg new file mode 100644 index 0000000..8727972 Binary files /dev/null and b/static/teaware.jpg differ diff --git a/static/teaware_p.jpg b/static/teaware_p.jpg new file mode 100644 index 0000000..bfb7ce8 Binary files /dev/null and b/static/teaware_p.jpg differ -- cgit v1.2.3