adding curated books

src/static/css/App.css

@@ -253,7 +253,7 @@ a {
 
 .foregroundContent {
   padding-left: 8rem;
-  max-width: calc(100%-8rem);
+  padding-right: 2em;
   padding-bottom: 1rem;
 }
 
@@ -902,10 +902,17 @@ a {
 
 .booklist {
   margin: min(10em, 10%);
-  margin-bottom: 20em;
+  margin-bottom: 2em;
   margin-top: 2em;
 }
 
+.boxed {
+  background-color: rgba(24, 24, 24, 0.85);
+  border: solid 0.5em rgba(139, 36, 36, 0.5);
+  border-radius: 0.5em;
+  padding: 1em;
+}
+
 .timeitem {
   transition: .4s;
   overflow-y: clip;

src/static/js/responsive.js

@@ -37,6 +37,6 @@ async function goto(location, { push = true } = {}) {
 }
 
 function backButton() {
-  const location = window.location.pathname;
+  const location = window.location.href;
   goto(location.substring(1), { push: false }); // remove slash, goto already does that
 }

src/static/json/books.json

@@ -1,9 +1,13 @@
 {
   "selection": [
+    "The Rational Optimist",  
+    "The End of the World is Just the Beginning",
     "The Tyranny of Metrics",
     "When to Rob a Bank",
-    "The End of the World is Just the Beginning",
-    "The Rational Optimist"
+    "Freakonomics",
+    "The Accidental Superpower",
+    "Verbal Judo",
+    "Zero To One"
   ],
   "books": {
     "Fooled By Randomness": {