Skip to content

Instantly share code, notes, and snippets.

View Flowbaseco's full-sized avatar
💫

Flowbase Flowbaseco

💫
View GitHub Profile
<script src="https://cdn.jsdelivr.net/npm/@flowbase-co/boosters-social-share@1.0/dist/social-share.min.js"></script>
<script src="https://min30327.github.io/luxy.js/dist/js/luxy.js"></script>
<script charset="utf-8">
var isMobile = /iPhone|iPad|Android/i.test(navigator.userAgent);
if (!isMobile) {
luxy.init({
wrapper: '#luxy',
wrapperSpeed: 0.065,
});
<script>
// Countdown Timer by Flowbase
// Set the target date and time
var target_date = new Date("December 31, 2023 23:59:59").getTime();
// Update the countdown timer every second
var countdown_timer = setInterval(function() {
// Get the current date and time
var current_date = new Date().getTime();
<style>
/* Lock Webflow Scrolling CSS */
html.no-scroll {
overflow: hidden;
}
</style>
<!-- Lock Webflow Scrolling Script -->
<script type = "text/javascript" > $('.lock-scroll').on('click', toggleScrolling);
function toggleScrolling() {
<!-- Auto Rotate Webflow Tabs by Flowbase.co (v1.4 Updated 10/04/2023) -->
<script>
var Webflow = Webflow || [];
Webflow.push(function () {
// Fix for Safari
if (navigator.userAgent.includes("Safari")) {
document.querySelectorAll(".tab-button").forEach((t)=>(t.focus=function(){const x=window.scrollX,y=window.scrollY;const f=()=>{setTimeout(()=>window.scrollTo(x,y),1);t.removeEventListener("focus",f)};t.addEventListener("focus",f);HTMLElement.prototype.focus.apply(this,arguments)}));
}
<style>
.w-container {
max-width: 1140px;
}
</style>
<style>
.w-slider-dot {
background: #EFEFEF;}
.w-slider-dot.w-active {
background: #ef8b7c;
transform: scale(1.2);
transition: width 0.5s, height 0.5s, transform 0.5s;
}
<script>
var Webflow = Webflow || [];
Webflow.push(function() {
var l = $('#flowbaseSlider .w-slider-arrow-left');
var r = $('#flowbaseSlider .w-slider-arrow-right');
$('#flowbaseSlider')
.on('click', '.back-button', function() {
l.trigger('tap');
})
.on('click', '.next-button', function() {
<script src="https://fengyuanchen.github.io/datepicker/js/datepicker.js"></script>
<script>
$(document).ready(function () {
$('[data-toggle="datepicker"]').datepicker({
format: 'mm-dd-yyyy'
});
// Available date placeholders:
// Year: yyyy
// Month: mm
<link rel="stylesheet" href="https://fengyuanchen.github.io/datepicker/css/datepicker.css">