-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
288 lines (272 loc) · 18.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Flogiston</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/flogiston-page.css">
<link rel="stylesheet" href="css/flogiston-article.css">
<link rel="stylesheet" href="css/font-cyklop.css">
<link rel="stylesheet" href="css/flogiston-skin.css">
<link rel="stylesheet" href="css/flogiston-print.css">
<meta property="og:title" content="Severák" />
<meta property="og:image" content="https://www.gravatar.com/avatar/21621c02d6a6ab7b07b4a6982b6ec68e.jpg?s=300" />
<meta property="og:type" content="website" />
<meta property="og:description" content="programátor, spisovatel, kartograf, průvodce, loutkoherec a fotograf v zácviku" />
</head>
<body class="flogiston-background">
<div class="flogiston-page">
<nav>
<div class="flogiston-nav flogiston-padding">
<a href="#">sed porta</a>
<a href="#">tempor</a>
<a href="#" class="active">vestibulum</a>
</div>
</nav>
<header>
<div class="flogiston-header flogiston-inverted flogiston-padding">
<h1><a href="#">Lorem ipsum</a></h1>
<em>dolor sit amet</em>
</div>
</header>
<div class="flogiston-content">
<article>
<div class="flogiston-article">
<p class="flogiston-article-prev">« <a href="#">předchozí článek</a></p>
<h1 id="zasáhnutí-dobrého-vojáka-švejka-do-světové-války">Zasáhnutí dobrého vojáka Švejka do Světové války</h1>
<p><span class="flogiston-author">Jaroslav Hašek</span> <span class="flogiston-date">1921-1923</span></p>
<p>„Tak nám zabili Ferdinanda,” řekla posluhovačka panu Švejkovi, který opustiv před léty vojenskou službu, když byl definitivně prohlášen vojenskou lékařskou komisí za blba, živil se prodejem psů, ošklivých nečistokrevných oblud, kterým padělal rodokmeny. Kromě tohoto zaměstnání byl stižen revmatismem a mazal si právě kolena opodeldokem.</p>
<p>„Kerýho Ferdinanda, paní Müllerová?” otázal se Švejk, nepřestávaje si masírovat kolena, „já znám dva Ferdinandy. Jednoho, ten je sluhou u drogisty Průši a vypil mu tam jednou omylem láhev nějakého mazání na vlasy, a potom znám ještě Ferdinanda Kokošku, co sbírá ty psí hovínka. Vobou není žádná škoda.”</p>
<p>„Ale, milostpane, pana arcivévodu Ferdinanda, toho z Konopiště, toho tlustýho, nábožnýho.”</p>
<p>„Ježíšmarjá,” vykřikl Švejk, „to je dobrý. A kde se mu to, panu arcivévodovi, stalo?”</p>
<p>„Práskli ho v Sarajevu, milostpane, z revolveru, vědí. Jel tam s tou svou arcikněžnou v automobilu.”</p>
<p>„Tak se podívejme, paní Müllerová, v automobilu. Jó, takovej pán si to může dovolit, a ani si nepomyslí, jak taková jízda automobilem může nešťastně skončit. A v Sarajevu k tomu, to je v Bosně, paní Müllerová. To udělali asi Turci. My holt jsme jim tu Bosnu a Hercegovinu neměli brát. Tak vida, paní Müllerová. On je tedy pan arcivévoda už na pravdě boží. Trápil se dlouho?”</p>
<p>„Pan arcivévoda byl hned hotovej, milostpane. To vědí, že s revolverem nejsou žádný hračky. Nedávno taky si hrál jeden pán u nás v Nuslích s revolverem a postřílel celou rodinu i domovníka, kterej se šel podívat, kdo to tam střílí ve třetím poschodí.”</p>
<p>„Někerej revolver, paní Müllerová, vám nedá ránu, kdybyste se zbláznili. Takovejch systémů je moc. Ale na pana arcivévodu si koupili jistě něco lepšího, a taky bych se chtěl vsadit, paní Müllerová, že ten člověk, co mu to udělal, se na to pěkně voblík. To vědí, střílet pana arcivévodu, to je moc těžká práce. To není, jako když pytlák střílí hajnýho. Tady jde vo to, jak se k němu dostat, na takovýho pána nesmíte jít v nějakých hadrech. To musíte jít v cylindru, aby vás nesebral dřív policajt.”</p>
<p>„Vono prej jich bylo víc, milostpane.”</p>
<p>„To se samo sebou rozumí, paní Müllerová,” řekl Švejk, konče masírování kolen, „kdybyste chtěla zabít pana arcivévodu, nebo císaře pána, tak byste se jistě s někým poradila. Víc lidí má víc rozumu. Ten poradí to, ten vono, a pak se dílo podaří, jak je to v tej naší hymně. Hlavní věcí je vyčíhat na ten moment, až takovej pán jede kolem. Jako, jestli se pamatujou na toho pana Luccheniho, co probod naši nebožku Alžbětu tím pilníkem. Procházel se s ní. Pak věřte někomu; vod tý doby žádná císařovna nechodí na procházky. A vono to čeká ještě moc osob. A uvidějí, paní Müllerová, že se dostanou i na toho cara a carevnu, a může být, nedej pánbůh, i na císaře pána, když už to začli s jeho strýcem. Von má, starej pán, moc nepřátel. Ještě víc než ten Ferdinand. Jako nedávno povídal jeden pán v hospodě, že přijde čas, že ty císařové budou kapat jeden za druhým a že jim ani státní návladnictví nepomůže. Pak neměl na útratu a hostinský ho musel dát sebrat. A von mu dal facku a strážníkovi dvě. Pak ho odvezli v košatince, aby se vzpamatoval. Jó, paní Müllerová, dnes se dějou věci. To je zas ztráta pro Rakousko. Když jsem byl na vojně, tak tam jeden infanterista zastřelil hejtmana. Naládoval flintu a šel do kanceláře. Tam mu řekli, že tam nemá co dělat, ale on pořád vedl svou, že musí s panem hejtmanem mluvit. Ten hejtman vyšel ven a hned mu napařil kasárníka. Von vzal flintu a bouch ho přímo do srdce. Kulka vyletěla panu hejtmanovi ze zad a ještě udělala škodu v kanceláři. Rozbila flašku inkoustu a ten polil úřední akta.”</p>
<p>„A co se stalo s tím vojákem?” otázala se po chvíli paní Müllerová, když se Švejk oblékal.</p>
<p>„Voběsil se na kšandě,” řekl Švejk, čistě si tvrdý klobouk. „A ta kšanda nebyla ani jeho. Tu si vypůjčil od profousa, že prý mu padají kalhoty. Měl čekat, až ho zastřelejí? To vědí, paní Müllerová, že v takový situaci jde každému hlava kolem. Profousa za to degradovali a dali mu šest měsíců. Ale von si je nevodseděl. Utek do Švejcar a dneska tam dělá kazatele ňáký církve. Dneska je málo poctivců, paní Müllerová. Já si představuju, že se pan arcivévoda Ferdinand také v tom Sarajevu zmejlil v tom člověkovi, co ho střelil. Viděl nějakého pána a myslil si: To je nějakej pořádnej člověk, když mně volá slávu. A zatím ho ten pán bouch. Dal mu jednu nebo několik?”</p>
<p>„Noviny píšou, milostpane, že pan arcivévoda byl jako řešeto. Vystřílel do něho všechny patrony.”</p>
<p>„To jde náramně rychle, paní Müllerová, strašně rychle. Já bych si na takovou věc koupil brovnink. Vypadá to jako hračka, ale můžete s tím za dvě minuty postřílet dvacet arcivévodů, hubenejch nebo tlustejch. Ačkoliv, mezi námi řečeno, paní Müllerová, že do tlustýho pana arcivévody se trefíte jistějc než do hubenýho. Jestli se pamatujou, jak tenkrát v Portugalsku si postříleli toho svýho krále. Byl taky takovej tlustej. To víte, že král nebude přece hubenej. Já tedy teď jdu do hospody U kalicha, a kdyby sem někdo přišel pro toho ratlíka, na kterýho jsem vzal zálohu, tak mu řeknou, že ho mám ve svém psinci na venkově, že jsem mu nedávno kupíroval uši a že se teď nesmí převážet, dokud se mu uši nezahojí, aby mu nenastydly. Klíč dají k domovnici.”</p>
<p>V hospodě U kalicha seděl jen jeden host. Byl to civilní strážník Bretschneider, stojící ve službách státní policie. Hostinský Palivec myl tácky a Bretschneider se marně snažil navázat s ním vážný rozhovor.</p>
<p>Palivec byl známý sprosťák, každé jeho druhé slovo byla zadnice nebo hovno. Přitom byl ale sečtělý a upozorňoval každého, aby si přečetl, co napsal o posledním předmětě Viktor Hugo, když líčil poslední odpověď staré gardy Napoleonovy Angličanům v bitvě u Waterloo.</p>
<hr />
<p>Hašek, Jaroslav. Osudy dobrého vojáka Švejka za světové války [online]. V MKP 1. vyd. Praha : Městská knihovna v Praze, 2011 [aktuální datum citace e-knihy – př. cit. rrrr-mm-dd]. 1. a 2. díl. Dostupné z WWW: <a href="http://web2.mlp.cz/koweb/00/03/37/00/55/svejk.pdf">http://web2.mlp.cz/koweb/00/03/37/00/55/svejk.pdf</a>.</p>
<p>Vydání (obálka, grafická úprava), jehož autorem je Městská knihovna v Praze, podléhá licenci Creative Commons Uveďte autora-Nevyužívejte dílo komerčně-Zachovejte licenci 3.0 Česko .</p>
<p class="flogiston-article-next"><a href="#">následující článek</a> »</p>
</div>
</article>
<hr class="flogiston-article-separator">
<article>
<div class="flogiston-article">
<h1 id="headers">Headers</h1>
<p>Above this, we have the title, author (or subtitle) and date Pandoc metadata. These are specially classed H1, H2 and H3 elements that we just add centering to.</p>
<h2 id="level-2">Level 2</h2>
<p>With Pandoc's <code>--section-divs</code> option, nested header levels create nested DIVs. This stylesheet creates nested indentation for them to nest visually.</p>
<h3 id="level-3">Level 3</h3>
<p>I should create some auxiliary CSS files that you could include after <code>buttondown.css</code> to change some things like turning off nested indenting.</p>
<h4 id="level-4">Level 4</h4>
<p>Buttondown doesn't re-define the font size or weight of the headers, but it does define the font families for them as sans- serf.</p>
<h5 id="level-5">Level 5</h5>
<p>It doesn't re-define the body text font, and it doesn't make the text body narrow --- it leaves it full width. I will probably add a style option file for that.</p>
<h6 id="level-6">Level 6</h6>
<p>Level 6 can be quite small.</p>
<h1 id="lists">Lists</h1>
<h2 id="unordered-lists">Unordered lists</h2>
<h3 id="a-simple-list">A simple list:</h3>
<p>Text before</p>
<ul>
<li>Alpha</li>
<li>Beta</li>
<li>Gamma</li>
</ul>
<p>Text after</p>
<h3 id="a-nested-list">A nested list:</h3>
<ul>
<li>Alpha
<ul>
<li>Apple</li>
<li>Orange</li>
</ul></li>
<li>Beta
<ul>
<li>A multi-line item to show<br />
where the wrapping and sublist line up.
<ul>
<li>Earth</li>
<li>Moon</li>
</ul></li>
<li>Pineapple</li>
</ul></li>
<li>Gamma (with numbered sublist)
<ol style="list-style-type: decimal">
<li>One</li>
<li>Two</li>
</ol></li>
</ul>
<h3 id="a-paragraph-spaced-one">A paragraph spaced one:</h3>
<p>Not all stylesheets make these have more spacing.</p>
<ul>
<li><p>Alpha</p></li>
<li><p>Beta</p></li>
<li><p>Gamma</p></li>
</ul>
<p>And the spacing after might be too tight.</p>
<h2 id="ordered-lists">Ordered lists</h2>
<h3 id="a-simple-one">A simple one:</h3>
<ol style="list-style-type: decimal">
<li>One</li>
<li>Two</li>
<li>Three</li>
</ol>
<h3 id="a-nested-one">A nested one:</h3>
<ol style="list-style-type: decimal">
<li>One
<ol style="list-style-type: decimal">
<li>Alpha</li>
<li>Beta</li>
</ol></li>
<li>Two (with unordered sublist)
<ul>
<li>Gamma</li>
<li>Delta</li>
</ul></li>
<li>Three
<ol style="list-style-type: decimal">
<li>Apple
<ol style="list-style-type: decimal">
<li>Circle</li>
<li>Triangle
<ol style="list-style-type: decimal">
<li>North
<ol style="list-style-type: decimal">
<li>East</li>
<li>West</li>
</ol></li>
<li>South
<ul>
<li>Up</li>
<li>Down</li>
</ul></li>
</ol></li>
<li>Square</li>
</ol></li>
<li>Orange</li>
</ol></li>
</ol>
<h1 id="block-quotes">Block Quotes</h1>
<p>We simply italicize them and don't do any fancy quote bar or decoration since they are already indented on the left and right.</p>
<blockquote>
<p>We simply italicize them and don't do any fancy quote bar or decoration since they are already indented on the left and right.</p>
</blockquote>
<h1 id="code">Code</h1>
<p>Code blocks are styled more to be set apart a bit more than just the monospaced font. A light background color and border (in case the background doesn't print, but it looks nice too).</p>
<pre><code>x = e * 10 / 2;
y = p - 7;</code></pre>
<p>On screen, the blocks provide scroll boxes and the <code>inline code spans</code> word wrap. For print, the code blocks also change to word wrap. On screen, the <code>code spans</code> also get a little border, but lose it in print.</p>
<h1 id="links">Links</h1>
<p>Remove the underline except on hover. When printing, remove all styling and print external URLs after the link text to be useful in a printout. There is no filter to not print very long URLs though.</p>
<p>A link to <a href="http://www.google.com">Google</a>. A simple link to <a href="http://wikipedia.org" class="uri">http://wikipedia.org</a>.</p>
<p>I haven't figured out how to not redundantly print the URL after a simple link whose link text is the URL.</p>
<h1 id="horizontal-rule">Horizontal rule</h1>
<p>A thin line that doesn't have that shadow thing that looks terrible, especially in print.</p>
<hr />
<p>See the end for what footnotes looks like<a href="#fn1" class="footnoteRef" id="fnref1"><sup>1</sup></a>.</p>
<h1 id="images">Images</h1>
<p>An inline image <img src="http://www.jodypaul.com/gr/altair8800Thumb.gif" title="www.jodypaul.com" />.</p>
<p>A Pandoc figure style image with caption:</p>
<div class="figure">
<img src="http://daringfireball.net/graphics/logos/" title="Daring Fireball!" alt="Daring Fireball" />
<p class="caption">Daring Fireball</p>
</div>
<h1 id="definition-lists">Definition Lists</h1>
<p>Still may tweak this. Trying to use subtle lines to help group it, but it feels a bit too table-like. However, without them, it doesn't seem to stand out much.</p>
<dl>
<dt>Term</dt>
<dd><p>Definition of the term</p>
</dd>
<dt>Term2</dt>
<dd><p>First definition of Term2 It can be a long, wrapped paragraph like this.</p>
<p>A definition can include multiple paragraphs if they are indented the same in Pandoc and MultiMarkdown 3. MultiMarkdown 2 doesn't support this, so it will be interpreted there as a code block following the Term2 definition.</p>
<ul>
<li>They can also include Markdown</li>
<li>If it supports multiple paragraphs, a definition can contain lists and things</li>
<li>But the first has to start as a regular paragraph</li>
</ul>
</dd>
<dt>Term3</dt>
<dd><p>A term can have multiple definitions.</p>
</dd>
<dd><p>The second definition of Term3. Depending on the stylesheet for HTML you are using or the output format (LaTeX, etc.), this second definition may appear styled as a separate term but without the term itself.</p>
</dd>
</dl>
<h1 id="tables">Tables</h1>
<p>These get more styling than most things, yet it's still very little compared to most table stylings, but way better than an un-styled HTML table. It's to emulate a simple textbook style, but we throw in a hover row highlight to be a little useful on-screen when scrubbing around the table.</p>
<table>
<caption>Demonstration of simple table syntax.</caption>
<thead>
<tr class="header">
<th align="right">Right</th>
<th align="left">Left</th>
<th align="center">Center</th>
<th>Default</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td align="right">12</td>
<td align="left">12</td>
<td align="center">12</td>
<td>12</td>
</tr>
<tr class="even">
<td align="right">123</td>
<td align="left">123</td>
<td align="center">123</td>
<td>123</td>
</tr>
<tr class="odd">
<td align="right">1</td>
<td align="left">1</td>
<td align="center">1</td>
<td>1</td>
</tr>
</tbody>
</table>
<div class="footnotes">
<hr />
<ol>
<li id="fn1"><p>A double-line rule with the word "NOTES" in the center.<a href="#fnref1">↩</a></p></li>
</ol>
</div>
</div>
</article>
<hr class="flogiston-article-separator">
<article>
<div class="flogiston-article">
<h1><a href="#">Vestibulum sed interdum</a></h1>
<img src="meta/kitten1280x1024.jpg">
<a href="#"><img src="meta/kitten300x120.jpg"></a>
<img src="meta/kitten300x120.jpg">
<p>Nam at tortor vel mauris cursus iaculis. Etiam tincidunt, ante id maximus pharetra, ante erat pharetra nisl, at rhoncus magna leo sit amet velit. In in sodales felis. Donec at lobortis nibh, sed volutpat dui. Phasellus ultrices venenatis felis sit amet blandit. Pellentesque at magna vitae metus varius varius id a magna. Etiam quis ante sed nunc fermentum fermentum. Nam metus arcu, facilisis in porttitor vel, suscipit a nibh. Praesent sit amet congue elit. Sed tellus erat, interdum ac lacus bibendum, blandit finibus arcu. Duis at elementum tortor, in molestie magna. Sed pretium ipsum eget lobortis placerat.</p>
<p><a href="#">foo</a></p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar erat vehicula lorem luctus aliquet. Sed pulvinar volutpat nunc eget tristique. Nulla vel dui rutrum, elementum erat vitae, faucibus augue. Vestibulum ultrices risus a justo dignissim posuere. Quisque pulvinar, nibh in ullamcorper luctus, ex magna dapibus lectus, eu fringilla augue tortor et massa. Nulla vel quam eget erat facilisis sollicitudin. Etiam sodales rhoncus urna, ut sodales purus faucibus non. Curabitur ut felis elit. Nam iaculis est non efficitur scelerisque. Sed sapien arcu, ullamcorper id sapien vel, volutpat suscipit leo. Suspendisse tortor lorem, dictum quis ligula ut, hendrerit efficitur ligula. In ultricies scelerisque metus. Donec in placerat nisl.</p>
</div>
</article>
</div>
<footer>
<div class="flogiston-footer flogiston-padding flogiston-inverted">
© Severák 2017
</div>
</footer>
</div>
<!--[if !IE]>-->
<script src="js/medium-zoom.min.js"></script>
<script>mediumZoom('.flogiston-article > img, .flogiston-article p > img, .flogiston-article .figure > img');</script>
<!--<![endif]-->
<style>
.flogiston-background { background: url(backgrounds/triangles.png) no-repeat fixed center/cover; }
</style>
</body>
</html>