Skip to content

Instantly share code, notes, and snippets.

@tomhodgins

tomhodgins/semicolon-indent.html

Last active October 26, 2018 10:03
Show Gist options
  • Save tomhodgins/71f7622ef8719540582e50193b6e7c21 to your computer and use it in GitHub Desktop.
Save tomhodgins/71f7622ef8719540582e50193b6e7c21 to your computer and use it in GitHub Desktop.
Download ZIP
I took all the semicolons from my CSS and used them as indentation in my JS
Raw
semicolon-indent.html
<body>
<style>
body { margin : 0 }
body { background : #111 }
div { float : left }
div { width : calc(100%/256) }
div { padding-top : calc(100%/256) }
</style>
<script>
;;var hue = [0,1,2,3,4,5,6,7,8,9,'a','b','c','d','e','f']
;;for (r=0;r<hue.length;r++){
;;;;for (g=0;g<hue.length;g++){
;;;;;;for (b=0;b<hue.length;b++){
;;;;;;;;var pixel=document.createElement('div')
;;;;;;;;pixel.style.background='#'+hue[r]+hue[g]+hue[b]
;;;;;;;;document.body.appendChild(pixel)
;;;;;;}
;;;;}
;;}
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment