-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
342 lines (335 loc) · 25.2 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
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
<!doctype html>
<html lang="mk">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Бонтон за планинари - Планинарење попријатно за сите</title>
<meta name="description"
content="Почитувајте ги следните едноставни правила за да го направите планинарењето попријатно за сите.">
<meta name="google-site-verification" content="pXNkbz1ln-8sRLEU5WD8p-CXHWb1zIwQFUzpDHwULEk" />
<meta property="og:locale" content="mk_MK" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Бонтон за планинари - Планинарење попријатно за сите" />
<meta name="description"
content="Почитувајте ги следните едноставни правила за да го направите планинарењето попријатно за сите." />
<meta property="og:description"
content="Почитувајте ги следните едноставни правила за да го направите планинарењето попријатно за сите." />
<meta property="og:url" content="https://gocemitevski.github.io/bonton-za-planinari/" />
<meta property="og:site_name" content="Бонтон за планинари" />
<meta property="og:image"
content="https://gocemitevski.github.io/bonton-za-planinari/img/BontonZaPlaninari-Promo.png" />
<meta property="og:image:width" content="1920" />
<meta property="og:image:height" content="1097" />
<meta property="og:image:type" content="image/png" />
<meta name="author" content="Goce Mitevski, American Hiking Society">
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="@GoceMitevski" />
<meta name="twitter:title" content="Бонтон за планинари - Планинарење попријатно за сите" />
<meta name="twitter:site" content="@GoceMitevski" />
<meta name="twitter:label1" content="Written by" />
<meta name="twitter:data1" content="Goce Mitevski" />
<meta name="twitter:label2" content="Est. reading time" />
<meta name="twitter:data2" content="2 minutes" />
<link href="css/style.css" rel="stylesheet">
<link rel="icon" href="img/BontonZaPlaninari-Favicon.png" />
<link rel="apple-touch-icon" href="img/BontonZaPlaninari-Favicon.png" />
<link rel="manifest" href="manifest.json" />
</head>
<body class="border-top border-bottom border-primary-subtle border-10 py-5">
<div class="container">
<div class="row my-5">
<div class="col-md-10 offset-md-1">
<header class="text-center">
<h1 class="display-2 my-lg-4 fw-extrabold"><a class="link-primary" href="index.html">Бонтон за
планинари</a>
</h1>
<p class="fs-4">Речиси секоја група на луѓе има некои непишани правила за добро однесување. Така е и
со планинарите. Почитувајте ги следните едноставни правила и <strong>направете го планинарењето
попријатно за сите</strong>.</p>
</header>
</div>
</div>
<hr class="d-none d-lg-block"/>
<main id="бонтон">
<section id="тивко">
<div class="my-lg-3 row row-cols-1 row-cols-lg-2 align-items-center g-lg-5">
<div class="col order-2 order-lg-1">
<div class="p-4 p-lg-5">
<h2 class="h3 fw-bold my-3"><a href="#тивко">Бидете тивки и не правете врева</a></h2>
<p>Исклучете го звукот на мобилниот телефон и префрлете го во
тивок режим на работа. <strong>Уживајте во звуците на природата и дозволете им го тоа и
на
другите.</strong> Доколку сакате да слушате музика, употребете слушалки. Во никој
случај
не движете со безжичен звучник со гласна музика, бидејќи така им го нарушувате мирот на
другите.</p>
</div>
</div>
<div class="col order-1 order-lg-2">
<img src="img/BontonZaPlaninari-Priroda.svg"
class="img-fluid shadow shadow-lg rounded rounded-5" alt="Природа" />
</div>
</div>
</section>
<section id="пауза">
<div class="my-lg-3 row row-cols-1 row-cols-lg-2 align-items-center g-lg-5">
<div class="col order-2 order-lg-2">
<div class="p-4 p-lg-5">
<h2 class="h3 fw-bold my-3"><a href="#пауза">Одморајте настрана од патеката</a></h2>
<p>Ако правите пауза, тргнете се настрана од патеката и <strong>не го блокирајте движењето
на
другите луѓе</strong>.</p>
</div>
</div>
<div class="col order-1">
<img src="img/BontonZaPlaninari-Pauza.svg" class="img-fluid shadow shadow-lg rounded rounded-5"
alt="Пауза на страна од патеката" />
</div>
</div>
</section>
<section id="ѓубре">
<div class="my-lg-3 row row-cols-1 row-cols-lg-2 align-items-center g-lg-5">
<div class="col order-2 order-lg-1">
<div class="p-4 p-lg-5">
<h2 class="h3 fw-bold my-3"><a href="#ѓубре">Не фрлајте ѓубре во природата</a></h2>
<p>Не го фрлајте вашето ѓубре во природата, <strong>дури ни биоразградливи
материјали</strong>,
како на пример лушпи од банана. Не е добро за животните да јадат неприродна храна. Исто
така, кој сака да
гледа како вашата банана полека се разградува?</p>
</div>
</div>
<div class="col order-1 order-lg-2">
<img src="img/BontonZaPlaninari-Gjubre.svg" class="img-fluid shadow shadow-lg rounded rounded-5"
alt="Ѓубре во корпа за отпад наместо во природа" />
</div>
</div>
</section>
<section id="предност">
<div class="my-lg-3 row row-cols-1 row-cols-lg-2 align-items-center g-lg-5">
<div class="col order-2 order-lg-2">
<div class="p-4 p-lg-5">
<h2 class="h3 fw-bold my-3"><a href="#предност">Дајте предност</a></h2>
<p><strong>Планинарите што се движат нагоре имаат предност</strong> пред тие што се движат
надолу! Застанете и дозволете им да поминат пред вас.</p>
</div>
</div>
<div class="col order-1">
<img src="img/BontonZaPlaninari-Prednost.svg"
class="img-fluid shadow shadow-lg rounded rounded-5" alt="Планинари што пешачат нагоре" />
</div>
</div>
</section>
<section id="милениче">
<div class="my-lg-3 row row-cols-1 row-cols-lg-2 align-items-center g-lg-5">
<div class="col order-2 order-lg-1">
<div class="p-4 p-lg-5">
<h2 class="h3 fw-bold my-3"><a href="#милениче">Грижете се за вашето милениче</a></h2>
<p>Доколку планинарите со вашето милениче, <strong>задолжително врзете го и контролирајте
го</strong> неговото однесување. Исто така, не заборавајте да го соберете изметот!
</p>
</div>
</div>
<div class="col order-1 order-lg-2">
<img src="img/BontonZaPlaninari-Mileniche.svg"
class="img-fluid shadow shadow-lg rounded rounded-5" alt="Планинарка со милениче" />
</div>
</div>
</section>
<section id="животни">
<div class="my-lg-3 row row-cols-1 row-cols-lg-2 align-items-center g-lg-5">
<div class="col order-2 order-lg-2">
<div class="p-4 p-lg-5">
<h2 class="h3 fw-bold my-3"><a href="#животни">Не ги хранете животните</a></h2>
<p>Иако животните обично се кријат, понекогаш може да се случи да сретнете некои по
патеките. Не
ги хранете животните бидејќи <strong>со тоа им ги нарушувате природните навики за барање
на
храна</strong>.</p>
</div>
</div>
<div class="col order-1">
<img src="img/BontonZaPlaninari-Zhivotno.svg"
class="img-fluid shadow shadow-lg rounded rounded-5" alt="Елен на планинарска патека" />
</div>
</div>
</section>
<section id="сувенири">
<div class="my-lg-3 row row-cols-1 row-cols-lg-2 align-items-center g-lg-5">
<div class="col order-2 order-lg-1">
<div class="p-4 p-lg-5">
<h2 class="h3 fw-bold my-3"><a href="#сувенири">Не земајте сувенири</a></h2>
<p>Единствениот сувенир со којшто треба да се вратите дома се фотографии и убави спомени.
</p>
</div>
</div>
<div class="col order-1 order-lg-2">
<img src="img/BontonZaPlaninari-Suvenir.svg"
class="img-fluid shadow shadow-lg rounded rounded-5" alt="Планинарка покрај патека" />
</div>
</div>
</section>
<section id="нужда">
<div class="my-lg-3 row row-cols-1 row-cols-lg-2 align-items-center g-lg-5">
<div class="col order-2 order-lg-2">
<div class="p-4 p-lg-5">
<h2 class="h3 fw-bold my-3"><a href="#нужда">Вршете нужда подалеку од патеката</a></h2>
<p>Кога одите по мала или голема нужда, осигурајте се да ја извршите <strong>најмалку 50
метри</strong> подалеку од планинарската патека или било кои извори на вода. Водете
се
според принципот: <em>Не оставај трага</em>.
</p>
</div>
</div>
<div class="col order-1">
<img src="img/BontonZaPlaninari-Nuzhda.svg" class="img-fluid shadow shadow-lg rounded rounded-5"
alt="Панорамски приказ на планинарска патека" />
</div>
</div>
</section>
<section id="патека">
<div class="my-lg-3 row row-cols-1 row-cols-lg-2 align-items-center g-lg-5">
<div class="col order-2 order-lg-1">
<div class="p-4 p-lg-5">
<h2 class="h3 fw-bold my-3"><a href="#патека">Движете по патеката</a></h2>
<p>Движете се по означената патека и <strong>не почнувајте нови патчиња</strong>, иако
можеби
така е полесно. Ако има потреба, поминете низ кал или вирче и не заобиколувајте, освен
ако
има начин да заобиколите без да излезете од патеката.</p>
</div>
</div>
<div class="col order-1 order-lg-2">
<img src="img/BontonZaPlaninari-Pateka.svg" class="img-fluid shadow shadow-lg rounded rounded-5"
alt="Планинар што се движи по патеката" />
</div>
</div>
</section>
<section id="група">
<div class="my-lg-3 row row-cols-1 row-cols-lg-2 align-items-center g-lg-5">
<div class="col order-2 order-lg-2">
<div class="p-4 p-lg-5">
<h2 class="h3 fw-bold my-3"><a href="#група">Движете едни позади други</a></h2>
<p>Доколку планинарите во група, движете се едни позади други и <strong>не ја зафаќајте
целосната ширина на патеката</strong>. Овозможете им на другите да поминат и не го
блокирајте движењето по патеката.</p>
</div>
</div>
<div class="col order-1">
<img src="img/BontonZaPlaninari-Grupa.svg" class="img-fluid shadow shadow-lg rounded rounded-5"
alt="Група од планинари што пешачат едни позади други" />
</div>
</div>
</section>
<section>
<div class="my-lg-5 row row-cols-1 row-cols-lg-2 justify-content-center g-lg-5">
<div class="col order-2 order-lg-1">
<section id="извори">
<div class="row flex-column g-3 py-5 py-lg-3 px-5">
<div class="col">
<h3 class="h4 mb-1 text-center">Дознајте повеќе</h3>
</div>
<div class="col">
<a class="btn d-block btn-sm btn-outline-secondary"
href="https://americanhiking.org/wp-content/uploads/2013/04/Hiking-Etiquette-fact-sheet.pdf"
target="_blank" rel="noopener">Hiking Etiquette - American Hiking Society</a>
</div>
<div class="col">
<a class="btn d-block btn-sm btn-outline-secondary"
href="https://www.nps.gov/articles/hikingetiquette.htm" target="_blank"
rel="noopener">Hiking Etiquette - National Park Service</a>
</div>
<div class="col">
<a class="btn d-block btn-sm btn-outline-secondary"
href="https://bearfoottheory.com/trail-etiquette-hiking-rules/" target="_blank"
rel="noopener">Trail Etiquette 101: The Basic Rules of Hiking</a>
</div>
</div>
</section>
</div>
<div class="col order-1 order-lg-2 text-center">
<div class="bg-info-subtle rounded rounded-5 p-5">
<h2 class="mb-lg-3 fw-bolder">
<i class="bi bi-heart-fill me-1 text-danger"></i>
<span class="text-uppercase">Честитки!</span>
<i class="bi bi-heart-fill ms-1 text-danger"></i>
</h2>
<p class="mb-0">Го прочитавте целиот бонтон. <strong>Сега сте подготвени за следната
планинарска
тура.</strong> Ви посакуваме добри временски услови и пријатно планинарење.</p>
</div>
<div class="mt-5 mb-4 my-lg-5 px-5" id="споделете">
<h4 class="mb-3 fw-bold">Споделете со пријателите</h4>
<ul class="nav justify-content-center">
<li class="nav-item">
<a class="nav-link" target="_blank" rel="noopener"
href="https://twitter.com/share?via=GoceMitevski&text=%D0%91%D0%BE%D0%BD%D1%82%D0%BE%D0%BD%20%D0%B7%D0%B0%20%D0%BF%D0%BB%D0%B0%D0%BD%D0%B8%D0%BD%D0%B0%D1%80%D0%B8%20-%20%D0%9F%D0%BB%D0%B0%D0%BD%D0%B8%D0%BD%D0%B0%D1%80%D0%B5%D1%9A%D0%B5%20%D0%BF%D0%BE%D0%BF%D1%80%D0%B8%D1%98%D0%B0%D1%82%D0%BD%D0%BE%20%D0%B7%D0%B0%20%D1%81%D0%B8%D1%82%D0%B5&url=https://gocemitevski.github.io/bonton-za-planinari/"
title="Споделете на „X/Twitter“"><span class="bi bi-twitter-x fs-4"></span></a>
</li>
<li class="nav-item">
<a class="nav-link" target="_blank" rel="noopener"
href="https://www.facebook.com/sharer.php?t=%D0%91%D0%BE%D0%BD%D1%82%D0%BE%D0%BD%20%D0%B7%D0%B0%20%D0%BF%D0%BB%D0%B0%D0%BD%D0%B8%D0%BD%D0%B0%D1%80%D0%B8%20-%20%D0%9F%D0%BB%D0%B0%D0%BD%D0%B8%D0%BD%D0%B0%D1%80%D0%B5%D1%9A%D0%B5%20%D0%BF%D0%BE%D0%BF%D1%80%D0%B8%D1%98%D0%B0%D1%82%D0%BD%D0%BE%20%D0%B7%D0%B0%20%D1%81%D0%B8%D1%82%D0%B5&u=https://gocemitevski.github.io/bonton-za-planinari/"
title="Споделете на „Facebook“"><span class="bi bi-facebook fs-4"></span></a>
</li>
<li class="nav-item">
<a class="nav-link" target="_blank" rel="noopener"
href="http://www.linkedin.com/shareArticle?mini=true&url=https://gocemitevski.github.io/bonton-za-planinari&title=%D0%91%D0%BE%D0%BD%D1%82%D0%BE%D0%BD%20%D0%B7%D0%B0%20%D0%BF%D0%BB%D0%B0%D0%BD%D0%B8%D0%BD%D0%B0%D1%80%D0%B8%20-%20%D0%9F%D0%BB%D0%B0%D0%BD%D0%B8%D0%BD%D0%B0%D1%80%D0%B5%D1%9A%D0%B5%20%D0%BF%D0%BE%D0%BF%D1%80%D0%B8%D1%98%D0%B0%D1%82%D0%BD%D0%BE%20%D0%B7%D0%B0%20%D1%81%D0%B8%D1%82%D0%B5&source=https://gocemitevski.github.io/bonton-za-planinari/"
title="Споделете на „Linkedin“"><span class="bi bi-linkedin fs-4"></span></a>
</li>
<li class="nav-item">
<a class="nav-link" target="_blank" rel="noopener"
href="https://www.threads.net/intent/post?text=%D0%91%D0%BE%D0%BD%D1%82%D0%BE%D0%BD%20%D0%B7%D0%B0%20%D0%BF%D0%BB%D0%B0%D0%BD%D0%B8%D0%BD%D0%B0%D1%80%D0%B8%20-%20%D0%9F%D0%BB%D0%B0%D0%BD%D0%B8%D0%BD%D0%B0%D1%80%D0%B5%D1%9A%D0%B5%20%D0%BF%D0%BE%D0%BF%D1%80%D0%B8%D1%98%D0%B0%D1%82%D0%BD%D0%BE%20%D0%B7%D0%B0%20%D1%81%D0%B8%D1%82%D0%B5%20https://gocemitevski.github.io/bonton-za-planinari/"
title="Споделете на „Threads“"><span class="bi bi-threads fs-4"></span></a>
</li>
<li class="nav-item">
<a class="nav-link" target="_blank" rel="noopener"
href="https://mastodon.social/share?text=%D0%91%D0%BE%D0%BD%D1%82%D0%BE%D0%BD%20%D0%B7%D0%B0%20%D0%BF%D0%BB%D0%B0%D0%BD%D0%B8%D0%BD%D0%B0%D1%80%D0%B8%20-%20%D0%9F%D0%BB%D0%B0%D0%BD%D0%B8%D0%BD%D0%B0%D1%80%D0%B5%D1%9A%D0%B5%20%D0%BF%D0%BE%D0%BF%D1%80%D0%B8%D1%98%D0%B0%D1%82%D0%BD%D0%BE%20%D0%B7%D0%B0%20%D1%81%D0%B8%D1%82%D0%B5%20https://gocemitevski.github.io/bonton-za-planinari/"
title="Споделете на „Mastodon“"><span class="bi bi-mastodon fs-4"></span></a>
</li>
<li class="nav-item">
<a class="nav-link" target="_blank" rel="noopener"
href="https://www.facebook.com/dialog/share?link=https://gocemitevski.github.io/bonton-za-planinari/&app_id=1234567890"
title="Споделете на „Messenger“"><span class="bi bi-messenger fs-4"></span></a>
</li>
<li class="nav-item">
<a class="nav-link" target="_blank" rel="noopener"
href="whatsapp://send?text=%D0%91%D0%BE%D0%BD%D1%82%D0%BE%D0%BD%20%D0%B7%D0%B0%20%D0%BF%D0%BB%D0%B0%D0%BD%D0%B8%D0%BD%D0%B0%D1%80%D0%B8%20-%20%D0%9F%D0%BB%D0%B0%D0%BD%D0%B8%D0%BD%D0%B0%D1%80%D0%B5%D1%9A%D0%B5%20%D0%BF%D0%BE%D0%BF%D1%80%D0%B8%D1%98%D0%B0%D1%82%D0%BD%D0%BE%20%D0%B7%D0%B0%20%D1%81%D0%B8%D1%82%D0%B5%20https://gocemitevski.github.io/bonton-za-planinari/"
title="Споделете на „Whatsapp“"><span class="bi bi-whatsapp fs-4"></span></a>
</li>
</ul>
</div>
</div>
</div>
</section>
</main>
<hr class="d-none d-lg-block"/>
<p class="text-center my-lg-5">Објавено под лиценцата „<a target="_blank" rel="noopener"
href="https://github.com/gocemitevski/bonton-za-planinari?tab=GPL-3.0-1-ov-file#readme">GNU
General
Public License 3.0</a>“ на <a href="https://github.com/gocemitevski/bonton-za-planinari" target="_blank"
rel="noopener">GitHub</a>. Изработено од <a class="link-body-emphasis" href="https://gocemitevski.com/"
target="_blank" rel="noopener">Гоце Митевски</a>.</p>
</div>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-KHTGHEGSCZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-KHTGHEGSCZ', { 'cookieFlags': 'SameSite=None;Secure' });
</script>
<!-- Service Worker -->
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', function () {
navigator.serviceWorker.register('sw.js')
.then(function (reg) {
console.log('Service worker registered.', reg);
}).catch(function (err) {
console.log('Service worker registration failed: ', err);
})
});
}
</script>
</body>
</html>