calibre-web/cps/templates/basic_layout.html

<!DOCTYPE html>
<html lang="{{ current_user.locale }}">

<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 {
  height: 75px;
  padding: 5px 20px;
  width: 100%;
  display: table;
  box-sizing: border-box;
  border-bottom: 1px solid black;
}

nav > * {
  display: inline-block;
  display: table-cell;
  vertical-align: middle;
  float: none;
  text-align: center;
  width: auto;
}

nav > *:first-child {
  text-align: left;
  width: 1%;
}

nav > *:last-child {
  text-align: right;
  width: 1%;
}

nav > a {
  color: black;
  margin: 0 20px;
}

.search {
  margin: auto auto;
}

form > input {
  width: 18ch;
  padding-left: 4px;
}

form > * {
  height: 50px;
  background-color: white;
  border-radius: 0;
  border: 1px solid #ccc;
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: top;
}

form > span {
  margin-left: -5px;
}

button {
  border: none;
  padding: 0 10px;
  margin: 0;
  width: 160px;
  height: 100%;
  background-color: white;
}

.body {
  padding: 5px 20px;
}

a {
  color: black;
}

img {
  width: 150px;
  height: 250px;
  object-fit: cover;
}

.listing {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 20px;
}

.pagination {
  padding: 10px 0;
  height: 20px;
  font-weight: 700;
}

.pagination > div {
  float: left;
}

.pagination > div:last-child {
  float: right;
}
</style>
</head>

<body>
  <div>
    <div>
      {% if current_user.is_authenticated or g.allow_anonymous %}
        <nav>
          <a href="/basic">
            <span><h1>{{_('Home')}}</h1></span>
          </a>
          <div class="search">
            <form role="search" action="{{url_for('basic.index')}}" method="GET">
              <input type="text" id="query" name="query" placeholder="{{_('Search Library')}}" value="{{searchterm}}">
              <span>
                <button type="submit" id="query_submit">{{_('Search')}}</button>
              </span>
            </form>
          </div>
          {% if not current_user.is_anonymous %}
            <a href="{{url_for('web.logout')}}">
              <span>{{_('Logout')}}</span>
            </a>
          {% endif %}
        </nav>
      {% endif %}
    </div>
  </div>
  <div class="body">
    {% block body %}
    {% endblock %}
  </div>
</body>

</html>
add basic view for kindle 2024-02-28 18:37:13 +00:00			`<!DOCTYPE html>`
			`<html lang="{{ current_user.locale }}">`
