add webjam page
This commit is contained in:
parent
3acd9ae234
commit
12db610d66
|
@ -108,25 +108,25 @@ sup, sub {
|
|||
.line.stop-6 {
|
||||
background-color: #426153;
|
||||
}
|
||||
.icon.stop-0 {
|
||||
.stop-0 {
|
||||
color: #984624;
|
||||
}
|
||||
.icon.stop-1 {
|
||||
.stop-1 {
|
||||
color: #ad5f1e;
|
||||
}
|
||||
.icon.stop-2 {
|
||||
.stop-2 {
|
||||
color: #c59506;
|
||||
}
|
||||
.icon.stop-3 {
|
||||
.stop-3 {
|
||||
color: #c8b500;
|
||||
}
|
||||
.icon.stop-4 {
|
||||
.stop-4 {
|
||||
color: #8ea530;
|
||||
}
|
||||
.icon.stop-5 {
|
||||
.stop-5 {
|
||||
color: #4b7b52;
|
||||
}
|
||||
.icon.stop-6 {
|
||||
.stop-6 {
|
||||
color: #426153;
|
||||
}
|
||||
.socials p a {
|
||||
|
|
|
@ -0,0 +1,126 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — Webpage Jam 2023</title>
|
||||
<meta charset='utf-8'/>
|
||||
<meta name='theme-color' content='#efe5d7'>
|
||||
<meta name='viewport' content='width=device-width, initial-scale=1.0, shrink-to-fit=no'/>
|
||||
<link rel='icon' type='image/x-icon' href='../favicon.ico'>
|
||||
<link rel='preconnect' href='https://fonts.googleapis.com'>
|
||||
<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin>
|
||||
<link href='https://fonts.googleapis.com/css2?family=Lora:ital@0;1&display=swap' rel='stylesheet'>
|
||||
<link rel='stylesheet' type='text/css' href='../../css/style.css'/>
|
||||
<script type='module'>
|
||||
const signups = document.getElementById('signups');
|
||||
fetch('https://ctrl-c.club/~gome/library/webjam/webjam-entries.php')
|
||||
.then( r => r.json() )
|
||||
.then( r => {
|
||||
for (const { user, plan } of r) {
|
||||
const user_link = document.createElement('a');
|
||||
user_link.href = 'https://ctrl-c.club/~' + user;
|
||||
user_link.innerText = '~' + user;
|
||||
const user_h4 = document.createElement('h4');
|
||||
user_h4.appendChild(user_link);
|
||||
const plan_pre = document.createElement('pre');
|
||||
plan_pre.classList.add('webjam-plan');
|
||||
plan_pre.innerText = plan;
|
||||
signups.appendChild(user_h4);
|
||||
signups.appendChild(plan_pre);
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<style>
|
||||
html {
|
||||
max-width: 90ch;
|
||||
}
|
||||
.dates {
|
||||
font-variant-numeric: oldstyle-nums;
|
||||
}
|
||||
#signups h4:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.webjam-plan {
|
||||
background-color: #ffffff66;
|
||||
border: 1px outset #ffffff44;
|
||||
border-radius: 2px;
|
||||
padding: 1em;
|
||||
white-space: pre-wrap;
|
||||
margin: 1em -1rem;
|
||||
}
|
||||
.container-1 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 20px;
|
||||
}
|
||||
@media only screen and (max-width: 500px) {
|
||||
.container-1 {
|
||||
flex-direction: column;
|
||||
gap: 0;
|
||||
}
|
||||
}
|
||||
.vital-info {
|
||||
margin-bottom: 1em;
|
||||
padding: 1em 1em 0 1em;
|
||||
background-color: #ffffff44;
|
||||
border: 1px solid #323a42;
|
||||
border-radius: 10px;
|
||||
box-shadow: 1px 1px #323a42;
|
||||
display: inline-block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='../..'>back to gomepage</a>—<a href='..'>library</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<h1>Ctrl-C Webpage Jam 2023!</h1>
|
||||
<div class='container-1'>
|
||||
<div class='vital-info'>
|
||||
<p class='dates'>
|
||||
<b>Dates</b>: Friday, 25 August – Friday, 1 September (one week)
|
||||
</p>
|
||||
<h3 class='stop-0'>To Sign Up for the Jam:</h3>
|
||||
<p>
|
||||
Create a file called <code>.webjam-23</code> in your Ctrl-C home directory
|
||||
containing a short description of what you would like to accomplish during the jam.
|
||||
</p>
|
||||
</div>
|
||||
<img class='no-border' src='../journal-icons/computer-2.webp' width='192' height='192' />
|
||||
</div>
|
||||
<h3 class='stop-0'>Build on your Ctrl-C user site!</h3>
|
||||
<p>
|
||||
Is there a page on your site you’ve been meaning to add?
|
||||
Is your homepage just a big “<b>COMING SOON!</b>”?
|
||||
Do you want to pick up some new webpage-building skills?
|
||||
</p><p>
|
||||
The Webpage Jam 2023 is a week-long opportunity for you to do all that and more alongside your fellow Ctrl-C members.
|
||||
</p>
|
||||
<h3 class='stop-0'>You set your own goal for the jam!</h3>
|
||||
<p>
|
||||
The goal of the jam is to make a single page,
|
||||
but you can certainly plan to make more if you want.
|
||||
Whatever you consider a manageable goal over the course of a week!
|
||||
You are also allowed to change your goal.
|
||||
</p>
|
||||
<h3 class='stop-0'>The format is casual and simple!</h3>
|
||||
<ul>
|
||||
<li><b>Before the event</b>, Ctrl-C users will sign up with a statement of their plans for the jam.</li>
|
||||
<li><b>During the event</b>, we will spend a week working on our respective webpages, sharing our progress and offering support to each other along the way.</li>
|
||||
<li><b>At the end of the event</b>, the finished pages will be shared here.</li>
|
||||
</ul>
|
||||
<h3 class='stop-5'>Some of your fellow users have already signed up!</h3>
|
||||
<p>
|
||||
To join them, create a <code>~/.webjam-23</code> file!
|
||||
</p>
|
||||
<div id='signups'>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
<img src='../../img/mushrooms_2.webp' alt='Toadstools' />
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in New Issue