From 5659d2fd637d5b416bd2403d30d694ce70d8ffc6 Mon Sep 17 00:00:00 2001
From: Kaj Forney <kaj.forney@gmail.com>
Date: Tue, 14 Feb 2023 17:32:57 -0700
Subject: [PATCH] Add empty divs for in-page link targets so titles stay
 visible.

---
 css/main.css |  6 ++++++
 index.html   | 16 ++++++++++++----
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/css/main.css b/css/main.css
index fd0423c..0cf4da9 100644
--- a/css/main.css
+++ b/css/main.css
@@ -230,6 +230,12 @@ iframe[src*=itch]
   text-shadow: #ffbc42 1px 1px 2px;
 }
 
+.section-title{
+  padding-top: 5px;
+  padding-bottom: 10px;
+  text-shadow: #B17300 3px 3px 3px;
+}
+
 .youtube-container {
   position: relative;
   overflow: hidden;
diff --git a/index.html b/index.html
index fdd5014..32bd451 100644
--- a/index.html
+++ b/index.html
@@ -58,7 +58,7 @@
     <div class="card-body">
       <div class="row">
         <div class="col">
-          <h1>Kaj Forney</h1>
+          <h1 class="section-title">Kaj Forney</h1>
         </div>
       </div>
       <div class="row">
@@ -71,12 +71,16 @@
     </div>
   </div>
 
+  <div id="games"></div>
+
   <div class="mt-5"></div>
 
+  <hr/>
+
   <div class="container-lg">
     <div class="row">
       <div class="col">
-        <h1 id="games">GAMES</h1>
+        <h1 class="section-title">GAMES</h1>
       </div>
     </div>
 
@@ -132,6 +136,8 @@
     </div>
   </div>
 
+  <div id="art"></div>
+
   <div class="mt-5"></div>
 
   <hr/>
@@ -140,7 +146,7 @@
 
     <div class="row">
       <div class="col">
-        <h1 id="art">ART</h1>
+        <h1 class="section-title">ART</h1>
       </div>
     </div>
 
@@ -230,11 +236,13 @@
     </div>
   </div>
 
+  <div id="social"></div>
+
   <hr class="mt-5">
 
   <div class="container-lg mw-25 w-50">
     <div class="row">
-      <h1 id="social">OTHER PLACES I EXIST</h1>
+      <h1 class="section-title">OTHER PLACES I EXIST</h1>
     </div>
     <div class="row">
       <div class="col">