https://poesiomat.cz/v-krajine

1<!doctype html>
2<html lang="cz">
3<head>
4    <title>Poesiomat</title>
5    <!-- Required meta tags -->
6    <meta charset="utf-8">
7    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&amp;subset=latin-ext" rel="stylesheet">
9
10    <meta name="description" content="Poesiomat">
11    <meta name="keywords" content="Poesiomat">
12    <meta name="robots" content="index, follow">
13
14    
15    <link rel="stylesheet" href="/assets/styles/style.css?v=3">
16    <link rel="stylesheet" href="/assets/styles/fonts.css">
17    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.css">
18    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
19    <meta name="viewport" content="width=device-width, initial-scale=1.0">
20
21    <meta name="msapplication-TileColor" content="#da532c">
22    <meta name="theme-color" content="#ffffff">
23
24
25</head>
26<body>
27<header>
28    <div class="desktop">
29        <div class="logo">
30            <a href="/">
31                Poesiomat
32            </a>
33        </div>
34        <div class="navigation">
35            <div class="item"><a href="/">Města</a></div>
36            <div class="item" style="font-size: 23px;">/</div>
37            <div class="item"><a href="/hrady">Hrady</a></div>
38            <div class="item" style="font-size: 23px;">/</div>
39            <div class="item"><a href="/v-krajine">Krajina</a></div>
40            <div class="item" style="font-size: 23px;">/</div>
41            <div class="item"><a href="/co-je-poesiomat">Co je Poesiomat</a></div>
42            <div class="item" style="font-size: 23px;">/</div>
43            <div class="item"><a href="/kontakt">Kontakt</a></div>
44        </div>
45        <div class="language"><a href="/v-krajine?do=SwitchLang">eng</a></div>
46    </div>
47
48    <div class="mobile">
49        <div class="logo">
50            <a href="/">
51                Poesiomat
52            </a>
53        </div>
54
55        <div class="hamburger hamburgerAction" onclick="toggleHamburger(this)">
56            <div class="bar1"></div>
57            <div class="bar2"></div>
58            <div class="bar3"></div>
59        </div>
60        <div id="dropdownMenu" class="dropdownMenu-content" data-rel-state="closed">
61            <a href="/">Města</a>
62            <a href="/hrady">Hrady</a>
63            <a href="/v-krajine">Krajina</a>
64            <a href="/co-je-poesiomat">Co je Poesiomat</a>
65            <a href="/kontakt">Kontakt</a>
66            <hr>
67            <a class="language-button" href="/v-krajine?do=SwitchLang">eng</a>
68        </div>
69    </div>
70</header>
71
72
73    <div class="content-container">
74    <div id="projects">
75        <div class="">
76
77            <div class=" thumbnail">
78                <a href="/v-krajine/49-o-projektu-ueber-das-projekt">
79                            <img class="img-responsive" src="/assets/images/projects/thumbnails/thumb_1660596516836749.jpg" alt="Hlavní fotografie projektu O projektu / Über das Projekt" title="Hlavní fotografie projektu O projektu / Über das Projekt">
80                    <div class="title">
81                        O projektu / Über das Projekt
82                    </div>
83                </a>
84                <div class="tags">
85                </div>
86            </div>
87            <div class=" thumbnail">
88                <a href="/v-krajine/48-sitbor-schuettwa">
89                            <img class="img-responsive" src="/assets/images/projects/thumbnails/thumb_1660594147585276.jpg" alt="Hlavní fotografie projektu Šitboř / Schüttwa" title="Hlavní fotografie projektu Šitboř / Schüttwa">
90                    <div class="title">
91                        Šitboř / Schüttwa
92                    </div>
93                </a>
94                <div class="tags">
95                </div>
96            </div>
97            <div class=" thumbnail">
98                <a href="/v-krajine/44-olesna-elsch">
99                            <img class="img-responsive" src="/assets/images/projects/thumbnails/thumb_1660594242495249.jpg" alt="Hlavní fotografie projektu Olešná / Elsch" title="Hlavní fotografie projektu Olešná / Elsch">
100                    <div class="title">
101                        Olešná / Elsch
102                    </div>
103                </a>
104                <div class="tags">
105                </div>
106            </div>
107            <div class=" thumbnail">
108                <a href="/v-krajine/40-prasily-stubenbach">
109                            <img class="img-responsive" src="/assets/images/projects/thumbnails/thumb_1660594483445809.jpg" alt="Hlavní fotografie projektu Prášily / Stubenbach" title="Hlavní fotografie projektu Prášily / Stubenbach">
110                    <div class="title">
111                        Prášily / Stubenbach
112                    </div>
113                </a>
114                <div class="tags">
115                </div>
116            </div>
117            <div class=" thumbnail">
118                <a href="/v-krajine/43-skoky-maria-stock">
119                            <img class="img-responsive" src="/assets/images/projects/thumbnails/thumb_1660594372446445.jpg" alt="Hlavní fotografie projektu Skoky / Maria Stock" title="Hlavní fotografie projektu Skoky / Maria Stock">
120                    <div class="title">
121                        Skoky / Maria Stock
122                    </div>
123                </a>
124                <div class="tags">
125                </div>
126            </div>
127            <div class=" thumbnail">
128                <a href="/v-krajine/42-horni-police-oberpolitz">
129                            <img class="img-responsive" src="/assets/images/projects/thumbnails/thumb_1660594695466410.jpg" alt="Hlavní fotografie projektu Horní Police / Oberpolitz" title="Hlavní fotografie projektu Horní Police / Oberpolitz">
130                    <div class="title">
131                        Horní Police / Oberpolitz
132                    </div>
133                </a>
134                <div class="tags">
135                </div>
136            </div>
137            <div class=" thumbnail">
138                <a href="/v-krajine/46-vrchni-orlice-hohen-erlitz">
139                            <img class="img-responsive" src="/assets/images/projects/thumbnails/thumb_1660593458333649.jpg" alt="Hlavní fotografie projektu Vrchní Orlice / Hohen-Erlitz" title="Hlavní fotografie projektu Vrchní Orlice / Hohen-Erlitz">
140                    <div class="title">
141                        Vrchní Orlice / Hohen-Erlitz
142                    </div>
143                </a>
144                <div class="tags">
145                </div>
146            </div>
147            <div class=" thumbnail">
148                <a href="/v-krajine/47-kalvarie-ustek-neulaender-kapellenberg-bei-auscha">
149                            <img class="img-responsive" src="/assets/images/projects/thumbnails/thumb_1660593888887915.jpg" alt="Hlavní fotografie projektu Kalvárie Úštěk / Neuländer Kapellenberg bei Auscha" title="Hlavní fotografie projektu Kalvárie Úštěk / Neuländer Kapellenberg bei Auscha">
150                    <div class="title">
151                        Kalvárie Úštěk / Neuländer Kapellenberg bei Auscha
152                    </div>
153                </a>
154                <div class="tags">
155                </div>
156            </div>
157            <div class=" thumbnail">
158                <a href="/v-krajine/63-hejnice-haindorf">
159                            <img class="img-responsive" src="/assets/images/projects/thumbnails/thumb_17050628652483.jpg" alt="Hlavní fotografie projektu Hejnice / Haindorf" title="Hlavní fotografie projektu Hejnice / Haindorf">
160                    <div class="title">
161                        Hejnice / Haindorf
162                    </div>
163                </a>
164                <div class="tags">
165                </div>
166            </div>
167            <div class=" thumbnail">
168                <a href="/v-krajine/92-koenigsmuehle">
169                            <img class="img-responsive" src="/assets/images/projects/thumbnails/thumb_1724679060647823.jpg" alt="Hlavní fotografie projektu Königsmühle" title="Hlavní fotografie projektu Königsmühle">
170                    <div class="title">
171                        Königsmühle
172                    </div>
173                </a>
174                <div class="tags">
175                </div>
176            </div>
177
178        </div>
179
180    </div>
181
182    </div>
183
184<footer>
185    <div class="navigation">
186        <div class="item item-link"><a href="/">Města</a></div>
187        <div class="item">/</div>
188        <div class="item item-link"><a href="/v-krajine">Krajina</a></div>
189        <div class="item">/</div>
190        <div class="item item-link"><a href="/co-je-poesiomat">Co je Poesiomat</a></div>
191        <div class="item">/</div>
192        <div class="item item-link"><a href="/kontakt">Kontakt</a></div>
193    </div>
194    <div class="copyright">
195        copyright © 2026 Poesiomat / created by <a href="http://procorp.cz/" target="_blank">Procorp</a>
196    </div>
197</footer>

