Jose Fremaint brickbones

Front-end Developer

brickbones / Basic slide navigation

Created March 15, 2017 23:41

brickbones / ieatwebsites-cleave.js

Created March 30, 2019 21:22

Cleave.js settings

	new Cleave('.account', {
	prefix: 'IEAT',
	delimiter: '-',
	blocks: [4,4],
	uppercase: true
	});
	new Cleave('.donation', {
	numeral: true,
	numeralThousandGroupStyle: 'thousand'
	})

brickbones / wordpress-page-temaplate.php

Created April 20, 2019 18:07

WordPress page template with API (javascript and php)

	<?php /* Template Name: Awesome Page */

	get_header();

	?>

	<div class="latest-posts"></div>

	<script>

brickbones / zdog.html

Created July 14, 2019 16:31

Getting started with Zdog

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>zzz dog</title>
	</head>

brickbones / particlejs-config.json

Created July 14, 2019 17:49

brickbones / svg-dividers.html

Created August 10, 2019 18:54

You can use this svgs to divide different sections on your website.

brickbones / particleSettings.json

Created August 30, 2019 19:57

Particle Settings JSON

brickbones / pokeapi-script.js

Created September 3, 2019 18:06

Getting data from Pokeapi.co

brickbones / regex-phonenumber.js

Created November 5, 2019 19:57

Regex Phone Number

	const rgx = /^($\d{3}$\|\d{3})-?\d{3}-?\d{4}$/g

	const phoneNumber = document.querySelector('.phone-number')
	const phoneNumberInput = phoneNumber.querySelector('input')

	const getNumbers = (event) => {
	console.log(event)
	if(rgx.test(event.target.value)){
	phoneNumberInput.classList.add('accepted')
	} else {

brickbones / anime.html

Created February 23, 2020 19:59

HTML and JS code for anime.js tutorial

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link
	rel="stylesheet"
	href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
	/>

	$( document ).ready(function() {
	$( ".burger" ).click(function() {
	$('nav ul').slideToggle().css('display','flex');
	});
	});

	const rgx = /^(\(\d{3}\)\|\d{3})-?\d{3}-?\d{4}$/g

	const phoneNumber = document.querySelector('.phone-number')
	const phoneNumberInput = phoneNumber.querySelector('input')

	const getNumbers = (event) => {
	console.log(event)
	if(rgx.test(event.target.value)){
	phoneNumberInput.classList.add('accepted')
	} else {