🐲🏆 Checkpoint

./styles/main.css:69682263/529
./scripts/footer.js:69682263/14
./index.html:69682263/36
./signup/index.html:69682263/8051
./styles/iframe.css:69682263/180
This commit is contained in:
Glitch (glitch-hello-website)
2024-12-12 03:53:34 +00:00
parent 728a8bcbfd
commit cedf51f1f2
5 changed files with 47 additions and 11 deletions

View File

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

View File

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

View File

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

13
styles/iframe.css Normal file
View File

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

View File

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