a hack club ysws where
ys: a (functional) website without any css
ws: money to spend on a club pizza party (or on other snacks)

rules

• no css allowed - not even inline styles
  • no <canvas> either
  • <tt> and images are allowed
  • deprecated html attributes that were replaced with css variants are allowed
  • svg is allowed but you can't use css attributes like style, fill, or stroke
• javascript is allowed - use it creatively
• your website has to be functionally complete - meaning it must have some use and have functionality but not necessarily pretty

requirements for rewards

you must be part of a official Hack Club!

start a workshop

1. apply for a workshop here
2. build masterpiece websites with your club only using only html and javascript
3. you will need to make sure members have an account on the Clubs Platform to ship

examples

ideas to get you started:

• a bus tracker with an ascii ui
• weather radar that uses websockets for real-time data
• dungeon crawler where you type commands to move
• fluid physics simulation
• social network
• ascii renderer

javascript techniques

ways to create visual effects without css:

textContent manipulation

animate text by changing content over time

ascii art

draw pictures using text characters

<pre> blocks

preserve spacing for text-based graphics

unicode characters

use emoji and symbols: ▓░█▄▀●○◐◑

html attributes

use width, height, border on elements

javascript "responsiveness"

try resizing this page to see me move

resources

• sans style - html elements reference
• mdn html docs

made with <3 by @notaroomba
edited by @freddie :>
source