events/2023-09-30-build-a-website-in-an-hour

Build a Website in an Hour was an IndieWeb meetup on Zoom held on 2023-09-30.

• Archived from: https://etherpad.indieweb.org/2023-09-30-build-a-website-in-an-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!

Participants

• capjamesg
• Yousef Amar
• Tantek Çelik
• Pablo Morales
• ... add names

Notes

• Introduction to the event
• We built websites in an hour!
• Pablo presents NYC Climate Week website
  • Will be hosted on climateweeknyc.lifeofpablo.com this weekend.
  • https://tachyons.io/
• James presents web speech API
• Yousef Fractional CTO service landing page https://dev.amar.io/memo/cto
• Avner worked on some HTML!

• https://1k.lifeofpablo.com
• https://granary.io/ - feed converter

• https://tantek.com/2012/353/b1/why-html-classes-css-class-selectors

Trivia, last time there was a massive blizzard in NYC, we held an IndieWebCamp:

• 2016/NYC
  • https://en.wikipedia.org/wiki/January_2016_United_States_blizzard
• https://en.wikipedia.org/wiki/Winter_of_2010%E2%80%9311_in_Great_Britain_and_Ireland
• https://earthobservatory.nasa.gov/images/47626/snow-in-great-britain-and-ireland

• https://radio.garden
• https://dead.garden/now/

• Add scrobble to website, see what people are listening

• cities - space time table
  • Tantek Çelik asked for other examples of space time display/charts that anyone here had built
    • reminds me of this famous design https://en.wikipedia.org/wiki/Charles_Joseph_Minard#The_map_of_Napoleon's_Russian_campaign
  • was inspired a bit by the notebook UI in Adjustment Bureau (https://www.imdb.com/title/tt1385826/)
  • wrote a post with images of that notebook UI but it needs fixing
    • fixed: https://tantek.com/2011/087/t5/future-probability-tree-adjustment-forking-paths

Has anyone used protocol-relative image embedding? (e.g. img src=... URLs)

• answer was no

Has anyone done protocol-relative auto-linking (or auto-embedding)?

• answer was also no

Tantek Çelik has some code to write/fix, update on his site (but not in time for the rest of this session)

Some discussion of MR ROBOT and other media.

Afterwards:

• page created: protocol_relative_URL

---