Made for @DrPatil78 (aka Sneha's) birthday card's loading screen ... :->
Forked from Abhishek Hingnikar's Pen Love Loader.
Forked from Abhishek Hingnikar's Pen Love Loader.
A Pen by Marius Nedelcu on CodePen.
var el = document.querySelector('body'); | |
// https://medium.com/@uistephen/keyboardevent-key-for-cross-browser-key-press-check-61dbad0a067a | |
https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode | |
document.addEventListener('keyup', function (event) { | |
if (event.defaultPrevented) { | |
return; | |
} | |
var key = event.key || event.keyCode; |
// | |
// Golden Ratio Typography | |
// -------------------------------------------------- | |
// Golden Ratio Math | |
// | |
// Let's do some math so we can build beautiful typography and vertical rhythm. | |
// For any magic to happen, set the $ContentWidth variable on _variables.scss | |
// to match your content box width (normally this is 640px, 740px, etc...). |
Made for @DrPatil78 (aka Sneha's) birthday card's loading screen ... :->
Forked from Abhishek Hingnikar's Pen Love Loader.
Forked from Abhishek Hingnikar's Pen Love Loader.
A Pen by Marius Nedelcu on CodePen.
// ---- | |
// Sass (v3.4.0.rc.1) | |
// Compass (v1.0.0.alpha.20) | |
// ---- | |
/** | |
* Generate the carousel animation | |
* based on the number of frames | |
* and the pourcentage of a frame spent static | |
* |
// A simple and practical way to add responsive advertisments to your website | |
// include the responsive_ads.css into your page or add this code to your SCSS or LESS framework. | |
// made my mariusnedelcu.com feel free to use, and come with improvements. | |
// required mixins | |
@mixin size($width, $height) { | |
width: $width; | |
height: $height; | |
} | |
@mixin square($size) { |