197
198    <script src='https://www.google.com/recaptcha/api.js'></script>

199</body>
200

201<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>

201

202<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>

202

203<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

203

204<script src="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.js"></script>

204

205<script src="https://nette.github.io/resources/js/3/netteForms.min.js"></script>

205

206<script src="/assets/js/nette.ajax.js"></script>

206

207<script>$.nette.init();</script>

207

208<script>
209    function toggleHamburger(x) {
210        x.classList.toggle("change");
211    }
212
213    $(document).ready(function() {
214
215        var blocked = 0;
216        /*$('body').on('click','.project-image', function() {
217            $(".show-photo").css("display","none");
218            var image = $(".image");
219            var actualImage = parseInt(image.attr("data-image-actual"));
220            var maxImage = parseInt(image.attr("data-image-max"));
221            var nextImage = actualImage + 1;
222
223            if(nextImage < maxImage) {
224                image.attr("data-image-actual",nextImage);
225                $('.show-photo[data-image-index="'+nextImage+'"]').css("display","block");
226                $(".actual-count").text(nextImage+1);
227            }else {
228                image.attr("data-image-actual",0);
229                $('.show-photo[data-image-index="0"]').css("display","block");
230                $(".actual-count").text(1);
231            }
232        });*/
233        $('body').on('click', '.arrow-next', function() {
234
235            if(blocked === 0) {
236                blocked = 1;
237                var image = $(".image");
238                var actualImage = parseInt(image.attr("data-image-actual"));
239                var maxImage = parseInt(image.attr("data-image-max"));
240                var nextImage = actualImage + 1;
241
242                if (nextImage < maxImage) {
243                    $('.show-photo[data-image-index="' + actualImage + '"]').fadeOut('fast', function () {
244                        $('.show-photo[data-image-index="' + nextImage + '"]').fadeIn('slow', function() { blocked = 0;});
245                    });
246                    image.attr("data-image-actual", nextImage);
247                    $(".actual-count").text(nextImage + 1);
248                } else {
249                    $('.show-photo[data-image-index="' + actualImage + '"]').fadeOut('fast', function () {
250                        $('.show-photo[data-image-index="0"]').fadeIn('slow', function() { blocked = 0;});
251                    });
252                    image.attr("data-image-actual", 0);
253                    $(".actual-count").text(1);
254                }
255            }
256        });
257        $('body').on('click', '.arrow-before', function() {
258
259            if(blocked === 0) {
260                blocked = 1;
261                var image = $(".image");
262                var actualImage = parseInt(image.attr("data-image-actual"));
263                var maxImage = parseInt(image.attr("data-image-max"));
264                var nextImage = actualImage - 1;
265
266                if (nextImage < 0) {
267                    $('.show-photo[data-image-index="' + actualImage + '"]').fadeOut('fast', function () {
268                        $('.show-photo[data-image-index="' + (maxImage - 1) + '"]').fadeIn('slow', function() { blocked = 0;});
269                    });
270                    image.attr("data-image-actual", maxImage - 1);
271                    $(".actual-count").text(maxImage);
272                } else {
273                    $('.show-photo[data-image-index="' + actualImage + '"]').fadeOut('fast', function () {
274                        $('.show-photo[data-image-index="' + nextImage + '"]').fadeIn('slow', function() { blocked = 0;});
275                    });
276                    image.attr("data-image-actual", nextImage);
277                    $(".actual-count").text(nextImage + 1);
278                }
279            }
280        });
281        $(".hamburgerAction").click(function (e) {
282            var dropdownMenu  = $("#dropdownMenu");
283            var state = dropdownMenu.attr("data-rel-state");
284            if(state === "closed") { alert
285                dropdownMenu.show();
286                dropdownMenu.attr("data-rel-state","open");
287            }else{
288                dropdownMenu.hide();
289                dropdownMenu.attr("data-rel-state","closed");
290            }
291        })
292        $( ".image-overlay" ).hover(
293            function() {
294                var source = $(this).attr("data-rel-arrow");
295               // $("."+source).css({ visibility:"visible", opacity: 0.0}).animate({ opacity: 1.0},200);
296            }, function() {
297                var source = $(this).attr("data-rel-arrow");
298                /*$("."+source).animate({ opacity: 0.0}, 200, function(){
299                    $("."+source).find(".arrow").css("visibility","hidden");
300                });*/
301            }
302        );
303    });
304</script>

304
305
306
307</html>