events/2024-03-23-website-hour
Build a Website in an Hour was a pop-up IndieWeb meetup on Zoom held on 2024-03-23.
- Archived from: https://etherpad.indieweb.org/website-hour
Welcome to the "Build a Website in an Hour" event! In this event, you are challenged to create a website from scratch in an hour. At the start of the meeting, we will do a round of introductions, then we will put one hour on the clock in which we can all build a website.
Use this time as an opportunity to exercise your creativity muscles. Build whatever interests you!
You can use whatever technologies (and frameworks) you want, but you cannot work on an existing project. You have to start from scratch and build what you make in the hour. You can re-use work from projects you have made before.
You don't have to write any code! We encourage you to use a tool like WordPress, micro.blog, or another website builder if you want to set up a website without code.
After the hour is up, we will share what we have built with each other. Everyone will have a few minutes to present their website. The exact time will vary depending on how many participants we have.
Don't have an idea yet? Here are a few to help inspire you:
- Create a blog
- Build a web page on a topic you are passionate about
- Create instructions on how to do something (make a cake, build a website)
- Make a game with JavaScript
- Create an animation with CSS
- Create a tool for displaying microformats data on a page
Need help getting started? Here are a few resources to help you out:
- Blank IndieWeb website: https://github.com/indieweb/blank-gh-site
- Wordpress: https://wordpress.com
- micro.blog: https://micro.blog
- IndieWeb wiki: https://indieweb.org (good for reference if you know what you are looking for)
- add anything else here you think will help someone else!
IndieWeb Code of Conduct: coc
Participants
capjamesgSara Jakša
Kevin Marks
Aram ZS- Template:mossymaker - mossymaker.com
Anthony Ciccarello - www.ciccarello.me- Template:morganwebdev - https://morganwebdev.com
Pablo Morales- Template:manila - https://manic.so
João Pesce
- to2ds - https://toddpresta.com
- Template:samharp - terrabyte.eco/wasted-space (WIP site not up yet..)
Mark Sutherland- Add yourself here… (see this for more details)
Notes
HELLO - MORGAN HERE :D
- CHECK OUT MY RAD CURSOR AT https://coffeecrawl2024.netlify.app/
- James: I love coffee :D (My blog has the word "coffee" in the title :P)
- Awesome wow you do love coffee! Lots of web stuff there ^_^
(A friend sent me this when I told them about the event)
- Anthony Ciccarello I'm trying out https://emissary.dev/
- Was able to get it running locally and modified the color on one of the themes but wasn't able to get multiple users created
Im using HTMX the library, creating an additional page to a website. hope that fits the spirit of the event still heh Semantic html + HTMX + Preloading extension -> Means this big GIF on my new page loads super fast
I worked on this: a bunch of the CSS I found on Smashing magazine: https://65ff0c05a9ed012669c381ec--stirring-kitsune-2512b6.netlify.app/
A short blog post about webmentions https://manic.so/blog/docusaurus-webmentions
Export data from IMDB, goodreads etc: https://github.com/ttybitnik/diego
Demos:
- Todd: https://toddpresta.com/post/lentil-stew-hackathon
- Wrote blog post in the hour, used webp images for performance
- João: https://65ff0b08beabdc24e09ee5cc--coruscating-cascaron-dfe600.netlify.app/
- Making a catalog of things I like -- everyday objects. Thought it would be cool to put it on a website to help reason why some things last for so long / don't last.
- Mark: https://internetformisfits.com/
- Turned website from an image with effects to a full web page
- Uses transforms to add angles to web pages
- Morgan: Coffee crawl Bellingham website
- Used HTML5 boilerplate
- James: Worked on a web page to use his knowledge graph query language
- Programming language: https://github.com/capjamesg/knowledge-graph-language
- Website isn't live or on GitHub yet, but will be in the next day or two
- Sara: Wrote a blog post: https://sarajaksa.eu/2024/03/the-inner-and-outer-layer-of-participating/
- Patrick: Design exercise with Astro, Tailwind, GitLab pages
- Chandra: https://chandradrummond.github.io/conteudos/diario/
- Built a diary page to post short-form content
- Building a Goodreads Export Displayer - https://github.com/AramZS/aramzs.xyz/tree/repurpose
- Spotify obsessions - https://songobsessed.com/
- Webmentions in Docusaurus: https://manic.so/blog/docusaurus-webmentions
- Sammy: Eco-centric "Wasted Space" game: https://terrabyte.eco/wasted-space
- Pablo Morales messed with his resume/profile page inspired by Jamie Tanna and was setting up a separate CMS.