Anders Englöf Ytterström
a14f206a2a
* Add favicons and app images * Add to root head: meta id elements, favicons * Finish ship ready CSS/HTML * Add static non-media assets
70 lines
1.9 KiB
Text
70 lines
1.9 KiB
Text
<h1><%= @page_title %></h1>
|
|
|
|
<%= raw(@contents) %>
|
|
<section id="map">
|
|
<h2>Geografisk utspridning</h2>
|
|
<figure>
|
|
<div id="leaflet" class="interactive-map"></div>
|
|
</figure>
|
|
</section>
|
|
<p>
|
|
<%= if @nosearch? do %>
|
|
Gå direkt till:
|
|
<% end %>
|
|
</p>
|
|
<ul class="months">
|
|
<%= for {year, events} <- @events do %>
|
|
<li>
|
|
<a href={"#y" <> year}><%= year %></a> (<%= Enum.count(events) %>)
|
|
</li>
|
|
<% end %>
|
|
</ul>
|
|
<form method="get" action="/evenemang">
|
|
<p>
|
|
<%= if @nosearch? do %>
|
|
Eller
|
|
<% end %>
|
|
<label for="q">sök innehåll</label>:
|
|
<input type="search" value={@q} name="q" id="q" size="7" />
|
|
<button>Sök</button>
|
|
</p>
|
|
</form>
|
|
<%= for {year, events} <- @events do %>
|
|
<section id={"y" <> year}>
|
|
<h2 class="sticky"><%= year %></h2>
|
|
<div class="events">
|
|
<%= for event <- events do %>
|
|
<article class="event" vocab="https://schema.org/" typeof="Event">
|
|
<h2>
|
|
<a property="name" href={"/" <> event["slug"]}><%= event["title"] %></a>
|
|
</h2>
|
|
<p property="description"><%= event["lead"] %></p>
|
|
<%= if hilights?(event) do %>
|
|
<p>
|
|
Personliga höjdpunkter: <%= rdfa_bandlist(event["bands"]) |> raw %>
|
|
</p>
|
|
<% end %>
|
|
<%= if missed?(event) do %>
|
|
<p>
|
|
Band jag missade: <%= bandlist(event["mia"]) %>
|
|
</p>
|
|
<% end %>
|
|
<%= if opening_acts?(event) do %>
|
|
<p>
|
|
Förband: <%= event["bands"] |> Enum.drop(1) |> rdfa_bandlist() |> raw %>
|
|
</p>
|
|
<% end %>
|
|
<%= if event["poster"] do %>
|
|
<img
|
|
property="thumbnail"
|
|
loading="lazy"
|
|
src={"https://n.madr.se/assets/" <> event["poster"] <> "?key=poster"}
|
|
alt="affisch"
|
|
width="150"
|
|
/>
|
|
<% end %>
|
|
</article>
|
|
<% end %>
|
|
</div>
|
|
</section>
|
|
<% end %>
|