diff --git a/hswaw/cebulacamp/landing/LICENSE.md b/hswaw/cebulacamp/landing/LICENSE.md new file mode 100644 index 00000000..5c93f456 --- /dev/null +++ b/hswaw/cebulacamp/landing/LICENSE.md @@ -0,0 +1,13 @@ + DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE + Version 2, December 2004 + + Copyright (C) 2004 Sam Hocevar + + Everyone is permitted to copy and distribute verbatim or modified + copies of this license document, and changing it is allowed as long + as the name is changed. + + DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE + TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION + + 0. You just DO WHAT THE FUCK YOU WANT TO. diff --git a/hswaw/cebulacamp/landing/cebula2020.jpeg b/hswaw/cebulacamp/landing/cebula2020.jpeg new file mode 100644 index 00000000..4f85379d Binary files /dev/null and b/hswaw/cebulacamp/landing/cebula2020.jpeg differ diff --git a/hswaw/cebulacamp/landing/hotel-orle.jpg b/hswaw/cebulacamp/landing/hotel-orle.jpg new file mode 100644 index 00000000..43638dcd Binary files /dev/null and b/hswaw/cebulacamp/landing/hotel-orle.jpg differ diff --git a/hswaw/cebulacamp/landing/index.pug b/hswaw/cebulacamp/landing/index.pug new file mode 100644 index 00000000..8077ada5 --- /dev/null +++ b/hswaw/cebulacamp/landing/index.pug @@ -0,0 +1,55 @@ +doctype html +head + meta(charset="utf-8") + title Cebulacamp 2020 + meta(name="viewport" content="width=device-width, initial-scale=1") + link(rel="stylesheet" type="text/css" href="style/main.scss") +body + //[if IE] +

You are using an outdated browser. Please upgrade your browser to improve your experience and security.

