From cedf51f1f208aa44e3f47d0db4de3f2821c57d80 Mon Sep 17 00:00:00 2001
From: "Glitch (glitch-hello-website)" <none>
Date: Thu, 12 Dec 2024 03:53:34 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=B2=F0=9F=8F=86=20Checkpoint=20./style?=
 =?UTF-8?q?s/main.css:69682263/529=20./scripts/footer.js:69682263/14=20./i?=
 =?UTF-8?q?ndex.html:69682263/36=20./signup/index.html:69682263/8051=20./s?=
 =?UTF-8?q?tyles/iframe.css:69682263/180?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html        |  4 ++--
 scripts/footer.js |  2 +-
 signup/index.html | 22 ++++++++++++++++++----
 styles/iframe.css | 13 +++++++++++++
 styles/main.css   | 17 +++++++++++++----
 5 files changed, 47 insertions(+), 11 deletions(-)
 create mode 100644 styles/iframe.css
diff --git a/index.html b/index.html
index 0b37dc9..0d81508 100644
--- a/index.html
+++ b/index.html
@@ -47,7 +47,7 @@
         </p>
         
         <h3>
-          Backers (cap or 20)
+          Backers (cap of 20)
         </h3>
         <p>
           Provide payment; receive physical and/or digital zines.
@@ -119,7 +119,7 @@
       </div>
     </div>
 
-    <footer class="footer" id="footer">
+    <footer role="contentinfo" id="footer">
     </footer>
   </body>
 </html>
diff --git a/scripts/footer.js b/scripts/footer.js
index 4bc623f..3b0901b 100644
--- a/scripts/footer.js
+++ b/scripts/footer.js
@@ -1,7 +1,7 @@
 /* populate footer */
 
 let footerHTML = `
-  <p>Created by <a href="https://leecat.art">Lee Cattarin</a> with help from...</p>
+  <p>Created by <a href="https://leecat.art">Lee Cattarin</a> with help from:</p>
   <ul>
     <li><a href="https://flipping.rocks/@mycrowgirl">Lisa</a> (color palette)</li>
   </ul>
diff --git a/signup/index.html b/signup/index.html
index 69e8b15..59816ae 100644
--- a/signup/index.html
+++ b/signup/index.html
@@ -1,7 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="https://glitch.com/favicon.ico" />
@@ -18,10 +17,25 @@
     <div class="wrapper">
       <div class="content" role="main">
         <h1 class="title">FediZineFest 2025 Sign-Ups</h1>
+        <div class="iframe-flex">
+          <div class="iframe">
+            <h2>Get notified when sign-ups go live!</h2>
+            <iframe
+              class="airtable-embed"
+              src="https://airtable.com/embed/app76cWa9xMbzWFn3/pag3eYElM2MGCn4g2/form"
+              frameborder="0"
+              onmousewheel=""
+              width="100%"
+              height="533"
+              style="background: transparent; border: 1px solid #ccc"
+            ></iframe>
+            <p>
+              Form embed not working?
+            </p>
+          </div>
+        </div>
       </div>
     </div>
-    <!-- The footer holds our remix button — you can keep or delete it ✂ -->
-    <footer class="footer" id="footer">
-    </footer>
+    <footer role="contentinfo" id="footer"></footer>
   </body>
 </html>
diff --git a/styles/iframe.css b/styles/iframe.css
new file mode 100644
index 0000000..1343d15
--- /dev/null
+++ b/styles/iframe.css
@@ -0,0 +1,13 @@
+/* Iframes on signup page */
+
+.iframe-flex {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+}
+
+.iframe {
+  margin-top: 4rem;
+  flex: 0 0 100%;
+  max-width: 750px;
+}
\ No newline at end of file
diff --git a/styles/main.css b/styles/main.css
index 0cd2d7b..8f20ac7 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -33,7 +33,7 @@
 }
 
 /* Navigation grid */
-.footer {
+#footer {
   display: flex;
   justify-content: space-between;
   margin: 1rem auto 0;
@@ -46,9 +46,18 @@
 .divider {
   padding: 0 1rem;
 }
-/******************************************************************************
-END Glitch hello-app default styles
-******************************************************************************/
+
+/* WIP banner */
+.wip {
+  background-color: var(--color-warn);
+  color: var(--color-text-main);
+  font-family: var(--font-family);
+  padding: 0.05rem 1rem;
+  width: 100%;
+  border: solid var(--color-text-header);
+  border-radius: 2rem;
+  margin-top: 1rem;
+}
 
 body {
   font-family: HK Grotesk;
