title page changes

5 years ago · 01fec0b462
parent fa55b4f397
commit 01fec0b462
2 changed files with 13 additions and 8 deletions
--- a/static/title.css
+++ b/static/title.css
@ -1,6 +1,6 @@
 body {
-    background-color: #aaa4a0;
-    font-family: Arial, Helvetica, sans-serif;
+    background-color: #F4EBE8;
+    font-family: Roboto Mono;
 }
 .grid-container {
  	display: grid;
@ -47,6 +47,7 @@ a:hover {
  	color: blue;
 }

+
 h1 {
 	position: fixed;
 	right:0%;
@ -167,20 +168,20 @@ p {
 	position: fixed;
 	top:5%;
 	left:0%;
-	background-color: ;
+	background-color: transparent;
 	width: 40%;
 	z-index: 10;
-	opacity: 0.7;
+	opacity: 1;
 }

 .collapsible {
-  background-color: #777;
-  color: white;
+  background-color: transparent;
+  color: black;
  cursor: pointer;
  padding: 18px;
  width: 10%;
  height: auto;
-  border: none;
+  border: solid 1px;
  text-align: right;
  outline: none;
  font-size: 15px;
@ -246,12 +247,15 @@ a.content:link {
 .timelinelink {
 	position: fixed;
 	bottom:0%;
-	right:10%;
+	left:5%;
 	background-color: white;
 	z-index: 10;
 	font-size: 30px;
+	padding-left: 5px;
 }

+.timelinelink:hover {timeline}
+
 .orglink {
 	position: fixed;
 	bottom:0%;
--- a/templates/title.html
+++ b/templates/title.html
@ -6,6 +6,7 @@
    <script type="text/javascript" src="{{ staticpath }}/static/archive.js"></script>
    <link rel="stylesheet" href="{{ staticpath }}/static/title.css" />
    <script type="text/javascript" src="{{ staticpath }}/static/title.js"></script>
+    <link href='https://fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet' type='text/css'>
    <title>{{ page.name }}</title>
 </head>
 <body class="title">