Gabor Flamich wpflames

wpflames / index.html

Created August 29, 2020 17:16

Hamburger Menu Toggle Animation 1 - HTML

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Animated Hamburger Menu</title>
	<link rel="stylesheet" href="assets/css/style.css">
	<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700;800&display=swap" rel="stylesheet">
	</head>
	<body>

wpflames / style.scss

Created August 29, 2020 17:19

Hamburger Menu Toggle Animation 1 - SCSS

	*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
	}

	body{
	background: black;
	}

wpflames / script.js

Created August 29, 2020 17:20

Hamburger Menu Toggle Animation 1

	function toggle(){
	var button = document.getElementById('toggle');
	var nav = document. getElementById('menu');
	button.classList.toggle('active');
	nav.classList.toggle('active');
	}

wpflames / index.html

Created August 29, 2020 17:23

Hamburger Menu Toggle Animation 2

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>CSS Hamburger Menu Animation</title>
	<link rel="stylesheet" href="assets/css/style.css">
	<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700;800&display=swap" rel="stylesheet">
	</head>
	<body>

wpflames / style.scss

Created August 29, 2020 17:24

Hamburger Menu Toggle Animation 2 - SCSS

	*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
	}
	body{
	background: #272727;
	min-height: 100vh;
	}

wpflames / script.js

Created August 29, 2020 17:25

Hamburger Menu Toggle Animation 2 - JS

	const menuBtn = document.querySelector('.menu-btn');
	const nav = document.querySelector('.navigation');
	let menuOpen = false;
	menuBtn.addEventListener('click', () => {
	if(!menuOpen) {
	menuBtn.classList.add('open');
	menuOpen = true;

	nav.classList.add('active');
	} else{

wpflames / index.html

Created August 29, 2020 17:27

Hamburger Menu Toggle Animation 3 - HTML

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Animated Hamburger Menu</title>
	<link rel="stylesheet" href="assets/css/style.css">
	<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700;800&display=swap" rel="stylesheet">
	</head>
	<body>

wpflames / style.scss

Created August 29, 2020 17:29

Hamburger Menu Toggle Animation 3 - SCSS

	*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
	}

	body{
	background: black;
	}

wpflames / script.js

Created August 29, 2020 17:29

Hamburger Menu Toggle Animation 3 - JS

	function toggle(){
	var button = document.getElementById('toggle');
	var nav = document.getElementById('menu');
	button.classList.toggle('active');
	nav.classList.toggle('active');
	}

wpflames / index.php

Created August 31, 2020 10:25

Disallow access to WordPress admin area for specific users

	//===================================================
	// DISALLOW ACCESS TO WPADMIN AREA FOR SPECIFIC USERS
	//===================================================
	function wps6543_no_admin_access()
	{
	if (
	! is_admin()
	\|\| (
	is_user_logged_in()
	&& isset( $GLOBALS['pagenow'] ) AND 'wp-login.php' === $GLOBALS['pagenow']