some small css fixes and straigtening out the menu bar

4 years ago · 6e0cf41c1a
7 changed files with 24 additions and 12 deletions
--- a/library/static/css/style.css
+++ b/library/static/css/style.css
@ -29,15 +29,16 @@ body:after {
 #varia {
  line-height: 1.03em;
  position: relative;
+  top: 15%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
  text-shadow: 2px 2px #8B5B7F;
-  font-size: 60px;
+  font-size: 52px;
  text-align: center;
  font-family: alphaClouds;
-  mix-blend-mode: exclusion;
-  margin: 30px 0;
+  mix-blend-mode: difference;
+  margin: 1em 0;
 }

@supports (-webkit-text-stroke: 1px lightpink) {
--- a/library/templates/base.html
+++ b/library/templates/base.html
@ -14,14 +14,7 @@
 	<link rel="manifest" href="{{ url_for('static', filename='icons/site.webmanifest')}}">
 </head>
 <body>
-	  <div id="cloud"></div>
-    <svg width="0">
-      <filter id="filter">
-          <feTurbulence type="fractalNoise"
-            baseFrequency=".001" numOctaves="5" />
-          <feDisplacementMap in="SourceGraphic" scale="240" />
-      </filter>
-		</svg>
+	<div id="cloud"></div>
  <h1 id="varia">VARIA LIBRARY COLLECTION</h1>
 	<a href="pastevents"><img src="{{ url_for('static', filename='svg/bookmark-past.svg')}}" id="pastevents" /></a>
 	{% if upcoming %}
@ -31,6 +24,13 @@
 	{% endif %}
 	{% block main %}
 	{% endblock main %}
+	<svg width="0">
+		<filter id="filter">
+				<feTurbulence type="fractalNoise"
+					baseFrequency=".001" numOctaves="5" />
+				<feDisplacementMap in="SourceGraphic" scale="240" />
+		</filter>
+	</svg>
 </body>
 	<script src="{{ url_for('static', filename='js/script.js')}}"></script>
 </html>
--- a/library/templates/index.html
+++ b/library/templates/index.html
@ -1,5 +1,4 @@
 {% extends "base.html" %}
-
 {% block main %}
 <div id="nav" class="container">
 {% include 'menu.html' %}
--- a/library/templates/pastevents.html
+++ b/library/templates/pastevents.html
@ -3,6 +3,9 @@
 <div id="nav" class="container">
  <button id="leftmostbtn"><a href="/">All books</a></button>
  <button><a href="/upload">Upload</a></button>
+  <div class="dropdown" style="visibility: hidden">
+    <button id="Year" class="dropbtn">Year</button>
+  </div>
 </div>
 {% for eventtitle, text in events.items() %}
  <div class="event">
--- a/library/templates/publication.html
+++ b/library/templates/publication.html
@ -3,6 +3,9 @@
 <div id="nav" class="container">
  <button id="leftmostbtn"><a href="/">All books</a></button>
  <button><a href="/upload">Upload</a></button>
+  <div class="dropdown" style="visibility: hidden">
+    <button id="Year" class="dropbtn">Year</button>
+  </div>
 </div>
 <table id="publication">
  <tbody>
--- a/library/templates/upcomingevent.html
+++ b/library/templates/upcomingevent.html
@ -3,6 +3,9 @@
 <div id="nav" class="container">
  <button id="leftmostbtn"><a href="/">All books</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 class="event">
    {% if upcoming %}
--- a/library/templates/upload.html
+++ b/library/templates/upload.html
@ -3,6 +3,9 @@
 <div id="nav" class="container">
 	<button id="leftmostbtn"><a href="/">All books</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 id="uploadform">