diff --git a/.drone.yml b/.drone.yml new file mode 100644 index 0000000..65237f6 --- /dev/null +++ b/.drone.yml @@ -0,0 +1,41 @@ +--- +kind: pipeline +name: default + +steps: + - name: build + image: ghcr.io/getzola/zola:v0.17.2 + entrypoint: ["/bin/zola"] + command: ["build"] + + - name: deploy-master + image: drillster/drone-rsync + settings: + hosts: ["s3.fofrweb.com"] + user: drone + source: public/* + target: /srv/www/cz/pkmples/www/ + recursive: true + delete: true + environment: + RSYNC_KEY: + from_secret: rsync_private_key + when: + branch: + - master + + - name: deploy-dev + image: drillster/drone-rsync + settings: + hosts: ["s3.fofrweb.com"] + user: drone + source: public/* + target: /srv/www/cz/pkmples/dev/ + recursive: true + delete: true + environment: + RSYNC_KEY: + from_secret: rsync_private_key + when: + branch: + - dev diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..364fdec --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +public/ diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 0000000..427a575 --- /dev/null +++ b/.prettierrc @@ -0,0 +1,15 @@ +{ + "tabWidth": 2, + "useTabs": false, + "singleQuote": false, + "semi": true, + "trailingComma": "none", + "jsxSingleQuote": false, + "jsxBracketSameLine": true, + "printWidth": 200, + "bracketSpacing": true, + "vueIndentScriptAndStyle": true, + "arrowParens": "always", + "bracketSameLine": false, + "endOfLine": "lf" +} diff --git a/README.md b/README.md deleted file mode 100644 index bb275ee..0000000 --- a/README.md +++ /dev/null @@ -1 +0,0 @@ -# com_pkmples.cz \ No newline at end of file diff --git a/config.toml b/config.toml new file mode 100644 index 0000000..7877a70 --- /dev/null +++ b/config.toml @@ -0,0 +1,20 @@ +# The URL the site will be built for +base_url = "https://www.pkmples.cz" + +title = "PKM PARTY PLES" +description = "PKM, kamarádi z Gymnázia Turnov pořádají ples pro studenty v KC Střelnice v Turnově! Ne Maturitní ples GyTu, Maturitní ples OHS, nebo Absolventský ples Gymnázia Turnov, ale PKM PARTY PLES!" +default_language = "cs" + +compile_sass = true +minify_html = true + +# Whether to build a search index to be used later on by a JavaScript library +build_search_index = false + +[markdown] +# Whether to do syntax highlighting +# Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola +highlight_code = false + +[extra] +# Put all your custom variables here diff --git a/content/_1_15092023_pozvanka.md b/content/_1_15092023_pozvanka.md new file mode 100644 index 0000000..74626b7 --- /dev/null +++ b/content/_1_15092023_pozvanka.md @@ -0,0 +1,9 @@ ++++ +title = "Pozvánka na další ročník" +date = 2023-09-15 + +[extra] +author = "Jaroslav Valkoun" ++++ + +Již nyní pro Vás připravujeme další ročník __PARTY PLESU!__ Zapište si __24. 2. 2024__ do kalendáře, protože už teď víme, že se máte na co těšit. Sledujte nově náš [instagram](https://www.instagram.com/pkm.hub), kde kromě novinek o plesu přidáváme i různé fotky a videa ze zákulisí. \ No newline at end of file diff --git a/content/_2_01112023_kapela.md b/content/_2_01112023_kapela.md new file mode 100644 index 0000000..f480d8b --- /dev/null +++ b/content/_2_01112023_kapela.md @@ -0,0 +1,11 @@ ++++ +title = "Oznámení kapely" +date = 2023-11-01 + +[extra] +author = "Jaroslav Valkoun" ++++ + +Tenhle rok už TRADIČNĚ zahraje Big Band ZUŠ Turnov! +
+
View this post on Instagram

A post shared by PKM (@pkm.hub)

diff --git a/content/_3_04112023_filler1.md b/content/_3_04112023_filler1.md new file mode 100644 index 0000000..88a8a34 --- /dev/null +++ b/content/_3_04112023_filler1.md @@ -0,0 +1,11 @@ ++++ +title = "Say cheese!" +date = 2023-11-04 + +[extra] +author = "Jaroslav Valkoun" ++++ + +Nezapomeň nás sledovat na našem instagramu [@pkm.hub](https://www.instagram.com/pkm.hub)! +
+
View this post on Instagram

A post shared by PKM (@pkm.hub)

diff --git a/content/_4_11112023_nataceni1.md b/content/_4_11112023_nataceni1.md new file mode 100644 index 0000000..a9a5aa9 --- /dev/null +++ b/content/_4_11112023_nataceni1.md @@ -0,0 +1,11 @@ ++++ +title = "Nová videa jsou už na cestě!" +date = 2023-11-11 + +[extra] +author = "Jaroslav Valkoun" ++++ + +Nějákou fotku hodíme i exkluzivně sem na web, ale nezapomeň sledovat náš [instagram](https://www.instagram.com/pkm.hub), kde toho je mnohem víc! +
+pkm nataceni diff --git a/content/_5_17112023_filler2.md b/content/_5_17112023_filler2.md new file mode 100644 index 0000000..a71105a --- /dev/null +++ b/content/_5_17112023_filler2.md @@ -0,0 +1,9 @@ ++++ +title = "Slečný už nesou soudek plný zábavy!" +date = 2023-11-17 + +[extra] +author = "Jaroslav Valkoun" ++++ + +
View this post on Instagram

A post shared by PKM (@pkm.hub)

\ No newline at end of file diff --git a/content/_6_28112023_filler3.md b/content/_6_28112023_filler3.md new file mode 100644 index 0000000..04dddea --- /dev/null +++ b/content/_6_28112023_filler3.md @@ -0,0 +1,9 @@ ++++ +title = "Ples přímo na míru od Veseldy" +date = 2023-11-28 + +[extra] +author = "Jaroslav Valkoun" ++++ + +
View this post on Instagram

A post shared by PKM (@pkm.hub)

\ No newline at end of file diff --git a/content/_7_30112023_oldvideos.md b/content/_7_30112023_oldvideos.md new file mode 100644 index 0000000..827837c --- /dev/null +++ b/content/_7_30112023_oldvideos.md @@ -0,0 +1,11 @@ ++++ +title = "Promo videa z minulého roku!" +date = 2023-11-30 + +[extra] +author = "Jaroslav Valkoun" ++++ + +Připomeňte si promo videa z minulého roku! Na kanále najdete všechny 4, co říkáte na náhledovky? :D +
+ diff --git a/content/_8_01122023_vstupenky.md b/content/_8_01122023_vstupenky.md new file mode 100644 index 0000000..61c0fa8 --- /dev/null +++ b/content/_8_01122023_vstupenky.md @@ -0,0 +1,12 @@ ++++ +title = "Předprodej vstupenek spuštěn!" +date = 2023-12-01 + +[extra] +author = "Jaroslav Valkoun" +pinned = true ++++ + +Vstupenky nyní můžete koupit [ZDE](https://www.kulturaturnov.cz/program/pkm-party-ples-2024) v předprodeji na stránkách KC Turnov! +
+pkm plakat 2024 diff --git a/content/_index.md b/content/_index.md new file mode 100644 index 0000000..f0d47b3 --- /dev/null +++ b/content/_index.md @@ -0,0 +1,5 @@ ++++ +title = "List of blog posts" +sort_by = "date" +template = "news.html" ++++ diff --git a/css/styles.css b/css/styles.css deleted file mode 100644 index b0177ee..0000000 --- a/css/styles.css +++ /dev/null @@ -1,268 +0,0 @@ -* { - box-sizing: border-box; - padding: 0; - margin: 0; - font-family: "Kanit", sans-serif; -} - -:root { - --clrBlue: #444b64; - --clrRed: #d65343; - --clrGreen: #90a9a1; - --clrGrey400: #e2ba84; - --clrGrey200: #f2dfc7; -} - -body, -html { - height: 100%; -} -body { - background-color: var(--clrGrey200); - display: flex; - flex-direction: column; - color: var(--clrBlue); -} - -h1 { - color: var(--clrRed); -} - -header { - display: flex; - justify-content: center; - align-items: center; - padding-block: 1rem; - position: relative; -} - -header::before { - content: ""; - position: absolute; - inset: 2rem 0 2rem 0; - background-color: var(--clrGreen); - z-index: -1; -} - -header img { - width: 100%; - height: 80px; - object-fit: contain; -} - -a { - cursor: pointer; - font: inherit; - text-decoration: none; - font-size: 1rem; -} - -a span { - font-size: 0.8rem !important; - transition: 300ms ease; -} -a:hover span { - transform: translateX(0.2rem); -} - -.party__ples { - text-align: center; - margin-top: 4rem; -} - -.party__ples img { - height: 6rem; -} - -.hero__button { - padding: 0.5rem 1rem; - border: 3px solid var(--clrBlue); - font-weight: 800; - color: var(--clrRed); - border-radius: 5px; - background-color: var(--clrGrey400); - text-transform: uppercase; - font-size: 1.2rem; - width: fit-content; - margin: 4rem auto; - position: relative; - display: flex; - align-items: center; - gap: 0.2rem; -} - -.hero__button img { - position: absolute; - height: 4rem; -} - -.hero__button .doprava { - left: -1rem; - top: 50%; - transform: translate(-100%) translateY(-50%) rotate(10deg); - height: 3rem; - animation: p 1s linear infinite alternate-reverse; -} - -@keyframes p { - from { - transform: translate(-90%) translateY(-50%) rotate(10deg); - } - to { - transform: translate(-100%) translateY(-50%) rotate(10deg); - } -} - -.hero__button .doleva { - right: -1rem; - top: 50%; - animation: l 1s linear infinite alternate-reverse; -} - -@keyframes l { - from { - transform: translate(90%) translateY(-50%); - } - to { - transform: translate(100%) translateY(-50%); - } -} - -@media (max-width: 510px) { - header::before { - inset: 2.7rem 0 2.7rem 0; - } -} - -.cenik__img { - display: flex; - gap: 1rem; - justify-content: center; - align-items: center; - flex-wrap: wrap; - padding: 1rem; -} - -.cenik__img img { - max-width: 100%; - width: 30rem; - object-fit: contain; -} -.cenik { - display: flex; - flex-direction: column; - border: 1px solid var(--clrRed); - width: 30rem; - padding-inline: 1rem; - color: var(--clrRed); - border-radius: 10px; -} - -.cenik div { - display: flex; - align-items: center; - gap: 1rem; - justify-content: space-between; - padding-block: 1rem; - position: relative; -} - -.cenik div p { - display: grid; - text-align: right; - gap: 0.3rem; - font-weight: 600; - width: min(190px, 100%); -} - -.cenik div p:last-child { - font-weight: 800; - font-size: 1.2em; -} - -.cenik div + div { - border-top: 1px solid var(--clrRed); -} - -.cenik div p span { - color: var(--clrBlue); - font-size: 0.9em; -} - -@media (max-width: 400px) { - .cenik div { - font-size: 14px; - } -} - -.video__section { - background-color: var(--clrGrey400); - display: grid; - place-items: center; - padding: 1rem; -} - -iframe { - border-radius: 5px; - aspect-ratio: 16/9; - width: min(560px, 100%); -} - -.info { - display: flex; - flex-direction: column; - align-items: center; - margin-top: 3rem; - gap: 3rem; - padding: 1rem; -} -.info__table { - display: grid; - - gap: 2rem; -} - -@media (min-width: 963px) { - .info__table { - grid-template-columns: repeat(2, 450px); - } -} - -@media (max-width: 963px) { - .info__table { - max-width: 600px; - } -} - -@media (max-width: 403px) { - .party__ples img { - height: 5rem; - } -} - -.info__table h3 { - color: var(--clrRed); -} - -.info__table > * { - display: flex; - align-items: center; - gap: 2rem; -} - -.info__table img { - height: 4rem; -} - -.plakat { - max-width: calc(100% - 2rem); - width: 30rem; - margin: 4rem auto; - box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, - rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; -} - -footer { - text-align: center; - padding: 5rem 1rem 2rem 1rem; -} diff --git a/img/favicon-16x16.png b/img/favicon-16x16.png deleted file mode 100644 index 1687cd4..0000000 Binary files a/img/favicon-16x16.png and /dev/null differ diff --git a/img/polaroid-thanks-web-750.png b/img/polaroid-thanks-web-750.png deleted file mode 100644 index d2b18a1..0000000 Binary files a/img/polaroid-thanks-web-750.png and /dev/null differ diff --git a/img/polaroid-web-750-new.png b/img/polaroid-web-750-new.png deleted file mode 100644 index 267f46f..0000000 Binary files a/img/polaroid-web-750-new.png and /dev/null differ diff --git a/img/polaroid-web-750.png b/img/polaroid-web-750.png deleted file mode 100644 index 6fe33a2..0000000 Binary files a/img/polaroid-web-750.png and /dev/null differ diff --git a/img/pruh-web-1500-new.png b/img/pruh-web-1500-new.png deleted file mode 100644 index 7552c94..0000000 Binary files a/img/pruh-web-1500-new.png and /dev/null differ diff --git a/img/pruh-web-1500.png b/img/pruh-web-1500.png deleted file mode 100644 index d85efb5..0000000 Binary files a/img/pruh-web-1500.png and /dev/null differ diff --git a/index.html b/index.html deleted file mode 100644 index ce16cb3..0000000 --- a/index.html +++ /dev/null @@ -1,193 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - PKM PARTY PLES - - - - - - - - - - - - - -
- pkm pruh -
-
- party-ples-large -
-
-

Již nyní pro Vás připravujeme další ročník PARTY PLESU! Zapište si 24. 2. 2024 do kalendáře, protože už teď víme, že se máte na co těšit.

-

Sledujte nově náš instagram, kde kromě novinek o plesu přidáváme i různé fotky a videa ze zákulisí.

-
- - -
- polaroid-web -
- - Facebook Událost - - double_arrow - - -
- -
-
-

Na co se můžete těšit?

-
-
- ikonka -
-

Slavnostní úvod

-

- Na rozehřátí ti něco pěknýho řeknem a možná se dočkáš i nějakýho toho videjka. -

-
-
-
- ikonka -
-

Fotokoutek

-

- Vyblejsknem tě samotnýho nebo s celou partou. A to v našem koutku i na tanečním place! -

-
-
-
- ikonka -
-

Kvalitní muzika

-

- “Proč nehrají, preceptore?” na našem plese rozhodně neuslyšíš. Zahraje nám BigBand ZUŠ Turnov, kterej do toho umí hrábnout. -

-
-
-
- ikonka -
-

Beer pong

-

- Zahraj si o super ceny v týhle obdobě americkýho fenoménu. -

-
-
-
- ikonka -
-

Tombola

-

- Už teď ty ceny nemáme kam dávat. Tak nám přijď pomoct a nějakou si odnes domů! -

-
-
-
- ikonka -
-

Půlnoční překvapení

-

- No, máš se prostě na co těšit. Bude to velký! Co? To už by přece nebylo překvápko. -

-
-
-
-
-

a více...

- pkmples-plakat-new-web-large - - - - diff --git a/new-favicon/android-chrome-512x512.png b/new-favicon/android-chrome-512x512.png deleted file mode 100644 index 6982459..0000000 Binary files a/new-favicon/android-chrome-512x512.png and /dev/null differ diff --git a/new-favicon/apple-touch-icon.png b/new-favicon/apple-touch-icon.png deleted file mode 100644 index d60917e..0000000 Binary files a/new-favicon/apple-touch-icon.png and /dev/null differ diff --git a/new-favicon/favicon-16x16.png b/new-favicon/favicon-16x16.png deleted file mode 100644 index 0e3cc19..0000000 Binary files a/new-favicon/favicon-16x16.png and /dev/null differ diff --git a/new-favicon/favicon-32x32.png b/new-favicon/favicon-32x32.png deleted file mode 100644 index 569655f..0000000 Binary files a/new-favicon/favicon-32x32.png and /dev/null differ diff --git a/new-favicon/favicon.ico b/new-favicon/favicon.ico deleted file mode 100644 index f2a0060..0000000 Binary files a/new-favicon/favicon.ico and /dev/null differ diff --git a/new-favicon/site.webmanifest b/new-favicon/site.webmanifest deleted file mode 100644 index 45dc8a2..0000000 --- a/new-favicon/site.webmanifest +++ /dev/null @@ -1 +0,0 @@ -{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"} \ No newline at end of file diff --git a/pkmples-web-new-material/header/party-ples-large.png b/pkmples-web-new-material/header/party-ples-large.png deleted file mode 100644 index 6067415..0000000 Binary files a/pkmples-web-new-material/header/party-ples-large.png and /dev/null differ diff --git a/pkmples-web-new-material/header/party-ples-medium.png b/pkmples-web-new-material/header/party-ples-medium.png deleted file mode 100644 index 09a5ed7..0000000 Binary files a/pkmples-web-new-material/header/party-ples-medium.png and /dev/null differ diff --git a/pkmples-web-new-material/header/pruh-large.png b/pkmples-web-new-material/header/pruh-large.png deleted file mode 100644 index 8297b17..0000000 Binary files a/pkmples-web-new-material/header/pruh-large.png and /dev/null differ diff --git a/pkmples-web-new-material/header/pruh-medium.png b/pkmples-web-new-material/header/pruh-medium.png deleted file mode 100644 index 0a1a148..0000000 Binary files a/pkmples-web-new-material/header/pruh-medium.png and /dev/null differ diff --git a/pkmples-web-new-material/plakat/pkmples-plakat-new-web-large.png b/pkmples-web-new-material/plakat/pkmples-plakat-new-web-large.png deleted file mode 100644 index e88c33c..0000000 Binary files a/pkmples-web-new-material/plakat/pkmples-plakat-new-web-large.png and /dev/null differ diff --git a/pkmples-web-new-material/plakat/pkmples-plakat-new-web-medium.png b/pkmples-web-new-material/plakat/pkmples-plakat-new-web-medium.png deleted file mode 100644 index 9a4bf9a..0000000 Binary files a/pkmples-web-new-material/plakat/pkmples-plakat-new-web-medium.png and /dev/null differ diff --git a/pkmples-web-new-material/plakat/pkmples-plakat-new-web-small.png b/pkmples-web-new-material/plakat/pkmples-plakat-new-web-small.png deleted file mode 100644 index 3249080..0000000 Binary files a/pkmples-web-new-material/plakat/pkmples-plakat-new-web-small.png and /dev/null differ diff --git a/pkmples-web-new-material/polaroid/polaroid-web-1000-new.png b/pkmples-web-new-material/polaroid/polaroid-web-1000-new.png deleted file mode 100644 index af84568..0000000 Binary files a/pkmples-web-new-material/polaroid/polaroid-web-1000-new.png and /dev/null differ diff --git a/pkmples-web-new-material/polaroid/polaroid-web-1500-new.png b/pkmples-web-new-material/polaroid/polaroid-web-1500-new.png deleted file mode 100644 index 93452cf..0000000 Binary files a/pkmples-web-new-material/polaroid/polaroid-web-1500-new.png and /dev/null differ diff --git a/pkmples-web-new-material/polaroid/polaroid-web-2500-new.png b/pkmples-web-new-material/polaroid/polaroid-web-2500-new.png deleted file mode 100644 index 39f9461..0000000 Binary files a/pkmples-web-new-material/polaroid/polaroid-web-2500-new.png and /dev/null differ diff --git a/pkmples-web-new-material/polaroid/polaroid-web-750-new.png b/pkmples-web-new-material/polaroid/polaroid-web-750-new.png deleted file mode 100644 index 267f46f..0000000 Binary files a/pkmples-web-new-material/polaroid/polaroid-web-750-new.png and /dev/null differ diff --git a/robots.txt b/robots.txt deleted file mode 100644 index f6e6d1d..0000000 --- a/robots.txt +++ /dev/null @@ -1,2 +0,0 @@ -User-Agent: * -Allow: / diff --git a/sass/global.scss b/sass/global.scss new file mode 100644 index 0000000..a50705f --- /dev/null +++ b/sass/global.scss @@ -0,0 +1,33 @@ +* { + padding: 0; + margin: 0; + box-sizing: border-box; +} + +body { + font-family: 'Kanit', sans-serif; + font-weight: 500; + font-style: normal; + color: var(--clr-Murrey); + background-color: var(--clr-Lavender); +} + +footer { + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + margin: .5rem; + text-align: center; + font-size: 1rem; + font-weight: 300; + a, p { + color: var(--clr-Murrey); + } +} + +.footer-mobile { + display: none; + margin: 0 var(--container-size); +} + diff --git a/sass/header.scss b/sass/header.scss new file mode 100644 index 0000000..f536b01 --- /dev/null +++ b/sass/header.scss @@ -0,0 +1,38 @@ +nav { + display: flex; + justify-content: space-between; + background-color: var(--clr-Melon); + padding: 1rem var(--container-size); + font-family: 'coolvetica'; + + .nav-right, .nav-left { + display: flex; + align-items: center; + gap: 2rem; + } + + .nav-right > a { + display: flex; + } + + .nav-btn { + display: none; + } + + a { + text-decoration: none; + font-size: 1.5rem; + font-weight: 700; + font-size: normal; + color: var(--clr-Murrey); + } + + img { + height: 2rem; + } + + .nav-left img { + height: 4rem; + } +} + diff --git a/sass/main.scss b/sass/main.scss new file mode 100644 index 0000000..163ddca --- /dev/null +++ b/sass/main.scss @@ -0,0 +1,86 @@ +main { + display: flex; + gap: 2rem; + margin-top: 2rem; + margin-bottom: 2rem; + padding: 0 var(--container-size); + + .aside-wrapper { + min-width: 20vw; + } + + aside{ + display: flex; + flex-direction: column; + align-items: center; + padding: 2rem; + background-color: var(--clr-LavenderLight); + border-radius: 15px; + top: 0; + + section#vstupenky-wrapper { + display: flex; + justify-content: center; + width: 100%; + margin-bottom: 2rem; + } + + a.vstupenky { + width: 80%; + background-color: var(--clr-Melon); + padding: 1rem 2rem; + color: var(--clr-Murrey); + text-decoration: none; + font-weight: bold; + font-size: 2rem; + text-align: center; + border-color: var(--clr-Murrey); + border-radius: 15px; + border-style: solid; + border-width: 3px; + display: flex; + justify-content: center; + align-items: center; + } + .vstupenky:hover span{ + transform: translateX(0.5rem); + } + .vstupenky span { + transition: 300ms ease; + } + .infotable { + display: flex; + flex-direction: column; + gap: 2rem; + } + + .info-wrapper { + display: flex; + align-items: center; + justify-content: center; + gap: 2rem; + color: var(--clr-Murrey); + text-align: left; + + .text { + h3 { + font-weight: 900; + } + + p { + font-weight: 500; + } + } + + img { + width: 100px; + } + } + + .info-wrapper:nth-child(even) { + flex-direction: row-reverse; + text-align: right; + } + } +} + diff --git a/sass/news.scss b/sass/news.scss new file mode 100644 index 0000000..f9d9d18 --- /dev/null +++ b/sass/news.scss @@ -0,0 +1,42 @@ +.news-wrapper { + display: flex; + flex-direction: column; + gap: 1rem; + color: var(--clr-Murrey); + + .news-card { + position: relative; + background-color: var(--clr-LavenderLight); + border-radius: 1rem; + padding: 1rem; + .pin-img { + width: 1rem; + position: absolute; + right: 1rem; + display: none; + } + h3 { + font-family: "coolveltica", sans-serif; + font-weight: 900; + font-style: normal; + } + .date { + margin-bottom: 1rem; + } + } + .pinned { + order: -1; + } + .pinned .pin-img { + display: block; + } + iframe.video { + aspect-ratio: 16/9; + } + .instagram-media, img:not(.pin-img), iframe.video { + border-radius: 15px !important; + width: 100% !important; + max-width: none !important; + min-width: 0 !important; + } +} diff --git a/sass/responsivity.scss b/sass/responsivity.scss new file mode 100644 index 0000000..53d0c73 --- /dev/null +++ b/sass/responsivity.scss @@ -0,0 +1,124 @@ +@media only screen and (min-width: 0px) and (max-width: 954px) { + nav { + flex-wrap: wrap; + } + .nav-right { + display: none !important; + } + .mobile-visible { + display: flex !important; + flex-direction: column; + justify-content: center; + width: 100%; + gap: 0rem !important; + } + .mobile-visible > *:first-child{ + border-top: 1px solid var(--clr-Murrey); + + } + .mobile-visible > * { + display: grid; + place-content: center; + width: 100%; + padding: 1rem 0; + border-bottom: 1px solid var(--clr-Murrey); + } + + .nav-btn { + display: flex !important; + align-items: center; + + img { + height: 3rem; + cursor: pointer; + } + } + + .vstupenky { + font-size: 1.5rem !important; + width: 70vw !important; + } + main { + flex-direction: column; + align-items: center; + } + main aside .info-wrapper img { + width: 50px; + } + .aside-wrapper { + order: -1; + } + .info-wrapper { + gap: 1rem !important; + } + + footer:not(.footer-mobile) { + display: none !important; + } + .footer-mobile { + display: flex !important; + } +} + +@media only screen and (min-width: 955px) and (max-width: 1090px) { +.vstupenky { + font-size: 1.5rem !important; + } + main { + flex-direction: column; + align-items: center; + } + .aside-wrapper { + order: -1; + } + .info-wrapper { + gap: 1rem !important; + } + :root { + --container-size: 20vw; + } + footer:not(.footer-mobile) { + display: none !important; + } + .footer-mobile { + display: flex !important; + } +} + +@media only screen and (min-width: 1091px) and (max-width: 1499px) { + :root { + --container-size: 10vw; + } + .aside-wrapper { + min-width: 40vw !important; + } + .news-wrapper { + max-width: 50vw !important; + } +} + +/* Extra large devices (large laptops and desktops, 1200px and up) */ +@media only screen and (min-width: 1500px) and (max-width: 1999px) { + :root { + --container-size: 15vw; + } + .aside-wrapper { + min-width: 35vw !important; + } + .news-wrapper { + max-width: 50vw !important; + } +} + +@media only screen and (min-width: 2000px) { + :root { + --container-size: 25vw; + } + .aside-wrapper { + min-width: 25vw !important; + } + .news-wrapper { + max-width: 50vw !important; + } +} + diff --git a/sass/vars.scss b/sass/vars.scss new file mode 100644 index 0000000..7eaa725 --- /dev/null +++ b/sass/vars.scss @@ -0,0 +1,50 @@ +:root { + --clr-TrueBlue: #576ca8; /* TrueBlue */ + --clr-TrueBlueDark: #444B64; + --clr-Lavender: #d3d2ef; + --clr-LavenderLight: #E3E2F7; + --clr-Murrey: #792a4c; + --clr-Blush: #cf6379; + --clr-Melon: #ffadad; + --clr-cards: #e4e3ff; + --container-size: 5vw; +} + + +/* + +TrueBlue - 576CA8H +TrueBlueDarker - 444B64 +Lavender - D3D2EF +LavenderLighter - E3E2F7 +Murrey - 792A4C +Blush - CF6379 +Melon - FFADAD + +Coolvetica Light +font-family: "coolvetica", sans-serif; +font-weight: 300; +font-style: normal; + +Coolvetica Book +font-family: "coolvetica", sans-serif; +font-weight: 400; +font-style: normal; + +Coolvetica Regular +font-family: "coolvetica", sans-serif; +font-weight: 500; +font-style: normal; + +Coolvetica Bold +font-family: "coolvetica", sans-serif; +font-weight: 700; +font-style: normal; + +Coolvetica Heavy +font-family: "coolvetica", sans-serif; +font-weight: 900; +font-style: normal; +use.typekit.net + +*/ diff --git a/pkmples-web-new-material/ikony/beerpong.png b/static/img/beerpong.png similarity index 100% rename from pkmples-web-new-material/ikony/beerpong.png rename to static/img/beerpong.png diff --git a/pkmples-web-new-material/ikony/doleva.png b/static/img/doleva.png similarity index 100% rename from pkmples-web-new-material/ikony/doleva.png rename to static/img/doleva.png diff --git a/pkmples-web-new-material/ikony/doprava.png b/static/img/doprava.png similarity index 100% rename from pkmples-web-new-material/ikony/doprava.png rename to static/img/doprava.png diff --git a/new-favicon/android-chrome-192x192.png b/static/img/favicon.png similarity index 100% rename from new-favicon/android-chrome-192x192.png rename to static/img/favicon.png diff --git a/pkmples-web-new-material/ikony/fotokoutek.png b/static/img/fotokoutek.png similarity index 100% rename from pkmples-web-new-material/ikony/fotokoutek.png rename to static/img/fotokoutek.png diff --git a/pkmples-web-new-material/ikony/muzika.png b/static/img/muzika.png similarity index 100% rename from pkmples-web-new-material/ikony/muzika.png rename to static/img/muzika.png diff --git a/static/img/pkmples_logo.png b/static/img/pkmples_logo.png new file mode 100644 index 0000000..28aafb9 Binary files /dev/null and b/static/img/pkmples_logo.png differ diff --git a/static/img/posts/party_ples_2024_plakat.jpg b/static/img/posts/party_ples_2024_plakat.jpg new file mode 100644 index 0000000..61a8d00 Binary files /dev/null and b/static/img/posts/party_ples_2024_plakat.jpg differ diff --git a/static/img/posts/pkm_nataceni_1.jpg b/static/img/posts/pkm_nataceni_1.jpg new file mode 100644 index 0000000..e915833 Binary files /dev/null and b/static/img/posts/pkm_nataceni_1.jpg differ diff --git a/pkmples-web-new-material/ikony/prekvapeni.png b/static/img/prekvapeni.png similarity index 100% rename from pkmples-web-new-material/ikony/prekvapeni.png rename to static/img/prekvapeni.png diff --git a/pkmples-web-new-material/ikony/tombola.png b/static/img/tombola.png similarity index 100% rename from pkmples-web-new-material/ikony/tombola.png rename to static/img/tombola.png diff --git a/pkmples-web-new-material/ikony/uvod.png b/static/img/uvod.png similarity index 100% rename from pkmples-web-new-material/ikony/uvod.png rename to static/img/uvod.png diff --git a/static/svg/dancing.svg b/static/svg/dancing.svg new file mode 100644 index 0000000..bae16d8 --- /dev/null +++ b/static/svg/dancing.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + diff --git a/static/svg/facebook.svg b/static/svg/facebook.svg new file mode 100644 index 0000000..8d511dd --- /dev/null +++ b/static/svg/facebook.svg @@ -0,0 +1,10 @@ + + + + + + diff --git a/static/svg/fotokoutek.svg b/static/svg/fotokoutek.svg new file mode 100644 index 0000000..ca291ba --- /dev/null +++ b/static/svg/fotokoutek.svg @@ -0,0 +1,17 @@ + + + + + + + diff --git a/static/svg/instagram.svg b/static/svg/instagram.svg new file mode 100644 index 0000000..9ca8482 --- /dev/null +++ b/static/svg/instagram.svg @@ -0,0 +1,15 @@ + + + + + + + + diff --git a/static/svg/menu.svg b/static/svg/menu.svg new file mode 100644 index 0000000..5a85357 --- /dev/null +++ b/static/svg/menu.svg @@ -0,0 +1 @@ + diff --git a/static/svg/muzika.svg b/static/svg/muzika.svg new file mode 100644 index 0000000..6c929af --- /dev/null +++ b/static/svg/muzika.svg @@ -0,0 +1,17 @@ + + + + + + + diff --git a/static/svg/party_ples.svg b/static/svg/party_ples.svg new file mode 100644 index 0000000..38a4f06 --- /dev/null +++ b/static/svg/party_ples.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + diff --git a/static/svg/pin.svg b/static/svg/pin.svg new file mode 100644 index 0000000..8f002fc --- /dev/null +++ b/static/svg/pin.svg @@ -0,0 +1,14 @@ + + + + + + + diff --git a/static/svg/prekvapeni.svg b/static/svg/prekvapeni.svg new file mode 100644 index 0000000..070d446 --- /dev/null +++ b/static/svg/prekvapeni.svg @@ -0,0 +1,14 @@ + + + + + + + diff --git a/static/svg/tombola.svg b/static/svg/tombola.svg new file mode 100644 index 0000000..e30aaa5 --- /dev/null +++ b/static/svg/tombola.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + diff --git a/static/svg/uvod.svg b/static/svg/uvod.svg new file mode 100644 index 0000000..67033c6 --- /dev/null +++ b/static/svg/uvod.svg @@ -0,0 +1,24 @@ + + + + + + diff --git a/static/svg/youtube.svg b/static/svg/youtube.svg new file mode 100644 index 0000000..f2115b6 --- /dev/null +++ b/static/svg/youtube.svg @@ -0,0 +1,11 @@ + + + + + + diff --git a/templates/404.html b/templates/404.html new file mode 100644 index 0000000..22a0391 --- /dev/null +++ b/templates/404.html @@ -0,0 +1,12 @@ + + + + + + + + +

404 - Stránka nenalezena

+ Zpět na ples + + \ No newline at end of file diff --git a/templates/base.html b/templates/base.html new file mode 100644 index 0000000..ca998d0 --- /dev/null +++ b/templates/base.html @@ -0,0 +1,61 @@ + + + + + + + PKM PARTY PLES + + + + + + + + + + + + + + + + +
+ {% block main %} {% endblock main %} +
+ + + + + + + diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..cd32148 --- /dev/null +++ b/templates/index.html @@ -0,0 +1,74 @@ +{% extends "base.html" %} +{% block main %} +
+ {% block news %} {% endblock news %} +
+
+ + +
+{% endblock main %} diff --git a/templates/news.html b/templates/news.html new file mode 100644 index 0000000..9c73bce --- /dev/null +++ b/templates/news.html @@ -0,0 +1,17 @@ +{% extends "index.html" %} + +{% block news %} + {% for page in section.pages %} + {% set article_class = "news-card" %} + {% if page.extra.pinned %} + {% set article_class = article_class ~ " pinned" %} + {% endif %} + +
+ pin icon +

{{ page.title }}

+

{{ page.date | date(format="%d. %m. %Y")}}

+

{{ page.content | safe }}

+
+ {% endfor %} +{% endblock news %}