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

This file contains invisible Unicode characters!

This file contains invisible Unicode characters that may be processed differently from what appears below. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to reveal hidden characters.

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Chatbot Olí" />
<meta property="og:description" content="Máš v něčem zmatek, nevíš si rady? Jsem tu pro tebe." />
<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>
<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ě jako věděl, že&nbsp;bez mluvení to&nbsp;nepůjde. 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;bezduché součástky.</p>
</article>
</div>
<div class="row">
<article>
<h2>Děláme pokroky</h2>
<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>
<p>Asi je&nbsp;vám jasný, že&nbsp;když se&nbsp;přihlásil na&nbsp;peďák, 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>
<p>Na peďák 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>
<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>
<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>
<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;peďáku, 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>