feedless/app/views/_header.ejs

40 lines
1.4 KiB
Plaintext
Raw Normal View History

2020-04-04 17:15:43 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Social</title>
2020-04-06 08:26:31 +02:00
<link rel="stylesheet" href="/style.css">
2020-04-04 17:15:43 +02:00
</head>
2020-04-10 08:53:30 +02:00
<body <%- typeof body_class == "undefined" ? "" : `class="${body_class}"` %>>
<% if (context.profile && typeof hideHeader == "undefined") { %>
<header>
2020-04-06 08:26:31 +02:00
<div class="logo">
<a href="/">Social</a>
</div>
<nav>
<a href="/">Profile</a>
<a href="/about">About me</a>
<a href="/pubs">Pubs</a>
<a href="/debug">Debug</a>
<a href="https://github.com/rogeriochaves/social/issues" target="_blank">Feedback</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">
2020-04-06 08:26:31 +02:00
<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>
2020-04-06 08:26:31 +02:00
</div>
</header>
<% } %>
<main>