inherentlee/fedizinefest
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🐲🏆 Checkpoint

Browse Source 
./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
Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -47,7 +47,7 @@
</p> </p>
<h3> <h3>
Backers (cap or 20) Backers (cap of 20)
</h3> </h3>
<p> <p>
Provide payment; receive physical and/or digital zines. Provide payment; receive physical and/or digital zines.
@ -119,7 +119,7 @@
</div> </div>
</div> </div>
<footer class="footer" id="footer"> <footer role="contentinfo" id="footer">
</footer> </footer>
</body> </body>
</html> </html>

2
scripts/footer.js
View File

@ -1,7 +1,7 @@
/* populate footer */ /* populate footer */
let footerHTML = ` 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> <ul>
<li><a href="https://flipping.rocks/@mycrowgirl">Lisa</a> (color palette)</li> <li><a href="https://flipping.rocks/@mycrowgirl">Lisa</a> (color palette)</li>
</ul> </ul>

22
signup/index.html
View File

@ -1,7 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="https://glitch.com/favicon.ico" /> <link rel="icon" href="https://glitch.com/favicon.ico" />
@ -18,10 +17,25 @@
<div class="wrapper"> <div class="wrapper">
<div class="content" role="main"> <div class="content" role="main">
<h1 class="title">FediZineFest 2025 Sign-Ups</h1> <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 ✂ --> </div>
<footer class="footer" id="footer"> </div>
</footer> <footer role="contentinfo" id="footer"></footer>
</body> </body>
</html> </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;
}

17
styles/main.css
View File

@ -33,7 +33,7 @@
} }
/* Navigation grid */ /* Navigation grid */
.footer { #footer {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin: 1rem auto 0; margin: 1rem auto 0;
@ -46,9 +46,18 @@
.divider { .divider {
padding: 0 1rem; 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 { body {
font-family: HK Grotesk; font-family: HK Grotesk;