🖇🐓 Checkpoint

./scripts/footer.js:69682263/430
./signup/index.html:69682263/6946
./index.html:69682263/5348
./for-artists/index.html:69682263/256
./styles/main.css:69682263/25
This commit is contained in:
Glitch (glitch-hello-website)
2024-12-12 04:27:30 +00:00
parent 1f379d3c1c
commit af1be2e496
5 changed files with 37 additions and 24 deletions

View File

@ -11,10 +11,15 @@
<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/populate.js" defer></script> <script src="scripts/footer.js" defer></script>
</head> </head>
<body> <body>
<div class="wrapper"> <div class="wrapper">
<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 with questions.
</p>
</div>
<main> <main>
</main> </main>
</div> </div>

View File

@ -11,10 +11,17 @@
<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/populate.js" defer></script> <script src="scripts/footer.js" defer></script>
</head> </head>
<body> <body>
<div class="wrapper"> <div class="wrapper">
<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 with
questions.
</p>
</div>
<main id="main"> <main id="main">
<header role="banner"> <header role="banner">
<h1>FediZineFest 2025</h1> <h1>FediZineFest 2025</h1>

View File

@ -1,19 +1,3 @@
/* populate WIP banner */
let wipHTML = `
<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>
`
function populateWip() {
let wip = document.createElement("div");
wip.innerHTML = wipHTML;
wip.className = "wip";
let main = document.getElementById("main");
let mainParent = main.parentNode;
mainParent.insertBefore(wip, main);
}
/* populate footer */ /* populate footer */
let footerHTML = ` let footerHTML = `

View File

@ -11,18 +11,34 @@
<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/populate.js" defer></script> <script src="scripts/footer.js" defer></script>
</head> </head>
<body> <body>
<div class="wrapper"> <div class="wrapper">
<div class="content" role="main"> <nav role="navigation" id="top-nav">
<h1 class="title">FediZineFest 2025 Sign-Ups</h1> <a class="nav-item">
</a>
</nav>
<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 with
questions.
</p>
</div>
<main>
<header role="banner">FediZineFest 2025 Signups</header>
<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 signups go live!</h2>
<p> <p>
Form embed below not working? Form embed below not working?
<a href="https://airtable.com/app76cWa9xMbzWFn3/pag3eYElM2MGCn4g2/form">Open in browser</a> <a
href="https://airtable.com/app76cWa9xMbzWFn3/pag3eYElM2MGCn4g2/form"
>Open in browser</a
>
</p> </p>
<iframe <iframe
class="airtable-embed" class="airtable-embed"
@ -35,7 +51,7 @@
></iframe> ></iframe>
</div> </div>
</div> </div>
</div> </main>
</div> </div>
<footer role="contentinfo" id="footer"></footer> <footer role="contentinfo" id="footer"></footer>
</body> </body>

View File

@ -73,6 +73,7 @@ a:visited {
font-size: 1.1rem; font-size: 1.1rem;
font-weight: bold; font-weight: bold;
padding: 0 .2rem; padding: 0 .2rem;
text-decoration: none;
} }
/* Page structure */ /* Page structure */