diff options
| author | Dave Pagurek | 2022-10-24 23:33:32 +0000 |
|---|---|---|
| committer | GitHub | 2022-10-24 23:33:32 +0000 |
| commit | d04de9dca28dd4878be2bdbffe814ebe1586aa98 (patch) | |
| tree | 869704437402a0182d5d7c7a8c38fe7a80eb1bab /entries/davepagurek/index.html | |
| parent | 4da08849446829da335c5c59d953a5c23345d45d (diff) | |
Rename fib.html to index.html
Diffstat (limited to 'entries/davepagurek/index.html')
| -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..9b2ea6a --- /dev/null +++ b/entries/davepagurek/index.html @@ -0,0 +1,67 @@ +<html> + <head> + <style> +.initialize { + --prev: 0; + --next: 1; +} + +.copyPrev { + --tmp-prev: var(--prev); + --tmp-next: var(--next); +} + +.sumPrevious { + --prev: var(--tmp-next); + --next: calc(var(--tmp-prev) + var(--tmp-next)); +} + +.sumPrevious::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="copyPrev"> + <div class="sumPrevious"> + + <div class="copyPrev"> + <div class="sumPrevious"> + + <div class="copyPrev"> + <div class="sumPrevious"> + + <div class="copyPrev"> + <div class="sumPrevious"> + + <div class="copyPrev"> + <div class="sumPrevious"> + + <div class="copyPrev"> + <div class="sumPrevious"> + + <div class="copyPrev"> + <div class="sumPrevious"> + + <div class="copyPrev"> + <div class="sumPrevious"> + + <div class="copyPrev"> + <div class="sumPrevious"> + + <div class="copyPrev"> + <div class="sumPrevious"> + + <div class="copyPrev"> + <div class="sumPrevious"> + </body> +</html> |