From 6be6a959ae33f2d2aec9f766e25b5023d62ce339 Mon Sep 17 00:00:00 2001 From: chee Date: Sun, 26 May 2013 00:46:47 -0500 Subject: [PATCH] git --- flowers.js | 25 --------------- garden.css | 92 ------------------------------------------------------ 2 files changed, 117 deletions(-) delete mode 100644 flowers.js delete mode 100644 garden.css diff --git a/flowers.js b/flowers.js deleted file mode 100644 index 3b8769a..0000000 --- a/flowers.js +++ /dev/null @@ -1,25 +0,0 @@ -(function () { - 'use strict'; - var stems = document.querySelectorAll( '.stem' ); - - function toggleClass( element, className ) { - if ( element.classList.contains( className ) ) { - element.classList.remove( className ); - } else { - element.classList.add( className ); - } - } - - window.addEventListener( 'keyup', function ( event ) { - var key = event.which; - - if ( key === 90 ) { - toggleClass( stems[ 0 ], 'alive' ); - } else if ( key === 88 ) { - toggleClass( stems[ 1 ], 'alive' ); - } else if ( key === 67 ) { - toggleClass( stems[ 2 ], 'alive' ); - } - }); - -})(); diff --git a/garden.css b/garden.css deleted file mode 100644 index f0aeaa8..0000000 --- a/garden.css +++ /dev/null @@ -1,92 +0,0 @@ -* { - box-sizing: border-box; -} - -body { - background: linear-gradient( skyblue, blue ); - height: 100em; - margin: 0; - padding: 0; - overflow: hidden; -} - -.flower, -.sun { - position: absolute; - right: 20px; - top: 50px; - height: 100px; - width: 100px; - border-radius: 100px; - background: yellow; - border: 50px dotted #ff6633; - box-sizing: content-box; - box-shadow: 0 0 1000px white; -} - -.grass { - height: 20%; - width: 100%; - background: linear-gradient( darkgreen, green ); - border-top: 1px solid darkgreen; - box-shadow: 0 0 5px darkgreen; - position: absolute; - bottom: 0; - left: 0; - right: 0; -} - -.stem { - position: absolute; - left: 50%; - margin-left: -7.5px; - background: linear-gradient( to left, lime, limegreen ); - border: 1px solid darkgreen; - border-bottom: none; - bottom: 10%; - width: 15px; - height: 20px; - transition: height 4.741s ease-in-out; -} - -.stem.alive, -.stem:active, -.stem:hover { - height: 200px; -} - -.flower { - border-color: white; - border-width: 15px; - box-shadow: 0 0 1px black; - top: -30px; - left: -25px; - height: 30px; - width: 30px; - background: DEEPPINK; - transition: height 2s 3.4s ease-in-out, - width 2s 3.4s ease-in-out, - left 2s 3.4s ease-in-out, - border-width 2s 3.4s ease-in-out, - top 2s 3.4s ease-in-out; -} - -.alive .flower, -.stem:hover .flower, -.stem:active .flower { - height: 60px; - width: 60px; - left: -55px; - top: -60px; - border-width: 30px; -} - -#first { - margin-left: -75px; - margin-bottom: -20px; -} - -#third { - margin-left: 100px; - margin-bottom: -10px; -}