Initial commit.
Signed-off-by: Andreas Widen <aw@luflow.net>
This commit is contained in:
commit
a4a5c7daa5
1389 changed files with 241399 additions and 0 deletions
73
templates/screenshot.stpl
Normal file
73
templates/screenshot.stpl
Normal file
|
|
@ -0,0 +1,73 @@
|
|||
<!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>
|
||||
|
||||
Loading…
Reference in a new issue