further login styling
This commit is contained in:
parent
8f27a86514
commit
7a0d84cec3
@ -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,
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
@ -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 {
|
||||
|
@ -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;
|
||||
|
@ -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 %}
|
||||
|
@ -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"] }}'>
|
||||
|
Loading…
Reference in New Issue
Block a user