commits
- Colours are now controlled in `@/config`
- [title=""] attribute removed
- <title /> element removed
- [aria-hidden="true"] added to #background
- fixed style sorting on #background
- replaced [style="fill: ..."] with [fill="..."]
TODO:
- make colour palette more vibrant
- not keyboard focusable for screen readers sake
- role="none" for screen readers
- Balloons pop, cables and posts fall, and then balloons regrow and posts and cables rise
- focused balloons bounce/pulse
- cables change colours in night mode
todo:
- make balloons interactive & accesiable
- fix colours on links for nav
- always point up
- inherit colour of parent post
- prevent gap between cable and balloon/post
- randomised size + adjusted gap to make them more visible
- increase .top-offset
- no alt text for post heading images as decorative
- add [role] [aria-label] and <title /> for SVG components
- Add date formatting and <time /> element to posts
- Can now be closed with a button
- No longer a dropdown for subpaths
- Add a path to /navList.json to add it to the navigation
- Add a <Nav /> component to the page you want
- Clicking "Open" opens the nav with light dismiss (will add an X later)
- Sidebar slides in and out on left
- Can open on default
- Made the /blog heading not sticky
errata for last commit: it does work on server time i was being silly
idk if it respects client time or not but i assume it does
- Replace <img> tag in Clouds.astro with a Cloud component
- Clouds are generated by creating an array of random lengths then using it to aproximate the perimiter of a circle. These lengths are then used as the diameter of a circle. The final length always closes it to the end of the circle
- values are configurable
TODO: ensure last entry closes the circle if missing
astro.request and http date header ftw
astro.request and http date header ftw
todo:
- make other background elements svgs
- sun (configurable/randomised prongs)
- stars (randomised prongs + varied parallax)
- clouds (randomised style thing)
- use Astro.request.headers to get user date and prerender page
original commit message: I DID IT OH MY GOD THE MOON WORKS IT WAS SO EASY WHAT THE HELL
TODO: svgify everything, make moon react, randomise/tweeak parallax of star based on size/whatever
- no js: clouds
- between 6am and 6pm: sun and clouds
- before 6am or after 6pm: moon and stars
suns position is (time - 6) / 12, as it is assumed 6am is daytime and 6pm is nighttime
this is NOT accurate but its quick, simple, and you cant get the daytime anyway
todo: SVGs, sky colour
Also make stars go behind the moon
- remove whitespace in Moon imports // is the syntax error for conflicting Moon an astro/ts bug? runtime doesnt have it soo
- configure with blog.background.parallax.<element>
- test image is just off google if the link broke it dont matter
- Replace <img> tag in Clouds.astro with a Cloud component
- Clouds are generated by creating an array of random lengths then using it to aproximate the perimiter of a circle. These lengths are then used as the diameter of a circle. The final length always closes it to the end of the circle
- values are configurable
TODO: ensure last entry closes the circle if missing
todo:
- make other background elements svgs
- sun (configurable/randomised prongs)
- stars (randomised prongs + varied parallax)
- clouds (randomised style thing)
- use Astro.request.headers to get user date and prerender page
original commit message: I DID IT OH MY GOD THE MOON WORKS IT WAS SO EASY WHAT THE HELL