fix some styling and post stuff

Author: andyleclair

assets/tailwind.config.js

@@ -12,11 +12,12 @@ module.exports = {
         'pink-power-ranger': '#FF5290',
         'smurf-blood': '#0B1A38',
         'nor-easter': '#F5F7FA',
-        'grapefruit': '#FF8389'
+        'grapefruit': '#FF8389',
+        'codebg': '#2f1e2e'
       },
       boxShadow: {
         'DEFAULT': '10px 10px 0 #20E0D6',
-      }
+      },
     },
   },
 

lib/personal.ex

@@ -5,7 +5,7 @@ defmodule Personal do
   def post(assigns) do
     ~H"""
     <.layout>
-      <article class="prose lg:prose-xl">
+      <article class="prose lg:prose-xl prose-pre:bg-codebg">
         <h1><%= @post.title %></h1>
         <h3><%= @post.description %></h3>
         <h3><a href={@post.related_listening}>Related Listening</a></h3>
@@ -44,7 +44,7 @@ defmodule Personal do
           <header class="bg-bludacris p-10 my-4 lg:mt-10 lg:mb-14">
             <h1>andy@andyleclair.dev$><span class="blink">_</span></h1>
           </header>
-          <main class="h-96 flex-1 p-4">
+          <main class="relative grow min-h-96 flex-1 p-4">
             <%= render_slot(@inner_block) %>
           </main>
           <footer class="bg-bludacris p-4 text-center">© Andy LeClair 2024</footer>

output/assets/app.css

@@ -11,7 +11,7 @@
       <header class="bg-bludacris p-10 my-4 lg:mt-10 lg:mb-14">
         <h1>andy@andyleclair.dev$><span class="blink">_</span></h1>
       </header>
-      <main class="h-96 flex-1 p-4">
+      <main class="relative grow min-h-96 flex-1 p-4">
 
   <h2 class="text-xl">Blog!</h2>
   <ul>

output/index.html

@@ -11,9 +11,9 @@
       <header class="bg-bludacris p-10 my-4 lg:mt-10 lg:mb-14">
         <h1>andy@andyleclair.dev$><span class="blink">_</span></h1>
       </header>
-      <main class="h-96 flex-1 p-4">
+      <main class="relative grow min-h-96 flex-1 p-4">
 
-  <article class="prose lg:prose-xl">
+  <article class="prose lg:prose-xl prose-pre:bg-codebg">
     <h1>Hello world!</h1>
     <h3>The Start of Something</h3>
     <h3><a href="https://www.youtube.com/watch?v=wVrSXeRXSWE">Related Listening</a></h3>

output/posts/2024/08-27-hello-world.html

@@ -11,9 +11,9 @@
       <header class="bg-bludacris p-10 my-4 lg:mt-10 lg:mb-14">
         <h1>andy@andyleclair.dev$><span class="blink">_</span></h1>
       </header>
-      <main class="h-96 flex-1 p-4">
+      <main class="relative grow min-h-96 flex-1 p-4">
 
-  <article class="prose lg:prose-xl">
+  <article class="prose lg:prose-xl prose-pre:bg-codebg">
     <h1>README</h1>
     <h3>About this site</h3>
     <h3><a href="https://www.youtube.com/watch?v=9q4mVEcedSo">Related Listening</a></h3>

output/posts/2024/08-28-readme.html

@@ -283,4 +283,4 @@ but it should work on any platform that supports Erlang and WX, which should be
 that [Scenic](https://github.com/ScenicFramework/scenic) has a specific driver for Nerves devices, so I wouldn't expect that would work
 out of the box, but I'd guess it works on MacOS.
 
-![Purple window](/images/09-10-2024-screenshot.png)
+![A working purple window](/assets/images/09-10-2024-screenshot.png)