diff --git a/hswaw/site/static/BUILD.bazel b/hswaw/site/static/BUILD.bazel index fc0f04d6..d5ea71de 100644 --- a/hswaw/site/static/BUILD.bazel +++ b/hswaw/site/static/BUILD.bazel @@ -10,6 +10,10 @@ go_embed_data( "neon-syrenka.svg", "@com_npmjs_leaflet//:distfiles", "space.jpg", + "frezarka.jpg", + "tokarka.jpg", + "kuka.jpg", + "serwerownia.jpg", ], package = "static", ) diff --git a/hswaw/site/static/frezarka.jpg b/hswaw/site/static/frezarka.jpg new file mode 100644 index 00000000..56210e9e Binary files /dev/null and b/hswaw/site/static/frezarka.jpg differ diff --git a/hswaw/site/static/kuka.jpg b/hswaw/site/static/kuka.jpg new file mode 100644 index 00000000..78f57f56 Binary files /dev/null and b/hswaw/site/static/kuka.jpg differ diff --git a/hswaw/site/static/landing.css b/hswaw/site/static/landing.css index ddd08d54..cf137546 100644 --- a/hswaw/site/static/landing.css +++ b/hswaw/site/static/landing.css @@ -1,5 +1,5 @@ :root { - --primary: #7347d9ff; + /* --primary: #7347d9ff; */ --primary100: #cfbff1; --secondary: #d947adff; --secondary50: #fae2f0; @@ -126,7 +126,7 @@ body { text-shadow: 0 0 1px var(--secondary), 0 0 5px var(--secondary), 0 0 20px var(--secondary); font-size: 60px; - animation: neon ease-in-out 4s infinite alternate, blink 10s infinite; + animation: neon ease-in-out 4s infinite alternate, blink 5s infinite; } @keyframes neon { @@ -147,12 +147,12 @@ body { opacity: 1; } 81% { - opacity: 0.2; + opacity: 0.4; } - 85% { - opacity: 0.2; + 82.7% { + opacity: 0.4; } - 86% { + 83% { opacity: 1; } 94% { @@ -228,11 +228,44 @@ body { background-color: rgba(255, 255, 255, 0.05); } -.covid { - padding: 1rem 2rem; - background-color: rgba(150, 0, 0, 0.8); - font-size: 18px; - font-style: italic; +.img-wrapper { + position: relative; + height: 0; + padding-bottom: 60%; +} + +.img-wrapper > img { + position: absolute; + width: 100%; + height: 100%; + left: 0; + object-fit: contain; +} + +#gallery-nav { + display: flex; + flex-direction: row; + padding: 0; + margin: 0; + justify-content: center; + flex-wrap: wrap; +} +#gallery-nav > li { + margin: 0; + padding: 0; +} +#gallery-nav > li:hover { + background-color: var(--darkbgaccent); +} +#gallery-nav > li.active { + background-color: var(--secondary); +} +#gallery-nav > li > a { + display: block; + text-decoration: none; + padding: 0 15px; + height: 32px; + padding-top: 7px; } .bottom { @@ -268,6 +301,20 @@ p { h2 { margin-bottom: 0; + font-size: 26px; + display: inline-block; + font-family: "Comfortaa", sans-serif; + line-height: 1.1; +} + +h2:after { + content: " "; + display: block; + background-color: var(--secondary); + height: 0.15em; + width: 100%; + margin-top: 0.1em; + margin-left: 0.3em; } @media screen and (max-width: 1000px) { @@ -284,20 +331,6 @@ h2 + * { margin: 1rem 0 0 0; } -h2 { - font-size: 26px; - display: inline-block; - font-family: "Comfortaa", sans-serif; -} -h2:after { - content: " "; - display: block; - background-color: var(--secondary); - height: 0.15em; - width: 100%; - margin-top: 0.1em; - margin-left: 0.3em; -} h3 { font-size: 20px; } diff --git a/hswaw/site/static/serwerownia.jpg b/hswaw/site/static/serwerownia.jpg new file mode 100644 index 00000000..04f7ec57 Binary files /dev/null and b/hswaw/site/static/serwerownia.jpg differ diff --git a/hswaw/site/static/tokarka.jpg b/hswaw/site/static/tokarka.jpg new file mode 100644 index 00000000..10db3f86 Binary files /dev/null and b/hswaw/site/static/tokarka.jpg differ diff --git a/hswaw/site/templates/index.html b/hswaw/site/templates/index.html index 2ff2554f..ad0eb7fc 100644 --- a/hswaw/site/templates/index.html +++ b/hswaw/site/templates/index.html @@ -17,15 +17,15 @@
Hackerspace nie zna barier. Jeśli masz ciekawy pomysł i szukasz ludzi chętnych do współpracy, lub po prostu potrzebujesz miejsca i sprzętu - zapraszamy! Utrzymujemy się w całosci z wolontariatu naszych członków, darowizn i składek oraz drobnej aktywności komercyjnej.
-Nasze cotygodniowe otwarte spotkania są w tej chwili zawieszone z powodu pandemii. Mimo tego, dalej jesteśmy otwarci na nowych członków i zainteresowanych - tylko w mniejszej skali i po wcześniejszym umówieniu się. Więcej informacji znajdziesz na wiki.hackerspace.pl/jak-dolaczyc. @@ -86,6 +97,16 @@ window.loadMap = () => { L.marker([52.24158, 20.9848]).addTo(map); } +document.querySelectorAll('#gallery-nav > li > a').forEach(link => { + link.onclick = e => { + e.preventDefault() + document.querySelector(`#gallery-nav > li.active`).classList.remove('active') + const li = e.currentTarget.parentNode + li.classList.add('active') + const name = li.dataset.name + document.querySelector('#gallery img').src = `/static/site/${name}.jpg` + } +})