further login styling

This commit is contained in:
crunk 2024-03-30 14:09:35 +01:00
parent 8f27a86514
commit 7a0d84cec3
6 changed files with 43 additions and 58 deletions

View File

@ -103,6 +103,7 @@ def show_book(publicationID):
# return a full publication with or without form errors
return render_template(
"publication.html",
title=APP.config["TITLE"],
fullpublication=fullpublication,
publicationID=publicationID,
borrowform=borrowform,

View File

@ -1,23 +0,0 @@
#pastevents{
position: fixed;
top: -1em;
right: 3em;
height: 14em;
}
#upcomingevents{
position: fixed;
top: -2.5em;
right: 6em;
height: 14em;
}
#pastevents:hover{
z-index: 1;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
#upcomingevents,#pastevents {
position:absolute;
width: 15%;
height: auto;
}
}

View File

@ -2,8 +2,6 @@ html, body {
margin: 0;
font-family: "libreBaskerville";
font-style: normal;
background-repeat: no-repeat;
background-attachment: fixed;
}
body:after {
@ -45,7 +43,6 @@ body:after {
box-shadow: 0.3em 0.35em rgba(0,0,0,0.3);
}
@supports (-webkit-text-stroke: 1px darkgreen) {
#library {
-webkit-text-stroke: 1px darkgreen;
@ -162,7 +159,7 @@ a:hover { text-decoration: none; }
a:active { text-decoration: none; }
div#auth_buttons{
position: fixed;
position: absolute;
top: 0.7em;
right: 0.7em;
display:flex;
@ -171,6 +168,17 @@ div#auth_buttons{
justify-content: center;
align-items: center;
}
div#login {
width: 30%;
margin-left: auto;
margin-right: auto;
text-decoration: none;
}
input[type=text], input[type=password], input[type=file] {
width: 18em;
max-width: 18em;
border: 1px solid #E0B0FF;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
#library {

View File

@ -18,7 +18,7 @@
padding: 1em 0em 1em 0em;
}
input[type=text], select {
.uploadform-field input[type=text], select {
width: 100%;
padding: 1em 3em;
padding-left: 0.5em;

View File

@ -6,7 +6,6 @@
<title>{{title}}</title>
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/style.css')}}">
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/dropdown.css')}}">
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/bookmark.css')}}">
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/upload.css')}}">
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/feather.css')}}">
<link rel="shortcut icon" href="{{ url_for('static', filename='icons/favicon.ico') }}">
@ -16,6 +15,35 @@
<link rel="manifest" href="{{ url_for('static', filename='icons/site.webmanifest')}}">
</head>
<body>
<div id="auth_buttons">
{% if not current_user.is_authenticated %}
<div class="signin">
<a href="/login">
<svg class="feather">
<use href="{{ url_for('static', filename='icons/users-feather-sprite.svg')+ '#log-in'}}" />
</svg>
Sign in
</a>
</div>
<div class="signin">
<a href="/register">
<svg class="feather">
<use href="{{ url_for('static', filename='icons/users-feather-sprite.svg') + '#user-plus'}}" />
</svg>
Register
</a>
</div>
{% else %}
<div class="logout">
<a href="/logout">
<svg class="feather">
<use href="{{ url_for('static', filename='icons/users-feather-sprite.svg') + '#log-out'}}" />
</svg>
Sign out
</a>
</div>
{% endif %}
</div>
<a href="/"><h1 id="library">{{title}}</h1></a>
{% block main %}
{% endblock main %}

View File

@ -4,35 +4,6 @@
<nav id="nav" class="container">
{% include 'menu.html' %}
</nav>
<div id="auth_buttons">
{% if not current_user.is_authenticated %}
<div class="signin">
<a href="/login">
<svg class="feather">
<use href="{{ url_for('static', filename='icons/users-feather-sprite.svg')+ '#log-in'}}" />
</svg>
Sign in
</a>
</div>
<div class="signin">
<a href="/register">
<svg class="feather">
<use href="{{ url_for('static', filename='icons/users-feather-sprite.svg') + '#user-plus'}}" />
</svg>
Register
</a>
</div>
{% else %}
<div class="logout">
<a href="/logout">
<svg class="feather">
<use href="{{ url_for('static', filename='icons/users-feather-sprite.svg') + '#log-out'}}" />
</svg>
Sign out
</a>
</div>
{% endif %}
</div>
<div id="bookshelf">
{% for id, pubinfo in publications.items() %}
<div id="{{ id }}" class='book filter {{ pubinfo["Type"] }} {{ pubinfo["Year"] }} {{ pubinfo["License"] }}'>