🗽🔔 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" />
<!-- 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">

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

View File

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

View File

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