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 | |
| parent | 5b3e4fb8a606385392b24dba3553db3dcb1cd711 (diff) | |
| parent | 5d043fb633bffeddb5ba5a0543d121c817365a8e (diff) | |
Merge pull request #31 from davepagurek/main
Add a CSS version
| -rw-r--r-- | entries/davepagurek/index.html | 67 | ||||
| -rw-r--r-- | people.json | 13 |
2 files changed, 79 insertions, 1 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> diff --git a/people.json b/people.json index 7ec29e3..2658904 100644 --- a/people.json +++ b/people.json @@ -288,7 +288,18 @@ } ] }, - { + { + "github": "davepagurek", + "name": "Dave Pagurek", + "title": "MSc, UBC", + "entries": [ + { + "name": "css", + "link": "./entries/davepagurek/index.html" + } + ] + }, + { "github": "dewert99", "name": "David Ewert", "title": "MSc Student, UBC", |