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!
+
+
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)!
+
+
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!
+
+
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"
++++
+
+
\ 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"
++++
+
+
\ 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
+
+VIDEO
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!
+
+
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
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 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í.
-
-
-
-
-
-
-
- Facebook Událost
-
- double_arrow
-
-
-
-
- Na co se můžete těšit?
-
-
-
-
-
Slavnostní úvod
-
- Na rozehřátí ti něco pěknýho řeknem a možná se dočkáš i nějakýho toho videjka.
-
-
-
-
-
-
-
Fotokoutek
-
- Vyblejsknem tě samotnýho nebo s celou partou. A to v našem koutku i na tanečním place!
-
-
-
-
-
-
-
Kvalitní muzika
-
- “Proč nehrají, preceptore?” na našem plese rozhodně neuslyšíš. Zahraje nám BigBand ZUŠ Turnov, kterej do toho umí hrábnout.
-
-
-
-
-
-
-
Beer pong
-
- Zahraj si o super ceny v týhle obdobě americkýho fenoménu.
-
-
-
-
-
-
-
Tombola
-
- Už teď ty ceny nemáme kam dávat. Tak nám přijď pomoct a nějakou si odnes domů!
-
-
-
-
-
-
-
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...
-
-
-
-
-
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 %}
+
+
+
+
+
+
+
+
+
+
Slavnostní úvod
+
+ Na rozehřátí ti něco pěknýho řeknem a možná se dočkáš i nějakýho toho videjka.
+
+
+
+
+
+
+
Kvalitní muzika
+
+ “Proč nehrají, preceptore?” na našem plese rozhodně neuslyšíš. Zahraje nám BigBand ZUŠ Turnov , kterej do toho umí hrábnout.
+
+
+
+
+
+
+
Tombola
+
+ Už teď ty ceny nemáme kam dávat. Tak nám přijď pomoct a nějakou si odnes domů!
+
+
+
+
+
+
+
Fotokoutek
+
+ Vyblejsknem tě samotnýho nebo s celou partou. A to v našem koutku i na tanečním place!
+
+
+
+
+
+
+
Unikátní program
+
+ V tomhle se musí najít úplně každej. Brikulí jsme si pro Tebe s kámošema připravili tolik, že by to měl i tvůj matikář problém spočítat.
+
+
+
+
+
+
+
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.
+
+
+
+
+
+
+
+{% 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 %}
+
+
+
+ {{ page.title }}
+ {{ page.date | date(format="%d. %m. %Y")}}
+ {{ page.content | safe }}
+
+ {% endfor %}
+{% endblock news %}