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.

155 lines
8.3 KiB
HTML

<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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 já?</h1>
<div class="row">
<p style="align-self:flex-start;">
Můj člověk se jmenuje Kuba. Touží být učitelem, inspirovat, nadchnout studenty, ale neumí tak docela mluvit s&nbsp;lidmi. Říkáte si, že to nejde moc dohromady? Jo, to máte pravdu, a proto jsem tu já. Ale to 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.png" alt="oli">
</div>
</div>
</header>
<div class="wrap">
<main>
<div class="row">
<img src="img/skladani.png" alt="oli">
<article>
<h2>Vše do sebe zapadlo</h2>
<p>Za Kubovým nápadem stát se učitelem je matikář Novák, obrovský nadšenec před&nbsp;tabulí. Ten o&nbsp;jeho snu věděl, stejně jako věděl, že bez mluvení to nepůjde. Neodrazoval ho, jen mu ukázal cestu Kuba potřebuje kámoše, který ho naučí, že&nbsp;mluvit na lidi není žádná věda. Ale to by nebyl Kuba, aby na to stejně nešel trochu vědecky. Sledoval urputně matikáře co&nbsp;říká, jak to říká, jak se 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 bezduché součástky.</p>
</article>
</div>
<div class="row">
<article>
<h2>Ve dvou se to lépe táhne</h2>
<p>A tak jsem se 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 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 pomalu jsem se pouštěl do díla. Čas od času jsem mu po zemi rozhodil drobné. Když Kuba děkoval kolemjdoucím, kteří mu je podali, červenal se jako rak. I&nbsp;tohle pro něj byla výzva. Nebo tehdy, když jsem mu schoval všechny tužky půlku hodiny si nepsal zápisky, než se odhodlal se zeptat souseda, jestli nemá propisku na 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>Nervy na pochodu</h2>
<p>Asi je vám jasný, že když se přihlásil na&nbsp;peďák, byly pro něj přijímačky velká věc. Jasně, je to těžká zkouška, ale pro něj to&nbsp;hlavně znamenalo potkat spoustu cizích lidí na jednom místě. Měl z&nbsp;toho nervy celý ráno, a nakonec ze samé paniky zapomněl pozvánku ve vlaku. To jste měli slyšet. „Vždyť tu místnost nenajdu, co když to&nbsp;netrefím, co když mě tam nepustí, co mám dělat?“ Panikařil skoro celou cestu na&nbsp;fakultu. Pokusil jsem se 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 vším pomohou“ říkal jsem mu. Trochu se to minulo účinkem, panikařil ještě víc a já se potutelně usmíval.</p>
</article>
</div>
<div class="row">
<article>
<h2>Okouzlení</h2>
<p>Nakonec se fakt zeptal a 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 sebe. Seděla tam slečna se zrzavými vlasy, po&nbsp;kterých běhala světýlka pokaždé, když se&nbsp;pohnula. Kuba od ní vůbec nemohl odtrhnout oči. Snažil jsem se ho popostrčit, aby za ní zašel, na to ale 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;">
<h2>První krůčky k&nbsp;úspěchu</h2>
<p>Na peďák nás přijali a já věděl co je můj první úkol dostat Kubu na Dvorky. Když odcházel z&nbsp;přednášky, fakultou se už rozléhala hudba. Se sklopenou hlavou (hlavně aby s&nbsp;někým nenavázal oční kontakt) se odhodlal dojít si pro pivo. Vykukoval jsem z&nbsp;kapuce a pak najednou jsem ji uviděl. To je ta zrzka a jde přímo k&nbsp;nám! Poklepala Kubovi na rameno a já se jen modlil, aby hned neutekl. „Ahoj, nevíš v&nbsp;kolik začíná ta přednáška s&nbsp;Taberym?“ zeptala se ho. Ještě, že jsem měl celý program nastudovaný. „Za půl hoďky,“ pošeptal jsem mu. A&nbsp;on to po mně, s&nbsp;několika sekundovým zpožděním a zakoktáním, zopakoval. Ale neutekl. Měl jsem z&nbsp;něj radost.</p>
</article>
</div>
<div class="row">
<article>
<h2>Odkrývání</h2>
<p>Jak šel čas, zjistil jsem, že mám i další talent. Radil jsem Kubovi se vším možným, od otevíracích hodin studijního, doby konzultací až po zápis předmětů. A&nbsp;fakt mi to šlo. Na některých přednáškách se Kuba potkával s Tamarou, to byla ta záhadná rusovláska. Dozvěděli jsme se, že nesnáší, když se jí říká Tamčo a nebo, že 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>Bod zlomu</h2>
<p>V šibalském plánu, jak je dát dohromady, mi šla naproti náhoda. Pracovali spolu na týmovém projektu. Kuba mi dělal radost. Seděl se spolužáky v&nbsp;kavárně, společně tvořili a vymýšleli, a on vypadal, že mu to nedělá žádný problém. Nakonec tam zůstali s&nbsp;Tamarou sami. Už se chystali odcházet a já mu chtěl pošeptat, ať ji přece někam pozve, ale to už se Kuba sám nadechoval a navrhoval jí schůzku. Nemohl jsem být pyšnější.</p>
</article>
</div>
<div class="row">
<article>
<h2>Už mě nepotřebuje</h2>
<p>Když se další den šli projít, měl jsem spoustu skvělých nápadů, co by jí měl říct, on mě ale jemně zastrčil do kapsy. Věděl si rady sám a já se 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>A teď jsem tu pro tebe!</h2>
<p>Na promoci už šli ruku v&nbsp;ruce a já jsem si byl najednou jistý něčím, co jsem už dlouho tušil. Kuba to zvládl, splnil si svůj sen a jde učit. Mě už nepotřebuje. Díky našemu studiu jsem se ale naučil hromadu věcí o&nbsp;peďáku, které si nechci nechat pro sebe a&nbsp;budu je 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 fakultě, plný informací a&nbsp;natěšený odpovídat. Stačí se 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>