Skip to content
Snippets Groups Projects
Commit 33f3b3c7 authored by fanky's avatar fanky
Browse files

side panel to all pages - major dom intervention!

parent 4c46f0ca
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
Showing
with 577 additions and 522 deletions
source/_patterns/02-organisms/03-hero/home-hero-slider.mustache
+ 3
− 3
View file @ 33f3b3c7
......@@ -34,7 +34,7 @@
</picture>
</div>
<div class="md:w-5/12 px-5 md:px-8 xl:px-16 py-9 md:pt-12 xl:pt-16 md:relative h-full">
<h1 class="head-alt-md text-5xl xl:text-6xl pt-1 mb-5 max-w-sm">VRAŤME ZEMI BUDOUCNOST</h1>
<h1 class="head-alt-md text-5xl xl:text-6xl pt-1 mb-5 max-w-xs md:max-w-sm">VRAŤME ZEMI BUDOUCNOST</h1>
<div class="md:absolute md:right-0 md:bottom-24 md:w-full md:px-8 xl:px-16 md:text-left">
<a href="{{ link.templates-elections-program-listing-pirati-stan }}">
{{> atoms-icon-button(icon: "ico--chevron-right", classes:"btn--hoveractive md:text-xl", bodyClasses:"md:py-4 md:leading-5 hover:bg-grey-800", iconClasses:"bg-grey-800", cta: "Jak na to?") }}
......@@ -73,7 +73,7 @@
</picture>
</div>
<div class="md:w-5/12 px-5 md:px-8 xl:px-16 py-9 md:pt-12 xl:pt-16 md:relative h-full">
<h1 class="head-alt-md text-5xl xl:text-6xl pt-1 mb-5 max-w-sm">ENERGIE A&nbsp;ZKUŠENOST</h1>
<h1 class="head-alt-md text-5xl xl:text-6xl pt-1 mb-5 max-w-xs md:max-w-sm">ENERGIE A&nbsp;ZKUŠENOST</h1>
<div class="md:absolute md:right-0 md:bottom-24 md:w-full md:px-8 xl:px-16 md:text-left">
<a href="{{ link.templates-candidate-listing-pirati-stan }}">
{{> atoms-icon-button(icon: "ico--chevron-right", classes:"btn--hoveractive md:text-xl", bodyClasses:"md:py-4 md:leading-5 hover:bg-grey-800", iconClasses:"bg-grey-800", cta: "Jaké máme lidi?") }}
......@@ -112,7 +112,7 @@
</picture>
</div>
<div class="md:w-5/12 px-5 md:px-8 xl:px-16 py-9 md:pt-12 xl:pt-16 md:relative h-full">
<h1 class="head-alt-md text-5xl xl:text-6xl pt-1 mb-5 max-w-sm">BUDOUCNOST MĚNÍME TEĎ</h1>
<h1 class="head-alt-md text-5xl xl:text-6xl pt-1 mb-5 max-w-xs md:max-w-sm">BUDOUCNOST MĚNÍME&nbsp;TEĎ</h1>
<div class="md:absolute md:right-0 md:bottom-24 md:w-full md:px-8 xl:px-16 md:text-left">
<a href="#jakpomoci">
{{> atoms-icon-button(icon: "ico--chevron-right", classes:"btn--hoveractive md:text-xl", bodyClasses:"md:py-4 md:leading-5 hover:bg-grey-800", iconClasses:"bg-grey-800", cta: "Jak mohu pomoci?") }}
......
source/_patterns/02-organisms/11-side-cta-panel/side-cta-panel-pirati-stan.mustache
+ 7
− 5
View file @ 33f3b3c7
......@@ -8,9 +8,11 @@
</div>
</div>
<div class="side-cta-panel--filter" id="side-cta-filter"></div>
<div class="side-cta-panel-bar" id=cta-side-bar>
<div class="side-cta-panel-bar--toggler" onClick="document.body.classList.add('ctaopen');getElementById('side-cta-filter').classList.add('side-cta-panel--filter--ctaopen');getElementById('cta-side').classList.add('side-cta-panel--ctaopen');"></div>
<div class="side-cta-panel-bar-el img-news bg-acidgreen elevation-6"></div>
<div class="side-cta-panel-bar-el img-help bg-lemon elevation-6"></div>
<div class="side-cta-panel-bar-el img-support bg-white elevation-6"></div>
<div class="side-cta-panel-bar-wrapper">
<div class="side-cta-panel-bar" id="cta-side-bar" onClick="document.body.classList.add('ctaopen');getElementById('side-cta-filter').classList.add('side-cta-panel--filter--ctaopen');getElementById('cta-side').classList.add('side-cta-panel--ctaopen');">
<div class="side-cta-panel-bar--toggler"></div>
<div class="side-cta-panel-bar-el img-news bg-acidgreen elevation-6 hover:bg-darkacidgreen hover:elevation-1 transition-all cursor-pointer"></div>
<div class="side-cta-panel-bar-el img-help bg-lemon elevation-6 hover:bg-opacity-70 hover:elevation-1 transition-all cursor-pointer"></div>
<div class="side-cta-panel-bar-el img-support bg-white elevation-6 hover:bg-opacity-70 hover:elevation-1 transition-all cursor-pointer"></div>
</div>
</div>
\ No newline at end of file
source/_patterns/03-templates/coalition-HP-and-other/faq-pirati-stan.mustache
+ 60
− 57
View file @ 33f3b3c7
{{> organisms-navbar-pirati-stan }}
{{> organisms-hero-pirati-stan(simpleHero: true) }}
<div class="relative">
{{> organisms-side-cta-panel }}
<div class="container container--default lg:pb-24">
<section class="py-16">
<p class="para">{{ excerpt.long }}</p>
......@@ -53,6 +55,11 @@
{{> atoms-accordeon-row }}
</div>
</section>
</div>
</div>
{{> organisms-footer-pirati-stan }}
<script>
document.addEventListener("DOMContentLoaded", setMaxHeights);
window.addEventListener('resize', setMaxHeights);
......@@ -67,7 +74,3 @@
}
}
</script>
\ No newline at end of file
</section>
</div>
{{> organisms-footer-pirati-stan }}
\ No newline at end of file
source/_patterns/03-templates/coalition-HP-and-other/homepage-pirati-stan.mustache
+ 42
− 40
View file @ 33f3b3c7
{{> organisms-navbar-pirati-stan }}
{{> organisms-home-hero-slider }}
<div class="relative">
{{> organisms-side-cta-panel }}
<div class="container container--default lg:pb-24">
<section>
<h1 class="head-alt-md pb-4 lg:pb-8 mt-10 md:mt-24">Aktuality</h1>
<h1 class="head-alt-md pb-4 lg:pb-8 mt-10 md:mt-8">Aktuality</h1>
{{> organisms-article-card-list-pirati-stan(onlyThree: true) }}
<nav class="text-center">
......@@ -40,5 +42,5 @@
</section>
</div>
{{> organisms-side-cta-panel }}
</div>
{{> organisms-footer-pirati-stan }}
source/_patterns/03-templates/coalition-articles/article-detail-pirati-stan.mustache
+ 33
− 30
View file @ 33f3b3c7
{{> organisms-navbar-pirati-stan }}
<div class="relative">
{{> organisms-side-cta-panel }}
<div class="container container--default py-8 lg:py-24">
<article>
<div class="pt-2 pb-1.5 md:pt-3.5 md:pb-2 mb-8">
......@@ -39,4 +41,5 @@
</div>
</div>
{{> organisms-footer-pirati-stan }}
source/_patterns/03-templates/coalition-articles/article-listing-pirati-stan.mustache
+ 23
− 20
View file @ 33f3b3c7
{{> organisms-navbar-pirati-stan }}
{{> organisms-hero-pirati-stan(claim: "Aktuální témata", simpleHero: true) }}
<div class="relative">
{{> organisms-side-cta-panel }}
<div class="container container--default pt-8 lg:py-24">
<section>
<!--
......@@ -24,4 +26,5 @@
</section>
</div>
</div>
{{> organisms-footer-pirati-stan }}
source/_patterns/03-templates/coalition-articles/individual-article-detail.mustache
+ 16
− 12
View file @ 33f3b3c7
{{> organisms-navbar-pirati-stan }}
<div class="relative">
{{> organisms-side-cta-panel }}
<div class="container container--default py-8 lg:py-24">
<article>
<div class="pt-2 pb-1.5 md:pt-3.5 md:pb-2 mb-8">
......@@ -16,4 +19,5 @@
</div>
</div>
{{> organisms-footer-pirati-stan }}
source/_patterns/03-templates/coalition-articles/individual-article-listing.mustache
+ 34
− 30
View file @ 33f3b3c7
{{> organisms-navbar-pirati-stan }}
{{> organisms-hero-pirati-stan(claim: "Individuální texty pro cílovky", simpleHero: true) }}
<div class="relative">
{{> organisms-side-cta-panel }}
<div class="container container--default pt-8 lg:py-24">
<section>
<!--
......@@ -34,4 +37,5 @@
</section>
</div>
</div>
{{> organisms-footer-pirati-stan }}
source/_patterns/03-templates/coalition-articles/strategic-document-detail-pirati-stan.mustache
+ 26
− 22
View file @ 33f3b3c7
{{> organisms-navbar-pirati-stan }}
<div class="relative">
{{> organisms-side-cta-panel }}
<div class="container container--default py-8 lg:py-24">
<article>
<div class="pt-2 pb-1.5 md:pt-3.5 md:pb-2 mb-8">
......@@ -27,4 +30,5 @@
</div>
</div>
{{> organisms-footer-pirati-stan }}
source/_patterns/03-templates/coalition-articles/strategic-documents-listing-pirati-stan.mustache
+ 3
− 0
View file @ 33f3b3c7
{{> organisms-navbar-pirati-stan }}
{{> organisms-hero-search-pirati-stan(claim: "Výpis strategických dokumentů") }}
<div class="relative">
{{> organisms-side-cta-panel }}
<main>
<div class="container container--default pt-8 pb-16 lg:py-24">
......@@ -19,4 +21,5 @@
</div>
</div>
</main>
</div>
{{> organisms-footer-pirati-stan }}
source/_patterns/03-templates/coalition-candidates/candidate-detail-no-bg-pirati-stan.mustache
+ 45
− 42
View file @ 33f3b3c7
......@@ -7,6 +7,8 @@
</div>
</article>
<div class="relative">
{{> organisms-side-cta-panel }}
<div class="container container--default py-8 lg:pb-24">
<main>
<div class="flex flex-col lg:flex-row lg:space-x-8 xl:space-x-16">
......@@ -56,4 +58,5 @@
</main>
</div>
</div>
{{> organisms-footer-pirati-stan }}
source/_patterns/03-templates/coalition-candidates/candidate-detail-pirati-stan.mustache
+ 44
− 42
View file @ 33f3b3c7
......@@ -7,6 +7,8 @@
</div>
</article>
<div class="relative">
{{> organisms-side-cta-panel }}
<div class="container container--default py-8 lg:pb-24">
<main>
<div class="flex flex-col lg:flex-row lg:space-x-8 xl:space-x-16">
......@@ -55,5 +57,5 @@
</div>
</main>
</div>
</div>
{{> organisms-footer-pirati-stan }}
source/_patterns/03-templates/coalition-candidates/candidate-detail-socials-pirati-stan.mustache
+ 28
− 25
View file @ 33f3b3c7
......@@ -7,6 +7,8 @@
</div>
</article>
<div class="relative">
{{> organisms-side-cta-panel }}
<div class="container container--default py-8 lg:pb-24">
<main>
<div class="flex flex-col lg:flex-row lg:space-x-8 xl:space-x-16">
......@@ -37,4 +39,5 @@
</main>
</div>
</div>
{{> organisms-footer-pirati-stan }}
source/_patterns/03-templates/coalition-candidates/candidate-listing-map-pirati-stan.mustache
+ 7
− 3
View file @ 33f3b3c7
{{> organisms-navbar-pirati-stan }}
{{> organisms-hero-pirati-stan(showSwitchDesktopOnly: true) }}
<div class="relative">
{{> organisms-side-cta-panel }}
<main>
{{> organisms-candidate-map-pirati-stan }}
</main>
</div>
{{> organisms-footer-pirati-stan }}
source/_patterns/03-templates/coalition-candidates/candidate-listing-pirati-stan.mustache
+ 14
− 10
View file @ 33f3b3c7
{{> organisms-navbar-pirati-stan }}
{{> organisms-hero-pirati-stan(showSwitchDesktopOnly: true) }}
<div class="relative">
{{> organisms-side-cta-panel }}
<div class="container container--default py-8 lg:py-24">
<section class="text-center relative">
<h1 class="head-alt-md pt-1 mb-8">Výpis kandidátů</h1>
......@@ -14,4 +17,5 @@
</section>
</div>
</div>
{{> organisms-footer-pirati-stan }}
source/_patterns/03-templates/coalition-program-points/detail-program-pirati-stan.mustache
+ 79
− 77
View file @ 33f3b3c7
{{> organisms-navbar-pirati-stan }}
<div class="relative">
{{> organisms-side-cta-panel }}
<div class="container container-default pt-4 pb-20">
<div class="w-full lg:w-4/6 relative container-collapsible">
......@@ -114,7 +116,7 @@
</div>
</div>
</div>
</div>
{{> organisms-footer-pirati-stan }}
<script>
......
source/_patterns/03-templates/coalition-program-points/elections-program-app-pirati-stan.mustache
+ 91
− 88
View file @ 33f3b3c7
{{> organisms-navbar-pirati-stan }}
<div class="relative">
{{> organisms-side-cta-panel }}
<main class="election-program-app">
<div class="container container--default py-24">
<header class="grid grid-cols-3">
......@@ -100,4 +102,5 @@
</section>
</div>
</main>
</div>
{{> organisms-footer-pirati-stan }}
source/_patterns/03-templates/coalition-program-points/elections-program-listing-pirati-stan.mustache
+ 4
− 2
View file @ 33f3b3c7
{{> organisms-navbar-pirati-stan }}
{{> organisms-hero-pirati-stan(showSwitch: false, underClaim: "Vybrané programové body pro:", selectedHeading: "Senioři") }}
{{> organisms-hero-alt-pirati-stan }}
<div class="relative">
{{> organisms-side-cta-panel }}
<main>
<div class="container container--default pt-8 pb-16 lg:py-24">
<div class="text-center">
......@@ -34,6 +35,8 @@
</div>
</div>
</main>
</div>
{{> organisms-footer-pirati-stan }}
<script>
// outputs two variables needed for building a redirect
document.addEventListener('DOMContentLoaded', () => {
......@@ -57,4 +60,3 @@
}
});
</script>
{{> organisms-footer-pirati-stan }}
source/css/molecules/carousel.pcss
+ 2
− 2
View file @ 33f3b3c7
......@@ -145,12 +145,12 @@
}
&.VueCarousel-navigation-next {
top: calc(50% - 44px)!important;/* minus pagination */
right: 48px!important;
right: 60px!important;
padding: 5px!important;
}
&.VueCarousel-navigation-prev {
top: calc(50% - 44px)!important;/* minus pagination */
left: 48px!important;
left: 60px!important;
padding: 5px!important;
}
}
......
source/css/organisms/footer-pirati-stan.pcss
+ 16
− 12
View file @ 33f3b3c7
.footer-pirati-stan .footer__main {
.footer-pirati-stan{
.footer__main {
grid-template-areas: "brand"
"social"
"main-links";
}
@screen lg {
.footer-pirati-stan .footer__main{
@apply grid;
gap: 1rem;
grid-template-areas: "brand main-links social";
grid-template-columns: 234px 1fr 234px;
}
}
@media only screen and (max-width: 620px){
@apply pb-20;
}
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment

Pirátský GitLab - Home of the CopyLeft