68 lines
2.2 KiB
HTML
68 lines
2.2 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<link href="{{ url_for("static", filename="bootstrap5/css/bootstrap.min.css") }}" rel="stylesheet">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<link rel="icon" type="image/svg+xml" href="{{ url_for('static', filename='favicon.svg') }}">
|
||
<title>{% block title %}{% endblock %} – Missing Link</title>
|
||
<style>
|
||
.site-navbar__tools {
|
||
margin-left: auto;
|
||
}
|
||
|
||
@media (max-width: 767.98px) {
|
||
.site-navbar .container {
|
||
align-items: flex-start;
|
||
gap: .5rem;
|
||
}
|
||
|
||
.site-navbar__tools {
|
||
flex-wrap: wrap;
|
||
margin-left: 0;
|
||
width: 100%;
|
||
}
|
||
|
||
.site-navbar__search {
|
||
flex: 1 1 100%;
|
||
min-width: 0;
|
||
}
|
||
|
||
.site-navbar__search .form-control {
|
||
flex: 1 1 auto;
|
||
min-width: 0;
|
||
width: auto !important;
|
||
}
|
||
}
|
||
</style>
|
||
{% block style %}{% endblock %}
|
||
</head>
|
||
|
||
<body>
|
||
<nav class="navbar navbar-expand-md navbar-dark bg-dark mb-4 site-navbar">
|
||
<div class="container">
|
||
<a class="navbar-brand fw-semibold" href="{{ url_for('index') }}">Missing Link</a>
|
||
<div class="d-flex align-items-center gap-2 site-navbar__tools">
|
||
<form class="d-flex site-navbar__search" action="{{ url_for('index') }}">
|
||
<input class="form-control form-control-sm me-2" name="q" placeholder="Article title…" style="width:240px">
|
||
<button class="btn btn-outline-light btn-sm" type="submit">Go</button>
|
||
</form>
|
||
{% if g.user %}
|
||
<span class="text-light small opacity-75">{{ g.user }}</span>
|
||
{% if session.get("saves") %}
|
||
<span class="badge bg-success">{{ session["saves"] }} saved</span>
|
||
{% endif %}
|
||
<a class="btn btn-outline-light btn-sm" href="{{ url_for('oauth_disconnect') }}">Log out</a>
|
||
{% else %}
|
||
<a class="btn btn-outline-light btn-sm" href="{{ url_for('start_oauth') }}">Log in with Wikipedia</a>
|
||
{% endif %}
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
{% block content %}{% endblock %}
|
||
|
||
<script src="{{ url_for("static", filename="bootstrap5/js/bootstrap.bundle.min.js") }}"></script>
|
||
{% block script %}{% endblock %}
|
||
</body>
|
||
</html>
|