pedf
/
spolky
Archived
1
0
Fork 0

fix inner html, and other stuff, mob part 1

master
Lukáš Hozda 4 years ago
parent ae0899cfc5
commit b5dd5207e4

@ -0,0 +1,138 @@
<style>
main {
background: none !important;
}
.spaced-li li {
margin-bottom: 4vh;
}
p {
font-size: calc(var(--font-size) / 1.8)
}
</style>
<script>
import Logo from '../components/logo.svelte';
import UpArrow from '../components/up.svelte';
import MenuBtn from '../components/menu-btn.svelte';
import LLink from '../components/llink.svelte';
import Carousel from '@beyonk/svelte-carousel';
import ZjistiBtn from '../components/zjisti-vice.svelte';
import { onMount } from 'svelte';
onMount(() => {
const setup = () => {
const pList = document.querySelectorAll('main p, main li');
pList.forEach(p => noMoreLonelyWords(p));
};
const clearWordBreaks = (target) => target.innerHTML = target.innerHTML.replace(/\u00a0/g, ' ');
const noMoreLonelyWords = (target) => {
let textArray = target.innerHTML.split(' ');
let newTextArray = [];
textArray.forEach((word, i, list) => {
let textEntry = '';
if(word.length === 1)
textEntry = word + '\xa0';
else
textEntry = word + ' ';
newTextArray.push(textEntry);
});
target.innerHTML = newTextArray.join('');
};
const updateWordBreaks = (target) => {
clearWordBreaks(target);
noMoreLonelyWords(target);
};
setup();
});
</script>
<MenuBtn>
</MenuBtn>
<main id="root">
<section class="row fullheight">
<Logo/>
<div class="row" style="width: 100%">
<section class="col-1"></section>
<section class="col-8">
<div style="margin-top: 23vh">
<h1 style="margin-bottom: 5vh">Spolkový akcelerátor</h1>
<hr class="thing-hr">
<h6 style="line-height: 1.4; margin-top: 5vh; font-size: calc(var(--font-size) / 1.5)">
Spolkový akcelerátor je program, který vám pomůže se založením spolku a s prvními kroky jeho fungování.
Jeho úkolem je poskytnout Vám metodikou a finanční pomoc do začátku, abyste mohli rychleji dosahovat
vytyčených cílů.<br><br>
Na začátku si společně projdeme váš výchozí stav, cíle, priority a vize. Domluvíme se, kde by měl být
váš spolek za 6 měsíců. Po ukončení programu si spolupráci vyhodnotíme a nasměrujeme další kroky.
</h6>
<ZjistiBtn/>
</div>
</section>
</div>
</section>
<section class="row" style="margin-top: 5vh">
<div class="col-1"></div>
<div class="col-5" style="line-height: 1">
<div class="down" style="margin-right: 3vw">
<div class="side-line" style="margin-bottom: 1vh">
<h6 style="margin-bottom: 0" id="povinnosti"><b>Pro koho to je?</b></h6>
</div>
<p style="margin-top: 2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)">
Přihlásit se může jakýkoliv student nebo skupina studentů Pedagogické fakulty Univerzity Karlovy,
kteří mají zájem založit studentský spolek působící na fakultě.
</p>
<div class="side-line">
<h6><b>Jak se přihlásit?</b></h6>
</div>
<p style="margin-top: 2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)">
Je to jednoduché. Pošlete na e-mail <a href="mailto:tomas.bederka@pedf.cuni.cz">tomas.bederka@pedf.cuni.cz</a> tvůj záměr studentského spolku,
který bude obsahovat následující informace:
</p>
<ul style="margin-top:2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)">
<li>Jména studentů, kteří chtějí studentský spolek založit.</li>
<li>Cíle spolku co chcete spolkem říct, jaká má být jeho činnost</li>
<li>Motivace založení</li>
</ul>
<p style="margin-top: 2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)">
Rozsah: maximálně 1x A4
</p>
</div>
</div>
<div class="col-5" style="line-height: 1">
<div class="down" style="margin-right: 3vw">
<div class="side-line" style="margin-bottom: 1vh">
<h6 style="margin-bottom: 0" id="mluvci"><b>Fáze akcelerátoru</b></h6>
</div>
<ol class="spaced-li" style="margin-top:2vh; margin-bottom: 2vh; margin-left: 1.14vw; line-height: 1.5; font-size: calc(var(--font-size) / 1.7)">
<li><b>Přípravná fáze</b> -
Dva měsíce budeme připravovat založení. Říká se, že štěstí přeje připraveným.
Proto přípravě budeme věnovat celé dva měsíce. Nastavíme si specifické cíle,
kde chcete na konci akcelerátoru být, připravíme stanovy a počátek fungování spolku
(celé stanovy, orgány, bankovní účet atd.). Vysvětlíme ti pravidla spolků na fakultě
Zároveň se sejdeš s našimi předsedy už stávajících spolků, aby ti mohli poradit na základě vlastních zkušeností
z fungování fakultních spolků.
</li>
<li><b>Založení a první kroky</b> -
Další dva měsíce budeme pracovat na náboru nových členů, nastavení propagace,
a hlavně vnitřních procesů, aby vše fungovalo, jak má. Budete si zkoušet, kterými
cestami chcete vydat, a objevíte i nějaké i ty slepé. Budete chodit na valné hromady
jiných spolků dívat se a scházet se s jedním ze spolkových předsedů. Na konci této fáze
by měl být váš spolek nastaven tak, že procesy se budou dít automaticky a budete mít
čas se pustit do svého prvního projektu.
</li>
<li><b>První projekt</b> -
Po nastavení fungování je čas na první projekt. Jaký je základ projektového řízení, kde na tebe čekají nástrahy?
Všechno s tebou projdeme a budeme ti průvodcem. Připravíme to s tebou od A do Z a potom provedeme reflexirealizovaného projektu
</li>
<li><b>Reflexe</b> -
Po šesti měsících spolupráce je třeba vás vyslat do spolkového světa. Ještě předtím si ale s vámi sedneme
a vyhodnotíme vaši cestu. Co se vám dařilo, co méně a jaký je náš pohled naváš další vývoj.
</li>
</ol>
</div>
<div class="spacer"></div>
</div>
</section>
</main>

