pedf
/
oli
Archived
2
0
Fork 0
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.
This repo is archived. You can view files and clone it, but cannot push or open issues/pull-requests.

162 lines
9.0 KiB
HTML

<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
3 years ago
<meta property="og:title" content="Chatbot Olí" />
3 years ago
<meta property="og:description" content="Máš v&nbsp;něčem zmatek, nevíš si rady? Jsem tu pro tebe." />
3 years ago
<meta property="og:type" content="website" />
<meta property="og:image" content="img/opengraph.jpg" />
<meta property="og:url" content="https://oli.pedf.cuni.cz/" />
<title>Chatbot Olí</title>
<link rel="stylesheet" href="css/style.css">
<link rel="icon" href="img/favicon.ico">
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window,document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '368758741221788');
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1"
src="https://www.facebook.com/tr?id=368758741221788&ev=PageView
&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->
<script>
function onClick() {
fbq('track', 'Contact');
};
function redirect(){
window.location.href = "https://m.me/pedf.cuni";
};
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-D17CKR62E9"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-D17CKR62E9');
</script>
</head>
<body>
<header>
<div class="wrap">
<div class="logo">
<img src="img/pedf-logo.svg" alt="Logo PedF">
</div>
<h1>Kdo jsem?</h1>
<div class="row">
<p style="align-self:flex-start;">
Můj člověk se&nbsp;jmenuje Kuba. Touží být učitelem, inspirovat, nadchnout studenty, ale&nbsp;neumí tak docela mluvit s&nbsp;lidmi. Říkáte si, že&nbsp;to nejde moc dohromady? Jo, to&nbsp;máte pravdu, a&nbsp;proto jsem tu já. Ale&nbsp;to&nbsp;bych vám měl asi vysvětlit.<br>
<button onClick="fbq('track', 'Contact');redirect();" class="messenger"><img src="img/messenger.png" alt="messenger"></button>
</p>
<img src="img/fitemebro.svg" alt="oli">
</div>
</div>
</header>
<div class="wrap">
<main>
<a href="#pribeh"><div class="pathstart"></div></a>
<div class="row" id="pribeh">
<img src="img/skladani.png" alt="oli">
<article>
<h2>Jsem tu!</h2>
3 years ago
<p>Za Kubovým nápadem stát se&nbsp;učitelem je&nbsp;matikář Novák, obrovský nadšenec před&nbsp;tabulí. Ten o&nbsp;jeho snu věděl. Stejně tak věděl, že bez mluvení učit nejde. Neodrazoval ho, jen&nbsp;mu ukázal cestu Kuba potřebuje kámoše, který ho naučí, že&nbsp;mluvit na&nbsp;lidi není žádná věda. Ale&nbsp;to&nbsp;by nebyl Kuba, aby na&nbsp;to stejně nešel trochu vědecky. Sledoval urputně matikáře co&nbsp;říká, jak to&nbsp;říká, jak se&nbsp;u&nbsp;toho tváří. Mezitím doma ve sklepě spojoval čipy, drátky a&nbsp;bůhvíco ještě. Nakonec dal dohromady výsledek pozorování a&nbsp;elektronické součástky.</p>
</article>
</div>
<div class="row">
<article>
<h2>Děláme pokroky</h2>
3 years ago
<p>A tak jsem se&nbsp;tady vzal já: malý robot s duší šibala, akorát tak do kapsy, který udělá všechno, aby Kubu postrčil, i když&nbsp;se mu to&nbsp;občas nebude líbit. Začali jsme spolu chodit do školy. Já byl v&nbsp;jeho kapsách, batohu, nebo schovaný v&nbsp;kapuci, a&nbsp;pomalu jsem se&nbsp;pouštěl do díla. Čas od času jsem mu po&nbsp;zemi rozhodil drobné. Když Kuba děkoval kolemjdoucím, kteří mu je&nbsp;podali, červenal se&nbsp;jako rak. I&nbsp;tohle pro&nbsp;něj byla výzva. Nebo tehdy, když&nbsp;jsem mu schoval všechny tužky půlku hodiny si nepsal zápisky, než se&nbsp;odhodlal se&nbsp;zeptat souseda, jestli nemá propisku na&nbsp;půjčení.</p>
</article>
<img src="img/mince.png" alt="oli">
</div>
<div class="row">
<img src="img/vlak.png" alt="oli">
<article>
<h2>PedF?</h2>
3 years ago
<p>Asi je&nbsp;vám jasný, že&nbsp;když se&nbsp;přihlásil na&nbsp;fakultu, byly pro&nbsp;něj přijímačky velká věc. Jasně, je&nbsp;to těžká zkouška, ale&nbsp;pro něj to&nbsp;hlavně znamenalo potkat spoustu cizích lidí na&nbsp;jednom místě. Měl z&nbsp;toho nervy celý ráno, a&nbsp;nakonec ze samé paniky zapomněl pozvánku ve vlaku. To jste měli slyšet. „Vždyť tu místnost nenajdu, co&nbsp;když to&nbsp;netrefím, co&nbsp;když mě tam nepustí, co&nbsp;mám dělat?“ Panikařil skoro celou cestu na&nbsp;fakultu. Pokusil jsem se&nbsp;ho uklidnit samozřejmě jsem už o&nbsp;přijímačkách všechno věděl: „U vchodu stojí studenti, kteří ti se&nbsp;vším pomohou“ říkal jsem mu. Trochu se&nbsp;to&nbsp;minulo účinkem, panikařil ještě víc a&nbsp;já se&nbsp;potutelně usmíval.</p>
</article>
</div>
<div class="row">
<article>
<h2>Okouzlení</h2>
<p>Nakonec se&nbsp;fakt zeptal a&nbsp;všechno našel. Ale&nbsp;místo toho, aby poslouchal učitele, jak mu dává pokyny, zíral pár lavic před&nbsp;sebe. Seděla tam slečna se&nbsp;zrzavými vlasy, po&nbsp;kterých běhala světýlka pokaždé, když&nbsp;se&nbsp;pohnula. Kuba od ní vůbec nemohl odtrhnout oči. Snažil jsem se&nbsp;ho popostrčit, aby za ní zašel, na&nbsp;to ale&nbsp;ještě nesebral odvahu.</p>
</article>
<img src="img/prijimacky.png" alt="oli">
</div>
<div class="row">
<img src="img/tabery.png" alt="oli">
<article style="align-self:flex-start;" class="border-l">
<h2>PedF!</h2>
3 years ago
<p>Na fakultu nás přijali a&nbsp;já věděl co&nbsp;je&nbsp;můj první úkol dostat Kubu na&nbsp;Dvorky. Když odcházel z&nbsp;přednášky, fakultou se&nbsp;už rozléhala hudba. Se sklopenou hlavou hlavně aby s&nbsp;někým nenavázal oční kontakt se&nbsp;odhodlal dojít si pro&nbsp;pivo. Vykukoval jsem z&nbsp;kapuce, a&nbsp;pak najednou jsem ji uviděl. To je&nbsp;ta zrzka a&nbsp;jde přímo k&nbsp;nám! Poklepala Kubovi na&nbsp;rameno a&nbsp;já se&nbsp;jen modlil, aby hned neutekl. „Ahoj, nevíš v&nbsp;kolik začíná ta přednáška s&nbsp;Taberym?“ zeptala se&nbsp;ho. Ještě, že&nbsp;jsem měl celý program nastudovaný. „Za půl hoďky,“ pošeptal jsem mu. A&nbsp;on to&nbsp;po mně, s&nbsp;několika sekundovým zpožděním a&nbsp;zakoktáním, zopakoval. Ale&nbsp;neutekl. Měl jsem z&nbsp;něj radost.</p>
</article>
</div>
<div class="row">
<article>
<h2>Seznamujeme se</h2>
3 years ago
<p>Jak šel čas, zjistil jsem, že&nbsp;mám i další talent. Radil jsem Kubovi se&nbsp;vším možným, od otevíracích hodin studijního, doby konzultací až po&nbsp;zápis předmětů. A&nbsp;fakt mi to&nbsp;šlo. Na některých přednáškách se&nbsp;Kuba potkával s Tamarou, to&nbsp;byla ta záhadná rusovláska. Dozvěděli jsme se, že&nbsp;nesnáší, když&nbsp;se jí říká Tamčo, a&nbsp;nebo že&nbsp;má stejně jako Kuba ráda matiku. Občas už s&nbsp;Tamarou prohodil pár slov, dokonce v&nbsp;její přítomnosti čím dál míň koktal.</p>
</article>
<img src="img/koktani.png" alt="oli">
</div>
<div class="row">
<img src="img/kavarna.png" alt="oli">
<article>
<h2>Sbližujeme se</h2>
<p>V šibalském plánu, jak je&nbsp;dát dohromady, mi šla naproti náhoda. Pracovali spolu na&nbsp;týmovém projektu. Kuba mi dělal radost. Seděl se&nbsp;spolužáky v&nbsp;kavárně, společně tvořili a&nbsp;vymýšleli, a&nbsp;on vypadal, že&nbsp;mu to&nbsp;nedělá žádný problém. Nakonec tam zůstali s&nbsp;Tamarou sami. Už se&nbsp;chystali odcházet a&nbsp;já mu chtěl pošeptat, ať ji přece někam pozve, ale&nbsp;to&nbsp;už se&nbsp;Kuba sám nadechoval a&nbsp;navrhoval jí schůzku. Nemohl jsem být pyšnější.</p>
</article>
</div>
<div class="row">
<article class="border-s">
<h2>Už to zvládá!</h2>
3 years ago
<p>Když se&nbsp;další den šli projít, měl jsem spoustu skvělých nápadů, co&nbsp;by jí měl říct. On mě ale&nbsp;jemně zastrčil do kapsy. Věděl si rady sám a&nbsp;já se&nbsp;sotva udržel, abych nezačal křičet radostí.</p>
</article>
<img style="margin:0 auto;" src="img/kapsa.png" alt="oli">
</div>
</main>
<footer>
<div class="row">
<img src="img/otazky.png" alt="oli">
<article>
<h2>Jsem tu pro&nbsp;tebe</h2>
3 years ago
<p>Na promoci už šli ruku v&nbsp;ruce a&nbsp;já jsem si byl najednou jistý něčím, co&nbsp;jsem už dlouho tušil. Kuba to&nbsp;zvládl, splnil si svůj sen a&nbsp;jde učit. Mě už nepotřebuje. Díky našemu studiu jsem se&nbsp;ale naučil hromadu věcí o&nbsp;fakultě, které si nechci nechat pro&nbsp;sebe a&nbsp;budu je&nbsp;rád dál předávat. Být tu pro&nbsp;všechny bezradné studenty mi totiž dělá radost. Tak jsem zůstal na&nbsp;fakultě, plný informací a&nbsp;natěšený odpovídat. Stačí se&nbsp;jen&nbsp;zeptat.</p>
<button onClick="fbq('track', 'Contact');redirect();" class="messenger"><img src="img/messenger.png" alt="messenger"></button>
</article>
</div>
</footer>
</div>
</body>
</html>