|
|
<!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 jmenuje Kuba. Touží být učitelem, inspirovat, nadchnout studenty, ale neumí tak docela mluvit s 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.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 učitelem je matikář Novák, obrovský nadšenec před tabulí. Ten o 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 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 říká, jak to říká, jak se u toho tváří. Mezitím doma ve sklepě spojoval čipy, drátky a bůhvíco ještě. Nakonec dal dohromady výsledek pozorování a bezduché součástky.</p>
|
|
|
</article>
|
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
|
<article>
|
|
|
<h2>Děláme pokroky</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ž se mu to občas nebude líbit. Začali jsme spolu chodit do školy. Já byl v jeho kapsách, batohu, nebo schovaný v 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 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>PedF?</h2>
|
|
|
<p>Asi je vám jasný, že když se přihlásil na 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 hlavně znamenalo potkat spoustu cizích lidí na jednom místě. Měl z 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 netrefím, co když mě tam nepustí, co mám dělat?“ Panikařil skoro celou cestu na fakultu. Pokusil jsem se ho uklidnit – samozřejmě jsem už o 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 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 kterých běhala světýlka pokaždé, když se 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;" class="border-l">
|
|
|
<h2>PedF!</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 přednášky, fakultou se už rozléhala hudba. Se sklopenou hlavou (hlavně aby s někým nenavázal oční kontakt) se odhodlal dojít si pro pivo. Vykukoval jsem z kapuce a pak najednou jsem ji uviděl. To je ta zrzka a jde přímo k nám! Poklepala Kubovi na rameno a já se jen modlil, aby hned neutekl. „Ahoj, nevíš v kolik začíná ta přednáška s Taberym?“ zeptala se ho. Ještě, že jsem měl celý program nastudovaný. „Za půl hoďky,“ pošeptal jsem mu. A on to po mně, s několika sekundovým zpožděním a zakoktáním, zopakoval. Ale neutekl. Měl jsem z něj radost.</p>
|
|
|
</article>
|
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
|
<article>
|
|
|
<h2>Seznamujeme se</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 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 Tamarou prohodil pár slov, dokonce v 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 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 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 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 class="border-s">
|
|
|
<h2>Už to zvládá!</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>Jsem tu pro tebe</h2>
|
|
|
<p>Na promoci už šli ruku v 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 peďáku, které si nechci nechat pro sebe a budu je rád dál předávat. Být tu pro všechny bezradné studenty mi totiž dělá radost. Tak jsem zůstal na fakultě, plný informací a natěšený odpovídat. Stačí se jen zeptat.</p>
|
|
|
<button onClick="fbq('track', 'Contact');redirect();" class="messenger"><img src="img/messenger.png" alt="messenger"></button>
|
|
|
</article>
|
|
|
</div>
|
|
|
|
|
|
</footer>
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
</html>
|