🐷👩❤️💋👩 Checkpoint
./signup/index.html:69682263/117 ./scripts/footer.js:69682263/417 ./index.html:69682263/150
This commit is contained in:
@ -9,10 +9,10 @@
|
||||
<title>FediZineFest 2025</title>
|
||||
|
||||
<!-- The website stylesheet -->
|
||||
<link rel="stylesheet" href="/style.css" />
|
||||
<link rel="stylesheet" href="styles/main.css" />
|
||||
|
||||
<!-- The website JavaScript file -->
|
||||
<script src="/script.js" defer></script>
|
||||
<script src="scripts/footer.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
@ -63,9 +63,8 @@
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- The footer holds our remix button — you can keep or delete it ✂ -->
|
||||
<footer class="footer">
|
||||
<div class="links"></div>
|
||||
|
||||
<footer class="footer" id="footer">
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
34
script.js
34
script.js
@ -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
13
scripts/footer.js
Normal 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();
|
||||
@ -18,14 +18,13 @@
|
||||
<div class="wrapper">
|
||||
<div class="content" role="main">
|
||||
<h1 class="title">FediZineFest 2025 Sign-Ups</h1>
|
||||
|
||||
<h2>
|
||||
What:
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<!-- The footer holds our remix button — you can keep or delete it ✂ -->
|
||||
<footer class="footer">
|
||||
<div class="links"></div>
|
||||
<div class="links">
|
||||
Created by
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user