added folders

4 years ago · 553067c86c
parent 0569d746a8
commit 553067c86c
2 changed files with 55 additions and 17 deletions
--- a/static/index.css
+++ b/static/index.css
@ -3,7 +3,7 @@ body {
    max-width: 100%;
    height:100%;
    display: inline-table;
-    font-family: Inria Sans;
+    font-family: Roboto Mono;
    bottom: 20px;

 }
@ -62,16 +62,41 @@ display: inline-block;
    color: grey; 
 }

+.pagelink{
+  position: fixed;
+  display: inline-block;
+  left:0px;
+  width:20px;
+  padding:10px;
+  background-color: white;
+  z-index: 10;
+  font-size: 15px;
+  border-style: solid;
+  border-width: 1px;
+  border-color: #371F10
+}
+
+.pagelink .pagename{
+  display: block;
+  position: absolute;
+  width:auto;
+  padding: 5px;
+  font-size: 10px;
+  background-color: white;
+  visibility: hidden;
+  font-size: 15px;
+}
+
+.pagelink:hover .pagename{
+  visibility: visible;
+}

 .tooltip {
  position: relative;
  display: inline-block;
  width: 70px;
-  /*font-family: helvetica;*/
-  font-size: 14px;
  margin: 16px;
  vertical-align: top;
-
 }

 .tooltip .tooltiptext {
@ -142,7 +167,7 @@ ul#menu li{
 ul#menu{
    margin-left: 10px;
    margin-right: 10px;
-    top:40px;
+    top:0px;
    bottom: 10px;
    padding-left: 0px;
    border: none;
@ -175,9 +200,16 @@ div#myBtnContainer{
    overflow-y: scroll;
    /*z-index: -1;*/

-    /*overflow-y: hidden;*/
+   /* overflow-y: hidden;*/
 }

+div#bigbtncontainer{
+  overflow-y: hidden;
+  -ms-overflow-style: none;  /* Internet Explorer 10+ */
+  scrollbar-width: thin;
+  /*overflow-y: scroll;*/
+  
+}
 /*div#myBtnContainer:hover{
  background-color: white;
  z-index: 1;
@ -186,13 +218,13 @@ div#myBtnContainer{

 .filter {
    display: inline-block;
-    box-shadow: 8px 8px 8px #9D9C9C;
+    box-shadow: 8px 8px 8px #C4BCB9;
 }

 .show {
 display: inline-block;
-/*box-shadow: 8px 8px 8px #303E88*/;
-box-shadow: 10px 10px 20px #0BEFEB;
+/*box-shadow: 8px 8px 8px #303E88;*/
+box-shadow: 10px 10px 15px #0BEFEB;
 }

 /*.container {
@ -207,16 +239,17 @@ margin-left: 40px;
 .btn {
  border: none;
  outline: none;
-  font-family: Inria Sans;
-  font-size: 20px;
+  font-family: Roboto Mono;
+  font-size: 18px;
  text-align: left;
  display: block;
  /*padding: 4px 6px;*/
  /*text-shadow: 2px 2px 2px #9D9C9C;*/
  /*background-color: blue;*/
  cursor: pointer;
-  margin: 4px 4px 2px 2px;
-  color: #0BEFEB;
+  margin: 8px 2px 8px 2px;
+  padding: 4px;
+  color: #371F10;
  background-color: transparent;
 }

--- a/templates/index.html
+++ b/templates/index.html
@ -4,13 +4,17 @@
    <meta charset="utf-8">
    <link rel="stylesheet" href="{{ staticpath }}/static/archive.css"/>
    <link rel="stylesheet" href="{{ staticpath }}/static/index.css"/>
-    <link href='https://fonts.googleapis.com/css?family=Inria+Sans' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet' type='text/css'>
    <!-- <script type="text/javascript" src="{{ staticpath }}/static/index.js"></script> -->
    <title>{{ page.name }}</title>
 </head>
 <body>
+<!-- <div class="pagelink">[[Overview_main_page|&#8625;]]<span class="pagename">Main Page</span></div>
+<div class="pagelink">[[Dates_of_Events|&#9481;]]<span class="pagename">Timeline</span></div>
+<div class="pagelink">[[Organizations|&#9636;]]<span class="pagename">Organizations</span></div> -->
+<div class="bigbtncontainer">
  <div id="myBtnContainer">
-  <button class="btn active" onclick="filterSelection('All')">All</button>
+  <button class="btn active" onclick="filterSelection('All')">All Publications</button>
  <button class="btn" onclick="filterSelection('Arts and Culture')">Arts and Culture</button>
  <button class="btn" onclick="filterSelection('Civil Rights')">Civil Rights</button>
  <button class="btn" onclick="filterSelection('Clergy / Religion')">Clergy / Religion</button>
@ -57,9 +61,10 @@
  <button class="btn" onclick="filterSelection('Song')">Song</button>
  <button class="btn" onclick="filterSelection('Statement')">Statement</button>
 </div>
-<ul id="menu">
+</div>
+<!-- <ul id="menu"> -->
    {{ body|safe }}
-</ul>
+<!-- </ul> -->

 </body>
 </html>