From 20fa750dcaf106c99aff10ad4b0c0d7ad2f32d20 Mon Sep 17 00:00:00 2001
From: "Glitch (glitch-hello-website)" <none>
Date: Thu, 12 Dec 2024 04:04:47 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=97=BD=F0=9F=94=94=20Checkpoint=20./signu?=
 =?UTF-8?q?p/index.html:69682263/460=20./styles/main.css:69682263/136=20./?=
 =?UTF-8?q?index.html:69682263/1042=20./for-artists/index.html:69682263/21?=
 =?UTF-8?q?78=20./scripts/populate.js:69682263/305?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 for-artists/index.html             | 23 +++++++++++++++++++++++
 index.html                         | 16 +++++-----------
 scripts/{footer.js => populate.js} | 11 +++++++++++
 signup/index.html                  |  9 +++++----
 styles/main.css                    |  5 +++--
 5 files changed, 47 insertions(+), 17 deletions(-)
 create mode 100644 for-artists/index.html
 rename scripts/{footer.js => populate.js} (66%)
diff --git a/for-artists/index.html b/for-artists/index.html
new file mode 100644
index 0000000..0ac1278
--- /dev/null
+++ b/for-artists/index.html
@@ -0,0 +1,23 @@
+<!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" />
+
+    <title>FediZineFest 2025</title>
+
+    <!-- The website stylesheet -->
+    <link rel="stylesheet" href="styles/main.css" />
+
+    <!-- The website JavaScript file -->
+    <script src="scripts/populate.js" defer></script>
+  </head>
+  <body>
+    <div class="wrapper">
+<main>
+      </main>
+    </div>
+    <footer role="contentinfo" id="footer"></footer>
+  </body>
+</html>
diff --git a/index.html b/index.html
index 0d81508..3fb7df1 100644
--- a/index.html
+++ b/index.html
@@ -12,22 +12,16 @@
     <link rel="stylesheet" href="styles/main.css" />
 
     <!-- The website JavaScript file -->
-    <script src="scripts/footer.js" defer></script>
+    <script src="scripts/populate.js" defer></script>
   </head>
   <body>
     <div class="wrapper">
-      <div class="content" role="main">
-        
-      <div class="wip">
-        <p>
-          This site is a <b>work in progress!</b> If you experience issues,
-          please try waiting a minute and re-loading before reaching out with
-          questions.
-        </p>
-      </div>
+      <main>
         
         <h1 class="title">FediZineFest 2025</h1>
         
+        <p>FediZineFest returns for another year after a successful run in 2024.</p>
+        
         <h2>
           What
         </h2>
@@ -116,7 +110,7 @@
         <p>
           Physical zines arrive at recipients. Digital zines shared.
         </p>
-      </div>
+      </main>
     </div>
 
     <footer role="contentinfo" id="footer">
diff --git a/scripts/footer.js b/scripts/populate.js
similarity index 66%
rename from scripts/footer.js
rename to scripts/populate.js
index 3b0901b..578354f 100644
--- a/scripts/footer.js
+++ b/scripts/populate.js
@@ -1,3 +1,14 @@
+/* populate WIP banner */
+let wipHTML = `
+<div class="wip">
+<p>This site is a <b>work in progress</b>. If you experience issues, please try waiting a minute and reloading before reaching out.</p>
+</div>
+`
+
+function populateWip() {
+  
+}
+
 /* populate footer */
 
 let footerHTML = `
diff --git a/signup/index.html b/signup/index.html
index 59816ae..841ef69 100644
--- a/signup/index.html
+++ b/signup/index.html
@@ -11,7 +11,7 @@
     <link rel="stylesheet" href="styles/main.css" />
 
     <!-- The website JavaScript file -->
-    <script src="scripts/footer.js" defer></script>
+    <script src="scripts/populate.js" defer></script>
   </head>
   <body>
     <div class="wrapper">
@@ -20,6 +20,10 @@
         <div class="iframe-flex">
           <div class="iframe">
             <h2>Get notified when sign-ups go live!</h2>
+            <p>
+              Form embed below not working?
+              <a href="https://airtable.com/app76cWa9xMbzWFn3/pag3eYElM2MGCn4g2/form">Open in browser</a>
+            </p>
             <iframe
               class="airtable-embed"
               src="https://airtable.com/embed/app76cWa9xMbzWFn3/pag3eYElM2MGCn4g2/form"
@@ -29,9 +33,6 @@
               height="533"
               style="background: transparent; border: 1px solid #ccc"
             ></iframe>
-            <p>
-              Form embed not working?
-            </p>
           </div>
         </div>
       </div>
diff --git a/styles/main.css b/styles/main.css
index 8f20ac7..c4507e9 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -68,10 +68,11 @@ body {
 /* Links */
 a:link,
 a:visited {
-  color: var(--color-text-header);
+  background-color: var(--color-text-main);
+  color: var(--color-bg);
   font-size: 1.1rem;
   font-weight: bold;
-  border-radius: 1rem;
+  padding: 0 .2rem;
 }
 
 /* Page structure */
