🗽🔔 Checkpoint

./signup/index.html:69682263/460
./styles/main.css:69682263/136
./index.html:69682263/1042
./for-artists/index.html:69682263/2178
./scripts/populate.js:69682263/305
This commit is contained in:
Glitch (glitch-hello-website)
2024-12-12 04:04:47 +00:00
parent cedf51f1f2
commit 20fa750dca
5 changed files with 47 additions and 17 deletions

23
for-artists/index.html Normal file
View File

@ -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>

View File

@ -12,22 +12,16 @@
<link rel="stylesheet" href="styles/main.css" /> <link rel="stylesheet" href="styles/main.css" />
<!-- The website JavaScript file --> <!-- The website JavaScript file -->
<script src="scripts/footer.js" defer></script> <script src="scripts/populate.js" defer></script>
</head> </head>
<body> <body>
<div class="wrapper"> <div class="wrapper">
<div class="content" role="main"> <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>
<h1 class="title">FediZineFest 2025</h1> <h1 class="title">FediZineFest 2025</h1>
<p>FediZineFest returns for another year after a successful run in 2024.</p>
<h2> <h2>
What What
</h2> </h2>
@ -116,7 +110,7 @@
<p> <p>
Physical zines arrive at recipients. Digital zines shared. Physical zines arrive at recipients. Digital zines shared.
</p> </p>
</div> </main>
</div> </div>
<footer role="contentinfo" id="footer"> <footer role="contentinfo" id="footer">

View File

@ -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 */ /* populate footer */
let footerHTML = ` let footerHTML = `

View File

@ -11,7 +11,7 @@
<link rel="stylesheet" href="styles/main.css" /> <link rel="stylesheet" href="styles/main.css" />
<!-- The website JavaScript file --> <!-- The website JavaScript file -->
<script src="scripts/footer.js" defer></script> <script src="scripts/populate.js" defer></script>
</head> </head>
<body> <body>
<div class="wrapper"> <div class="wrapper">
@ -20,6 +20,10 @@
<div class="iframe-flex"> <div class="iframe-flex">
<div class="iframe"> <div class="iframe">
<h2>Get notified when sign-ups go live!</h2> <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 <iframe
class="airtable-embed" class="airtable-embed"
src="https://airtable.com/embed/app76cWa9xMbzWFn3/pag3eYElM2MGCn4g2/form" src="https://airtable.com/embed/app76cWa9xMbzWFn3/pag3eYElM2MGCn4g2/form"
@ -29,9 +33,6 @@
height="533" height="533"
style="background: transparent; border: 1px solid #ccc" style="background: transparent; border: 1px solid #ccc"
></iframe> ></iframe>
<p>
Form embed not working?
</p>
</div> </div>
</div> </div>
</div> </div>

View File

@ -68,10 +68,11 @@ body {
/* Links */ /* Links */
a:link, a:link,
a:visited { a:visited {
color: var(--color-text-header); background-color: var(--color-text-main);
color: var(--color-bg);
font-size: 1.1rem; font-size: 1.1rem;
font-weight: bold; font-weight: bold;
border-radius: 1rem; padding: 0 .2rem;
} }
/* Page structure */ /* Page structure */