🔨☎️ Checkpoint

./signup/index.html:69682263/120
./styles/main.css:69682263/2353
./index.html:69682263/1402
This commit is contained in:
Glitch (glitch-hello-website)
2024-12-11 23:23:41 +00:00
parent b838a36589
commit eb4eece4e6
3 changed files with 58 additions and 106 deletions

View File

@ -53,13 +53,60 @@
<p>
Early-mid 2025. Exact dates not yet set.
</p>
<h3>
Deadline 0: 17 January 2025
</h3>
<p>
Artist sign-up closes.
</p>
<h3>
Deadline 1: 31 January 2025
</h3>
<p>
(deadline 0 + 2 weeks)
</p>
<p>
Backer sign-up closes. Artists are informed of the # of physical zines needed.
</p>
<h3>
Deadline 2: 11 April 2025
</h3>
<p>
(deadline 1 + 10 weeks)
</p>
<p>
Art submission deadline. Digital zines are submitted to digital drive; physical zines are in the mail.
</p>
<h3>
Deadline 3: 9 May 2025
</h3>
<p>
(deadline 2 + 4 weeks)
</p>
<p>
Physical zines arrive at distributor.
</p>
<h3>
Deadline 4: 6 June 2025
</h3>
<p>
(deadline 3 + 4 weeks)
</p>
<p>
</p>
<ul>
<li><b>Deadline 0:</b> Artist sign-up closes</li>
<li><b>Deadline 1 (0 + 2 weeks):</b> Backer sign-up closes; artists are informed # of physical zines</li>
<li><b>Deadline 2 (1 + 10 weeks):</b> Art submission deadline (digital zines submitted; physical zines in the mail)</li>
<li><b>Deadline 3 (2 + 4 weeks):</b> Physical zines arrive at distributor</li>
<li><b>Deadline 4 (3 + 4 weeks):</b> Physical zines packaged and ready for shipment; digital zines organized and ready to share</li>
<li><b>Deadline 5 (4 + 4 weeks):</b> Physical zines to arrive at recipients; digital zines shared</li>
<li><b>Deadline 0 - 17 January 2025:</b> Artist sign-up closes</li>
<li><b>Deadline 1 (deadline 0 + 2 weeks) - 31 January 2025:</b> Backer sign-up closes; artists are informed # of physical zines</li>
<li><b>11 April 2025 - deadline 2 (deadline 1 + 10 weeks):</b> Art submission deadline (digital zines submitted; physical zines in the mail)</li>
<li><b>9 May 2025 - deadline 3 (deadline 2 + 4 weeks):</b> Physical zines arrive at distributor</li>
<li><b>6 June 2025 - deadline 4 (deadline 3 + 4 weeks):</b> Physical zines packaged and ready for shipment; digital zines organized and ready to share</li>
<li><b>4 July 2025 - deadline 5 (deadline 4 + 4 weeks):</b> Physical zines to arrive at recipients; digital zines shared</li>
</ul>
</div>
</div>

View File

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

View File

@ -1,19 +1,3 @@
/******************************************************************************
START Glitch hello-app default styles
The styles in this section do some minimal CSS resets, set default fonts and
colors, and handle the layout for our footer and "Remix on Glitch" button. If
you're new to CSS they may seem a little complicated, but you can scroll down
to this section's matching END comment to see page-specific styles.
******************************************************************************/
/*
The style rules specify elements by type and by attributes such as class and ID
Each section indicates an element or elements, then lists the style properties to apply
See if you can cross-reference the rules in this file with the elements in index.html
*/
/* Our default values set as CSS variables */
:root {
--color-bg: #69F7BE;
@ -48,32 +32,6 @@ to this section's matching END comment to see page-specific styles.
format("opentype");
}
/* Our remix on glitch button */
.btn--remix {
font-family: HK Grotesk;
padding: 0.75rem 1rem;
font-size: 1.1rem;
line-height: 1rem;
font-weight: 500;
height: 2.75rem;
align-items: center;
cursor: pointer;
background: #FFFFFF;
border: 1px solid #000000;
box-sizing: border-box;
border-radius: 4px;
text-decoration: none;
color: #000;
white-space: nowrap;
margin-left: auto;
}
.btn--remix img {
margin-right: 0.5rem;
}
.btn--remix:hover {
background-color: #D0FFF1;
}
/* Navigation grid */
.footer {
display: flex;
@ -130,67 +88,17 @@ body {
justify-content: center;
}
/* Very light scaling for our illustration */
.title {
color: var(--color-text-header);
font-family: HK Grotesk;
font-style: normal;
font-weight: bold;
font-size: 100px;
font-size: 65px;
line-height: 105%;
margin: 0;
}
/* Very light scaling for our illustration */
.illustration {
max-width: 100%;
max-height: var(--image-max-width);
margin-top: var(--image-margin);
}
/* Instructions */
.instructions {
margin: 1rem auto 0;
}
/* Button - Add it from the README instructions */
button,
input {
font-family: inherit;
font-size: 100%;
background: #FFFFFF;
border: 1px solid #000000;
box-sizing: border-box;
border-radius: 4px;
padding: 0.5rem 1rem;
transition: 500ms;
}
/* Subheading */
h2 {
h2, h3 {
color: var(--color-text-header);
}
/* Interactive image */
.illustration:active {
transform: translateY(5px);
}
/* Button dip
- Toggling this class on and off will move it down and up again
- The button transition property above determines the speed of the translate (500ms)
*/
.dipped {
transform: translateY(5px);
}
/* Links that open files in the editor */
.fileopener {
cursor:pointer;
font-weight:bold;
border-bottom:3px solid var(--color-primary);
color: var(--color-secondary);
}
.fileopener:hover {
border-bottom:3px solid var(--color-secondary);
}