projects $ cat self-coding-website.md

Self-Coding Website

hobby

2021 · Creator

A tiny experiment with a fun premise: what if a website wrote its own source code, live, in front of you?

The page displays its own style block and types it out character by character — and because the style block is actually applied to the document, the page styles itself as it "codes". You can even edit the code and watch the page change.

No frameworks, no build step: one HTML file, a sprinkle of JavaScript, and a CSS trick (`style { display: block }`) doing all the heavy lifting.

visit project git clone

$ cat package.json

{
  "name": "self-coding-website",
  "version": "1.0.0",
  "description": "A website that styles itself: the style block is displayed and editable while a small auto-typing script makes the site literally write its own code.",
  "category": "hobby",
  "role": "Creator",
  "keywords": [
    "JavaScript",
    "CSS"
  ],
  "homepage": "https://laurensv.github.io/self-coding-website/",
  "repository": "https://github.com/laurensV/self-coding-website"
}