@ -21,13 +21,13 @@
onMount(() => { onMount(() => {
const setup = () => { const setup = () => {
const pList = document.querySelectorAll('p, li, a, span'); const pList = document.querySelectorAll('main p, main li, main span');
pList.forEach(p => noMoreLonelyWords(p)); pList.forEach(p => noMoreLonelyWords(p));
}; };
const clearWordBreaks = (target) => target.textContent = target.textContent.replace(/\u00a0/g, ' '); const clearWordBreaks = (target) => target.innerHTML = target.innerHTML.replace(/\u00a0/g, ' ');
const noMoreLonelyWords = (target) => { const noMoreLonelyWords = (target) => {
let textArray = target.textContent.split(' '); let textArray = target.innerHTML.split(' ');
let newTextArray = []; let newTextArray = [];
textArray.forEach((word, i, list) => { textArray.forEach((word, i, list) => {
let textEntry = ''; let textEntry = '';
@ -37,7 +37,7 @@
textEntry = word + ' '; textEntry = word + ' ';
newTextArray.push(textEntry); newTextArray.push(textEntry);
}); });
target.textContent = newTextArray.join(''); target.innerHTML = newTextArray.join('');
}; };
const updateWordBreaks = (target) => { const updateWordBreaks = (target) => {
clearWordBreaks(target); clearWordBreaks(target);

@ -14,13 +14,13 @@
onMount(() => { onMount(() => {
const setup = () => { const setup = () => {
const pList = document.querySelectorAll('p, li, a, span'); const pList = document.querySelectorAll('main p, main li, main span');
pList.forEach(p => noMoreLonelyWords(p)); pList.forEach(p => noMoreLonelyWords(p));
}; };
const clearWordBreaks = (target) => target.textContent = target.textContent.replace(/\u00a0/g, ' '); const clearWordBreaks = (target) => target.innerHTML = target.innerHTML.replace(/\u00a0/g, ' ');
const noMoreLonelyWords = (target) => { const noMoreLonelyWords = (target) => {
let textArray = target.textContent.split(' '); let textArray = target.innerHTML.split(' ');
let newTextArray = []; let newTextArray = [];
textArray.forEach((word, i, list) => { textArray.forEach((word, i, list) => {
let textEntry = ''; let textEntry = '';
@ -30,7 +30,7 @@
textEntry = word + ' '; textEntry = word + ' ';
newTextArray.push(textEntry); newTextArray.push(textEntry);
}); });
target.textContent = newTextArray.join(''); target.innerHTML = newTextArray.join('');
}; };
const updateWordBreaks = (target) => { const updateWordBreaks = (target) => {
clearWordBreaks(target); clearWordBreaks(target);

@ -15,13 +15,13 @@
onMount(async () => { onMount(async () => {
window.currentSlide(1); window.currentSlide(1);
const setup = () => { const setup = () => {
const pList = document.querySelectorAll('p, li, a, span'); const pList = document.querySelectorAll('main p, main li, main span');
pList.forEach(p => noMoreLonelyWords(p)); pList.forEach(p => noMoreLonelyWords(p));
}; };
const clearWordBreaks = (target) => target.textContent = target.textContent.replace(/\u00a0/g, ' '); const clearWordBreaks = (target) => target.innerHTML = target.innerHTML.replace(/\u00a0/g, ' ');
const noMoreLonelyWords = (target) => { const noMoreLonelyWords = (target) => {
let textArray = target.textContent.split(' '); let textArray = target.innerHTML.split(' ');
let newTextArray = []; let newTextArray = [];
textArray.forEach((word, i, list) => { textArray.forEach((word, i, list) => {
let textEntry = ''; let textEntry = '';
@ -31,7 +31,7 @@
textEntry = word + ' '; textEntry = word + ' ';
newTextArray.push(textEntry); newTextArray.push(textEntry);
}); });
target.textContent = newTextArray.join(''); target.innerHTML = newTextArray.join('');
}; };
const updateWordBreaks = (target) => { const updateWordBreaks = (target) => {
clearWordBreaks(target); clearWordBreaks(target);

@ -14,13 +14,13 @@
onMount(() => { onMount(() => {
const setup = () => { const setup = () => {
const pList = document.querySelectorAll('p, li, a, span'); const pList = document.querySelectorAll('main p, main li, main span');
pList.forEach(p => noMoreLonelyWords(p)); pList.forEach(p => noMoreLonelyWords(p));
}; };
const clearWordBreaks = (target) => target.textContent = target.textContent.replace(/\u00a0/g, ' '); const clearWordBreaks = (target) => target.innerHTML = target.innerHTML.replace(/\u00a0/g, ' ');
const noMoreLonelyWords = (target) => { const noMoreLonelyWords = (target) => {
let textArray = target.textContent.split(' '); let textArray = target.innerHTML.split(' ');
let newTextArray = []; let newTextArray = [];
textArray.forEach((word, i, list) => { textArray.forEach((word, i, list) => {
let textEntry = ''; let textEntry = '';
@ -30,7 +30,7 @@
textEntry = word + ' '; textEntry = word + ' ';
newTextArray.push(textEntry); newTextArray.push(textEntry);
}); });
target.textContent = newTextArray.join(''); target.innerHTML = newTextArray.join('');
}; };
const updateWordBreaks = (target) => { const updateWordBreaks = (target) => {
clearWordBreaks(target); clearWordBreaks(target);
@ -70,7 +70,8 @@
co bys chtěl dělat ty? Tak si pro začátek přečti jaké jsou rozdíly mezi co bys chtěl dělat ty? Tak si pro začátek přečti jaké jsou rozdíly mezi
formálním a neformálním spolkem a pak vzhůru na to!<br><br> formálním a neformálním spolkem a pak vzhůru na to!<br><br>
Do budoucnosti připravujeme spolkový akcelerátor, v rámci kterého tě současní a bývalí členové spolků osobně provedou vším, Do budoucnosti připravujeme <a href="/akcelerator">spolkový akcelerátor</a>,
v rámci kterého tě současní a bývalí členové spolků osobně provedou vším,
co bys k založení spolku potřeboval. co bys k založení spolku potřeboval.
</h6> </h6>
<ZjistiBtn/> <ZjistiBtn/>

@ -20,13 +20,13 @@
window.showSlides(1, "mySlides2", "slideIndex2", 'dot2'); window.showSlides(1, "mySlides2", "slideIndex2", 'dot2');
window.showSlides(1, "mySlides3", "slideIndex3", 'dot3'); window.showSlides(1, "mySlides3", "slideIndex3", 'dot3');
const setup = () => { const setup = () => {
const pList = document.querySelectorAll('p, li, a, span'); const pList = document.querySelectorAll('main p, main li, main span');
pList.forEach(p => noMoreLonelyWords(p)); pList.forEach(p => noMoreLonelyWords(p));
}; };
const clearWordBreaks = (target) => target.textContent = target.textContent.replace(/\u00a0/g, ' '); const clearWordBreaks = (target) => target.innerHTML = target.innerHTML.replace(/\u00a0/g, ' ');
const noMoreLonelyWords = (target) => { const noMoreLonelyWords = (target) => {
let textArray = target.textContent.split(' '); let textArray = target.innerHTML.split(' ');
let newTextArray = []; let newTextArray = [];
textArray.forEach((word, i, list) => { textArray.forEach((word, i, list) => {
let textEntry = ''; let textEntry = '';
@ -36,7 +36,7 @@
textEntry = word + ' '; textEntry = word + ' ';
newTextArray.push(textEntry); newTextArray.push(textEntry);
}); });
target.textContent = newTextArray.join(''); target.innerHTML = newTextArray.join('');
}; };
const updateWordBreaks = (target) => { const updateWordBreaks = (target) => {
clearWordBreaks(target); clearWordBreaks(target);

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html id="html"> <html id="html" lang="cs">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
@ -11,7 +11,7 @@
%sapper.base% %sapper.base%
<link href="/css/normalize.css" rel="stylesheet"> <link href="/css/normalize.css" rel="stylesheet">
<link rel="stylesheet" href="https://unpkg.com/chota@latest"> <link rel="stylesheet" href="/css/chota.css">
<link href="/main.css" rel="stylesheet"> <link href="/main.css" rel="stylesheet">
<link rel="stylesheet" href="/glide.core.min.css"> <link rel="stylesheet" href="/glide.core.min.css">
<link rel="stylesheet" href="/glide.theme.min.css"> <link rel="stylesheet" href="/glide.theme.min.css">

File diff suppressed because it is too large Load Diff