improve basic CSS, add cover image 2024-04-03 10:40:13 +01: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 {`
css adjustments for old kindle 2024-04-06 14:45:51 +10:00			`height: 75px;`
update basic css to work on older kindles 2024-04-04 09:59:49 +01:00			`padding: 5px 20px;`
			`width: 100%;`
			`display: table;`
			`box-sizing: border-box;`
			`border-bottom: 1px solid black;`
			`}`

			`nav > * {`
			`display: inline-block;`
			`display: table-cell;`
			`vertical-align: middle;`
			`float: none;`
			`text-align: center;`
			`width: auto;`
			`}`

			`nav > *:first-child {`
			`text-align: left;`
			`width: 1%;`
			`}`

			`nav > *:last-child {`
			`text-align: right;`
			`width: 1%;`
improve basic CSS, add cover image 2024-04-03 10:40:13 +01:00			`}`

			`nav > a {`
			`color: black;`
add basic home button 2024-04-03 13:26:56 +01:00			`margin: 0 20px;`
improve basic CSS, add cover image 2024-04-03 10:40:13 +01:00			`}`

			`.search {`
add basic home button 2024-04-03 13:26:56 +01:00			`margin: auto auto;`
improve basic CSS, add cover image 2024-04-03 10:40:13 +01:00			`}`

add basic home button 2024-04-03 13:26:56 +01:00			`form > input {`
update basic css to work on older kindles 2024-04-04 09:59:49 +01:00			`width: 18ch;`
improve basic CSS, add cover image 2024-04-03 10:40:13 +01:00			`padding-left: 4px;`
			`}`

add basic home button 2024-04-03 13:26:56 +01:00			`form > * {`
css adjustments for old kindle 2024-04-06 14:45:51 +10:00			`height: 50px;`
improve basic CSS, add cover image 2024-04-03 10:40:13 +01:00			`background-color: white;`
			`border-radius: 0;`
			`border: 1px solid #ccc;`
			`padding: 0;`
			`margin: 0;`
			`display: inline-block;`
			`vertical-align: top;`
			`}`

add basic home button 2024-04-03 13:26:56 +01:00			`form > span {`
improve basic CSS, add cover image 2024-04-03 10:40:13 +01:00			`margin-left: -5px;`
			`}`

add basic home button 2024-04-03 13:26:56 +01:00			`button {`
improve basic CSS, add cover image 2024-04-03 10:40:13 +01:00			`border: none;`
update basic css to work on older kindles 2024-04-04 09:59:49 +01:00			`padding: 0 10px;`
improve basic CSS, add cover image 2024-04-03 10:40:13 +01:00			`margin: 0;`
css adjustments for old kindle 2024-04-06 14:45:51 +10:00			`width: 160px;`
improve basic CSS, add cover image 2024-04-03 10:40:13 +01:00			`height: 100%;`
			`background-color: white;`
			`}`

			`.body {`
update basic css to work on older kindles 2024-04-04 09:59:49 +01:00			`padding: 5px 20px;`
improve basic CSS, add cover image 2024-04-03 10:40:13 +01:00			`}`

add basic home button 2024-04-03 13:26:56 +01:00			`a {`
improve basic CSS, add cover image 2024-04-03 10:40:13 +01:00			`color: black;`
			`}`

add basic home button 2024-04-03 13:26:56 +01:00			`img {`
improve basic CSS, add cover image 2024-04-03 10:40:13 +01:00			`width: 150px;`
			`height: 250px;`
			`object-fit: cover;`
			`}`
add pagination to basic 2024-04-03 13:12:39 +01:00
			`.listing {`
			`white-space: nowrap;`
			`overflow: hidden;`
			`text-overflow: ellipsis;`
			`margin-right: 20px;`
			`}`

			`.pagination {`
			`padding: 10px 0;`
			`height: 20px;`
css adjustments for old kindle 2024-04-06 14:45:51 +10:00			`font-weight: 700;`
add pagination to basic 2024-04-03 13:12:39 +01:00			`}`
update basic css to work on older kindles 2024-04-04 09:59:49 +01:00
			`.pagination > div {`
			`float: left;`
			`}`

			`.pagination > div:last-child {`
			`float: right;`
			`}`
improve basic CSS, add cover image 2024-04-03 10:40:13 +01:00			`</style>`
			`</head>`

			`<body>`
			`<div>`
add basic view for kindle 2024-02-28 18:37:13 +00:00			`<div>`
improve basic CSS, add cover image 2024-04-03 10:40:13 +01:00			`{% if current_user.is_authenticated or g.allow_anonymous %}`
			`<nav>`
add basic home button 2024-04-03 13:26:56 +01:00			`<a href="/basic">`
css adjustments for old kindle 2024-04-06 14:45:51 +10:00			`<span><h1>{{_('Home')}}</h1></span>`
add basic home button 2024-04-03 13:26:56 +01:00			`</a>`
			`<div class="search">`
			`<form role="search" action="{{url_for('basic.index')}}" method="GET">`
add basic view for kindle 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>`
add basic home button 2024-04-03 13:26:56 +01:00			`</form>`
			`</div>`
add basic view for kindle 2024-02-28 18:37:13 +00:00			`{% if not current_user.is_anonymous %}`
add basic home button 2024-04-03 13:26:56 +01:00			`<a href="{{url_for('web.logout')}}">`
add basic view for kindle 2024-02-28 18:37:13 +00:00			`<span>{{_('Logout')}}</span>`
			`</a>`
			`{% endif %}`
improve basic CSS, add cover image 2024-04-03 10:40:13 +01:00			`</nav>`
			`{% endif %}`
add basic view for kindle 2024-02-28 18:37:13 +00:00			`</div>`
improve basic CSS, add cover image 2024-04-03 10:40:13 +01:00			`</div>`
			`<div class="body">`
			`{% block body %}`
			`{% endblock %}`
			`</div>`
			`</body>`

add basic view for kindle 2024-02-28 18:37:13 +00:00			`</html>`