<!DOCTYPE html>
<html lang="ee" data-theme="light">

<head>
	<!-- CMS and Theme by IO200 (https://www.io200.com) -->
	<!-- Preconnect to image CDN for faster loading -->
	<link rel="preconnect" href="https://cdn.io200.com" crossorigin>
	<link rel="dns-prefetch" href="https://cdn.io200.com">
	<!-- Meta -->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
	<meta name="mobile-web-app-capable" content="yes">
	<!-- Meta (SEO) -->
	<title> | Tõnu Tunnel</title><meta name="description" content="arhitektuurifotograafia">	<meta name="robots" content="all">
	<!-- CSS -->
	<link rel="preload" href="/res/style/_base.css?v=2.22a" as="style"><link rel="stylesheet" href="/res/style/_base.css?v=2.22a" type="text/css" media="screen"><link rel="preload" href="/res/style/layout-fullwidthframed.css?v=2.22a" as="style"><link rel="stylesheet" href="/res/style/layout-fullwidthframed.css?v=2.22a" type="text/css" media="screen"><link rel="stylesheet" href="/res/style/font-sourcesansbold.css?v=2.22a" type="text/css" media="screen"><link rel="stylesheet" href="/res/style/_flavors.css?v=2.22a" type="text/css" media="screen">					<!-- JS -->
	<script src="/res/script/MyApp.js?v=2.22a"></script>
                <script src="/res/lib/glightbox/glightbox.min.js?v=2.22a" defer></script>
                <link href="/res/lib/glightbox/glightbox.min.css?v=2.22a" type="text/css" rel="stylesheet">	<meta name="robots" content="noindex">	<!-- Further -->
		<link rel="icon" href="/storage/custom/favicon.png?t=58f791" type="image/png">
            <meta property="og:logo" content="/storage/custom/favicon.png?t=58f791" />	<link rel="sitemap" href="/ee/sitemap.xml" type="application/xml">	<!-- Code Injection -->
		<!-- Theme initialization (prevent flash) -->
	<script>
		(function() {
			const saved = localStorage.getItem('tt-theme');
			const theme = saved || (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
			document.documentElement.setAttribute('data-theme', theme);
		})();
	</script>
</head>


<body class="language-ee template-_password templatelayout-standard layout-fullwidthframed mode-light font-sourcesansbold flavors-mobilelayoutfixedheader flavors-layoutfixedheader">

	<a href="#top" class="skip-link">Liigu sisu juurde</a>

	<div id="container">
		<!-- Header -->
		<header class="js-nav">
			<div class="title-container">
				<span class="website-title">
					<a href="https://dev.tonutunnel.com/ee/index" title="Tõnu Tunnel" class="website-title-link">Tõnu Tunnel</a>
				</span>
									<span class="website-tagline">arhitektuurifotograafia</span>
							</div>
			<nav>
				<ul class="primary">
					<li class="linktemplate-phonebook"><a href="/ee/index" class="nav-item-title" title="Fotoarhiiv">Fotoarhiiv</a></li><li class="linktemplate-page"><a href="/ee/contact" class="nav-item-title" title="Kontakt">Kontakt</a></li><li class="linktemplate-basket"><a href="/ee/basket" class="nav-item-title" title="Ostukorv"><svg class="symbol" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M221-120q-27 0-48-16.5T144-179L42-549q-5-19 6.5-35T80-600h190l176-262q5-8 14-13t19-5q10 0 19 5t14 13l176 262h192q20 0 31.5 16t6.5 35L816-179q-8 26-29 42.5T739-120H221Zm259-160q33 0 56.5-23.5T560-360q0-33-23.5-56.5T480-440q-33 0-56.5 23.5T400-360q0 33 23.5 56.5T480-280ZM367-600h225L479-768 367-600Z"/></svg> 0</a></li>										<!-- Theme toggle (inline in nav) -->
					<li class="tt-theme-toggle-item">
						<button class="tt-theme-toggle-btn" id="headerThemeToggle" aria-label="Toggle dark mode" title="Toggle dark mode">
							<svg class="tt-icon-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>
							<svg class="tt-icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg>
						</button>
					</li>
																<!-- Language toggle -->
					<li class="tt-lang-toggle-item">
						<a href="/en/sitemap.xml" class="tt-lang-toggle-btn" title="English">EN</a>
					</li>
															</ul>
			</nav>
		</header>

		<!-- Content starts here (templates output their own <main>) -->

<link rel="stylesheet" href="/storage/custom/fullscreen-hero.css?v=1.1">

<main class="tt_hero template-fullscreen-hero">
  <!-- Background image (grayscale) -->
      <div class="tt_hero__bg tt_hero__bg--grayscale" style="background-image:url('/storage/cache/68/37/7f10-2c7c-26c2-e07b-2065/tonutunnel_2022-10-07-saaremaa4045.jpg');"></div>
  
  <!-- Vignette for text readability -->
  <div class="tt_hero__vignette"></div>

  <!-- Bottom-left project label -->
      <div class="tt_hero__meta" aria-label="Featured project">
      <span class="tt_hero__title">Saaremaa</span>
              <span class="tt_hero__arch">Hanna Karits</span>
          </div>
  
  <!-- Centered login form -->
  <div class="tt_centered tt_login" role="region" aria-label="Password required">
    <h1 class="tt_login__heading">Parool vajalik</h1>

    <form class="tt_login__form" method="post">
      <input
        type="password"
        name="password"
        class="tt_login__input"
        placeholder="Sisesta parool"
        autocomplete="current-password"
        autofocus
      >
      <button type="submit" name="path_protection" class="tt_cta">
        Saada      </button>

          </form>
  </div>
</main>


<!-- Footer -->
<footer>
						<nav><ul class="socialmedia"><li><a href="mailto:hello@tonutunnel.com" title="Email" target="_blank"><img src="/res/img/sm_email.png" alt="email" class="" width="128" height="128"></a></li><li><a href="https://www.instagram.com/tonutunnel/" title="Instagram" target="_blank"><img src="/res/img/sm_instagram.png" alt="instagram" class="" width="128" height="128"></a></li><li><a href="https://www.threads.net/@tonutunnel" title="Threads" target="_blank"><img src="/res/img/sm_threads.png" alt="threads" class="" width="128" height="128"></a></li></ul></nav>		</footer>

</div>

<!-- Theme Toggle Script -->
<script>
(function() {
	const storageKey = 'tt-theme';
	
	function setTheme(theme) {
		document.documentElement.setAttribute('data-theme', theme);
		localStorage.setItem(storageKey, theme);
	}
	
	function toggleTheme() {
		const current = document.documentElement.getAttribute('data-theme');
		setTheme(current === 'dark' ? 'light' : 'dark');
	}
	
	// Header theme toggle
	const headerToggle = document.getElementById('headerThemeToggle');
	if (headerToggle) {
		headerToggle.addEventListener('click', toggleTheme);
	}
	
	// Any other theme toggles on the page
	document.querySelectorAll('[data-theme-toggle]').forEach(btn => {
		btn.addEventListener('click', toggleTheme);
	});
})();
</script>

<!-- CMS and Theme by IO200 (https://www.io200.com) -->
<script>
                        window.MyApp.settings.mounts.push('basket')
                        window.MyApp.settings.basket = {
                                displayHeaderIconOnMobile: false,
                                displayActionButtonsOnAlbums: false,
                                displayActionButtonOnPhotoSite: true,
                                displayNavigationLinkIfEmpty: true,
                                displayActionBarButton: false,
                                actionBarButtonTarget: `self`,
                                counterNavigationLink: `x`,
                                counterActionBarButton: ``,
                                iconActionBarButton: `send`,
                                iconBasket: `shopping_basket`,
                                iconAdd: `shopping_cart`,
                                iconRemove: `close`,
                                basketLink: `/ee/basket`,                                
                            }                    
                        window.MyApp.lang.basket = {
                                textAdd: `Lisa korvi`,
                                textRemove: `Eemalda korvist`,
                                textSubmitPhotoSelection: `Saada fotovalik`,
                            }
                    </script><script>
                    window.MyApp.settings.lightboxZoomable = false
                    window.MyApp.lang.pathaccess = { textLogout: `Logi välja` }
                    
                    document.addEventListener('DOMContentLoaded', () => { window.MyApp.init() })
        	    </script>
</body>

</html>
