koohz

"use client";

import { cn } from "@/lib/utils";
import { Monitor, Moon, Sun } from "lucide-react";
import { motion } from "framer-motion";
import { useEffect, useId, useState } from "react";
import { useTheme } from "next-themes";
import { cva, VariantProps } from "class-variance-authority";

const themeSwitcherVariants = cva(

koohz

import { motion, motionValue, transform, useScroll, useTransform } from "framer-motion";
import { useRef } from "react";

const items = [
  // ...
]

const Component = () => {
  const ref = useRef(null);

koohz

Get Vertex of Rotated Rect

A Pen by koMah on CodePen.

License.

koohz

/*
Gulpfile.js file for the tutorial:
Using Gulp, SASS and Browser-Sync for your front end web development - DESIGNfromWITHIN
http://designfromwithin.com/blog/gulp-sass-browser-sync-front-end-dev

Steps:

1. Install gulp globally:
npm install --global gulp

koohz

<?php
  echo '<ul class="iv-slider">';

		$sliders = get_post_meta( get_the_id(), 'gp', false );

		foreach ( $sliders as $slider ) {
			echo '<li class="iv-slide">';
				echo '<h3>'.$slider["iv-slider-title"].'</h3>'; 
				echo '<p>'.$slider["iv-slider-desc"].'</p>';
				echo wp_get_attachment_image(array_shift($slider["iv-slider-img"]));

koohz

jQuery.fn.nextOrFirst = function(selector) {
  var next = this.next(selector);
  return next.length ? next : this.prevAll(selector).last();
};

jQuery.fn.prevOrLast = function(selector) {
  var prev = this.prev(selector);
  return prev.length ? prev : this.nextAll(selector).last();
};

koohz

/**
 * TrueCurrent for Owl Carousel
 * @since 2.0.2
 */
;(function($, window, document, undefined) {
    'use strict';

    var TrueCurrent = function(carousel) {

        var current    = 0;

koohz

// The plugin code
(function($){
    $.fn.parallax = function(options){
        var $$ = $(this);
        offset = $$.offset();
        var defaults = {
            "start": 0,
            "stop": offset.top + $$.height(),
            "coeff": 0.95
        };

koohz

.navbar-header {
    min-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}

.navbar-brand>img {
    max-width:100%;
    max-height:100%;

koohz

add_action('customize_controls_print_footer_scripts', function(){?>
	<script type="text/javascript">
	( function ( wp, $ ) {
		console.log($("#save"))
		var btn = $("<button style='margin-right: 5px' class='button button-primary'>Reload CSS</button>").click(function(e){
			e.preventDefault(true);
			wp.customize.previewer.preview.iframe.get(0).contentWindow.reloadStylesheets();
		});
		$("#save").after(btn);