🐷👩❤️💋👩 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>
|
<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>
|
||||||
|
|||||||
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="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>
|
||||||
|
|||||||
Reference in New Issue
Block a user