From 7e743829b4492c11d653190acd76d11f2eb7c4fd Mon Sep 17 00:00:00 2001
From: "Zed A. Shaw" <zed.shaw@gmail.com>
Date: Fri, 20 Jan 2023 17:01:52 +0300
Subject: [PATCH] Change the AspectRatio demo to let people know it's a test.

---
 admin/bando/demos/AspectRatio.svelte | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/admin/bando/demos/AspectRatio.svelte b/admin/bando/demos/AspectRatio.svelte
index 58bbc6f..c2d4fb5 100644
--- a/admin/bando/demos/AspectRatio.svelte
+++ b/admin/bando/demos/AspectRatio.svelte
@@ -11,16 +11,20 @@
     background-color: var(--value5);
     font-size: 2.5vw;
     padding: 1rem;
+    height: 100%;
   }
 </style>
 
 <aspect-test>
   <div class="top-box" style="--aspect-ratio: 16/9;">
-    <p>Every single visual experience that has a bounding plane has to deal with aspect ratios, whether that's a photo through a 1:1 ratio medium format camera or a 16:9 ratio 4k movie.  If there's a visual bounding box around the scene then everything in the scene must deal with the ratio of the width to the height.</p>
+    <p>16/9 Aspect Ratio.  This is a test to see if the new CSS aspect-ratio property actually works.
+      Let me know if this is not consistently 16/9.
+    </p>
   </div>
 
   <div style="--aspect-ratio: 10/2; background-color: var(--value7); font-size: 1.5vw;">
-    <p>CSS is one of the only visual systems that has no concept of aspect ratios despite the performance benefits of knowing the aspect of a block before the contents of the block are available.  If you know the aspect ratio of a block, and you know the width of the page, then you can render the block immediately because you only need <b>one</b> dimension to render both.</p>
+    <p>10/2 Aspect Ratio.  This is a test to see if the new CSS aspect-ratio property actually works.
+      Let me know if this is not consistently 10/2.
+    </p>
   </div>
-
 </aspect-test>