🐷👩‍❤️‍💋‍👩 Checkpoint

./signup/index.html:69682263/117
./scripts/footer.js:69682263/417
./index.html:69682263/150
This commit is contained in:
Glitch (glitch-hello-website)
2024-12-11 23:01:28 +00:00
parent 9cb41ea2ba
commit ada2ccc18d
5 changed files with 21 additions and 44 deletions

View File

@ -9,10 +9,10 @@
<title>FediZineFest 2025</title> <title>FediZineFest 2025</title>
<!-- The website stylesheet --> <!-- The website stylesheet -->
<link rel="stylesheet" href="/style.css" /> <link rel="stylesheet" href="styles/main.css" />
<!-- The website JavaScript file --> <!-- The website JavaScript file -->
<script src="/script.js" defer></script> <script src="scripts/footer.js" defer></script>
</head> </head>
<body> <body>
<div class="wrapper"> <div class="wrapper">
@ -63,9 +63,8 @@
</ul> </ul>
</div> </div>
</div> </div>
<!-- The footer holds our remix button — you can keep or delete it ✂ -->
<footer class="footer"> <footer class="footer" id="footer">
<div class="links"></div>
</footer> </footer>
</body> </body>
</html> </html>

View File

@ -1,34 +0,0 @@
/*
This is your site JavaScript code - you can add interactivity!
*/
// Print a message in the browser's dev tools console each time the page loads
// Use your menus or right-click / control-click and choose "Inspect" > "Console"
console.log("Hello 🌎");
/*
Make the "Click me!" button move when the visitor clicks it:
- First add the button to the page by following the steps in the TODO 🚧
*/
const btn = document.querySelector("button"); // Get the button from the page
if (btn) { // Detect clicks on the button
btn.onclick = function () {
// The 'dipped' class in style.css changes the appearance on click
btn.classList.toggle("dipped");
};
}
// ----- GLITCH STARTER PROJECT HELPER CODE -----
// Open file when the link in the preview is clicked
let goto = (file, line) => {
window.parent.postMessage(
{ type: "glitch/go-to-line", payload: { filePath: file, line: line } }, "*"
);
};
// Get the file opening button from its class name
const filer = document.querySelectorAll(".fileopener");
filer.forEach((f) => {
f.onclick = () => { goto(f.dataset.file, f.dataset.line); };
});

13
scripts/footer.js Normal file
View File

@ -0,0 +1,13 @@
/* populate footer */
let footerHTML = `
<p>Created by <a href="https://leecat.art">Lee Cattarin</a></p>
<p>Site feedback? Questions? <a href="mailto:lee.cattarin@gmail.com?subject=fediZineFest">Reach out to Lee</a></p>
`
function populateFooter() {
let footer = document.getElementById("footer");
footer.innerHTML = footerHTML;
}
populateFooter();

View File

@ -18,14 +18,13 @@
<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>
<h2>
What:
</h2>
</div> </div>
<!-- The footer holds our remix button — you can keep or delete it ✂ --> <!-- The footer holds our remix button — you can keep or delete it ✂ -->
<footer class="footer"> <footer class="footer">
<div class="links"></div> <div class="links">
Created by
</div>
</footer> </footer>
</body> </body>
</html> </html>