Marketing pages plugin

[codecalm]

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
tabler	✅ Ready (Inspect)	Visit Preview	Jun 21, 2023 7:50pm

[kevinpapst]

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]

Just an FYI, this is how the menu looks for me: I'm using Chrome - Version 106.0.5249.119 (Official Build) (64-bit)

[codecalm]

@copulatrix I know, I't still draft :)

[copulatrix]

@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.

[github-actions[bot]]

Images automagically compressed by Calibre's image-actions ✨

Compression reduced images by 20.4%, saving 125.50 KB.

Filename	Before	After	Improvement	Visual comparison
src/static/marketing/preview.png	170.90 KB	135.17 KB	-20.9%	View diff
src/static/marketing/[email protected]	443.04 KB	353.28 KB	-20.3%	View diff

802 images did not require optimisation.

[changeset-bot[bot]]

⚠️ No Changeset found

Latest commit: 30bf668b933c639c297e25e93866c6ea8bf165c1

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[codecalm]

a little preview:

[kevinpapst]

Great progress on all pages!

[kevinpapst]

Getting better and better ❤️

[codecalm]

[github-actions[bot]]

Images automagically compressed by Calibre's image-actions ✨

Compression reduced images by 16.5%, saving 222.16 KB.

Filename	Before	After	Improvement	Visual comparison
src/static/marketing/photo-1494526585095-c41746248156.jpg	159.19 KB	128.24 KB	-19.4%	View diff
src/static/marketing/photo-1512917774080-9991f1c4c750.jpg	168.28 KB	136.41 KB	-18.9%	View diff
src/static/marketing/photo-1558036117-15d82a90b9b1.jpg	164.45 KB	144.96 KB	-11.9%	View diff
src/static/marketing/photo-1564013799919-ab600027ffc6.jpg	478.41 KB	399.93 KB	-16.4%	View diff
src/static/marketing/photo-1580587771525-78b9dba3b914.jpg	177.84 KB	145.09 KB	-18.4%	View diff
src/static/marketing/photo-1592595896551-12b371d546d5.jpg	198.45 KB	169.83 KB	-14.4%	View diff

804 images did not require optimisation.

[Nejcc]

@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

[kevinpapst]

As you said a couple of times before: you are not sure how to monetize tabler. What about adding this as a premium feature and not into core? Everyone is willing to pay for a premium theme.