You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
242 lines
7.7 KiB
HTML
242 lines
7.7 KiB
HTML
5 years ago
|
<section class="row fullheight">
|
||
|
|
<div class="cross menu-btn">
|
||
|
|
<img src="svg/menu1.svg" class="idle">
|
||
|
|
<img src="svg/menu2.svg" class="active">
|
||
|
|
</div>
|
||
|
|
<div class="logo">
|
||
|
|
<a href="https://pedf.cuni.cz/PEDF-1.html"><img src="img/logo.png"></a>
|
||
|
|
</div>
|
||
|
|
<div class="horizontal-menu">
|
||
|
|
<span>Povinnosti:</span>
|
||
|
|
<a>Výroční zpráva</a>
|
||
|
|
<a>Spolková místnost</a>
|
||
|
|
<a>Akce a nahlašování akcí</a>
|
||
|
|
<a>Odkazy a inspirace</a>
|
||
|
|
<a>Další spolky</a>
|
||
|
|
<a>Předpisy a pravidla</a>
|
||
|
|
</div>
|
||
|
|
<div class="row" style="width: 100%">
|
||
|
|
<section class="col-1"></section>
|
||
|
|
<section class="col-5">
|
||
|
|
<div style="margin-top: 23vh">
|
||
|
|
<h1 style="margin-bottom: 5vh">Předseda spolku</h1>
|
||
|
|
<hr class="gay-hr">
|
||
|
|
<h6 style="line-height: 1.4; margin-top: 5vh">
|
||
|
|
Provedeme tě všemi povinnostmi a možnostmi, které jako předseda máš.
|
||
|
|
</h6>
|
||
|
|
<button type="button" class="button primary cool-button" style="margin-top: 1vh; border-radius: 4vw">
|
||
|
|
↓ Zjisti více
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section class="row" style="margin-top: 9rem">
|
||
|
|
<div class="col-1"></div>
|
||
|
|
<div class="col-4 bg-circle">
|
||
|
|
<h3>Výroční zpráva</h3>
|
||
|
|
<hr class="gay-hr">
|
||
|
|
<p style="font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify">
|
||
|
|
Každý formální spolek má povinnost odevzdávat každý rok 30.4 výroční zprávu včetně zprávy o hospodaření
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section class="row" style="margin-top: 4vh">
|
||
|
|
<div class="col-1"></div>
|
||
|
|
<div class="col-5 flexy-boi">
|
||
|
|
<h5 style="margin-bottom: 0; margin-left: -14vw">
|
||
|
|
A jak na ní?
|
||
|
|
</h5>
|
||
|
|
<h5 style="padding-left: 4vw; margin-top:0" class="text-primary">
|
||
|
|
To ti řekne Verča
|
||
|
|
<h5>
|
||
|
|
</div>
|
||
|
|
<div class="col-5">
|
||
|
|
<video class="smol-video" controls>
|
||
|
|
<source src="/img/1566501668807.webm" type="video/webm">
|
||
|
|
Your browser is gay.
|
||
|
|
</video>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section class="row" style="margin-top: 5vh">
|
||
|
|
<div class="col-1"></div>
|
||
|
|
<div class="col-3 side-line" style="line-height: 1">
|
||
|
|
<div>
|
||
|
|
<h6 style="margin-bottom: 0"><b>Hlavní body,</b></h6>
|
||
|
|
<p style="margin-top:0; margin-bottom: 2vh; font-size: calc(var(--font-size) / 1.5)">které tam nesmí chybět jsou:</p>
|
||
|
|
<div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section class="row" style="margin-top: 5vh">
|
||
|
|
<div class="col-1"></div>
|
||
|
|
<div class="col">
|
||
|
|
<div class="number-gay">
|
||
|
|
<span>1.</span>
|
||
|
|
<p>Počet členů</p>
|
||
|
|
</div>
|
||
|
|
<div class="number-gay">
|
||
|
|
<span>4.</span>
|
||
|
|
<p>Souhrn činnosti za minulý kalendářní rok</p>
|
||
|
|
</div>
|
||
|
|
<div class="number-gay">
|
||
|
|
<div class="down">
|
||
|
|
<div class="right">
|
||
|
|
<span>7.</span>
|
||
|
|
<p>Hospodaření (výdaje rozděleny na tyto části)</p>
|
||
|
|
</div>
|
||
|
|
<ol type="a">
|
||
|
|
<li>Projekty a program</li>
|
||
|
|
<li>Marketing a PR</li>
|
||
|
|
<li>Provoz spolku</li>
|
||
|
|
</ol>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col">
|
||
|
|
<div style="height: 6vh"></div>
|
||
|
|
<div class="number-gay">
|
||
|
|
<span>2.</span>
|
||
|
|
<p>Souhrn činnosti za minulý kalendářní rok</p>
|
||
|
|
</div>
|
||
|
|
<div class="number-gay">
|
||
|
|
<span>5.</span>
|
||
|
|
<p>Souhrn činnosti za minulý kalendářní rok</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col">
|
||
|
|
<div style="height: 12vh"></div>
|
||
|
|
<div class="number-gay">
|
||
|
|
<span>3.</span>
|
||
|
|
<p>Souhrn činnosti za minulý kalendářní rok</p>
|
||
|
|
</div>
|
||
|
|
<div class="number-gay">
|
||
|
|
<span>6.</span>
|
||
|
|
<p>Souhrn činnosti za minulý kalendářní rok</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-1"></div>
|
||
|
|
</section>
|
||
|
|
<section class="row" style="margin-top: 9rem">
|
||
|
|
<div class="col-1"></div>
|
||
|
|
<div class="col-4 bg-square">
|
||
|
|
<h3>Spolková místnost</h3>
|
||
|
|
<hr class="gay-hr">
|
||
|
|
<p style="font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify">
|
||
|
|
Každý formální spolek má nárok na přístup do spolkové místnosti, která má označení S104 tzv. spolkovka
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section class="row" style="margin-top: 9vh">
|
||
|
|
<div class="col-1"></div>
|
||
|
|
<div class="col-5 flexy-boi" style="width: 15vw; margin: 10vw 0">
|
||
|
|
<div class="side-line">
|
||
|
|
<p style="margin-top:0; margin-bottom: 2vh; font-size: calc(var(--font-size) / 1.7); width: 13vw">
|
||
|
|
Pravidla spolkovky jsou následující:
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-5">
|
||
|
|
<img src="/img/trump.jpg" style="height: 100%; width: auto;">
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section class="row" style="margin-top: 9rem">
|
||
|
|
<div class="col-1"></div>
|
||
|
|
<div class="col-5 bg-circle">
|
||
|
|
<h3>Akce a nahlašování akcí</h3>
|
||
|
|
<hr class="gay-hr">
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section class="row" style="margin-top: 9vh">
|
||
|
|
<div class="col-1"></div>
|
||
|
|
<div class="col-5" style="font-size: calc(var(--font-size) / 1.9); padding-right: 4vw">
|
||
|
|
<p>
|
||
|
|
Pokud chceš pořádat akci na fakultě, je zapotřebí to nejprve nahlásit přes formulář na
|
||
|
|
<a href="https://akce.pedf.cuni.cz">akce.pedf.cuni.cz</a>. Pokud se jedná o malou akci vyžadující pouze malý počet učeben
|
||
|
|
nebo společný prostor pouze po krátkou dobu, tak stačí akci nahlásit o 10 dnů předem (více u organizování akcí)
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
Je možnost požádat o stoly, židle, podporu ajťáků nebo místo na webovkách. Všechny nájmy pro formální spolky jsou bezplatné.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="col-5">
|
||
|
|
<img src="/img/trump.jpg" style="height: 100%; width: auto;">
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section class="row" style="margin-top: 9rem">
|
||
|
|
<div class="col-1"></div>
|
||
|
|
<div class="col-5 bg-square" style="background-position: top center">
|
||
|
|
<h4>Odkazy a inspirace</h4>
|
||
|
|
<hr class="gay-hr">
|
||
|
|
<p style="font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify">
|
||
|
|
Tady najdeš spolky, které působí na UK:<br>
|
||
|
|
<a href="https://cuni.cz/UK-8518.html">https://cuni.cz/UK-8518.html</a>
|
||
|
|
<br><br>
|
||
|
|
Kurzy na různé dovednosti můžeš najít zde:<br>
|
||
|
|
<a href="www.naucmese.cz">www.naucmese.cz</a> nebo na
|
||
|
|
<a href="https://www.acsa.cz">https://www.acsa.cz</a>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section class="row" style="margin-top: 4vh">
|
||
|
|
<section class="col">
|
||
|
|
<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>
|
||
|
|
<img src="img/trump.jpg" style="width:100%">
|
||
|
|
<div class="text">Caption Text</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mySlides fade">
|
||
|
|
<div class="numbertext">2 / 3</div>
|
||
|
|
<img src="img/trump.jpg" style="width:100%">
|
||
|
|
<div class="text">Caption Two</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mySlides fade">
|
||
|
|
<div class="numbertext">3 / 3</div>
|
||
|
|
<img src="img/trump.jpg" style="width:100%">
|
||
|
|
<div class="text">Caption Three</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mySlides fade">
|
||
|
|
<div class="numbertext">3 / 3</div>
|
||
|
|
<img src="img/trump.jpg" style="width:100%">
|
||
|
|
<div class="text">Caption Three</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Next and previous buttons -->
|
||
|
|
<a class="prev" onclick="plusSlides(-1)">❮</a>
|
||
|
|
<a class="next" onclick="plusSlides(1)">❯</a>
|
||
|
|
</div>
|
||
|
|
<br>
|
||
|
|
|
||
|
|
<!-- The dots/circles -->
|
||
|
|
<div style="text-align:center">
|
||
|
|
<span class="dot" onclick="currentSlide(1)"></span>
|
||
|
|
<span class="dot" onclick="currentSlide(2)"></span>
|
||
|
|
<span class="dot" onclick="currentSlide(3)"></span>
|
||
|
|
<span class="dot" onclick="currentSlide(4)"></span>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<script src="/js/carousel.js"></script>
|
||
|
|
</section>
|
||
|
|
<section class="row" style="margin-top: 9rem">
|
||
|
|
<div class="col-1"></div>
|
||
|
|
<div class="col-5 bg-square" style="background-position: top center">
|
||
|
|
<h4>Předpisy a pravidla</h4>
|
||
|
|
<hr class="gay-hr">
|
||
|
|
<p style="font-size: calc(var(--font-size) / 1.3); margin-top: 5vh; text-align: justify">
|
||
|
|
Základní předpisy, kterými se spolky řidí jsou:<br>
|
||
|
|
</p>
|
||
|
|
<ul style="font-size: calc(var(--font-size) / 1.3); list-style: none;">
|
||
|
|
<li>Tento předpis</li>
|
||
|
|
<li>Tento předpis</li>
|
||
|
|
<li>Tento předpis</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</section>
|