[endif] + + header.hero + h1 Kongres Komunikacyjny Cebula 2020 + h2 Testing in production + p.acc0 2020/11/13 - 2020/11/15 + p.acc1 Hotel Orle, Gdańsk + p Three days of under-organized hacking and talking in a hotel in northern Poland. We might talk about the Polish hacker scene. We might get technical. We might even speak mostly Polish, but we'll do our best to welcome people who don't speak encrypted. We're friendly. + p.acc2 But, most importantly, we will have a bonfire with kiełbaski. Hopefully even vegan ones. Join us! + + main + section.starter + img(src="cebula2020.jpeg") + + section + .section-content + header + h2 Tickets + + p Get your tickets now at tickets.hackerspace.pl/cebulacamp/kkc20/1. + + p An all-inclusive ticket (bed in shared room for two nights, food for three days) is 500 PLN. If you want a solo room, or to share a room with someone in particular, contact cebula@hackerspace.pl, or (once you bought your ticket) info@orle.com.pl. + + p + img(src="hotel-orle.jpg").hotel-pic + + p Has a kind of vintage glare to it, eh? Totally legit! + + section + .section-content + header + h2 CFP + + p Yes, there will be some talks. No, they won't be very formal. + + p Please take part in Cebula Camp! Submit your talks, or, Look at Sneak Peaks. + + section + .section-content + header + h2 Contact + + p Reach the organizers at cebula@hackerspace.pl. Reach the hotel (in case of room requests, etc) at info@orle.com.pl, and CC cebula@hackerspace.pl if you so with. + + p irc: #cebulacamp on Freenode + + p Cebula Camp is an inclusive event. Be excellent to each other, or stay home. Harassment and discrimination are not welcome or tolerated, online or AFK. If you're a subject, observer, or third-party to any of these, please, get in touch, write to cebula@hackerspace.pl or q3k personally. diff --git a/hswaw/cebulacamp/landing/style/_palette.scss b/hswaw/cebulacamp/landing/style/_palette.scss new file mode 100644 index 00000000..08e11a2a --- /dev/null +++ b/hswaw/cebulacamp/landing/style/_palette.scss @@ -0,0 +1,15 @@ +/* Coolors Exported Palette - coolors.co/1f2a26-d8d4f2-e8e321-2ad37a-3d8cd0 */ + +/* HSL */ +$color1: hsla(158%, 15%, 14%, 1); +$color2: hsla(248%, 54%, 89%, 1); +$color3: hsla(58%, 81%, 52%, 1); +$color4: hsla(148%, 67%, 50%, 1); +$color5: hsla(208%, 61%, 53%, 1); + +/* RGB */ +$color1: rgba(31, 42, 38, 1); +$color2: rgba(216, 212, 242, 1); +$color3: rgba(232, 227, 33, 1); +$color4: rgba(42, 211, 122, 1); +$color5: rgba(61, 140, 208, 1); \ No newline at end of file diff --git a/hswaw/cebulacamp/landing/style/main.scss b/hswaw/cebulacamp/landing/style/main.scss new file mode 100644 index 00000000..4bba72f9 --- /dev/null +++ b/hswaw/cebulacamp/landing/style/main.scss @@ -0,0 +1,158 @@ +//$color1: rgba(31, 42, 38, 1); +$color1: rgba(0, 0, 0, 1); +$color2: rgba(223, 219, 244, 1); +$color3: rgba(232, 227, 33, 1); +$color4: rgba(61, 140, 208, 1); +$color5: rgba(173, 35, 101, 1); + +$break-width: 600px; +$mobile: "screen and (max-width: #{$break-width})"; +$desktop: "screen and (min-width: #{$break-width})"; + +.hero { + //height: 115vh; + color: $color2; + background-color: $color1; + text-align: center; + @media #{$desktop} { padding: 5em; } + @media #{$mobile} { padding: 1em; } +} + +* { + box-sizing: border-box; + // TODO: find what's causing weird top belt + margin: 0; + padding: 0; +} + +body { + width: 100%; + height: 100%; + margin: 0; + background-color: $color1; +} + +main { + @media #{$desktop} { width: 60%; } + @media #{$mobile} { width: 90%; } + margin: 0 auto; +} + +// TODO: Maybe some fun with how text is laid + +section.starter { + border: none !important; + @media #{$desktop} { padding: 1em; } + @media #{$mobile} { padding: 0em; } +} + +section.starter img { + width: 100% +} + +section { + color: $color2; + //background-color: transparent; + // TODO: have some fun with transparency :D + background-color: $color1; + padding-bottom: 5em; + word-wrap: break-word; + + p { + margin: 1em; + } + + h2 { + display: inline-block; + margin: 1em 1em 1em 0em; + padding: .5em; + } + + @media #{$mobile} { + margin-bottom: 1em; + } + + @media #{$desktop} { + padding: 3em; + + // TODO: generate this shit + &:nth-child(2) { + margin: 0em 1em 0em -2em; + } + + &:nth-child(3) { + margin: -3em -1em 3em 1em; + } + + &:nth-child(4) { + margin: -6em -3em 6em 4em; + } + + &:nth-child(5) { + margin: -9em -5em 9em 7em; + } + + &:nth-child(6) { + margin: -12em -7em 12em 10em; + } + + &:nth-child(7) { + margin: -15em -9em 15em 13em; + } + } +} + +section:nth-child(even) { + h2 { + background-color: $color5; + } + + + a { + color: $color5; + + &:hover { + color: $color4; + } + } + + border: 8px solid $color5; +} + +section:nth-child(odd) { + h2 { + background-color: $color4; + } + + a { + color: $color4; + + &:hover { + color: $color5; + } + } + + border: 8px solid $color4; +} + +// testing area +.acc0 { + color: $color4; +} + +.acc1 { + color: $color3; +} + +.acc2 { + color: $color5; +} + +.hotel-pic +{ + width: 50%; + display: block; + margin: .5em auto; + @media #{$desktop} { width: 50%; } + @media #{$mobile} { width: 100%; } +} diff --git a/hswaw/cebulacamp/landing/style/palette.scss b/hswaw/cebulacamp/landing/style/palette.scss new file mode 100644 index 00000000..700073bb --- /dev/null +++ b/hswaw/cebulacamp/landing/style/palette.scss @@ -0,0 +1,15 @@ +/* Coolors Exported Palette - coolors.co/1f2a26-dfdbf4-e8e321-3d8cd0-ad2365 */ + +/* HSL */ +$color1: hsla(158%, 15%, 14%, 1); +$color2: hsla(250%, 53%, 91%, 1); +$color3: hsla(58%, 81%, 52%, 1); +$color4: hsla(208%, 61%, 53%, 1); +$color5: hsla(331%, 66%, 41%, 1); + +/* RGB */ +$color1: rgba(31, 42, 38, 1); +$color2: rgba(223, 219, 244, 1); +$color3: rgba(232, 227, 33, 1); +$color4: rgba(61, 140, 208, 1); +$color5: rgba(173, 35, 101, 1);