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

Sources. Small fixes to Problem, Step list

parent caa5f3a6
No related branches found
No related tags found
No related merge requests found
<p class="para">{{ headline.medium }}<a id="reference1" href="#source1"><sup>[1]</sup></a>. {{ headline.medium }}. {{ headline.medium }}<a id="reference2" href="#source2"><sup>[2]</sup></a>. {{ headline.short }}<a id="reference3" href="#source3"><sup>[3]</sup></a>. {{ headline.medium }}<a id="reference4" href="#source4"><sup>[4]</sup></a>. {{ headline.medium }}. {{ headline.medium }}<a id="reference5" href="#source5"><sup>[5]</sup></a>. {{ headline.short }}<a id="reference6" href="#source6"><sup>[6]</sup></a>. {{ headline.medium }}<a id="reference7" href="#source7"><sup>[7]</sup></a>. {{ headline.medium }}. {{ headline.medium }}<a id="reference8" href="#source8"><sup>[8]</sup></a>. {{ headline.short }}<a id="reference9" href="#source9"><sup>[9]</sup></a>. {{ headline.medium }}<a id="reference10" href="#source10"><sup>[10]</sup></a>.</p>
<div id="source{{ sourceNumber }}" class="source leading-loose text-sm">
<div class="inline-block align-top w-9"><a class="text-fxactivecolor hover:no-underline" href="#reference{{ sourceNumber }}{{^ sourceNumber }}42{{/ sourceNumber }}">[{{ sourceNumber }}{{^ sourceNumber }}42{{/ sourceNumber }}]</a></div>
<div class="inline-block align-top">
{{# showDescription }}
<p>{{ headline.medium }}</p>
{{/ showDescription }}
{{# showQuote }}
{{> atoms-quotation-pirati-stan }}
{{/ showQuote }}
<a href="{{ href }}{{^ href }}mailto:example@example.com{{/ href }}"{{# targetBlank }} target="_blank"{{/ targetBlank }} class="text-fxactivecolor underline {{ classes }}">
<span>{{ headline.medium }}</span>
</a>
</div>
</div>
\ No newline at end of file
<ol class="ordered-list ordered-list-squared"> <ol class="ordered-list ordered-list-squared">
<li>{{ headline.short }}</li> <li>{{ headline.short }}<
<ul class="unordered-list unordered-list-colored"> <ul class="unordered-list unordered-list-colored">
<li>{{ headline.short }}</li> <li>{{ headline.short }}</li>
<li>{{ headline.short }}</li> <li>{{ headline.short }}</li>
<li>{{ headline.short }}</li> <li>{{ headline.short }}</li>
<li>{{ headline.short }}</li> <li>{{ headline.short }}</li>
</ul> </ul>
</li>
<li>{{ headline.short }}</li> <li>{{ headline.short }}</li>
<ul class="unordered-list unordered-list-colored"> <ul class="unordered-list unordered-list-colored">
</ul> </ul>
...@@ -15,8 +16,20 @@ ...@@ -15,8 +16,20 @@
<li>{{ headline.short }}</li> <li>{{ headline.short }}</li>
<ul class="unordered-list unordered-list-colored"> <ul class="unordered-list unordered-list-colored">
</ul> </ul>
<li>{{ headline.short }}</li> <li>{{ headline.short }}
<ul class="unordered-list unordered-list-colored"> <ul class="unordered-list unordered-list-colored">
<li>{{ headline.short }}</li>
<li>{{ headline.short }}</li>
<li>{{ headline.short }}</li>
<li>{{ headline.short }}</li>
</ul> </ul>
</li>
<li>{{ headline.short }}
<ul class="unordered-list unordered-list-colored">
<li>{{ headline.short }}</li>
<li>{{ headline.short }}</li>
<li>{{ headline.short }}</li> <li>{{ headline.short }}</li>
<li>{{ headline.short }}</li>
</ul>
</li>
</ol> </ol>
...@@ -2,12 +2,12 @@ ...@@ -2,12 +2,12 @@
<div class="problem-cross"><i class="ico--thincross text-xs sm:text-xl text-white"></i></div> <div class="problem-cross"><i class="ico--thincross text-xs sm:text-xl text-white"></i></div>
<div class="problem-inner content-block"> <div class="problem-inner content-block">
<h2 class="head-alt-sm md:head-alt-md mb-9">Problém</h2> <h2 class="head-alt-sm md:head-alt-md mb-9">Problém</h2>
<p class="text-base mb-8">Dezinformování je taktika šmejdů 21. století. Cíleně mísí pravdu s konspiracemi, šíří chaos a nenávist, ohrožují svobodu, [2] ústavní pořádek a mezinárodní závazky ČR.[3] Dezinformace zasáhly alespoň jednou v životě více než polovinu Čechů.[4]</p> <p class="text-base mb-8">{{> atoms-paragraph-with-sources }}</p>
{{> atoms-accordeon-row-preview }} {{> atoms-accordeon-row-preview }}
</div> </div>
<div class="ideal-check"><i class="ico--check text-xs sm:text-xl text-black"></i></div> <div class="ideal-check"><i class="ico--check text-xs sm:text-xl text-black"></i></div>
<div class="ideal-inner bg-lemon content-block"> <div class="ideal-inner bg-lemon content-block">
<h2 class="head-alt-sm md:head-alt-md mb-9">Ideál</h2> <h2 class="head-alt-sm md:head-alt-md mb-9">Ideál</h2>
<p class="text-base">Dezinformování je taktika šmejdů 21. století. Cíleně mísí pravdu s konspiracemi, šíří chaos a nenávist, ohrožují svobodu, [2] ústavní pořádek a mezinárodní závazky ČR.[3] Dezinformace zasáhly alespoň jednou v životě více než polovinu Čechů.[4]</p> <p class="text-base">Chceme vzdělanou a informovanou společnost, která se ubrání dezinformacím. Občané budou umět dezinformaci rozeznat a dezinformátoři budou reálně právně odpovědní.</p>
</div> </div>
</section> </section>
\ No newline at end of file
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
<h1 class="head-alt-md md:head-alt-lg head-alt-highlighted">konstruktivní boj <br>proti dezinformacím</h1> <h1 class="head-alt-md md:head-alt-lg head-alt-highlighted">konstruktivní boj <br>proti dezinformacím</h1>
<h2 class="head-alt-sm md:head-alt-md mb-20 mt-9"><div class="leading-tight">Dezinformacím věří až čtvrtina občanů České republiky. Prosadíme větší osvětu a reálnou právní odpovědnost dezinformátorů.</div></h2> <h2 class="head-alt-sm md:head-alt-md mb-20 mt-9"><div class="leading-tight">Dezinformacím věří až čtvrtina občanů České republiky. Prosadíme větší osvětu a reálnou právní odpovědnost dezinformátorů.</div></h2>
</header> </header>
</div> </div>
<div class="program-detail container container-padding--zero pr-0 md:container-padding--auto md:mx-auto md:pr-4 container--default"> <div class="program-detail container container-padding--zero pr-0 md:container-padding--auto md:mx-auto md:pr-4 container--default">
<div class="w-full md:w-4/6 problem-pack"> <div class="w-full md:w-4/6 problem-pack">
...@@ -21,11 +22,6 @@ ...@@ -21,11 +22,6 @@
<div class="w-full md:w-4/6"> <div class="w-full md:w-4/6">
<h3 class="head-alt-base mb-8">Navrhovaná opatření:</h3> <h3 class="head-alt-base mb-8">Navrhovaná opatření:</h3>
{{> atoms-unordered-list-checks-pirati-stan(label: "Profesní vzdělávání učitelů a ředitelů:")}} {{> atoms-unordered-list-checks-pirati-stan(label: "Profesní vzdělávání učitelů a ředitelů:")}}
...@@ -44,8 +40,10 @@ ...@@ -44,8 +40,10 @@
</div> </div>
<h3 class="head-alt-base mb-4">Časový horizont v krocích:</h3> <h3 class="head-alt-base mb-4 mt-20">Časový horizont</h3>
{{> atoms-steps-list }}
{{> atoms-figure(caption: "Popisek fotky") }} {{> atoms-figure(caption: "Popisek fotky") }}
...@@ -102,11 +100,21 @@ ...@@ -102,11 +100,21 @@
{{> atoms-colored-card(classes: "card--hoveractive", bodyClasses: "p-4", title: "Kultura a volný čas" )}} {{> atoms-colored-card(classes: "card--hoveractive", bodyClasses: "p-4", title: "Kultura a volný čas" )}}
</div> </div>
<h3 class="head-alt-base mb-4">paging bodů</h3> <h3 class="head-alt-base mb-4 mt-20">paging bodů</h3>
<h3 class="head-alt-base mb-4">Zdroje:</h3> <h3 class="head-alt-base mb-4 mt-20">Zdroje:</h3>
<h3 class="head-alt-base mb-4">Které části jsou závazné</h3> {{> atoms-source(sourceNumber: 1) }}
{{> atoms-source(sourceNumber: 2, showDescription: true) }}
{{> atoms-source(sourceNumber: 3, showQuote: true, showDescription: true) }}
{{> atoms-source(sourceNumber: 4) }}
{{> atoms-source(sourceNumber: 5) }}
{{> atoms-source(sourceNumber: 6) }}
{{> atoms-source(sourceNumber: 7) }}
{{> atoms-source(sourceNumber: 8) }}
{{> atoms-source(sourceNumber: 9) }}
{{> atoms-source(sourceNumber: 10) }}
<h3 class="head-alt-base mt-20 mb-4">Které části jsou závazné</h3>
</div> </div>
</div> </div>
......
...@@ -5,13 +5,21 @@ ...@@ -5,13 +5,21 @@
} }
.content-block .ordered-list-squared, .content-block .ordered-list-squared,
.ordered-list-squared{ .ordered-list-squared{
list-style: none; @apply list-none mb-20 pl-0;
counter-reset: ol-counter; counter-reset: ol-counter;
&> li{ &> li{
@apply text-xl font-bold leading-6; @apply text-xl font-bold leading-6;
counter-increment: ol-counter; counter-increment: ol-counter;
&:last-child{
.unordered-list-colored{
@apply border-l-0;
li:last-child{
@apply mb-0;
}
}
}
&::before{ &::before{
@apply font-bold h-6 w-6 inline-flex items-center justify-center mr-5; @apply font-bold h-6 w-6 inline-flex items-center justify-center mr-5;
padding-top: 2px; /* to fix font mis-centering*/ padding-top: 2px; /* to fix font mis-centering*/
...@@ -25,11 +33,10 @@ ...@@ -25,11 +33,10 @@
} }
} }
.unordered-list-colored{ .unordered-list-colored{
@apply ml-3 border-l; @apply ml-3 border-l text-base font-normal leading-normal;
border-color: #f5f5f5; border-color: #f5f5f5;
min-height: 0.5rem; min-height: 0.5rem;
} li{
.unordered-list-colored li{
@apply ml-8 pl-5; @apply ml-8 pl-5;
&:first-child{ &:first-child{
...@@ -40,6 +47,7 @@ ...@@ -40,6 +47,7 @@
} }
} }
} }
}
.content-block .unordered-list-colored li, .content-block .unordered-list-colored li,
.unordered-list-colored li{ .unordered-list-colored li{
@apply pl-8; @apply pl-8;
......
...@@ -2,3 +2,14 @@ ...@@ -2,3 +2,14 @@
.content-block p { .content-block p {
@apply font-body font-normal leading-normal; @apply font-body font-normal leading-normal;
} }
/*sources*/
.content-block a:not(.contact-line):not(.content-block--nostyle)[id^=reference],
.content-block a:not(.contact-line):not(.content-block--nostyle) sup,
a[id^=reference],
a sup{
@apply no-underline;
color: theme("colors.fxactivecolor");
}
a[id^=reference]:hover{
@apply font-bold no-underline;
}
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment