diff options
| author | Braxton Hall | 2022-10-24 23:58:37 +0000 |
|---|---|---|
| committer | GitHub | 2022-10-24 23:58:37 +0000 |
| commit | 8e962516a634c92ed04bcd5961c177629ab055e9 (patch) | |
| tree | 79a740b40e895c6aa47d4ec1951cf1b093caed27 /entries | |
| parent | 5b3e4fb8a606385392b24dba3553db3dcb1cd711 (diff) | |
| parent | 5d043fb633bffeddb5ba5a0543d121c817365a8e (diff) | |
Merge pull request #31 from davepagurek/main
Add a CSS version
Diffstat (limited to 'entries')
| -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> |