Gilad Levi Giladx

FAQ

Minimal FAQ accordion made with vanilla JavaScript.

I hereby claim:

To claim this, I am signing this object:

Loading animation based on movie "Her" - OS1.

	// Some random Pug sugar
	// The basic idea is to keep the top level structure as minimalistic and meaningful as possible
	header.show: .container: h1 Vanilla Fullpage Scroll
	h2 Why are there so few solutions to this?
	each v, i in ['steaks', 'design', 'technology', 'climate change', 'cats']
	section
	.container
	h1= 'Section ' + (i + 1)
	h2= 'is all about ' + v
	footer: .container: h1 Footer

	// Some random Pug sugar
	// The basic idea is to keep the top level structure as minimalistic and meaningful as possible
	header.show: .container: h1 Vanilla Fullpage Scroll
	h2 Why are there so few solutions to this?
	each v, i in ['steaks', 'design', 'technology', 'climate change', 'cats']
	section
	.container
	h1= 'Section ' + (i + 1)
	h2= 'is all about ' + v
	footer: .container: h1 Footer

	/**
	* Image slider with pure CSS
	* Original version in http://demosthenes.info/blog/css
	*/

	.image-slider {
	position:relative;
	display: inline-block;
	line-height: 0;
	}

	<p>Filter:
	<p>
	<a id="allBtn" href="#all">reset</a>
	<a id="designBtn" href="#design">design</a>
	<a id="illustrationBtn" href="#illustration">illustration</a>
	<a id="motionBtn" href="#motion">motion</a>
	<br />

	<div class="wrapper">
	<div class="item" data-tags="design all" data-tags="illustration">design</div>

	<html>
	<head>
	<meta charset="windows-1255">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>YP-title-SC</title>
	<meta name="author" content="Yasmin Zak">
	<link rel="icon" href="https://tosee.co.il/img/favicon.ico">
	<script type="text/javascript" src="https://yaadpay.co.il/yaadpay/ajax/ajax.js"></script>
	<script type="text/javascript" src="https://yaadpay.co.il/yaadpay/ajax/functionAddEvent.js"></script>
	<script type="text/javascript" src="https://yaadpay.co.il/yaadpay/ajax/contact15.js"></script>

	<nav class="site-navbar">
	<input type="checkbox" id="toggle_menu" class="toggle-menu-checkbox" />
	<label for="toggle_menu" class="toggle-menu-label uppercase"></label>
	<input type="checkbox" id="toggle_overlay" class="toggle-overlay-checkbox" />
	<label for="toggle_menu" class="toggle-overlay-label uppercase"></label>
	<ul class="site-menu">

	</ul>

	</nav>