{{template "base/head" .}}
<link rel="stylesheet" href="{{AssetUrlPrefix}}/css/valerka-home.css">
<div role="main" aria-label="{{if .IsSigned}}{{ctx.Locale.Tr "dashboard"}}{{else}}{{ctx.Locale.Tr "home_title"}}{{end}}" class="page-content home valerka-home">
	<div class="valerka-hero">
		<div class="valerka-hero-inner">
			<img class="valerka-logo" src="{{AssetUrlPrefix}}/img/logo.png" alt="ValerkaSystem logo">
			<h1 class="valerka-title">VALERKASYSTEM</h1>
			<p class="valerka-subtitle">Infraestructura &middot; Automatización &middot; Open Source</p>
			<p class="valerka-tagline">
				Proyectos, herramientas y experimentos reales.<br>
				Construyo en público.<br>
				Comparto lo que aprendo, lo que funciona&hellip;<br>
				y también lo que falla.
			</p>
			<div class="valerka-actions">
				<a href="{{AppSubUrl}}/ValerkaSystem" class="ui primary button valerka-btn valerka-btn-primary">
					{{svg "octicon-repo"}} Explorar proyectos
				</a>
				<a href="https://valerka.duckdns.org/" target="_blank" rel="noopener noreferrer" class="ui button valerka-btn valerka-btn-secondary">
					{{svg "octicon-link-external"}} Blog
				</a>
			</div>
			<ul class="valerka-tags">
				<li>Software libre</li>
				<li>Linux</li>
				<li>Podman</li>
				<li>Automatización</li>
			</ul>
		</div>
	</div>
	<div class="valerka-activity">
		<h2 class="valerka-activity-title">
			{{svg "octicon-rss"}} Actividad pública
		</h2>
		<p class="valerka-activity-desc">Lo último que estoy construyendo.</p>
		<div class="valerka-activity-frame">
			<iframe src="{{AppSubUrl}}/Valerka?tab=activity" loading="lazy" title="Actividad pública de Valerka"></iframe>
		</div>
	</div>
</div>
{{template "base/footer" .}}