1
0
mirror of https://github.com/janeczku/calibre-web synced 2024-06-26 15:13:17 +00:00
calibre-web/cps/templates/basic_layout.html

124 lines
2.1 KiB
HTML
Raw Normal View History

2024-02-28 18:37:13 +00:00
<!DOCTYPE html>
<html lang="{{ current_user.locale }}">
2024-04-03 09:40:13 +00:00
<head>
<title>{{instance}} | {{title}}</title>
<meta charset="utf-8">
<meta name='viewport' content='initial-scale=1,maximum-scale=5,user-scalable=no' />
<style>
body {
margin: 0;
}
nav {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #f8f8f8;
height: 50px;
}
nav > a {
color: black;
2024-04-03 12:26:56 +00:00
margin: 0 20px;
2024-04-03 09:40:13 +00:00
}
.search {
2024-04-03 12:26:56 +00:00
margin: auto auto;
2024-04-03 09:40:13 +00:00
width: 50%;
display: flex;
flex: 1;
2024-04-03 12:26:56 +00:00
justify-content: center;
2024-04-03 09:40:13 +00:00
}
2024-04-03 12:26:56 +00:00
form > input {
2024-04-03 09:40:13 +00:00
padding-left: 4px;
}
2024-04-03 12:26:56 +00:00
form > * {
2024-04-03 09:40:13 +00:00
height: 32px;
background-color: white;
border-radius: 0;
border: 1px solid #ccc;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
}
2024-04-03 12:26:56 +00:00
form > span {
2024-04-03 09:40:13 +00:00
margin-left: -5px;
}
2024-04-03 12:26:56 +00:00
button {
2024-04-03 09:40:13 +00:00
border: none;
padding: 0;
margin: 0;
width: 80px;
height: 100%;
background-color: white;
}
.body {
padding: 0 20px;
}
2024-04-03 12:26:56 +00:00
a {
2024-04-03 09:40:13 +00:00
color: black;
}
2024-04-03 12:26:56 +00:00
img {
2024-04-03 09:40:13 +00:00
width: 150px;
height: 250px;
object-fit: cover;
}
2024-04-03 12:12:39 +00:00
.listing {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 20px;
}
.pagination {
display: flex;
justify-content: space-between;
padding: 10px 0;
height: 20px;
}
2024-04-03 09:40:13 +00:00
</style>
</head>
<body>
<div>
2024-02-28 18:37:13 +00:00
<div>
2024-04-03 09:40:13 +00:00
{% if current_user.is_authenticated or g.allow_anonymous %}
<nav>
2024-04-03 12:26:56 +00:00
<a href="/basic">
<span>{{_('Home')}}</span>
</a>
<div class="search">
<form role="search" action="{{url_for('basic.index')}}" method="GET">
2024-02-28 18:37:13 +00:00
<input type="text" id="query" name="query" placeholder="{{_('Search Library')}}" value="{{searchterm}}">
<span>
<button type="submit" id="query_submit">{{_('Search')}}</button>
</span>
2024-04-03 12:26:56 +00:00
</form>
</div>
2024-02-28 18:37:13 +00:00
{% if not current_user.is_anonymous %}
2024-04-03 12:26:56 +00:00
<a href="{{url_for('web.logout')}}">
2024-02-28 18:37:13 +00:00
<span>{{_('Logout')}}</span>
</a>
{% endif %}
2024-04-03 09:40:13 +00:00
</nav>
{% endif %}
2024-02-28 18:37:13 +00:00
</div>
2024-04-03 09:40:13 +00:00
</div>
<div class="body">
{% block body %}
{% endblock %}
</div>
</body>
2024-02-28 18:37:13 +00:00
</html>