Steal This Website!
This website is a series of examples of web technologies all done as a single page with detailed comments, so you can Steal This Website.
How to Use
Due to the stripped down nature of this website, it is not intended for complete beginners. If you want a gentle introduction to HTML (and thus the skill set you need to effectively Steal This Website), check out HTML for People.
To use, open the dev tools in your browser and examine the source files. Each feature will be well detailed with HTML comments.
You can usually view the source of a page by using the context menu and choosing “View Page Source” or similar.
They look like this:
<!-- This is a comment -->Why is this page so plain?
This page is intentionally without styles. You should learn what your browser defaults are. They're usually pretty good! (They may not support dark mode by default, though.)
License and Use
All content on this website is licensed CC0 unless otherwise stated on the page in question. It is intended that you may take such content from this website to adapt for your own work without permission or royalty.
Indie Web
Want to share this website with others? Use the following markup on your page. Make sure to update the image source to point at a copy of the badge on your own website.
Demo Menu
- Home Page (This page!)
- Steal this single column layout.
- Steal this Flexbox based Card layout.
- Steal this classic three column layout.
Experimental Menu
The following pages are unfinished in some way. Either they aren't fully featured pages you can steal, are experimental in some fashion or another, or potentially dangerous to use. They could be a mix of all three!