gome/gomesite
gome
/
gomesite
1
2
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

webjam 2023 conclusion

This commit is contained in:
gome 2023-09-06 19:47:35 -05:00
parent ac84309134
commit dff4b62aa3
2 changed files with 23 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -63,7 +63,7 @@
<a class='library-link' href='library/webjam'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon stop-2"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect><line x1="8" y1="21" x2="16" y2="21"></line><line x1="12" y1="17" x2="12" y2="21"></line></svg>
<h3>Ctrl-C Webpage Jam</h3>
<p>Currently underway!</p>
<p>Recently finished!</p>
</a>
</article>
<article id='listening'>

71
library/webjam/index.html
View File

@ -12,24 +12,6 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.11.9/dayjs.min.js" integrity="sha512-q4Xn+ZU2K+dqJPL8a3TiyGsDa31IkR/rLt/w+fy8jLrx8TdXj0dLM1Aq4aPXnOOKxHEya/bD9DePDB2DHm4jJQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.11.9/plugin/duration.min.js" integrity="sha512-/ZD3LcT1wewkHD8U5WR9ZC4r/Wrg01/AiSYcutkQx/qWE681VMo1VIv9QqQxqigCyILgra+IMerNwUUGSKqPfA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel='stylesheet' type='text/css' href='../../css/style.css'/>
<script type='module'>
dayjs.extend(window.dayjs_plugin_duration);
const start = dayjs('2023-08-25');
const end = dayjs('2023-09-02');
let current = dayjs();
const percent = Math.round(current.diff(start) * 100000 / end.diff(start)) / 1000;
document.getElementById('progress').style.width = percent + '%';
const countdown = document.getElementById('countdown');
function pluralize(duration, unit) {
return `${unit}${duration.get(unit) === 1 ? '' : 's'}`;
}
function update_countdown() {
const duration = dayjs.duration(end.diff(dayjs()));
countdown.innerText = duration.format(`D [${pluralize(duration, 'day')},] H [${pluralize(duration, 'hour')},] m [${pluralize(duration, 'minute')},] s [${pluralize(duration, 'second')} remain!]`);
}
window.setInterval(update_countdown, 1000);
update_countdown();
</script>
<style>
h2 {
margin-bottom: 0.75em;
@ -91,12 +73,12 @@
font-size: 20px;
font-weight: bold;
}
.participant-list.nolink {
margin-top: -15px;
}
.participant-list.nolink .participant {
height: auto;
}
.participant-list.nolink {
margin-top: -15px;
}
.participant-list.nolink .participant {
height: auto;
}
@media only screen and (max-width: 700px) {
.participant-list {
grid-template-columns: 1fr 1fr;
@ -125,33 +107,26 @@
</header>
<main>
<h1>Ctrl-C Webpage Jam 2023</h1>
<h2 class='stop-0' style='margin: 0.5em auto'>The Jam is currently underway!</h2>
<img class='no-border' src='berhthun.webp' width='366' height='366'>
<div class='webjam-progress'>
<div class='webjam-progress-dates'>
<span><span class='collapse'>00:00, </span>25&nbsp;August<span class='collapse'> 2023</span></span>
<span><span class='collapse'>00:00, </span>2&nbsp;September<span class='collapse'> 2023</span></span>
</div>
<div class='webjam-progress-bar'>
<div class='webjam-progress-bar-progress' id='progress'></div>
</div>
<div id='countdown'></div>
</div>
<h2 class='stop-0' style='margin: 0.5em auto'>The Jam is finished!</h2>
<p>
Have fun working on your pages! Feel free to ask for help or share your progress on iris or the IRC channel.
The Webpage Jam was a collective week of effort on our respective Ctrl-C user pages.
Users set goals for what they wanted to accomplish on their site, and then worked to achieve that.
</p><p>
I enjoyed putting this together, so I will probably run the event again next summer.
If you’d like to participate, check back around June 2024 for signups!
</p>
<h2>Participants</h2>
<ul class='participant-list'>
<li class='participant'><span class='username'>~pgadey</span> is working on a <a href='https://ctrl-c.club/~pgadey/tour/'>hypertext home tour</a></li>
<li class='participant'><span class='username'>~chiptune</span> is working on <a href='https://ctrl-c.club/~chiptune/'>homepage updates</a> and more <a href='https://ctrl-c.club/~chiptune/art.html'>ASCII art</a></li>
<li class='participant'><span class='username'>~basilmori</span> is mirroring their <a href='https://geminiproxy.p.projectsegfau.lt/gemini/gemini.ctrl-c.club/~basilmori/'>gemini capsule</a></li>
<li class='participant'><span class='username'>~singletona082</span> is working on several pages: <a href='https://ctrl-c.club/~singletona082/zine/'>ctrl-zine</a>, <a href='https://ctrl-c.club/~singletona082/ham/'>ham radio</a>, <a href='https://ctrl-c.club/~singletona082/garden/'>garden</a>, <a href='https://ctrl-c.club/~singletona082/ifiction/'>ifiction</a></li>
<li class='participant'><span class='username'>~jara25</span> is experimenting with <a href='https://ctrl-c.club/~jara25/webjam-23/'>3D graphics</a></li>
<li class='participant'><span class='username'>~luchiz</span> is making a <a href='https://ctrl-c.club/~luchiz/webjam23/'>MIDI synthesizer</a></li>
<li class='participant'><span class='username'>~toochill</span> is writing about their <a href='https://ctrl-c.club/~toochill/weeb.html'>taste in anime</a></li>
<li class='participant'><span class='username'>~sshdaemon</span> is working on their <a href='https://ctrl-c.club/~sshdaemon/'>whole site</a></li>
<li class='participant'><span class='username'>~gome</span> is <a href='https://ctrl-c.club/~gome/library/songbook'>writing about songs</a></li>
</ul>
<li class='participant'><span class='username'>~pgadey</span> made a <a href='https://ctrl-c.club/~pgadey/tour/'>hypertext home tour</a></li>
<li class='participant'><span class='username'>~chiptune</span> is worked on <a href='https://ctrl-c.club/~chiptune/'>homepage updates</a> and more <a href='https://ctrl-c.club/~chiptune/art.html'>ASCII art</a></li>
<li class='participant'><span class='username'>~basilmori</span> mirrored their <a href='https://geminiproxy.p.projectsegfau.lt/gemini/gemini.ctrl-c.club/~basilmori/'>gemini capsule</a></li>
<li class='participant'><span class='username'>~singletona082</span> worked on several pages: <a href='https://ctrl-c.club/~singletona082/zine/'>ctrl-zine</a>, <a href='https://ctrl-c.club/~singletona082/ham/'>ham radio</a></li>
<li class='participant'><span class='username'>~jara25</span> experimented with <a href='https://ctrl-c.club/~jara25/webjam-23/'>3D graphics</a></li>
<li class='participant'><span class='username'>~luchiz</span> made a <a href='https://ctrl-c.club/~luchiz/webjam23/'>MIDI synthesizer</a></li>
<li class='participant'><span class='username'>~toochill</span> wrote about their <a href='https://ctrl-c.club/~toochill/weeb.html'>taste in anime</a></li>
<li class='participant'><span class='username'>~sshdaemon</span> worked on their <a href='https://ctrl-c.club/~sshdaemon/'>whole site</a></li>
<li class='participant'><span class='username'>~gome</span> started a section about <a href='https://ctrl-c.club/~gome/library/songbook'>songs</a></li>
</ul>
<ul class='participant-list nolink'>
<li class='participant'><span class='username'>~lettuce</span></li>
<li class='participant'><span class='username'>~wholesomedonut</span></li>
@ -161,8 +136,6 @@
<li class='participant'><span class='username'>~wvf</span></li>
<li class='participant'><span class='username'>~yinznme</span></li>
</ul>
<h3 class='stop-5'>Still meaning to join?</h3>
<p>Just email me the URL(s) you are working on at <code>gome<span style='user-select: none;'>&nbsp;&#8203;</span>@<span style='user-select: none;'>&nbsp;&#8203;</span>ctrl-c.club</code> before the end of the jam!</p>
</main>
<footer>
<img src='../../img/mushrooms_2.webp' alt='Toadstools' />