The magicbean.dev homepage, and the Magic Bean artwork
- HTML 100%
| Filename | Latest commit message | Latest commit date |
|---|---|---|
| assets | ||
| public | ||
| .gitignore | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| wrangler.jsonc | ||
magicbean.dev
The Magic Bean homepage: one static page with links to git.magicbean.dev and the Discord
server, served by Cloudflare Workers (static assets) on the magicbean.dev custom domain.
public/ the site: index.html, the logo and icons
assets/ artwork, full size: the logo (magicbean.png, 1254 × 1254, the source for every size in public/; magicbean-transparent.png, the same without its brown background, the source of public/logo.webp) and the
beans on their own, plain and on fire (redbean, greenbean, bluebean, redfirebean, greenfirebean,
bluefirebean, and sad: redsadbean, greensadbean, bluesadbean; transparent PNGs), and Longshot's hook icon (longshot.png, 1024 × 1024)
wrangler.jsonc the Worker: static assets from public/, the magicbean.dev route
Deploy with npm install once, then npm run deploy (Wrangler, signed in to Cloudflare). The account isn't in the
repository: put it in a .env file beside wrangler.jsonc (ignored by git), as CLOUDFLARE_ACCOUNT_ID=<id>, or set
that variable. npm run dev serves it locally.
Icons from the full-size logo (ImageMagick):
magick assets/magicbean-transparent.png -resize 512x512 -strip -quality 88 -define webp:method=6 -define webp:alpha-quality=100 public/logo.webp
magick assets/magicbean.png -resize 512x512 -strip public/logo.png
magick assets/magicbean.png -resize 192x192 -strip public/icon-192.png
magick assets/magicbean.png -resize 180x180 -strip public/apple-touch-icon.png
magick assets/magicbean.png -resize 32x32 -strip public/favicon-32.png
The same logo is Forgejo's (git.magicbean.dev's custom/public/assets/img/) and the MagicBeanDev organisation's avatar.