Edax/Web_Chaloupky
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
Filip Šubín
2023-08-09 09:06:05 +02:00
parent 5f1493088a
commit d0e04677c7
14 changed files with 148 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
assets/css/footer.css
View File

@@ -1,7 +1,7 @@
.footer {
display: flex;
display: grid;
justify-content: center;
padding-block: 2rem 5rem;
padding-block: 2rem 3rem;
background: var(--color-white);
}
@@ -16,3 +16,8 @@
.footer__content ul + ul {
margin-top: 1.5rem;
}
.footer__tail {
margin-top: 3rem;
text-align: center;
}

7
assets/css/header.css
View File

@@ -14,6 +14,10 @@
box-shadow: unset;
}
.header.is-open .header__section{
border-bottom: 0.0625rem solid var(--color-black);
}
.header.is-open .header__mobile {
display: block;
}
@@ -29,11 +33,12 @@
.header__mobile {
display: none;
position: fixed;
top: 5rem;
top: 5.0625rem;
left: 0;
width: 100%;
height: calc(100% - 4.75rem);
background-color: var(--color-white);
overflow-y: auto;
z-index: 20;
}

35
assets/css/layout.css
View File

@@ -259,3 +259,38 @@
overflow-y: auto;
margin-bottom: 0.625rem;
}
.section--gdpr {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 100;
width: 100vw;
height: 100vh;
background-color: var(--color-white);
overflow: auto;
}
.section--gdpr.is-open {
display: block;
}
.section--gdpr h2,h3{
text-align: center;
padding-inline: 1rem;
}
.section--gdpr .list{
margin-inline: auto;
max-width: 50rem;
}
.section--gdpr .list li {
padding-inline: 1rem;
margin-bottom: 1.5rem;
}
.section--gdpr .list.prologue li {
margin-bottom: 0.5rem;
}

1
assets/css/lists.css
View File

@@ -82,7 +82,6 @@
.list--mobile {
text-align: center;
font-size: 1.375rem;
border-top: 0.0625rem solid var(--color-black);
padding-top: 0.75rem;
}

50
assets/js/app.js
View File

@@ -112,6 +112,16 @@ function init() {
$('body').find('.section--preview').removeClass('is-open');
});
$('.js-gdpr-open').click(function() {
$('body').removeClass('noscroll');
$('body').find('.section--gdpr').addClass('is-open');
});
$('.js-gdpr-close').click(function() {
$('body').removeClass('noscroll');
$('body').find('.section--gdpr').removeClass('is-open');
});
$('.js-preview-prev').click(function() {
let data = $(this).closest('.section--preview');
let x = Number(data.attr('data-object'));
@@ -228,7 +238,11 @@ switch(Number(object)) {
"img/gallery/statek/21.webp",
"img/gallery/statek/22.webp",
"img/gallery/statek/23.webp",
"img/gallery/statek/24.webp"
"img/gallery/statek/24.webp",
"img/gallery/statek/25.webp",
"img/gallery/statek/26.webp",
"img/gallery/statek/27.webp",
"img/gallery/statek/28.webp"
];
break;
case 1:
@@ -300,7 +314,15 @@ switch(Number(object)) {
"img/gallery/statek/8.webp",
"img/gallery/statek/7.webp",
"img/gallery/statek/11.webp",
"img/gallery/statek/w5.webp"
"img/gallery/statek/w5.webp",
"img/gallery/statek/w7.webp",
"img/gallery/statek/w8.webp",
"img/gallery/statek/w9.webp",
"img/gallery/statek/w10.webp",
"img/gallery/statek/25.webp",
"img/gallery/statek/26.webp",
"img/gallery/statek/27.webp",
"img/gallery/statek/28.webp"
];
}
@@ -387,6 +409,30 @@ function galleryControl(e,f,g,h) {
break;
case 12:
next = "w5";
break;
case 13:
next = "w7";
break;
case 14:
next = "w8";
break;
case 15:
next = "w9";
break;
case 16:
next = "w10";
break;
case 17:
next = "25";
break;
case 18:
next = "26";
break;
case 19:
next = "27";
break;
case 20:
next = "28"
}
}
$('body').find('.section--preview').find('img').attr('src','img/gallery/' + object + '/' + next + '.webp');

