If you live in the GTA, this burger restaurant is for you! No matter how far you are from Ajax, it’s worth it, quality burgers that you’ve always craved. Halal too for all my muslim brothers and sisters! Website built with Qwik by me of course
https://burgersonfleek.ca
#Burgers on Fleek
pale ingot
brisk dust
Super clean! Also it's not Qwik, but your personal site you have in your discord profile is clean af too!
pale ingot
Super clean! Also it's not Qwik, but your personal site you have in your discord...
it’s a bit dated ngl 💀, i’m planning to switch it to qwik soon, don’t know when
proud frost
really nice work – an actual menu rather than a PDF 🙂
pale ingot
yess i still have the PDF in the menu’s sidebar for people to view, mostly did the actual menu for making it faster to load, here’s the before and after, much less data served
fresh birch
I notice that if you turn off JS it doesn't show the menu
So your SSR isn't rendering the menu (bad for SEO) or your CSS expects JS
pale ingot
So your SSR isn't rendering the menu (bad for SEO) or your CSS expects JS
my css expects js
it animates as you scroll
how do I make it so that if JS is off, it shows the menu anyway?
also, it's SSG, on GitHub pages, SSR currently doesn't really make sense with the current features of the website
fresh birch
how do I make it so that if JS is off, it shows the menu anyway?
You need to make your CSS in two parts, and add the second part with JS or via noscript.
So if you have a beginning state and you need to add something for the animation, you can do <noscript><style>...</style></noscript> to move the animation to the final state, so that when JS is disabled it shows the final state.
However, if JS is just slow to load you still won't have the menu.
So it's better to inject the animation JS before the content. Make the CSS visible by default, and add animation in a <script> tag which hides it at first
pale ingot
ah okk i’ll see if i can do that tomorrow
pale ingot
Super clean! Also it's not Qwik, but your personal site you have in your discord...
it’s qwik now! Will post on this forum once i iron out some things, just wanted to let you know
pale ingot
Switched from github pages to cloudflare pages 
fresh birch
Gave it another go without JS, works almost perfectly, only the menu navigation should also be links to anchors at each heading. Good stuff!
pale ingot
Gave it another go without JS, works almost perfectly, only the menu navigation ...
yeah, without js the anchors dont work on SPA due to this bug #1058118576453713920 message
pale ingot
been a while! just wanna say there's been some updates in the styling and stuff x)
pale ingot
website now has view transitions api!!11!1
and also new menu that looks way better than before
here's a before and after
pale ingot
wow crazy seeing this thinking about how far i’ve gone in this website
balmy quiver
hey just to note, it seems the side bar filter is covering the footer when u scroll fully
on brave windows 11 27inch 1080p screen for context
pale ingot
ty :)
pale ingot
