feedless/app/views/_header.ejs

39 lines
1.3 KiB
Plaintext

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Social</title>
<link rel="stylesheet" href="/style.css">
</head>
<body <%- typeof body_class == "undefined" ? "" : `class="${body_class}"` %>>
<% if (context.profile) { %>
<header>
<div class="logo">
<a href="/">Social</a>
</div>
<nav>
<a href="/">Home</a>
<a href="/about">About me</a>
<a href="/pubs">Pubs</a>
<a href="/debug">Debug</a>
</nav>
<div class="right-items"></div>
<% if (context.syncing) { %>
<div class="columns js-syncing" style="align-items: center; padding-right: 30px;">
<img src="/images/syncing.gif" width="24" style="margin-right: 10px; filter: invert();">
<span>Syncing</span>
</div>
<% } %>
<form action="/search" method="GET" style="margin-right: 10px">
<div class="search-icon">🔎</div>
<input type="search" class="input-search" name="query" placeholder="Search for people...">
</form>
<a href="/logout" style="margin-right: 10px">
Logout
</a>
</div>
</header>
<% } %>
<main>