Skip to content

Instantly share code, notes, and snippets.

View rhcarlosweb's full-sized avatar
🖖

Rhuan Carlos rhcarlosweb

🖖
View GitHub Profile
@rhcarlosweb
rhcarlosweb / functions.php
Created December 17, 2020 22:44
add attribute menu wordpress
<?php add_filter( 'nav_menu_link_attributes', 'rh_datascrollto', 10, 3 );
function rh_datascrollto( $atts, $item, $args ) {
if ( get_field( 'scrollto', $item ) ) {
$atts[ 'data-scrollto' ] = $item->url;
}
return $atts;
}
const fs = require('fs')
const HtmlWebpackPlugin = require('html-webpack-plugin')
function compileTemplates(pagesAbsPath) {
const pages = []
const fileNamesInDir = fs.readdirSync(pagesAbsPath)
fileNamesInDir.forEach((fileName) => {
if ((/\.hbs$/).test(fileName)) {
const baseName = fileName.split('.')[0]
@rhcarlosweb
rhcarlosweb / walkermenu.php
Last active November 12, 2020 22:32
Walker Menu WordPress
<?php
/**
* Walker
*/
class WalkerHeader extends Walker_Nav_Menu {
function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {
$object = $item->object;
$type = $item->type;
$title = $item->title;
$permalink = $item->url;
@rhcarlosweb
rhcarlosweb / check-mobile.js
Created September 2, 2020 05:13
check mobile js
window.mobileCheck = function() {
let check = false;
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|j
@rhcarlosweb
rhcarlosweb / animations.js
Last active May 12, 2021 21:03
new animations with gsap 3
import gsap from "gsap"
import ScrollTrigger from "gsap/ScrollTrigger"
gsap.registerPlugin(ScrollTrigger)
const fadeIn = document.querySelectorAll(".fade-in")
if (fadeIn) {
fadeIn.forEach(value => {
const $delay = value.getAttribute("data-delay") ? value.getAttribute("data-delay") : 0
@rhcarlosweb
rhcarlosweb / convertToSvg.js
Created May 29, 2020 05:15
Convert SVG img tag to SVG inline
const convertImages = (query, callback) => {
const images = document.querySelectorAll(query);
images.forEach(image => {
fetch(image.src)
.then(res => res.text())
.then(data => {
const parser = new DOMParser();
const svg = parser.parseFromString(data, 'image/svg+xml').querySelector('svg');
version: '3'
services:
# Database
db:
image: mysql:5.7
volumes:
- db_data:/var/lib/mysql
restart: always
environment:
/**
* Dates
*/
const days = 3;
const date = new Date();
const last = new Date(date.getTime() + (days * 24 * 60 * 60 * 1000));
const day = last.getDate();
const month = last.getMonth() + 1;
const year = last.getFullYear();
// of course gulp
const {src, dest, parallel, series, watch} = require('gulp');
// variables
const build = true; // true para compilar e minificar os arquivos - false para não minificar e nem usar babel (performance maior), use true para compilar o projeto final
const jsBuildDir = './assets/dist/js/'; // diretório de destino do bundle.js compilado
const cssBuildDir = './'; // diretório de destino do style.css compilado
// css
const sass = require('gulp-sass');
@rhcarlosweb
rhcarlosweb / playButton.js
Last active July 28, 2021 19:55
Play Button - Video
import gsap from "gsap"
/**
* Pause video if is playing
*/
document.addEventListener("play", function (e) {
const videos = document.getElementsByTagName("video")
for (let i = 0, len = videos.length; i < len; i++) {
if (videos[i] !== e.target) {
videos[i].pause()