PageSourceSearch

https://www.naturkartan.se/en/explore

html naturkartan.se collected 2026-10-01 12:18:52 UTC 23,574 bytes, 608 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
6
7
8
9
10    <title data-suffix=" — Naturkartan">Explore — Naturkartan</title>
11
12    <meta name="B-verify" content="f59f34b238ad3dc4b0c2658ba59205c0f84c5036">
13    <meta name="google-site-verification" content="vy-u-tMwOWaO1z2qXNvBrqz9iqEWMRInFePZ6nw2y5c">
14    <meta name="csrf-token" content="DwsnIHkMMlAGA3BTRhMfJAI8FiAqXT86WScs-Oy1Vo6e5Lvl5VQELjfU">
15
16
17      <link rel="canonical" href="https://www.naturkartan.se/en/explore">
18
19      <link rel="alternate" hreflang="sv" href="https://www.naturkartan.se/sv/explore"><link rel="alternate" hreflang="en" href="https://www.naturkartan.se/en/explore"><link rel="alternate" hreflang="de" href="https://www.naturkartan.se/de/explore"><link rel="alternate" hreflang="pl" href="https://www.naturkartan.se/pl/explore"><link rel="alternate" hreflang="nl" href="https://www.naturkartan.se/nl/explore"><link rel="alternate" hreflang="fi" href="https://www.naturkartan.se/fi/explore"><link rel="alternate" hreflang="nb" href="https://www.naturkartan.se/nb/explore"><link rel="alternate" hreflang="da" href="https://www.naturkartan.se/da/explore"><link rel="alternate" hreflang="x-default" href="https://www.naturkartan.se/sv/explore">
20
21
22      <meta name="description" content="Naturkartan is your guide to the nature">
23      <meta property="og:title" content="Explore — Naturkartan">
24      <meta property="og:description" content="Naturkartan is your guide to the nature">
25      
26      <meta property="og:url" content="https://www.naturkartan.se/en/explore">
27      <meta property="og:locale" content="en_US">
28      <meta name="twitter:card" content="summary_large_image">
29
30    
31
32    <link rel="preconnect" href="https://ts.naturkartan.se">
33    <link rel="preconnect" href="https://api.naturkartan.se">
34    <link rel="preconnect" href="https://map.naturkartan.se">
35    <link rel="preconnect" href="https://maptiles.naturkartan-cdn.se">
36    <link rel="preconnect" href="https://uploads.naturkartan-cdn.se">
37    <link rel="preconnect" href="https://videos.naturkartan-cdn.se">
38
39    <meta name="application-name" content="Naturkartan">
40    <meta name="mobile-web-app-capable" content="yes">
41    <meta name="apple-mobile-web-app-title" content="Naturkartan">
42    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
43    <link rel="shortcut icon" href="/favicon.ico">
44    <link rel="icon" href="/favicon-48x48.png" type="image/png" sizes="48x48">
45    <link rel="icon" href="/favicon.svg" type="image/svg+xml">
46    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
47    <link rel="manifest" href="/manifest.webmanifest" crossorigin="use-credentials">
48
49    
49<script>
50      window.NaturkartanConfig = {
51        baseUrl: `https://www.naturkartan.se`,
52        environment: `prod`,
53        locationTrackerLatLng: `41.8483,-87.6517`,
54        locationTrackerCookieName: `location-tracker`,
55        copyableFlashText: `Copied to clipboard`,
56        beforeUnloadMessage: `You have unsaved changes. Are you sure you want to leave?`,
57      }
58    </script>
58
59
60
61      <link rel="stylesheet" href="/assets/site.d072043af1.css">
62
63  </head>
64
65  <body>
66    
67
68    <div id="phx-GNpnEkYqrYdyVU4B" data-phx-main data-phx-session="SFMyNTY.g2gDaAJhBnQAAAAIdwJpZG0AAAAUcGh4LUdOcG5Fa1lxcllkeVZVNEJ3B3Nlc3Npb250AAAAAm0AAAAQc2VsZWN0ZWRfY29va2llc3QAAAAAbQAAAA51c2VyX3JldHVybl90b3cDbmlsdwR2aWV3dytFbGl4aXIuTmF0dXJrYXJ0YW5XZWIuU2l0ZS5QYWdlLkV4cGxvcmVMaXZldwpwYXJlbnRfcGlkdwNuaWx3BnJvdXRlcnccRWxpeGlyLk5hdHVya2FydGFuV2ViLlJvdXRlcncIcm9vdF9waWR3A25pbHcJcm9vdF92aWV3dytFbGl4aXIuTmF0dXJrYXJ0YW5XZWIuU2l0ZS5QYWdlLkV4cGxvcmVMaXZldxFsaXZlX3Nlc3Npb25fbmFtZXcWY3VycmVudF91c2VyX3JlYWRfb25seW4GACIwZ_egAWIAAVGA.d_U_CChF-j5v4uMVZ_e0bFDw7bpQ1vh8OaAZY7C9gqU" data-phx-static="SFMyNTY.g2gDaAJhBnQAAAADdwJpZG0AAAAUcGh4LUdOcG5Fa1lxcllkeVZVNEJ3BWZsYXNodAAAAAB3CmFzc2lnbl9uZXdsAAAAAXcMY3VycmVudF91c2Vyam4GACIwZ_egAWIAAVGA.tT2mSbo5cU_pyQSches8PZPH58z633bcS3QcXAqnnA8">
69
70<div class="layout">
71  <div id="flash-group" role="status" aria-live="assertive">
72  
73
74  
75
76  
77</div>
78
79  <header id="header" class="header ">
80  <div class="header__inner">
81    <div class="header__inner__inner">
82      <div class="header__logo">
83        <a href="/en" data-phx-link="redirect" data-phx-link-state="push" title="Naturkartan">
84          <img src="/images/logo-white-d2c3eaeea9b1557a159f380e2b50814c.svg?vsn=d" alt="Naturkartan" fetchpriority="high">
85        </a>
86      </div>
87
88      
89
90      <div class="header__main">
91        <nav class="header__nav" aria-label="Main">
92          <a href="/en/explore" data-phx-link="redirect" data-phx-link-state="push" aria-current="page">
93            <span>
94              Explore
95            </span>
96          </a><a href="/en/guides" data-phx-link="redirect" data-phx-link-state="push">
97            <span>
98              Guides
99            </span>
100          </a><a href="/en/counties" data-phx-link="redirect" data-phx-link-state="push">
101            <span>
102              Counties
103            </span>
104          </a><a href="/en/municipalities" data-phx-link="redirect" data-phx-link-state="push">
105            <span>
106              Municipalities
107            </span>
108          </a><a href="https://outdoormap.com/" data-phx-link="redirect" data-phx-link-state="push" target="_blank">
109            <span>
110              Become a customer
111            </span>
112          </a>
113        </nav>
114
115        
116          <nav class="header__guest" aria-label="Guest">
117            <a class="button button--size-small button--justify-center" style="--fill-color: var(--color-gunmetal)" href="/en/users/sign_up" data-phx-link="redirect" data-phx-link-state="push">
118  
119
120  <span class="button__text">
121    
122              Sign up
123            
124  </span>
125
126  
127
128  
129
130  
131</a>
132
133            <a class="button button--size-small button--justify-center button--icon-position-left" style="--outline-color: var(--color-white)" href="/en/users/sign_in" data-phx-link="redirect" data-phx-link-state="push">
134  <svg class="button__icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
135  <path fill="transparent" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0m-4 7a7 7 0 0 0-7 7h14a7 7 0 0 0-7-7"/>
136</svg>
137
138  <span class="button__text">
139    
140              Login
141            
142  </span>
143
144  
145
146  
147
148  
149</a>
150          </nav>
151        
152      </div>
153
154      <div class="header__search-toggle">
155        <button type="button" title="Toggle search" phx-target="1" phx-click="toggle_search">
156          <svg title="Show search" aria="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
157  <path fill="transparent" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0"/>
158</svg>
159
160          <svg title="Hide search" aria="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
161  <path fill="transparent" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18 18 6M6 6l12 12"/>
162</svg>
163        </button>
164      </div>
165
166      <div class="header__mobile-toggle">
167        <button type="button" title="Toggle navigation" phx-click="[[&quot;dispatch&quot;,{&quot;event&quot;:&quot;phx:scroll-to-top&quot;}],[&quot;toggle_class&quot;,{&quot;names&quot;:[&quot;header--mobile&quot;],&quot;to&quot;:&quot;#header&quot;}]]" phx-window-keyup="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;header--mobile&quot;],&quot;to&quot;:&quot;#header&quot;}]]" phx-key="escape">
168          <svg title="Show navigation" aria="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
169  <path fill="transparent" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
170</svg>
171
172          <svg title="Hide navigation" aria="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
173  <path fill="transparent" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18 
17318 6M6 6l12 12"/>
174</svg>
175        </button>
176      </div>
177    </div>
178  </div>
179</header>
180
181  
182
183  
184
185  <main id="main">
186    
187  <div id="explore-page" class="explore-page" phx-hook="ExplorePage">
188    <h1 class="hidden-visually">
189      Explore
190    </h1>
191
192    <div class="map" id="explore-page-map" phx-update="ignore" phx-hook="Map" data-naturkartan-api-base="https://api.naturkartan.se" data-naturkartan-bounds="" data-naturkartan-client="naturkartan" data-naturkartan-disable-autoload="true" data-naturkartan-language="en" data-naturkartan-menu="fullscreen" data-naturkartan-naturkartan-base="https://www.naturkartan.se" data-naturkartan-query="" data-naturkartan-query-published="" data-naturkartan-share-control="false" data-naturkartan-traffic="true" data-url-types="category,guide,organization,county,municipality,site,site_with_neighbours,user,trip,text,importance,type" data-ExplorePage-ref="map"></div>
193  </div>
194
195  </main>
196
197  <div class="layout__footer">
198    <footer class="footer">
199  <div class="footer__inner">
200    
201      <section class="footer__section">
202        <h2>
203          Explore
204        </h2>
205
206        <ul class="footer__links">
207          <li>
208            <a href="/en/explore?category=25" data-phx-link="redirect" data-phx-link-state="push" data-explore-bounds>
209              <span>
210                Nature reserves
211              </span>
212            </a>
213          </li><li>
214            <a href="/en/explore?category=7,31,33" data-phx-link="redirect" data-phx-link-state="push" data-explore-bounds>
215              <span>
216                Trails
217              </span>
218            </a>
219          </li><li>
220            <a href="/en/counties" data-phx-link="redirect" data-phx-link-state="push">
221              <span>
222                Counties
223              </span>
224            </a>
225          </li><li>
226            <a href="/en/municipalities" data-phx-link="redirect" data-phx-link-state="push">
227              <span>
228                Municipalities
229              </span>
230            </a>
231          </li>
232        </ul>
233      </section>
234    
235      <section class="footer__section">
236        <h2>
237          Naturkartan
238        </h2>
239
240        <ul class="footer__links">
241          <li>
242            <a href="/en/about" data-phx-link="redirect" data-phx-link-state="push">
243              <span>
244                About us
245              </span>
246            </a>
247          </li><li>
248            <a href="/en/guides" data-phx-link="redirect" data-phx-link-state="push">
249              <span>
250                Guides
251              </span>
252            </a>
253          </li><li>
254            <a href="/en/contacts" data-phx-link="redirect" data-phx-link-state="push">
255              <span>
256                Contacts
257              </span>
258            </a>
259          </li>
260        </ul>
261      </section>
262    
263
264    <section class="footer__section">
265      <h2>
266        Follow us
267      </h2>
268
269      <ul class="footer__social">
270        <li>
271          <a href="https://www.facebook.com/outdoormap" data-phx-link="redirect" data-phx-link-state="push" target="_blank">
272            <span class="hidden-visually">
273              Facebook
274            </span>
275
276            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
277  <path fill="currentcolor" d="M2 6a4 4 0 0 1 3.999-4h12A4 4 0 0 1 22 6v12a4 4 0 0 1-3.999 4h-12A3.997 3.997 0 0 1 2 18zm3.999-2a2 2 0 0 0-2.001 2.001v12.002a2 2 0 0 0 2 2h6v-7.002H11a.999.999 0 1 1 0-1.998h.999v-1.5a3.5 3.5 0 0 1 3.5-3.502h.6a.999.999 0 1 1 0 1.999h-.6A1.5 1.5 0 0 0 14 9.5V11h2.1a.999.999 0 1 1 0 1.998H14v7.003h4A2 2 0 0 0 20 18V5.999a2 2 0 0 0-2-2H6z"/>
278</svg>
279          </a>
280        </li><li>
281          <a href="https://www.instagram.com/outdoormap" data-phx-link="redirect" data-phx-link-state="push" target="_blank">
282            <span class="hidden-visually">
283              Instagram
284            </span>
285
286            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
287  <path fill="currentcolor" d="M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6m0-2a5 5 0 1 1 0 10 5 5 0 0 1 0-10m6.5-.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0M12 4c-2.474 0-2.878.007-4.029.058-.784.037-1.31.142-1.798.332-.408.15-.778.39-1.08.703a2.9 2.9 0 0 0-.704 1.08c-.19.49-.295 1.015-.331 1.798C4.006 9.075 4 9.461 4 12c0 2.474.007 2.878.058 4.029.037.783.142 1.31.331 1.797.17.435.37.748.702 1.08a2.9 2.9 0 0 0 1.08.703c.494.191 1.02.297 1.8.333C9.075 19.994 9.461 20 12 20c2.474 0 2.878-.007 4.029-.058.782-.037 1.309-.142 1.797-.331a2.9 2.9 0 0 0 1.08-.702c.337-.337.538-.65.704-1.08.19-.493.296-1.02.332-1.8.052-1.104.058-1.49.058-4.029 0-2.474-.007-2.878-.058-4.029-.037-.782-.142-1.31-.332-1.798a2.9 2.9 0 0 0-.703-1.08 2.9 2.9 0 0 0-1.08-.704c-.49-.19-1.016-.295-1.798-.331C14.925 4.006 14.539 4 12 4m0-2c2.717 0 3.056.01 4.122.06s1.79.217 2.428.465c.66.254 1.216.598 1.772 1.153.509.5.902 1.105 1.153 1.772.247.637.415 1.363.465 2.428.047 1.066.06 1.405.06 4.122s-.01 3.056-.06 4.122-.218 1.79-.465 2.428a4.9 4.9 0 0 1-1.153 1.772c-.5.508-1.105.902-1.772 1.153-.637.247-1.363.415-2.428.465-1.066.047-1.405.06-4.122.06s-3.056-.01-4.122-.06-1.79-.218-2.428-.465a4.9 4.9 0 0 1-1.772-1.153 4.9 4.9 0 0 1-1.153-1.772c-.248-.637-.415-1.363-.465-2.428C2.013 15.056 2 14.717 2 12s.01-3.056.06-4.122.217-1.79.465-2.428a4.9 4.9 0 0 1 1.153-1.772A4.9 4.9 0 0 1 5.45 2.525c.638-.248 1.362-.415 2.428-.465C8.944 2.013 9.283 2 
28712 2"/>
288</svg>
289          </a>
290        </li>
291      </ul>
292    </section>
293
294    <section class="footer__section">
295      <h2>
296        Download our app
297      </h2>
298
299      <ul class="footer__apps">
300        <li>
301          <a href="https://itunes.apple.com/se/app/naturkartan/id1223011883?mt=8" title="App Store" target="_blank">
302            <span class="hidden-visually">
303              App Store
304            </span>
305
306            <img src="/images/app-store-a9ccb2617572be0c7b46c16c3d72c0db.svg?vsn=d" alt="" loading="lazy">
307          </a>
308        </li>
309
310        <li>
311          <a href="https://play.google.com/store/apps/details?id=se.naturkartan.android&amp;hl=en" title="Google Play" target="_blank">
312            <span class="hidden-visually">
313              App Store
314            </span>
315
316            <img src="/images/google-play-76360afa7ae5e53a2db800c5e405c3d9.svg?vsn=d" alt="" loading="lazy">
317          </a>
318        </li>
319      </ul>
320    </section>
321
322    <section class="footer__section">
323      <h2>
324        Browse in…
325      </h2>
326
327      <ul class="footer__languages">
328        <li>
329          <a href="/sv/switch-language?to=%2Fen%2Fexplore">
330            Svenska
331          </a>
332
333          
334        </li><li>
335          <a href="/en/switch-language?to=%2Fen%2Fexplore">
336            English
337          </a>
338
339          <svg title="Current language" aria="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
340  <path fill="transparent" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 0 1-9 9m9-9a9 9 0 0 0-9-9m9 9H3m9 9a9 9 0 0 1-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 0 1 9-9"/>
341</svg>
342        </li><li>
343          <a href="/de/switch-language?to=%2Fen%2Fexplore">
344            Deutsch
345          </a>
346
347          
348        </li><li>
349          <a href="/pl/switch-language?to=%2Fen%2Fexplore">
350            Polskie
351          </a>
352
353          
354        </li><li>
355          <a href="/nl/switch-language?to=%2Fen%2Fexplore">
356            Nederlands
357          </a>
358
359          
360        </li><li>
361          <a href="/fi/switch-language?to=%2Fen%2Fexplore">
362            Suomi
363          </a>
364
365          
366        </li><li>
367          <a href="/nb/switch-language?to=%2Fen%2Fexplore">
368            Norsk bokmal
369          </a>
370
371          
372        </li><li>
373          <a href="/da/switch-language?to=%2Fen%2Fexplore">
374            Dansk
375          </a>
376
377          
378        </li>
379      </ul>
380    </section>
381
382    <div class="footer__org">
383      <a href="https://outdoormap.com/" target="_blank">
384        Get Naturkartan to your organization
385      </a>
386    </div>
387
388    <div class="footer__copyright">
389      © Outdoormap AB 2014-2026 All Rights Reserved
390
391      <ul>
392        <li>
393          <a href="/en/privacy-policy" data-phx-link="redirect" data-phx-link-state="push">
394            Privacy Policy
395          </a>
396        </li>
397
398        <li>
399          <a href="/en/terms" data-phx-link="redirect" data-phx-link-state="push">
400            Terms of Service
401          </a>
402        </li>
403
404        <li>
405          <a href="/en/cookies" data-phx-link="redirect" data-phx-link-state="push">
406            Cookie Policy
407          </a>
408        </li>
409
410        <li>
411          <a href="/en/impressum" data-phx-link="redirect" data-phx-link-state="push">
412            Impressum
413          </a>
414        </li>
415
416        
417      </ul>
418
419      <ul id="footer-data-attribution" class="text-size-xs">
420        <li>
421          <a href="https://www.openstreetmap.org/copyright">
422            © OpenStreetMap contributors
423          </a>
424        </li>
425
426        <li>
427          <a href="https://www.mapzen.com/rights/">© Mapzen</a>
428        </li>
429
430        <li>
431          <a href="/en/data" data-phx-link="redirect" data-phx-link-state="push" id="footer-data-link">
432            Data sources and attribution
433          </a>
434        </li>
435      </ul>
436
437      <span class="footer__server-info">
438        phx-sto-01 • 26.10.0 (40d6c473b)
439      </span>
440    </div>
441  </div>
442</footer>
443  </div>
444</div>
445
446<section id="layout-native-app-component" class="native-app" phx-hook="NativeApp" data-NativeApp-active-value="false" data-NativeApp-name-value="naturkartan" data-NativeApp-iosUrl-value="https://apps.apple.com/app/1223011883" data-NativeApp-androidUrl-value="https://apps.apple.com/app/se.naturkartan.android" data-NativeApp-customProtocol-value="">
447  <div class="native-app__inner">
448    <div class="native-app__close">
449      <button type="button" title="Close" class="button button--size-xsmall button--justify-center button--icon-only" style="--text-color: var(--color-dark-slate-gray)" data-NativeApp-target="closeButton">
450  <svg class="button__icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
451  <path fill="transparent" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18 
45118 6M6 6l12 12"/>
452</svg>
453
454  <span class="button__text">
455    
456        Close
457      
458  </span>
459
460  
461
462  
463
464  
465</button>
466    </div>
467
468    <div class="native-app__icon">
469      <img src="/images/native-apps/naturkartan.webp" alt="" loading="lazy">
470    </div>
471
472    <div class="native-app__info">
473      <h2>
474        Naturkartan
475      </h2>
476
477      <p>
478        Open this in the app
479      </p>
480    </div>
481
482    <div class="native-app__open">
483      <a class="button button--size-xsmall button--justify-center" style="--fill-color: var(--color-teal-blue); --text-color: var(--color-white)" href="#" data-phx-link="redirect" data-phx-link-state="push" data-NativeApp-target="openLink">
484  
485
486  <span class="button__text">
487    
488        Open
489      
490  </span>
491
492  
493
494  
495
496  
497</a>
498    </div>
499  </div>
500</section></div>
501
502    
503
504    
505
506<div id="login-wall-modal" class="modal hidden" phx-hook="Modal" phx-key="escape" phx-window-keydown="[[&quot;exec&quot;,{&quot;attr&quot;:&quot;data-modal-hide&quot;}]]" data-modal-show="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;hidden&quot;]}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;modal:show&quot;}],[&quot;exec&quot;,{&quot;attr&quot;:&quot;data-modal-on-show&quot;}]]" data-modal-hide="[[&quot;add_class&quot;,{&quot;names&quot;:[&quot;hidden&quot;]}],[&quot;dispatch&quot;,{&quot;event&quot;:&quot;modal:hide&quot;}],[&quot;exec&quot;,{&quot;attr&quot;:&quot;data-modal-on-hide&quot;}]]" data-modal-hide-unless-flash="[[&quot;dispatch&quot;,{&quot;detail&quot;:{&quot;attr&quot;:&quot;data-modal-hide&quot;,&quot;unless_flash&quot;:true},&quot;event&quot;:&quot;phx:exec-js&quot;}]]" data-modal-on-show="[]" data-modal-on-hide="[]">
507  <div class="modal__inner" role="dialog" tabindex="0" aria-modal="true" aria-label="Please login" data-Modal-target="inner">
508    
509  
510  <div class="default-modal default-modal--width-narrow">
511    <div class="default-modal__inner">
512      <div class="default-modal__box" phx-click-away="[[&quot;exec&quot;,{&quot;attr&quot;:&quot;data-modal-hide-unless-flash&quot;,&quot;to&quot;:&quot;#login-wall-modal&quot;}]]">
513        <header class="default-modal__header">
514          <svg class="default-modal__header__icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
515  <path fill="transparent" stroke="currentcolor" stroke-linecap="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2Zm10-10V7a4 4 0 0 0-8 0v4z"/>
516</svg>
517
518          <h2 class="default-modal__header__heading">
519            Please login
520          </h2>
521
522          
523
524          <div class="default-modal__header__close">
525            <button type="button" title="Close" class="button button--size-normal button--justify-center button--icon-only" style="--text-color: var(--color-dark-slate-gray)" phx-click="[[&quot;exec&quot;,{&quot;attr&quot;:&quot;data-modal-hide&quot;,&quot;to&quot;:&quot;#login-wall-modal&quot;}]]">
526  <svg class="button__icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
527  <path fill="transparent" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18 18 6M6 6l12 12"/>
528</svg>
529
530  <span class="button__text">
531    
532              Close
533            
534  </span>
535
536  
537
538  
539
540  
541</button>
542          </div>
543        </header>
544
545        <div class="default-modal__body">
546          
547      <div class="login-wall login-wall--contained">
548  <p class="login-wall__text">
549    You must login to access this feature/content
550  </p>
551
552  <p class="login-wall__buttons">
553    <a class="button button--size-small button--justify-center" style="--fill-color: var(--color-gunmetal); --text-color: var(--color-white)" href="/en/users/sign_up?return_to=%2Fen%2Fexplore" data-phx-link="redirect" data-phx-link-state="push">
554  
555
556  <span class="button__text">
557    
558      Sign up
559    
560  </span>
561
562  
563
564  
565
566  
567</a>
568
569    <a class="button button--size-small button--justify-center button--icon-position-left" style="--outline-color: var(--color-gunmetal); --text-color: var(--color-gunmetal)" href="/en/users/sign_in?return_to=%2Fen%2Fexplore" data-phx-link="redirect" data-phx-link-state="push">
570  <svg class="button__icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
571  <path fill="transparent" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0m-4 7a7 7 0 0 0-7 7h14a7 7 0 0 0-7-7"/>
572</svg>
573
574  <span class="button__text">
575    
576      Login
577    
578  </span>
579
580  
581
582  
583
584  
585</a>
586  </p>
587</div>
588    
589        </div>
590
591        
592      </div>
593    </div>
594  </div>
595
596
597  </div>
598
599  
600  <div tabindex="0" data-Modal-target="tabCatcher"></div>
601</div>
602
603    <div id="tooltip-container" phx-update="ignore"></div>
604
605      
605<script type="module" src="/assets/site.9b8365a4e7.js"></script>
605
606
607  </body>
608</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.