crunk/csv-library-website
1
0
Fork 0
Code Issues 2 Pull Requests Projects Releases Activity

further login styling

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
library/page.py
View File

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

23
library/static/css/bookmark.css
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;
}
}

16
library/static/css/style.css
View File

@ -2,8 +2,6 @@ html, body {
margin: 0; margin: 0;
font-family: "libreBaskerville"; font-family: "libreBaskerville";
font-style: normal; font-style: normal;
background-repeat: no-repeat;
background-attachment: fixed;
} }
body:after { body:after {
@ -45,7 +43,6 @@ body:after {
box-shadow: 0.3em 0.35em rgba(0,0,0,0.3); box-shadow: 0.3em 0.35em rgba(0,0,0,0.3);
} }
@supports (-webkit-text-stroke: 1px darkgreen) { @supports (-webkit-text-stroke: 1px darkgreen) {
#library { #library {
-webkit-text-stroke: 1px darkgreen; -webkit-text-stroke: 1px darkgreen;
@ -162,7 +159,7 @@ a:hover { text-decoration: none; }
a:active { text-decoration: none; } a:active { text-decoration: none; }
div#auth_buttons{ div#auth_buttons{
position: fixed; position: absolute;
top: 0.7em; top: 0.7em;
right: 0.7em; right: 0.7em;
display:flex; display:flex;
@ -171,6 +168,17 @@ div#auth_buttons{
justify-content: center; justify-content: center;
align-items: 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) { @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
#library { #library {

2
library/static/css/upload.css
View File

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

30
library/templates/base.html
View File

@ -6,7 +6,6 @@
<title>{{title}}</title> <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/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/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/upload.css')}}">
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/feather.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') }}"> <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')}}"> <link rel="manifest" href="{{ url_for('static', filename='icons/site.webmanifest')}}">
</head> </head>
<body> <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> <a href="/"><h1 id="library">{{title}}</h1></a>
{% block main %} {% block main %}
{% endblock main %} {% endblock main %}

29
library/templates/index.html
View File

@ -4,35 +4,6 @@
<nav id="nav" class="container"> <nav id="nav" class="container">
{% include 'menu.html' %} {% include 'menu.html' %}
</nav> </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"> <div id="bookshelf">
{% for id, pubinfo in publications.items() %} {% for id, pubinfo in publications.items() %}
<div id="{{ id }}" class='book filter {{ pubinfo["Type"] }} {{ pubinfo["Year"] }} {{ pubinfo["License"] }}'> <div id="{{ id }}" class='book filter {{ pubinfo["Type"] }} {{ pubinfo["Year"] }} {{ pubinfo["License"] }}'>