New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Marketing pages plugin #1332
base: dev
Are you sure you want to change the base?
Marketing pages plugin #1332
Conversation
codecalm
commented
Oct 24, 2022
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
This is fantastic, damn I am so excited about that new page. Exactly what was missing for me. I'd like to sponsor that feature ... you have my email. Just drop me a line! |
@copulatrix I know, I't still draft :) |
@codecalm Sorry, wasn't sure. I compared the Vercel build preview to the image. Got a tab bit excited. Really love the work, and how far Tabler has come in the last couple of weeks I've been following. |
Images automagically compressed by Calibre's image-actions ✨ Compression reduced images by 20.4%, saving 125.50 KB.
802 images did not require optimisation. |
|
…rs, browser component
Getting better and better ❤️ |
Images automagically compressed by Calibre's image-actions ✨ Compression reduced images by 16.5%, saving 222.16 KB.
804 images did not require optimisation. |
@codecalm what do you think ? header navigation need to have option to change state to fixed after scroll down // Add an event listener to the window's scroll event
window.addEventListener("scroll", function() {
let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
// When at the top of the page
if (scrollTop === 0) {
document.querySelector("header").classList.remove("bg-white-nav-shadow");
document.querySelector("header").classList.add("bg-white-nav");
}
// When scrolling away from the top
else {
document.querySelector("header").classList.remove("bg-white-nav");
document.querySelector("header").classList.add("bg-white-nav-shadow");
}
}); .bg-white-nav {
--tblr-bg-opacity: 1;
background-color: #F6F8FB !important;
}
.bg-white-nav-shadow {
--tblr-bg-opacity: 1;
background-color: #F6F8FB !important;
-webkit-box-shadow: 0 4px 6px -6px #222;
-moz-box-shadow: 0 4px 6px -6px #222;
box-shadow: 0 4px 6px -6px #222;
} quick dirty fix i bet you can do it much better <header class="navbar navbar-expand-lg fixed-top bg-white-nav navbar-transparent py-3" style="background-color: #F6F8FB;"> Hope this will helo you a lot! tnx |
As you said a couple of times before: you are not sure how to monetize tabler. |