pedf
/
spolky
Archived
1
0
Fork 0
Code Pull Requests Releases Activity

YT + GA

Browse Source 
* videa nahrazena youtube embed
* zapojit se - spolky a SOR seřazeny podle abecedy
* Google analytics
master
MB 4 years ago committed by Emil Miler
parent 295a9d1f2a
commit 798dd346de
7 changed files with 198 additions and 107 deletions
Show Stats Download Patch File Download Diff File

125
src/components/galerie.svelte
Unescape Escape View File

@ -61,7 +61,7 @@
<div class="col-2"></div>
{#if selected == "hudba"}
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Hudební výchovy" img="/img/16.png"/>
<Spolek href="mailto:tomas.vonsovsky@agstepanska.cz" name="SOR Hudební výchovy" img="/img/16.png"/>
</div>
<div class="col">
</div>
@ -83,28 +83,27 @@
</div>
{:else if selected == "jazyky"}
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Anglického jazyka" img="/img/5.png"/>
<Spolek href="https://kajl-studenti.webnode.cz/" name="SOR Anglického jazyka" img="/img/5.png"/>
<Spolek href="https://www.facebook.com/thesaurus.pedfuk" name="THESAURUS" img="/img/29.png"/>
</div>
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Německého jazyka" img="/img/12.png"/>
<Spolek href="https://www.facebook.com/SORKGcuni" name="SOR Německého jazyka" img="/img/12.png"/>
</div>
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Českého jazyka" img="/img/9.png"/>
<Spolek href="https://www.facebook.com/SORcestiny/" name="SOR Českého jazyka" img="/img/9.png"/>
</div>
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Francouzského jazyka" img="/img/11.png"/>
<Spolek href="https://pages.pedf.cuni.cz/strofa/" name="SOR Francouzského jazyka" img="/img/11.png"/>
</div>
{:else if selected == "pedag"}
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Učitelství pro 1. st. ZŠ" img="/img/19.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR PED" img="/img/22.png"/>
<Spolek href="https://www.facebook.com/SOR1st/" name="SOR Učitelství pro 1. st. ZŠ" img="/img/19.png"/>
<Spolek href="https://www.facebook.com/studentskaradapedagogika/" name="SOR PED" img="/img/22.png"/>
</div>
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR MŠ" img="/img/20.png"/>
<Spolek href="http://pedagogickyspolekemil.cz/" name="Pedagogický spolek Emil" img="/img/1.png"/>
</div>
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR SPECPED" img="/img/21.png"/>
<Spolek href="https://jdudoagory.cz/" name="Agora" img="/img/2.png"/>
</div>
<div class="col">
@ -112,21 +111,21 @@
</div>
{:else if selected == "prirod"}
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Biologie" img="/img/13.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR VZ" img="/img/15.png"/>
<Spolek href="https://www.facebook.com/SORbiologie/" name="SOR Biologie" img="/img/13.png"/>
<Spolek href="https://www.facebook.com/VKZUK/" name="SOR VZ" img="/img/15.png"/>
</div>
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Chemie" img="/img/14.png"/>
<Spolek href="hhttps://www.facebook.com/SRKCHDCH/" name="SOR Chemie" img="/img/14.png"/>
</div>
<div class="col">
<Spolek href="http://drosophila.cz/" name="Drosophila" img="/img/3.png"/>
</div>
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Matematiky" img="/img/7.png"/>
<Spolek href="https://www.facebook.com/strompedfuk" name="SOR Matematiky" img="/img/7.png"/>
</div>
{:else if selected == "psych"}
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Psychologie" img="/img/18.png"/>
<Spolek href="https://www.facebook.com/psychorada/" name="SOR Psychologie" img="/img/18.png"/>
</div>
<div class="col">
</div>
@ -136,9 +135,10 @@
</div>
{:else if selected == "sport"}
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Tělocviku" img="/img/6.png"/>
<Spolek href="https://www.facebook.com/telocvikaripedfuk" name="SOR Tělocviku" img="/img/6.png"/>
</div>
<div class="col">
<Spolek href="https://www.facebook.com/telocvikaripedfuk" name="TĚLOCVIKÁŘI" img="/img/28.png"/>
</div>
<div class="col">
</div>
@ -157,7 +157,7 @@
</div>
{:else if selected == "umeni"}
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR VV" img="/img/8.png"/>
<Spolek href="https://www.facebook.com/SORKVV/" name="SOR VV" img="/img/8.png"/>
</div>
<div class="col">
<Spolek href="https://www.facebook.com/spolekCult/" name="CULT" img="/img/24.png"/>
@ -170,38 +170,51 @@
{:else if selected == "all" && !mobile}
<div class="col">
<Spolek href="https://jdudoagory.cz/" name="Agora" img="/img/2.png"/>
<Spolek href="http://drosophila.cz/" name="Drosophila" img="/img/3.png"/>
<Spolek href="https://microlab.space" name="microlab" img="/img/10.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Anglického jazyka" img="/img/5.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Francouzského jazyka" img="/img/11.png"/>
<Spolek href="https://sor.it.pedf.cuni.cz/" name="SOR IT" img="/img/17.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Německého jazyka" img="/img/12.png"/>
<Spolek href="http://pedagogickyspolekemil.cz/" name="Pedagogický spolek Emil" img="/img/1.png"/>
<Spolek href="https://otevreno.org" name="Otevřeno" img="/img/4.png"/>
<Spolek href="https://www.facebook.com/SORbiologie/" name="SOR Biologie" img="/img/13.png"/>
<Spolek href="https://www.facebook.com/SRKCHDCH/" name="SOR Chemie" img="/img/14.png"/>
<Spolek href="https://www.facebook.com/telocvikaripedfuk" name="SOR Tělocviku" img="/img/6.png"/>
<Spolek href="https://www.facebook.com/SORKVV/" name="SOR VV" img="/img/8.png"/>
</div>
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR SPECPED" img="/img/21.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR VV" img="/img/8.png"/>
<Spolek href="https://www.instagram.com/bratri_lihovovi/" name="Bratři Lihovovi" img="/img/27.png"/>
<Spolek href="http://pedagogickyspolekemil.cz/" name="Pedagogický spolek Emil" img="/img/1.png"/>
<Spolek href="http://kps.pedf.cuni.cz/" name="Na slovíčko" img="/img/26.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Biologie" img="/img/13.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Hudební výchovy" img="/img/16.png"/>
<Spolek href="https://www.facebook.com/LaVieBohemePedFUK/" name="La Vie Bohème" img="/img/25.png"/>
<Spolek href="https://www.facebook.com/telocvikaripedfuk" name="TĚLOCVIKÁŘI" img="/img/28.png"/>
<Spolek href="https://www.facebook.com/SORcestiny/" name="SOR Českého jazyka" img="/img/9.png"/>
<Spolek href="https://sor.it.pedf.cuni.cz/" name="SOR IT" img="/img/17.png"/>
<Spolek href="https://www.facebook.com/SOR1st/" name="SOR Učitelství pro 1. st. ZŠ" img="/img/19.png"/>
<Spolek href="https://www.facebook.com/VKZUK/" name="SOR VZ" img="/img/15.png"/>
</div>
<div class="col">
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Matematiky" img="/img/7.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR PED" img="/img/22.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Tělocviku" img="/img/6.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR VZ" img="/img/15.png"/>
<Spolek href="https://www.facebook.com/spolekCult/" name="CULT" img="/img/24.png"/>
<Spolek href="https://www.facebook.com/LaVieBohemePedFUK/" name="La Vie Bohème" img="/img/25.png"/>
<Spolek href="https://microlab.space" name="microlab" img="/img/10.png"/>
<Spolek href="https://www.facebook.com/thesaurus.pedfuk" name="THESAURUS" img="/img/29.png"/>
<Spolek href="https://pages.pedf.cuni.cz/strofa/" name="SOR Francouzského jazyka" img="/img/11.png"/>
<Spolek href="https://www.facebook.com/strompedfuk" name="SOR Matematiky" img="/img/7.png"/>
<Spolek href="https://www.facebook.com/SORKGcuni" name="SOR Německého jazyka" img="/img/12.png"/>
</div>
<div class="col">
<Spolek href="https://otevreno.org" name="Otevřeno" img="/img/4.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Českého jazyka" img="/img/9.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Chemie" img="/img/14.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR MŠ" img="/img/20.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Psychologie" img="/img/18.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Učitelství pro 1. st. ZŠ" img="/img/19.png"/>
<Spolek href="http://drosophila.cz/" name="Drosophila" img="/img/3.png"/>
<Spolek href="http://kps.pedf.cuni.cz/" name="Na slovíčko" img="/img/26.png"/>
<Spolek href="https://kajl-studenti.webnode.cz/" name="SOR Anglického jazyka" img="/img/5.png"/>
<Spolek href="mailto:tomas.vonsovsky@agstepanska.cz" name="SOR Hudební výchovy" img="/img/16.png"/>
<Spolek href="https://www.facebook.com/psychorada/" name="SOR Psychologie" img="/img/18.png"/>
<Spolek href="https://www.facebook.com/studentskaradapedagogika/" name="SOR PED" img="/img/22.png"/>
</div>
{:else if selected == "all" && mobile}
<div class="col">
@ -214,23 +227,23 @@
<Spolek href="http://kps.pedf.cuni.cz/" name="Na slovíčko" img="/img/26.png"/>
<Spolek href="https://otevreno.org" name="Otevřeno" img="/img/4.png"/>
<Spolek href="http://pedagogickyspolekemil.cz/" name="Pedagogický spolek Emil" img="/img/1.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Anglického jazyka" img="/img/5.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Biologie" img="/img/13.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Českého jazyka" img="/img/9.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Francouzského jazyka" img="/img/11.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Hudební výchovy" img="/img/16.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Chemie" img="/img/14.png"/>
<Spolek href="https://www.facebook.com/telocvikaripedfuk" name="TĚLOCVIKÁŘI" img="/img/28.png"/>
<Spolek href="https://www.facebook.com/thesaurus.pedfuk" name="THESAURUS" img="/img/29.png"/>
<Spolek href="https://kajl-studenti.webnode.cz/" name="SOR Anglického jazyka" img="/img/5.png"/>
<Spolek href="https://www.facebook.com/SORbiologie/" name="SOR Biologie" img="/img/13.png"/>
<Spolek href="https://www.facebook.com/SORcestiny/" name="SOR Českého jazyka" img="/img/9.png"/>
<Spolek href="https://pages.pedf.cuni.cz/strofa/ " name="SOR Francouzského jazyka" img="/img/11.png"/>
<Spolek href="mailto:tomas.vonsovsky@agstepanska.cz" name="SOR Hudební výchovy" img="/img/16.png"/>
<Spolek href="https://www.facebook.com/SRKCHDCH/" name="SOR Chemie" img="/img/14.png"/>
<Spolek href="https://sor.it.pedf.cuni.cz/" name="SOR IT" img="/img/17.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR MŠ" img="/img/20.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Matematiky" img="/img/7.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Německého jazyka" img="/img/12.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR PED" img="/img/22.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Psychologie" img="/img/18.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR SPECPED" img="/img/21.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Tělocviku" img="/img/6.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR Učitelství pro 1. st. ZŠ" img="/img/19.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR VV" img="/img/8.png"/>
<Spolek href="https://pedf.cuni.cz/PEDF-386.html" name="SOR VZ" img="/img/15.png"/>
<Spolek href="https://www.facebook.com/strompedfuk" name="SOR Matematiky" img="/img/7.png"/>
<Spolek href="https://www.facebook.com/SORKGcuni" name="SOR Německého jazyka" img="/img/12.png"/>
<Spolek href="https://www.facebook.com/studentskaradapedagogika/" name="SOR PED" img="/img/22.png"/>
<Spolek href="https://www.facebook.com/psychorada/" name="SOR Psychologie" img="/img/18.png"/>
<Spolek href="https://www.facebook.com/telocvikaripedfuk" name="SOR Tělocviku" img="/img/6.png"/>
<Spolek href="https://www.facebook.com/SOR1st/" name="SOR Učitelství pro 1. st. ZŠ" img="/img/19.png"/>
<Spolek href="https://www.facebook.com/SORKVV/" name="SOR VV" img="/img/8.png"/>
<Spolek href="https://www.facebook.com/VKZUK/ " name="SOR VZ" img="/img/15.png"/>
</div>
{/if}
<div class="col-2"></div>

14
src/routes/akcelerator.svelte
Unescape Escape View File

@ -50,7 +50,19 @@
<svelte:head>
<title>Spolky a SORky PedF UK | Spolkový akcelerátor</title>
</svelte:head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MQM8H3M');</script>
<!-- End Google Tag Manager -->
</svelte:head>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MQM8H3M"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<MenuBtn>
</MenuBtn>

22
src/routes/index.svelte
Unescape Escape View File

@ -277,6 +277,16 @@
transform: scale(0.9);
}
}
@media only screen and (min-width: 769px){
.ytvid {
height: 52vh;
}}
/*@media only screen and (max-width: 768px) {
.ytvid {
height: 30vh;
}
}
*/
</style>
<script>
@ -433,11 +443,23 @@
<svelte:head>
<title>Spolky a SORky PedF UK | Chci se zapojit</title>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MQM8H3M');</script>
<!-- End Google Tag Manager -->
</svelte:head>
<svelte:window on:resize={resize}/>
<Logo keep={true}/>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MQM8H3M"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<main id="container">
<div id="plusko" class:active="{clicked}" on:click="{clicked_fun}">
{#if clicked}

58
src/routes/predseda.svelte
Unescape Escape View File

@ -2,6 +2,23 @@
main {
background: none !important;
}
.ytvid2 {
position: relative;
width: 100%;
padding-bottom: 56.25%;
}
.video_player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
</style>
<script>
@ -44,7 +61,19 @@
<svelte:head>
<title>Spolky a SORky PedF UK | Předseda spolku</title>
</svelte:head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MQM8H3M');</script>
<!-- End Google Tag Manager -->
</svelte:head>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MQM8H3M"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<MenuBtn>
<div class="horizontal-menu">
@ -96,10 +125,8 @@
<h5>
</div>
<div class="col-5">
<video class="smol-video" controls playsinline poster="/video/3_nela.png">
<source src="/video/3_nela.mp4" type="video/mp4">
Your browser does not support video.
</video>
<div class="ytvid2"><iframe class="video_player" height="100%" width="100%" src="https://www.youtube.com/embed/DqZSo2PCHrg" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Nela Pastrnková, bývalá místopředsedkyně Studentského spolku Agora</h6>
</div>
</section>
@ -321,32 +348,25 @@
<link rel="stylesheet" href="/css/carousel.css">
<!-- Slideshow container -->
<div class="slideshow-container">
<!-- Full-width images with number and caption text -->
<div class="mySlides fade">
<div class="numbertext">1 / 3</div>
<video class="smol-video" controls style="width: 100%" playsinline poster="/video/5_lenka.png">
<source src="/video/5_lenka.mp4" type="video/mp4">
Your browser does not support video.
</video>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Lenka Nováková, předsedkyně Studentského spolku Agora</h6>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/spX8ZSjnXIo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Lenka Nováková, předsedkyně spolku Agora</h6>
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 3</div>
<video class="smol-video" controls style="width: 100%" playsinline poster="/video/4_misa.png">
<source src="/video/4_misa.mp4" type="video/mp4">
Your browser does not support video.
</video>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/YSlZibVjg7I" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Michala Chudobová, předsedkyně Pedagogického spolku Emil</h6>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 3</div>
<video class="smol-video" controls style="width: 100%" playsinline poster="/video/12_petr_22.png">
<source src="/video/12_petr_22.mp4" type="video/mp4">
Your browser does not support video.
</video>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/sQx3YF18t0Y" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Petr Holub, předseda spolku Drosophila</h6>
</div>

14
src/routes/zalozit-spolek.svelte
Unescape Escape View File

@ -43,7 +43,19 @@
<svelte:head>
<title>Spolky a SORky PedF UK | Založit spolek</title>
</svelte:head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MQM8H3M');</script>
<!-- End Google Tag Manager -->
</svelte:head>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MQM8H3M"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<MenuBtn>
<div class="horizontal-menu">

72
src/routes/zapojit-se.svelte
Unescape Escape View File

@ -5,6 +5,21 @@
p {
text-align: justify;
}
.ytvid2 {
position: relative;
width: 100%;
padding-bottom: 56.25%;
}
.video_player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
</style>
<script>
@ -49,8 +64,19 @@
<svelte:head>
<title>Spolky a SORky PedF UK | Chci se zapojit</title>
</svelte:head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MQM8H3M');</script>
<!-- End Google Tag Manager -->
</svelte:head>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MQM8H3M"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<MenuBtn/>
<main id="root">
<section class="row fullheight">
@ -185,28 +211,22 @@
<!-- Full-width images with number and caption text -->
<div class="mySlides2 fade">
<div class="numbertext">1 / 3</div>
<video class="smol-video" controls style="width: 100%" playsinline poster="/video/7_jana.png">
<source src="/video/7_jana.mp4" type="video/mp4">
Your browser does not support video.
</video>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/UGaq-2kZvEA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Jana Gombík Ruszó, zakladatelka spolku Drosophila</h6>
</div>
<div class="mySlides2 fade">
<div class="numbertext">2 / 3</div>
<video class="smol-video" controls style="width: 100%" playsinline poster="/video/8_stepan.png">
<source src="/video/8_stepan.mp4" type="video/mp4">
Your browser does not support video.
</video>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/a2GTE3EsObE" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Štěpán Gabriel, bývalý člen SOR biologie</h6>
</div>
<div class="mySlides2 fade">
<div class="numbertext">3 / 3</div>
<video class="smol-video" controls style="width: 100%" playsinline poster="/video/1_verca_1.png">
<source src="/video/1_verca_1.mp4" type="video/mp4">
Your browser does not support video.
</video>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/lsYe1MO9DoA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Veronika Valínová, bývalá místopředsedkyně Studentského spolku Agora</h6>
</div>
@ -241,36 +261,28 @@
<!-- Full-width images with number and caption text -->
<div class="mySlides3 fade">
<div class="numbertext">1 / 4</div>
<video class="smol-video" controls style="width: 100%" playsinline poster="/video/4_misa.png">
<source src="/video/4_holka_pozvanka.mp4" type="video/mp4">
Your browser does not support video.
</video>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube-nocookie.com/embed/1yskFjqDDE8" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Michala Chudobová, předsedkyně Pedagogického spolku Emil</h6>
</div>
<div class="mySlides3 fade">
<div class="numbertext">2 / 4</div>
<video class="smol-video" controls style="width: 100%" playsinline poster="/video/12_petr_22.png">
<source src="/video/6_petr.mp4" type="video/mp4">
Your browser does not support video.
</video>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/-Nh8yj4q1tI" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Petr Holub, předseda spolku Drosophila</h6>
</div>
<div class="mySlides3 fade">
<div class="numbertext">3 / 4</div>
<video class="smol-video" controls style="width: 100%" playsinline poster="/video/5_lenka.png">
<source src="/video/11_lenka_2.mp4" type="video/mp4">
Your browser does not support video.
</video>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/v9w-WSktVKc" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Lenka Nováková, předsedkyně spolku Agora</h6>
</div>
<div class="mySlides3 fade">
<div class="numbertext">4 / 4</div>
<video class="smol-video" controls style="width: 100%" playsinline>
<source src="/video/9_devce.mp4" type="video/mp4">
Your browser does not support video.
</video>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/Y7iMU6vvnuA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Linda Pleskačová, radní pro PR spolku Otevřeno</h6>
</div>

BIN
static/js/.carousel.js.swp
View File

Binary file not shown.