73 lines
3 KiB
Text
73 lines
3 KiB
Text
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE-edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="keywords" content="luflow, <%= self.title %>, Overview">
|
|
<meta name="description" content="<%= self.title %>.">
|
|
<link type="application/atom+xml" rel="alternate" title="luflow.net — Activity Feed" href="/feeds/blog.atom">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
|
<link rel="icon" type="image/svg+xml" sizes="any" href="/static/img/icon.svg" />
|
|
<link rel="manifest" href="/site.webmanifest">
|
|
<link rel="stylesheet" href="/static/css/common.css">
|
|
<link rel="stylesheet" href="/static/css/item-preview.css">
|
|
<link rel="stylesheet" href="/static/css/breadcrumbs.css">
|
|
<link rel="stylesheet" href="/static/css/header.css">
|
|
<link rel="stylesheet" href="/static/css/footer.css">
|
|
<link rel="stylesheet" href="/static/css/index.css">
|
|
<title><%= self.title %> | luflow.net</title>
|
|
</head>
|
|
<body>
|
|
<div id="content">
|
|
|
|
<% include!("./partials/header.stpl"); %>
|
|
|
|
<% include!("./partials/screenshot_breadcrumbs.stpl"); %>
|
|
|
|
<main>
|
|
<section class="light-text centered-text noise-bg">
|
|
<h2 class="a11y-offset"><%= self.title %></h2>
|
|
<div class="screenshot-viewer">
|
|
<img class="responsive-image centered-block" src="/<%= self.image_big %>" alt="<%= self.title %>" />
|
|
</div>
|
|
<div class="screenshots-box top-shadow-bg">
|
|
<%
|
|
for screenshot in &self.screenshots {
|
|
if self.title == screenshot.title {
|
|
continue; // skip currently viewed big:
|
|
}
|
|
%>
|
|
<div class="screenshot-preview">
|
|
<a href="/<%= screenshot.url %>/">
|
|
<img class="responsive-image" src="/<%= screenshot.image_min %>" alt="" />
|
|
<span class="screenshot-inset-shadow"></span>
|
|
</a>
|
|
<p class="screenshot-preview-description"><%= screenshot.title %>
|
|
<span class="hidden">.</span>
|
|
</p>
|
|
</div>
|
|
<% } %>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<% include!("./partials/footer.stpl"); %>
|
|
|
|
</div>
|
|
|
|
<% include!("./partials/script_core.stpl"); %>
|
|
<script>
|
|
// make menu item active visually:
|
|
let menuItem = document.getElementById("Screenshots");
|
|
if (menuItem)
|
|
{
|
|
menuItem.classList.add("menu-item-active");
|
|
}
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|
|
|