some small css fixes and straigtening out the menu bar

This commit is contained in:
crunk 2021-04-18 10:13:30 +02:00
parent 87b1348ddd
commit 6e0cf41c1a
7 changed files with 24 additions and 12 deletions

View File

@ -29,15 +29,16 @@ body:after {
#varia { #varia {
line-height: 1.03em; line-height: 1.03em;
position: relative; position: relative;
top: 15%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
color: #FFFFFF; color: #FFFFFF;
text-shadow: 2px 2px #8B5B7F; text-shadow: 2px 2px #8B5B7F;
font-size: 60px; font-size: 52px;
text-align: center; text-align: center;
font-family: alphaClouds; font-family: alphaClouds;
mix-blend-mode: exclusion; mix-blend-mode: difference;
margin: 30px 0; margin: 1em 0;
} }
@supports (-webkit-text-stroke: 1px lightpink) { @supports (-webkit-text-stroke: 1px lightpink) {

View File

@ -15,13 +15,6 @@
</head> </head>
<body> <body>
<div id="cloud"></div> <div id="cloud"></div>
<svg width="0">
<filter id="filter">
<feTurbulence type="fractalNoise"
baseFrequency=".001" numOctaves="5" />
<feDisplacementMap in="SourceGraphic" scale="240" />
</filter>
</svg>
<h1 id="varia">VARIA LIBRARY COLLECTION</h1> <h1 id="varia">VARIA LIBRARY COLLECTION</h1>
<a href="pastevents"><img src="{{ url_for('static', filename='svg/bookmark-past.svg')}}" id="pastevents" /></a> <a href="pastevents"><img src="{{ url_for('static', filename='svg/bookmark-past.svg')}}" id="pastevents" /></a>
{% if upcoming %} {% if upcoming %}
@ -31,6 +24,13 @@
{% endif %} {% endif %}
{% block main %} {% block main %}
{% endblock main %} {% endblock main %}
<svg width="0">
<filter id="filter">
<feTurbulence type="fractalNoise"
baseFrequency=".001" numOctaves="5" />
<feDisplacementMap in="SourceGraphic" scale="240" />
</filter>
</svg>
</body> </body>
<script src="{{ url_for('static', filename='js/script.js')}}"></script> <script src="{{ url_for('static', filename='js/script.js')}}"></script>
</html> </html>

View File

@ -1,5 +1,4 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block main %} {% block main %}
<div id="nav" class="container"> <div id="nav" class="container">
{% include 'menu.html' %} {% include 'menu.html' %}

View File

@ -3,6 +3,9 @@
<div id="nav" class="container"> <div id="nav" class="container">
<button id="leftmostbtn"><a href="/">All books</a></button> <button id="leftmostbtn"><a href="/">All books</a></button>
<button><a href="/upload">Upload</a></button> <button><a href="/upload">Upload</a></button>
<div class="dropdown" style="visibility: hidden">
<button id="Year" class="dropbtn">Year</button>
</div>
</div> </div>
{% for eventtitle, text in events.items() %} {% for eventtitle, text in events.items() %}
<div class="event"> <div class="event">

View File

@ -3,6 +3,9 @@
<div id="nav" class="container"> <div id="nav" class="container">
<button id="leftmostbtn"><a href="/">All books</a></button> <button id="leftmostbtn"><a href="/">All books</a></button>
<button><a href="/upload">Upload</a></button> <button><a href="/upload">Upload</a></button>
<div class="dropdown" style="visibility: hidden">
<button id="Year" class="dropbtn">Year</button>
</div>
</div> </div>
<table id="publication"> <table id="publication">
<tbody> <tbody>

View File

@ -3,6 +3,9 @@
<div id="nav" class="container"> <div id="nav" class="container">
<button id="leftmostbtn"><a href="/">All books</a></button> <button id="leftmostbtn"><a href="/">All books</a></button>
<button><a href="/upload">Upload</a></button> <button><a href="/upload">Upload</a></button>
<div class="dropdown" style="visibility: hidden">
<button id="Year" class="dropbtn">Year</button>
</div>
</div> </div>
<div class="event"> <div class="event">
{% if upcoming %} {% if upcoming %}

View File

@ -3,6 +3,9 @@
<div id="nav" class="container"> <div id="nav" class="container">
<button id="leftmostbtn"><a href="/">All books</a></button> <button id="leftmostbtn"><a href="/">All books</a></button>
<button><a href="/upload">Upload</a></button> <button><a href="/upload">Upload</a></button>
<div class="dropdown" style="visibility: hidden">
<button id="Year" class="dropbtn">Year</button>
</div>
</div> </div>
<div id="uploadform"> <div id="uploadform">