From 6ea47ef7678bad23f6981915348c9853790d3557 Mon Sep 17 00:00:00 2001
From: Wilfred Hughes <me@wilfred.me.uk>
Date: Tue, 26 Dec 2023 11:04:52 -0800
Subject: [PATCH] Improve card padding

---
 homepage/index.html | 33 +++++++++++++++------------------
 1 file changed, 15 insertions(+), 18 deletions(-)

diff --git a/homepage/index.html b/homepage/index.html
index af0913f44..2a393264e 100644
--- a/homepage/index.html
+++ b/homepage/index.html
@@ -142,7 +142,7 @@
         </p>
       </div>
 
-      <div class="card px-2 pt-2 mx-5 my-4">
+      <div class="card px-2 pt-2 mx-5">
         <div class="card-body">
           <h2 class="card-heading">
             Focus On
@@ -160,7 +160,7 @@
         </div>
       </div>
 
-      <div class="card px-2 pt-2 mx-5 my-4">
+      <div class="card px-2 pt-2 mx-5">
         <div class="card-body">
           <h2 class="card-heading">
             <span class="green">Ignore</span> Formatting Changes
@@ -176,7 +176,7 @@
         </div>
       </div>
 
-      <div class="card px-2 pt-2 mx-5 my-4">
+      <div class="card px-2 pt-2 mx-5">
         <div class="card-body">
           <h2 class="card-heading">
             <span class="green">Understand</span> Wrapping Changes
@@ -200,7 +200,7 @@
         </div>
       </div>
 
-      <div class="card px-2 pt-2 mx-5 my-4">
+      <div class="card px-2 pt-2 mx-5">
         <div class="card-body">
           <h2 class="card-heading">
             <span class="green">Real</span>
@@ -218,19 +218,16 @@
         </div>
       </div>
 
-      <div class="px-2 pt-2 mx-5 my-4">
-        <h2>60 Second Demo</h2>
-
-        <script
-          async
-          id="asciicast-480875"
-          data-theme="tango"
-          src="https://asciinema.org/a/480875.js"
-        ></script>
+      <div class="card px-2 pt-2 mx-5 my-5">
+        <div class="card-body">
+          <h2 class="card-heading">
+            60 Second <span class="green">Demo</span>
+          </h2>
+        </div>
       </div>
 
       <!-- https://devicon.dev/ provides SVG logos. -->
-      <div class="card px-2 pt-2 mx-5 my-4">
+      <div class="card px-2 pt-2 mx-5 mt-5">
         <div class="card-body">
           <h2 class="card-heading">Programming Languages</h2>
 
@@ -568,7 +565,7 @@
         </div>
       </div>
 
-      <div class="card px-2 pt-2 mx-5 my-4">
+      <div class="card px-2 pt-2 mx-5">
         <div class="card-body">
           <h2 class="card-heading">File Formats</h2>
 
@@ -653,7 +650,7 @@
         </div>
       </div>
 
-      <div class="card px-2 pt-2 mx-5 my-4">
+      <div class="card px-2 pt-2 mx-5 mt-5">
         <div class="card-body">
           <h2 class="card-heading">
             Works With <span class="green">Git</span>
@@ -671,7 +668,7 @@
         </div>
       </div>
 
-      <div class="card px-2 pt-2 mx-5 my-4">
+      <div class="card px-2 pt-2 mx-5 mt-5">
         <div class="card-body">
           <h2 class="card-heading">
             Fully <span class="green">Open Source</span>
@@ -685,7 +682,7 @@
         </div>
       </div>
 
-      <div class="container px-4">
+      <div class="container px-4 mt-5">
         <p class="px-5">
           <em
             >Made with Emacs and coffee by