BIN
img/gallery/statek/25.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 256 KiB

BIN
img/gallery/statek/26.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 88 KiB

BIN
img/gallery/statek/27.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 128 KiB

BIN
img/gallery/statek/28.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 226 KiB

BIN
img/gallery/statek/w10.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 246 KiB

BIN
img/gallery/statek/w7.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 180 KiB

BIN
img/gallery/statek/w8.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 102 KiB

BIN
img/gallery/statek/w9.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 193 KiB

57
index.html
View File

@@ -159,7 +159,7 @@
<div class="section__intro">
<div class="section__welcome">
<div>
<h2 class="title">Statek</h2>
<h2 class="title">Statek Blaník</h2>
<p>Zveme Vás k příjemné rekreaci na stylově zařízeném<br/>statku uprostřed malebné přírody pod bájnou horou<br/>Blaník.</p>
<div class="section__links">
<a href="#statek" class="button js-left-open">
@@ -189,8 +189,8 @@
</div>
<div class="section__content">
<ul class="list list--object">
<li>Stylově zařízený statek uprostřed malebné přírody se nachází stejně jako ostatní objekty pod bájnou <strong>horou Blaník</strong>. Objekt je součástí klidné osady Světlá. Výhodou je vzdálenost 70 km od Prahy nebo 3 km do obce Louňovice pod Blaníkem (veškerá občanská vybavenost).</li>
<li>K dispozici je <strong>společenský sál pro 55 osob</strong> s vlastní plně vybavenou kuchyní, včetně myčky na nádobí, automatického espresa a sociálního zařízení. Lze využít také TV, DVD nebo promítací plátno. Ze dvorku je přístupný nově zrekonstruovaný <strong>pánský klub</strong>.</li>
<li>Stylově zařízený statek uprostřed malebné přírody se nachází stejně jako ostatní objekty pod bájnou <strong>horou Blaník</strong>. Objekt je součástí klidné osady Světlá. Výhodou je vzdálenost 70 km od Prahy nebo 3 km do obce Louňovice pod Blaníkem (veškerá občanská vybavenost). Celkem <strong>nabízíme 54 lůžek v 15 pokojích</strong> s roubenkou.</li>
<li>K dispozici je také <strong>společenský sál pro 55 osob</strong> s vlastní plně vybavenou kuchyní, včetně myčky na nádobí, automatického espresa a sociálního zařízení. Lze využít také TV, DVD nebo promítací plátno. Ze dvorku je přístupný nově zrekonstruovaný <strong>pánský klub</strong>.</li>
<li>V letních měsících lze využít <strong>venkovního posezení</strong> na čerstvém vzduchu. Hosté mohou hrát fotbal, volejbal a jiné míčové hry na <strong>štěrkovém hřišti</strong>. Součástí <strong>venkovního dětského koutku</strong> je <strong>stolní tenis</strong>, <strong>stolní fotbálek</strong>, <strong>prolézačky</strong> a <strong>pískoviště</strong>. Objekt disponuje <strong>zastřešeným bazénem</strong>, <strong>brouzdalištěm pro děti</strong>, <strong>rybníkem</strong> s kapry.</li>
<li class="hide-text">Nabízíme zajištění celodenního stravování. Za poplatek můžete využít také možnosti zapůjčení chladícího zařízení na pivo, grilovacího boxu na opékání kýty, krůty, selete či grilu. Na statku je k dispozici jedna dětská postýlka.</li>
</ul>
@@ -209,7 +209,7 @@
</div>
</div>
<div class="section__gallery" data-object="0" data-items="24">
<div class="section__gallery" data-object="0" data-items="28">
<div class="loader"><div></div><div></div><div></div><div></div></div>
<div class="close js-gallery-close">
<svg fill="#000000" width="1.125rem" height="1.125rem" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"><g><g><polygon points="512,59.076 452.922,0 256,196.922 59.076,0 0,59.076 196.922,256 0,452.922 59.076,512 256,315.076 452.922,512 512,452.922 315.076,256 "/></g></g></svg>
@@ -488,7 +488,7 @@
</a>
</div>
<div class="section__gallery" data-object="3" data-items="12">
<div class="section__gallery" data-object="3" data-items="20">
<div class="loader"><div></div><div></div><div></div><div></div></div>
<div class="close js-gallery-close">
<svg fill="#000000" width="1.125rem" height="1.125rem" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"><g><g><polygon points="512,59.076 452.922,0 256,196.922 59.076,0 0,59.076 196.922,256 0,452.922 59.076,512 256,315.076 452.922,512 512,452.922 315.076,256 "/></g></g></svg>
@@ -557,6 +557,50 @@
</svg>
</div>
</section>
<section class="section section--gdpr">
<div class="close close--preview js-gdpr-close">
<svg fill="#000000" width="1.125rem" height="1.125rem" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"><g><g><polygon points="512,59.076 452.922,0 256,196.922 59.076,0 0,59.076 196.922,256 0,452.922 59.076,512 256,315.076 452.922,512 512,452.922 315.076,256 "/></g></g></svg>
</div>
<h2>Smlouva o zpracování osobních údajů</h2>
<ul class="list prologue">
<li>uzavřená mezi:</li>
<li>poskytovatelem „služby Miroslav Šubín“ (dále jen „služba“):</li>
<li>název firmy: Miroslav Šubín,</li>
<li>se sídlem Mládežnická 219, 257 06 Louňovice pod Blaníkem,</li>
<li>IČO: 12225843</li>
<li>(dále jen „poskytovatel“)</li>
<li>a uživatelem služby (dále jen „uživatel“).</li>
</ul>
<h3>I. Práva a povinnosti mezi správcem a zpracovatelem</h3>
<ul class="list">
<li><strong>1.1</strong> Poskytovatel je ve vztahu k osobním údajům klientů uživatelů „zpracovatelem“ dle čl. 28 GDPR. Uživatel je „správcem“ těchto údajů.</li>
<li><strong>1.2</strong> Tyto podmínky upravují vzájemná práva a povinnosti při zpracování osobních údajů, ke kterým Poskytovatel získal přístup v rámci poskytování služby pro Uživatele.</li>
<li><strong>1.3</strong> Poskytovatel se zavazuje pro Uživatele zpracovávat osobní údaje v rozsahu a za účelem stanovenými v čl.1.4 -1.6 těchto podmínek. Prostředky zpracování budou automatizované. Poskytovatel bude v rámci zpracování osobní údaje shromažďovat, ukládat na nosiče informací, uchovávat a likvidovat. Poskytovatel není oprávněn osobní údaje zpracovávat v rozporu nebo nad rámec stanovený těmito podmínkami.</li>
<li><strong>1.4</strong> Poskytovatel se zavazuje pro uživatele zpracovávat osobní údaje v tomto rozsahu: </br></br>běžné osobní údaje, </br>zvláštní kategorie údajů podle čl. 9 GDPR, </br>které Uživatel získal v souvislosti s vlastní obchodní činností.</li>
<li><strong>1.5</strong> Poskytovatel se zavazuje pro uživatele zpracovávat osobní údaje za účelem poskytování služby.</li>
<li><strong>1.6</strong> Poskytovatel se zavazuje pro Uživatele zpracovávat osobní údaje klientů Uživatele, to vše po dobu nezbytnou k výkonu práv a povinností vyplývajících ze smluvního vztahu mezi Poskytovatelem a Uživatelem.</li>
<li><strong>1.7</strong> Uživatel uděluje povolení se zapojením subdodavatele jakožto dalšího zpracovatele podle čl. 28 odst. 2 GDPR, kterým je poskytovatel hostingu služby. Uživatel dále uděluje Poskytovateli obecné povolení zapojit do zpracování dalšího zpracovatele osobních údajů. Uživatel může vyslovit vůči zapojení dalšího zpracovatele námitky.</li>
<li><strong>1.8</strong> Poskytovatel se zavazuje, že zpracovávání osobních údajů bude zabezpečeno zejména následujícím způsobem:</li>
<li>Osobní údaje jsou zpracovávány v souladu s právními předpisy a na základě pokynů Uživatele, tj. pro výkon veškerých činností potřebných pro poskytování služby.</li>
<li>Poskytovatel se zavazuje, že technicky zabezpečí ochranu zpracovávaných osobních údajů tak, aby nemohlo dojít k neoprávněnému nebo nahodilému přístupu k údajům, k jejich změně, zničení či ztrátě, neoprávněným přenosům, k jejich jinému neoprávněnému zpracování, jakož i k jinému zneužití a aby byly po dobu zpracovávání údajů zabezpečeny povinnosti zpracovatele osobních údajů, vyplývající z právních předpisů. </br>Přijatá technická a organizační opatření odpovídají míře rizika.</li>
<li>K osobním údajům budou mít přístup pouze oprávněné osoby Poskytovatele a subdodavatelů dle čl.1.7 těchto podmínek, které budou mít Poskytovatelem stanoveny podmínky a rozsah zpracování údajů. Oprávněné osoby Poskytovatele, které zpracovávají osobní údaje podle těchto podmínek, jsou povinny zachovávat mlčenlivost o osobních údajích a o bezpečnostních opatřeních, jejichž zveřejnění by ohrozilo jejich zabezpečení.</li>
<li>Poskytovatel bude uživateli nápomocen prostřednictvím vhodných technických a organizačních opatření, pokud je to možné, pro splnění uživatelovy povinnosti reagovat na žádosti o výkon práv subjektu údajů stanovených v GDPR; stejně tak při zajišťování souladu s povinnostmi podle čl. 32 až 36 GDPR, a to při zohlednění povahy zpracování a informací, jež má Poskytovatel k dispozici.</li>
<li>Po ukončení poskytování plnění, které je spojeno se zpracováním, dle čl.1.6 těchto podmínek, je Poskytovatel povinen všechny osobní údaje vymazat, nebo je vrátit Uživateli, pokud nemá povinnost uložit osobní údaje na základě zvláštního zákona.</li>
<li><strong>1.9</strong> Uživatel se zavazuje neprodleně ohlašovat všechny jemu známé skutečnosti, které by mohly nepříznivě ovlivnit řádné a včasné plnění závazků vyplývajících z těchto podmínek na a poskytnout </br>Poskytovateli součinnost nezbytnou pro plnění těchto podmínek.</li>
</ul>
<h3>II. Závěrečná ustanovení</h3>
<ul class="list">
<li><strong>2.1</strong> Tyto podmínky pozbývají platnosti ukončením poskytování služby Poskytovatelem.</li>
<li><strong>2.2</strong> Poskytovatel je oprávněn tyto podmínky změnit. Poskytovatel je povinen bez zbytečného odkladu zveřejnit novou verzi podmínek na svých internetových stránkách, popř. zašle novou verzi Uživateli na jeho e-mailovou adresu.</li>
<li><strong>2.3</strong> Kontaktní údaje Poskytovatele ve věcech týkajících se těchto podmínek: email: <a class="link link--underline" href="mailto:chaloupkapodblanikem@seznam.cz">chaloupkapodblanikem@seznam.cz</a>.</li>
<li><strong>2.4</strong> Vztahy těmito podmínkami výslovně neupravené se řídí GDPR a právním řádem České republiky, zejména zákonem č. 89/2012 Sb., občanský zákoník, v platném znění.</li>
<li>Tyto podmínky nabývají účinnosti dnem 1.1.2020.</li>
</ul>
</section>
</main>
<footer class="footer" id="footer">
@@ -598,6 +642,9 @@
</ul>
</div>
</div>
<div class="footer__tail">
<a class="link link--underline js-gdpr-open" href="javascript:void(0)">Ochrana údajů</a>
</div>
</footer>
<script src="assets/js/app.js"></script>