Just general pain.

But Project rewrite is technically done now.  Will look wrong on big monitors but idgaf anymore

src/static/css/App.css

@@ -511,34 +511,52 @@ a {
 
 .project {
   border-top: .3rem rgba(156, 49, 45, .8) solid;
+  background-color: rgb(24, 24, 24, .85);
 }
 
 .projTitle>* {
-  margin-bottom: 0;
+  margin: 0;
 }
 
 .projBody {
   position: relative;
   z-index: 3;
   display: flex;
+  min-height: 15em;
+}
+
+.projBody p {
+  margin: 0;
 }
 
 .grow {
   flex-grow: 1;
 }
 
+.projImage > img {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
 .projImage {
-  width: min(100%, 35em);
+  flex: 0 0 min(100%, 25em);
+  margin: 1em 0;
 }
 
 .project .projTitle {
-  padding: 0 1rem;
+  padding-top: 1rem;
   z-index: inherit;
 }
 
 .backedBody {
-  background-color: #1a1a1a;
   padding: .25em;
+  height: unset !important;
+}
+
+.projDesc {
+  max-width: 50em;
+  margin: 0 2em;
 }
 
 .tab {
@@ -1040,10 +1058,6 @@ a {
     flex-direction: column;
   }
 
-  .projectList {
-    width: 95%;
-  }
-
   .sideimg {
     position: relative;
   }
@@ -1077,6 +1091,10 @@ a {
     margin: auto;
   }
 
+  .projDesc {
+    margin: 0;
+  }
+
   .timeline {
     padding-left: 1em;
   }

src/static/json/books.json

@@ -6,6 +6,11 @@
     "The Rational Optimist"
   ],
   "books": {
+    "Fooled By Randomness": {
+      "filename": "fooledbyrandomness.jpg",
+      "link": "https://www.amazon.com/Fooled-Randomness-Hidden-Chance-Markets-dp-B006Q7VYC4/dp/B006Q7VYC4/ref=dp_ob_title_bk",
+      "review": "A lengthy compendium on probabilistic reasoning that helped kick off a curiosity of indefinite computation.  There's more ancient philosophy than a book like this really needs but the occasional brazen punchline from the contemporary anecdotes make it bearable."
+    },
     "The Rational Optimist": {
       "filename": "ratOpt.jpg",
       "link": "https://www.amazon.com/Rational-Optimist-Prosperity-Evolves-P-s/dp/0061452068",
@@ -91,11 +96,6 @@
       "link": "https://www.amazon.com/Grand-Strategy-John-Lewis-Gaddis/dp/1594203512",
       "review": "Book for the academically-inclined.  Not fun to read.  Big words scary.  It's insightful to be sure but I wouldn't read it again.  The message on conceptual contradictions has stuck with me.  Quite the brain food."
     },
-    "The Parasitic Mind": {
-      "filename": "theParasiticMind.jpeg",
-      "link": "https://www.amazon.com/Parasitic-Mind-Infectious-Killing-Common/dp/1684512298/",
-      "review": "The humor is the most memorable part but the concepts are no slouches.  The contemporary culture war basis makes it tricky to talk about, but it absolutely should be discussed."
-    },
     "David and Goliath": {
       "filename": "davidAndGoliath.png",
       "link": "https://www.amazon.com/David-Goliath-Underdogs-Misfits-Battling/dp/0316239852/",
@@ -111,6 +111,11 @@
       "link": "https://www.amazon.com/YOU-READ-ANYONE-David-Lieberman-ebook/dp/B001J6OV0Y",
       "review": "Not as page-turning as many of the others and clearly not as memorable.  The techniques pique curiosity but are difficult to use without practice."
     },
+    "The Parasitic Mind": {
+      "filename": "theParasiticMind.jpeg",
+      "link": "https://www.amazon.com/Parasitic-Mind-Infectious-Killing-Common/dp/1684512298/",
+      "review": "The humor is the most memorable part but the concepts are no slouches.  The contemporary culture war basis makes it tricky to talk about, but it absolutely should be discussed."
+    },
     "Profiles in Courage": {
       "filename": "profilesInCourage.jpeg",
       "link": "https://www.amazon.com/Profiles-Courage-John-F-Kennedy/dp/0060854936",

src/templates/home.html

@@ -56,6 +56,7 @@
         skills(var['skillList']) }}
       </div>
     </div>
+    <br />
     <div id="aboutCards" class="flex">
       <div class="chess">
         {% from 'partials/chess.html' import chess %} {{ chess('asimonson1125')
@@ -85,6 +86,7 @@
         />
       </div>
     </div>
+    <br />
   </div>
 </div>
 {% endblock %}

src/templates/partials/project.html

@@ -2,23 +2,19 @@
 <div class="project {{ classes }}" data-aos="fade-up">
   <div class="projTitle">
     <h3>{{ title }}</h3>
-    <p class=""><span class="{{ status }}">⬤</span> {{ status }}</p>
+    <p><span class="{{ status }}">⬤</span> {{ status }}</p>
   </div>
   <div class="projBody mobileV">
+    <div class="projImage">
       {% if bgi|length > 0 %} {% set path = url_for('static',
       filename='photos/projects/' + bgi) %}
-    <div class="projImage">
+      <img class="" src="{{ path }}" alt="Ref image for {{ title }} project" />
-      <img
-        class="projImage"
-        src="{{ path }}"
-        alt="Ref image for {{ title }} project"
-      />
-    </div>
       {% endif %}
-
-    <div class="grow">
-      <p class="backedBody">{{ content }}</p>
     </div>
+
+    <div class="grow backedBody">
+      <div class="projDesc vFlex spaceBetween">
+        <p>{{ content }}</p>
         <div class="projLinks">
           {% for i in links %} {% set src = 'icons/' + i[0] + '.svg' %}
           <a href="{{i[1]}}">
@@ -28,15 +24,9 @@
               alt="{{i[0]}}"
             />
           </a>
-      {% endfor %} {% if links|length == 0 %}
+          {% endfor %}
-      <div class="placeholder">
+        </div>
-        <img
-          alt="no links!"
-          src="{{ url_for('static', filename='photos/placeholder.png') }}"
-          class="projectLink"
-        />
       </div>
-      {% endif %}
     </div>
   </div>
 </div>

src/templates/projects.html

@@ -3,7 +3,6 @@
 <div class="foregroundContent">
     <div data-aos="fade-up">
       <h2 class="concentratedHead">Projects</h2>
-      <h2>This page is currently undergoing a reconstruction.  It's messy, but I needed to push some changes before I was ready for some very good and secret reasons.</h2>
     </div>
 
     <!-- >