123 lines
4.1 KiB
Text
123 lines
4.1 KiB
Text
<main class="landing">
|
|
<div class="uc">Under construction <a href="/2025/ombyggnation">Va?</a> 🚧</div>
|
|
<div class="home-hero">
|
|
<img src={~p"/mugshot.jpg"} alt="Anders, hösten 2021" />
|
|
<h1 class="home-h1">Anders Englöf Ytterström</h1>
|
|
<p>Webbutvecklare med 18 års erfarenhet, med särskilt intresse för tillgänglighet,
|
|
containerteknik och webbstandarder. Hårdrockare och Linuxanvändare.</p>
|
|
<div class="c2a">
|
|
<a href="/cv">CV</a>
|
|
<a href="/om">Om mig</a>
|
|
<a href="https://github.com/madr" rel="external">Min Github</a>
|
|
<a
|
|
href="https://se.linkedin.com/in/anders-engl%C3%B6f-ytterstr%C3%B6m-0ba4452a2"
|
|
rel="external"
|
|
>
|
|
Min LinkedIn
|
|
</a>
|
|
</div>
|
|
<a href="/vad-jag-gor">
|
|
Vad jag gör
|
|
</a>
|
|
</div>
|
|
<div class="home-section articles-color">
|
|
<h2>Blogginlägg</h2>
|
|
<div class="home-articles">
|
|
<a href={"/" <> @recent_article["slug"]}>
|
|
<%= @recent_article["title"] %>
|
|
<small><time><%= @recent_article["pubDate"] %></time></small>
|
|
</a>
|
|
<a href={"/" <> @older_article["slug"]}>
|
|
<%= @older_article["title"] %>
|
|
<small><time><%= @older_article["pubDate"] %></time></small>
|
|
</a>
|
|
</div>
|
|
<a href="/webblogg" class="list-link">Alla Webbloggens inlägg</a>
|
|
</div>
|
|
<div class="home-section events-color">
|
|
<h2>Evenemang</h2>
|
|
|
|
<h3>Kommande evenemang</h3>
|
|
<div class="home-events home-grid">
|
|
<%= for event <- @upcoming do %>
|
|
<article>
|
|
<a href={event["slug"]}>
|
|
<%= if event["poster"] do %>
|
|
<img
|
|
src={"https://n.madr.se/assets/" <> event["poster"] <> "?key=poster"}
|
|
alt="affisch"
|
|
loading="lazy"
|
|
class="poster-image"
|
|
/>
|
|
<% else %>
|
|
<span class="poster-image poster-placeholder"></span>
|
|
<% end %>
|
|
</a>
|
|
<div class="event-meta">
|
|
<div><time><%= event["started_at"] %></time></div>
|
|
<div><%= event["title"] %></div>
|
|
</div>
|
|
</article>
|
|
<% end %>
|
|
</div>
|
|
|
|
<h3>Besökta evenemang</h3>
|
|
<div class="home-events home-grid">
|
|
<%= for event <- @recent_event do %>
|
|
<article>
|
|
<a href={event["slug"]}>
|
|
<%= if event["poster"] do %>
|
|
<img
|
|
src={"https://n.madr.se/assets/" <> event["poster"] <> "?key=poster"}
|
|
alt="affisch"
|
|
loading="lazy"
|
|
class="poster-image"
|
|
/>
|
|
<% else %>
|
|
<span class="poster-image poster-placeholder"></span>
|
|
<% end %>
|
|
</a>
|
|
<div class="event-meta">
|
|
<div><time><%= event["started_at"] %></time></div>
|
|
<div><%= event["title"] %></div>
|
|
</div>
|
|
</article>
|
|
<% end %>
|
|
</div>
|
|
|
|
<p class="head">
|
|
Se <a href="/evenemang" class="list-link">Evenemangstidslinje</a>
|
|
för alla besökta evenemang.
|
|
Vill du haka på? Prenumerera på
|
|
<a href="/kommande-evenemang.ics" class="feed-link">Kommande evenemang</a>
|
|
i din kalenderapp: kopiera länken och klistra in.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="home-section brutal-color">
|
|
<h2>Brütal legends</h2>
|
|
<div class="home-brutal home-grid brutal">
|
|
<%= for legend <- @brutal_legends do %>
|
|
<article>
|
|
<a href={"/" <> legend["purchase_year"] <> "/brutal-legend-" <> legend["externalId"]}>
|
|
<%= if legend["cover"] do %>
|
|
<img
|
|
class="cover-image"
|
|
src={"https://n.madr.se/assets/" <> legend["cover"] <> "?key=legend"}
|
|
alt="skivomslag"
|
|
loading="lazy"
|
|
/>
|
|
<% end %>
|
|
</a>
|
|
</article>
|
|
<% end %>
|
|
</div>
|
|
<p>Dessa är de 8 senaste. <a href="/bl">Se alla skivorna</a></p>
|
|
</div>
|
|
<form method="get" action="/sok" class="home-section home-search">
|
|
<div>
|
|
<label for="q">Sök innehåll</label>: <input size="9" type="search" id="q" name="q" />
|
|
<button>Sök</button>
|
|
</div>
|
|
</form>
|
|
</main>
|