readme tweak

Author: ablaom

README.md

@@ -138,7 +138,7 @@ run(`sudo $(npm_cmd()) i lunr cheerio`)
 * run `include("deploy.jl")` which re-generates the LUNR index and automatically pushes the changes to GitHub.
 
 
-This should take ≤ 15 seconds to complete.
+This last step should take ≤ 15 seconds to complete.
 
 ### 🕵🏽 Troubleshooting
 

__site/css/extra.css

@@ -174,17 +174,18 @@ h3 {
     border-radius: 30px;
     font-size: 0.9rem;
     padding: 0.2rem 0.4rem;
-    width: 80%;
+    width: 99%;
     border: 1px solid #ced4da;
     outline: none;
     margin-bottom: 0.8rem;
-    max-width:180px;
+    max-width:140px;
 }
 /* decrease width of search box upon resize */
 @media only screen and (min-width: 1030px) and (max-width: 1200px) {
     #lunrSearchForm .search-input {
         max-width: 80px;
         margin-right: 1rem;
+        display: none;
     }
 }
 @media only screen and (min-width: 1100px) and (max-width: 1200px) {

__site/css/nav.css

@@ -23,7 +23,7 @@
   }
 }
 
-a#home {
+a#home, a#contribute {
   border-radius: 3rem;
 }
 
@@ -44,7 +44,6 @@ a#home {
   justify-content: space-around;
 }
 nav {
-  //float: right;
   display: flex;
   justify-content: space-around;
   padding: 0.5rem;
@@ -61,6 +60,7 @@ nav ul li {
   font-weight: 500;
 }
 
+
 .nav-dropdown li {
   float: none;
 }
@@ -77,7 +77,6 @@ nav ul li {
 nav ul li a,
 nav ul li a:visited {
   display: block;
-  //padding: 0 20px;
   line-height: 50px;
   background-color: #f1f1f1;
   color: #363636;
@@ -89,7 +88,7 @@ nav ul li a:visited:hover {
   background: #9b59b6;
   color: #fff;
 }
-#home:hover {
+#home:hover, #contribute:hover {
   background-color: #9b59b6;
   color: white !important;
 }
@@ -111,6 +110,10 @@ nav ul li a:visited:not(:only-child):after {
 nav ul li ul li a {
   padding: 15px;
   line-height: 20px;
+  font-weight: 300;
+}
+nav ul li ul li {
+  border-bottom: 1px solid #00000021;
 }
 .nav-dropdown {
   position: absolute;
@@ -134,7 +137,7 @@ nav ul li ul li a {
 .bottom-nav {
   background-color: #f1f1f1;
   font-weight: 600;
-  padding: 8px 8px;
+  padding: 15px 15px;
   color: #2e2e2e;
   border-radius: 45px;
   outline: none;
@@ -145,8 +148,9 @@ nav ul li ul li a {
   flex-direction: column;
   align-items: center;
   text-decoration: none;
-  width: 200px;
+  max-width: 500px;
   border: 2px solid #c1c1c1;
+
 }
 .bottom-nav:hover {
   background-color: #9b59b6;
@@ -156,3 +160,7 @@ nav ul li ul li a {
   font-size: 0.9rem;
   font-weight: 400;
 }
+
+#home {
+  display: none;
+}

__site/css/pure.css

@@ -13,6 +13,7 @@ Copyright (c) Nicolas Gallagher and Jonathan Neal
 
 
 /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
 
 .pure-button:focus,
 a:active,
@@ -25,9 +26,8 @@ table {
     border-collapse: collapse;
     border-spacing: 0
 }
-
 html {
-    font-family: sans-serif;
+    font-family: "Open Sans", sans-serif;
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%
 }

__site/css/side-menu.css

@@ -6,6 +6,12 @@ body {
 
 .header h2 {
     text-align: center;
+
+}
+
+#menu-logo-link div {
+    white-space: normal !important;
+    /* word-wrap: normal !important; */
 }
 
 .pure-img-responsive {
@@ -65,6 +71,7 @@ The content `<div>` is where all your content goes.
         margin: 0.2em 0;
         font-size: 3em;
         font-weight: 300;
+
     }
     .header h1::before {
         content: url('https://seeklogo.com/images/J/julia-logo-DC9698BAF9-seeklogo.com.png');
@@ -122,6 +129,8 @@ appears on the left side of the page.
         color: #999;
         border: none;
         padding: 0.6em 0 0.6em 0.6em;
+        word-wrap: break-word;  
+        white-space: break-spaces;    
     }
 
     /*