pedf
/
oli
Archived
2
0
Fork 0
Code Pull Requests Releases Activity

Odstranění carriage returns

Browse Source 
Při editování na Windows přidal Martin CR (^M) na konce řádků.
Pro pořádek je zase mažu.
master
Emil Miler 4 years ago
parent 8562762eed
commit 4b499d893d
2 changed files with 262 additions and 262 deletions
Show Stats Download Patch File Download Diff File

216
css/style.css
Unescape Escape View File

@ -1,108 +1,108 @@
@font-face {
font-family: moderat-regular;
src: url(../fonts/moderat-regular.otf)
}
@font-face {
font-family: moderat-black;
src: url(../fonts/moderat-black.otf)
}
html, body {
margin: 0;
padding: 0;
}
body {
font-size: 1em;
font-family: moderat-regular;
background: url(../img/header-pattern.svg) no-repeat left top;
background-size: 90% auto;
}
.wrap {
max-width: 62em;
margin: 0 auto;
padding: 0 1em;
}
.messenger {
max-width: 100%;
display: block;
margin-top: 2em;
}
.messenger img { max-width: 12em; }
h1, h2, h3 { font-family: moderat-black; }
h1 { color: #d63647; margin-bottom: 0; clear: both; font-size: 3em; }
h2, h3 { color: #1fbcc6; }
p { line-height: 1.6; }
header { width: auto; }
header .logo { padding: 2em; float: right; text-align: center; box-sizing: border-box; }
header .logo img { height: 7.5em; }
header .row { height: 45em; margin: 0; padding-bottom: 150px; margin-bottom: -300px; }
header .row img { max-height: 32em; }
header .row p { text-align: justify; max-width: 45%; font-size: 1.2em; margin: 2em 0; }
main {
padding-top: 200px; margin-top: -200px;
padding-bottom: 100px; margin-bottom: -100px;
background: url(../img/timeline.svg) no-repeat center top;
background-size: auto 100%;
}
.row { height: auto; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-direction: row; margin: 5em 0; }
.row>img { max-height: 30em; max-width: 40%; }
article {
background-color: #eee;
border: 3px solid #ddd;
border-radius: 2% 6% 5% 3% / 1% 1% 2% 6%;
position: relative;
max-width: 32%; padding: 1.7em;
}
article h2 { margin-top: -1.5em; font-size: 2.6em; white-space: nowrap; }
article:nth-child(1) h2 { margin-right: -1.5em; text-align: right; }
article:nth-child(2) h2 { margin-left: -1.5em; }
article::before {
content: '';
border: 2px solid #dfdfdf;
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0) scale(1.015) rotate(0.5deg);
border-radius: 1% 1% 2% 4% / 2% 6% 5% 4%;
z-index: -1;
}
article: nth-child(1)::before {
transform: translate3d(-50%, -50%, 0) scale(1.015) rotate(-1deg);
border-radius: 2% 6% 5% 4% / 1% 1% 2% 4%;
}
@media screen and (max-width: 699px) {
body { background: none; font-size: 1em; }
.messenger { margin-left: auto; margin-right: auto; }
header { width: 100%; }
header .logo { padding-top: 30px; width: 100%; float: none; margin: 0 auto; }
header .row p { max-width: 100%; }
main { background: none; }
.row { flex-direction: column; margin: 4em 0; }
.row:nth-child(even) { flex-direction: column-reverse; }
.row>img { max-height: 80%; max-width: 80%; margin: 1em 0; }
article { max-width: 100%; align-self: center !important; padding: 1em; }
article h2 { margin-top: auto; font-size: 2.3em; white-space: initial; }
article:nth-child(1) h2 { margin-right: auto; text-align: right; }
article:nth-child(2) h2 { margin-left: auto; }
}
/* Odstraneni stylu u tlacitka */
input, button, submit { border:none; background-color: inherit; }
@font-face {
font-family: moderat-regular;
src: url(../fonts/moderat-regular.otf)
}
@font-face {
font-family: moderat-black;
src: url(../fonts/moderat-black.otf)
}
html, body {
margin: 0;
padding: 0;
}
body {
font-size: 1em;
font-family: moderat-regular;
background: url(../img/header-pattern.svg) no-repeat left top;
background-size: 90% auto;
}
.wrap {
max-width: 62em;
margin: 0 auto;
padding: 0 1em;
}
.messenger {
max-width: 100%;
display: block;
margin-top: 2em;
}
.messenger img { max-width: 12em; }
h1, h2, h3 { font-family: moderat-black; }
h1 { color: #d63647; margin-bottom: 0; clear: both; font-size: 3em; }
h2, h3 { color: #1fbcc6; }
p { line-height: 1.6; }
header { width: auto; }
header .logo { padding: 2em; float: right; text-align: center; box-sizing: border-box; }
header .logo img { height: 7.5em; }
header .row { height: 45em; margin: 0; padding-bottom: 150px; margin-bottom: -300px; }
header .row img { max-height: 32em; }
header .row p { text-align: justify; max-width: 45%; font-size: 1.2em; margin: 2em 0; }
main {
padding-top: 200px; margin-top: -200px;
padding-bottom: 100px; margin-bottom: -100px;
background: url(../img/timeline.svg) no-repeat center top;
background-size: auto 100%;
}
.row { height: auto; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-direction: row; margin: 5em 0; }
.row>img { max-height: 30em; max-width: 40%; }
article {
background-color: #eee;
border: 3px solid #ddd;
border-radius: 2% 6% 5% 3% / 1% 1% 2% 6%;
position: relative;
max-width: 32%; padding: 1.7em;
}
article h2 { margin-top: -1.5em; font-size: 2.6em; white-space: nowrap; }
article:nth-child(1) h2 { margin-right: -1.5em; text-align: right; }
article:nth-child(2) h2 { margin-left: -1.5em; }
article::before {
content: '';
border: 2px solid #dfdfdf;
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0) scale(1.015) rotate(0.5deg);
border-radius: 1% 1% 2% 4% / 2% 6% 5% 4%;
z-index: -1;
}
article: nth-child(1)::before {
transform: translate3d(-50%, -50%, 0) scale(1.015) rotate(-1deg);
border-radius: 2% 6% 5% 4% / 1% 1% 2% 4%;
}
@media screen and (max-width: 699px) {
body { background: none; font-size: 1em; }
.messenger { margin-left: auto; margin-right: auto; }
header { width: 100%; }
header .logo { padding-top: 30px; width: 100%; float: none; margin: 0 auto; }
header .row p { max-width: 100%; }
main { background: none; }
.row { flex-direction: column; margin: 4em 0; }
.row:nth-child(even) { flex-direction: column-reverse; }
.row>img { max-height: 80%; max-width: 80%; margin: 1em 0; }
article { max-width: 100%; align-self: center !important; padding: 1em; }
article h2 { margin-top: auto; font-size: 2.3em; white-space: initial; }
article:nth-child(1) h2 { margin-right: auto; text-align: right; }
article:nth-child(2) h2 { margin-left: auto; }
}
/* Odstraneni stylu u tlacitka */
input, button, submit { border:none; background-color: inherit; }

308
index.html
Unescape Escape View File

@ -1,154 +1,154 @@
<!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&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.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&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>Ve dvou se&nbsp;to&nbsp;lépe táhne</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>Nervy na&nbsp;pochodu</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;">
<h2>První krůčky k&nbsp;úspěchu</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>Odkrývání</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>Bod zlomu</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>
<h2>Už mě nepotřebuje</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>A teď 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>
<!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&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.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&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>Ve dvou se&nbsp;to&nbsp;lépe táhne</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>Nervy na&nbsp;pochodu</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;">
<h2>První krůčky k&nbsp;úspěchu</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>Odkrývání</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>Bod zlomu</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>
<h2>Už mě nepotřebuje</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>A teď 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>