From bcf3f6cb89386ae23f272297095ee792e88274c2 Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Sat, 10 Apr 2021 17:04:34 -0500
Subject: [PATCH] Push related video below fold on app and games

---
 pages-eleventy/app.11ty.js |  2 +-
 pages/game/_slug/index.vue | 19 ++++++++++++-------
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/pages-eleventy/app.11ty.js b/pages-eleventy/app.11ty.js
index 5e4c818..9c62842 100644
--- a/pages-eleventy/app.11ty.js
+++ b/pages-eleventy/app.11ty.js
@@ -94,7 +94,7 @@ export class AppTemplate {
 
         return /* html */`
             <section class="container py-32">
-                <div class="flex flex-col items-center text-center">
+                <div class="intro-content flex flex-col items-center text-center min-h-3/4-screen md:min-h-0">
                     <h1 class="title text-sm md:text-2xl font-bold">
                         ${ data.mainHeading }
                     </h1>
diff --git a/pages/game/_slug/index.vue b/pages/game/_slug/index.vue
index 5cf5d5a..f67121e 100644
--- a/pages/game/_slug/index.vue
+++ b/pages/game/_slug/index.vue
@@ -1,14 +1,19 @@
 <template>
     <section class="container py-32">
         <div class="flex flex-col items-center text-center">
-            <h1 class="title text-sm md:text-2xl font-bold">
-                Does {{ app.name }} work on Apple Silicon?
-            </h1>
-            <h2 class="subtitle text-2xl md:text-5xl font-bold py-6">
-                {{ app.text }}
-            </h2>
 
-            <ThomasCredit />
+            <div class="intro-content flex flex-col items-center text-center min-h-3/4-screen md:min-h-0">
+
+                <h1 class="title text-sm md:text-2xl font-bold">
+                    Does `{{ app.name }} work on Apple Silicon?
+                </h1>
+                <h2 class="subtitle text-2xl md:text-5xl font-bold py-6">
+                    {{ app.text }}
+                </h2>
+
+                <ThomasCredit />
+
+            </div>
 
 
             <div