-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
295 lines (256 loc) · 8.6 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
289
290
291
292
293
294
295
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Cytaty</title>
<style>
@media (prefers-color-scheme: dark) {
html {
background: #111;
color: #fff;
}
a:link { color: #ee9; }
a:visited { color: #bbf; }
}
body {
max-width: 40em;
padding: 1em;
margin: 0 auto;
}
.quotes figure {
font-size: 2em;
margin: 3em 0;
}
blockquote + figcaption::before {
content: "~ ";
}
blockquote::before {
content: open-quote;
}
blockquote::after {
content: close-quote;
}
blockquote {
quotes: "“" "”" "‘" "’";
margin: 0;
}
/* Fallback */
blockquote {
text-indent: -0.45em;
}
/* If there's support, erase the indent and use the property instead */
@supports ( hanging-punctuation: first) {
blockquote {
text-indent: 0;
hanging-punctuation: first;
}
}
</style>
</head>
<body>
<h1>Cytaty</h1>
<p>Na tej stronie zebrałem wiele inspirujących cytatów związanych z
harcerstwem, wychowaniem i życiem.</p>
<p>Jeśli chcesz podzielić się innym fajnym cytatem to możesz przesłać mi na
maila (patryk.niedzwiedzinski[@]zhr.pl) albo bezpośrednio dodać na
<a href="https://github.com/19pdh/cytaty">GitHubie</a>.</p>
<div class="quotes">
<figure>
<blockquote>
To złota zasada w życiu wymagać mało od świata, a dużo od siebie.
</blockquote>
<figcaption>Józef Biegański</figcaption>
</figure>
<figure>
<blockquote>
Harcerz wie, że trzeba zawsze wytrwać i przetrwać, by nareszcie
zwyciężyć, a nie mówić przedwcześnie, że wszystko stracone.
</blockquote>
<figcaption>gen. Józef Haller</figcaption>
</figure>
<figure>
<blockquote>
Aby zrobić cokolwiek dobrze, człowiek musi być przygotowany na to, że
na początku będzie to robić źle.
</blockquote>
<figcaption>św. Josemaria Escriva de Balaguer</figcaption>
</figure>
<figure>
<blockquote>
Bądź prosty i pobożny jak dziecko, a jednocześnie pełen mocy i silny
jak przywódca.
</blockquote>
<figcaption>św. Josemaria Escriva de Balaguer</figcaption>
</figure>
<figure>
<blockquote>
Czuwać, to znaczy dostrzegać i miłować drugiego człowieka, szanować
jego godność i wartość. Czuwać - to znaczy otaczać odpowiednią troską
całe dziedzictwo kulturowe przodków, które decyduje o naszej
tożsamości chrześcijańskiej i narodowej.
</blockquote>
<figcaption>św. Jan Paweł II</figcaption>
</figure>
<figure>
<blockquote>
Gdzie wszyscy myślą tak samo, nikt nie myśli zbyt wiele.
</blockquote>
<figcaption>Walter Lippmann</figcaption>
</figure>
<figure>
<blockquote>
Powiedz mi, a zapomnę, pokaż mi, a zapamiętam, pozwól mi zrobić, a
zrozumiem.
</blockquote>
<figcaption>Konfucjusz</figcaption>
</figure>
<figure>
<blockquote>
Doskonalenie innych wymaga siły. Doskonalenie siebie wymaga mocy.
</blockquote>
<figcaption>Tao Te Ching</figcaption>
</figure>
<figure>
<blockquote>
Człowiek dopiero wtedy jest szczęśliwy, gdy może służyć, a nie wtedy,
gdy musi władać. Władza imponuje tylko małym ludziom, którzy jej
pragną, by nadrobić swoją małość. Człowiek naprawdę wielki, nawet gdy
włada, jest sługą.
</blockquote>
<figcaption>ks. kard. Stanisław Wyszyński</figcaption>
</figure>
<figure>
<blockquote>
Trudności życia są błogosławieństwem, gdyż przezwyciężanie ich
oznacza zwycięstwo.
</blockquote>
<figcaption>Olga Małkowska</figcaption>
</figure>
<figure>
<blockquote>
Na miano harcerza trzeba sobie zasłużyć.
</blockquote>
<figcaption>hm. Tomasz Strzembosz</figcaption>
</figure>
<figure>
<blockquote>
Nie można też zrezygnować z dokładności i staranności, nie można
machnąć ręką na wysiłek, płynąć z falą szablonu. Tak jest łatwo, ale
w harcerstwie zwłaszcza pamiętać trzeba, że im trudniej, tym lepiej.
</blockquote>
<figcaption>hm. Ewa Grodecka</figcaption>
</figure>
<figure>
<blockquote>
Nic nie znaczą słowa Przyrzeczenia, jeśli się wielokrotnie nie
przełamały w pryzmacie codziennego życia.
</blockquote>
<figcaption>hm. RP Jadwiga Falkowska</figcaption>
</figure>
<figure>
<blockquote>
Jeśli chcemy być przekonujący, musimy być godni zaufania. Jeśli
chcemy być godni zaufania, musimy być wiarygodni. Jeśli chcemy być
wiarygodni, musimy być prawdomówni.
</blockquote>
<figcaption>Edward R. Murrow</figcaption>
</figure>
<figure>
<blockquote>
Tylko w ogniu można wykuć miecz.
</blockquote>
<figcaption>Gwiezdne Wojny, Wojny Klonów</figcaption>
</figure>
<figure>
<blockquote>
Tam gdzie jest wola, znajdzie się metoda.
</blockquote>
<figcaption>Autor nieznany</figcaption>
</figure>
<figure>
<blockquote>
Przeciwności losu to najlepszy test dla przyjaźni.
</blockquote>
<figcaption>Autor nieznany</figcaption>
</figure>
<figure>
<blockquote>
Uwierz w siebie, albo nikt inny tego nie zrobi.
</blockquote>
<figcaption>Autor nieznany</figcaption>
</figure>
<section>
<h2>Instruktorskie</h2>
<figure>
<blockquote>
Kto nie chce ubrudzić się błotem, ściółką i ludzką marnością, nie
powinien brać się za harcerstwo.
</blockquote>
<figcaption>Marek Kamecki</figcaption>
</figure>
<figure>
<blockquote>
Być wychowawcą - znaczy: dawać, służyc, pomagać, inspirować.
</blockquote>
<figcaption>Aleksander Kamiński</figcaption>
</figure>
<figure>
<blockquote>
Praca drużynowego podobna jest do gry w golfa, do żęcia sierpem lub
łowienia ryb na wędkę. Nie uda się, gdy będziemy się śpieszyć, a
przynajmniej nie uda się tak, jak przy lekkim, spokojnym, miarowym
rozmachu. Ale rozmachu już nabraliście. Stanie w miejscu nie
prowadzi do niczego. Są dwie możliwości: iść naprzód lub stać.
Idziemy na przód i to z uśmiechem.
</blockquote>
<figcaption>gen. Robert Baden-Powell</figcaption>
</figure>
<figure>
<blockquote>
W harcerstwie nie dzieje się nic, co nie ma wpływu wychowawczego!
</blockquote>
<figcaption>Aleksander Kamiński</figcaption>
</figure>
<figure>
<blockquote>
Najbardziej twórczą ze wszystkich prac jest praca nad sobą, która
pozwala odnajdywać urok młodości.
</blockquote>
<figcaption>św. Jan Paweł II</figcaption>
</figure>
<figure>
</blockquote>
I po to właśnie jest harcerstwo i skauting - żeby każdego dnia
stawać się silnym i pięknym.
</blockquote>
<figcaption>Andrzej Wysocki</figcaption>
</figure>
<figure>
<blockquote>
Ruch jest radosnym braterstwem, tym bardziej radosnym, że w Grze
Skautingu robisz wielką rzecz dla bliźnich, zwalczasz kulturę
egoizmu.
</blockquote>
<figcaption>gen. Robert Baden-Powell</figcaption>
</figure>
<figure>
<blockquote>
Trzy są cele ruchu skautowego:
<p>1. Wyrabianie indywidualnych charakterów u młodzieży</p>
<p>2. Służenie innym</p>
<p>3. Uczenie rzemiósł i sprawności skautowych.</p>
</blockquote>
<figcaption>Andrzej Małkowski</figcaption>
</figure>
<figure>
<blockquote>
Człowiek nie może być tylko wychowywany. Musi wychowywać samego
siebie, być dla siebie wychowawcą.
</blockquote>
<figcaption>św. Jan Paweł II</figcaption>
</figure>
</section>
</div>
</body>
</html>