diff options
Diffstat (limited to 'entries/davepagurek')
| -rw-r--r-- | entries/davepagurek/index.html | 67 |
1 files changed, 67 insertions, 0 deletions
diff --git a/entries/davepagurek/index.html b/entries/davepagurek/index.html new file mode 100644 index 0000000..bfa8791 --- /dev/null +++ b/entries/davepagurek/index.html @@ -0,0 +1,67 @@ +<html> + <head> + <style> +.initialize { + --prev: 0; + --next: 1; +} + +.copyPrevToTmpVars { + --tmp-prev: var(--prev); + --tmp-next: var(--next); +} + +.setVarsToSumOfTmps { + --prev: var(--tmp-next); + --next: calc(var(--tmp-prev) + var(--tmp-next)); +} + +.setVarsToSumOfTmps::before { + counter-set: fib var(--prev); + content: counter(fib); +} + </style> + </head> + <body> + + <!-- + These are all nested divs, but browsers are happy to fix my + bad code, so I can write one on each line as if they're statements! + --> + + <div class="initialize"> + + <div class="copyPrevToTmpVars"> + <div class="setVarsToSumOfTmps"> + + <div class="copyPrevToTmpVars"> + <div class="setVarsToSumOfTmps"> + + <div class="copyPrevToTmpVars"> + <div class="setVarsToSumOfTmps"> + + <div class="copyPrevToTmpVars"> + <div class="setVarsToSumOfTmps"> + + <div class="copyPrevToTmpVars"> + <div class="setVarsToSumOfTmps"> + + <div class="copyPrevToTmpVars"> + <div class="setVarsToSumOfTmps"> + + <div class="copyPrevToTmpVars"> + <div class="setVarsToSumOfTmps"> + + <div class="copyPrevToTmpVars"> + <div class="setVarsToSumOfTmps"> + + <div class="copyPrevToTmpVars"> + <div class="setVarsToSumOfTmps"> + + <div class="copyPrevToTmpVars"> + <div class="setVarsToSumOfTmps"> + + <div class="copyPrevToTmpVars"> + <div class="setVarsToSumOfTmps"> + </body> +</html> |