Ryan Yu iamryanyu
iamryanyu
/ gist:74ec53a337099cb68fb8b0f2135edc6b
Created
April 24, 2016 10:30
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var $graphLink = $('.graph__link'), | |
| $graphBarRed = $('.graph__bar--red'), | |
| $graphBarGreen = $('.graph__bar--green'), | |
| $graphBarYellow = $('.graph__bar--yellow'), | |
| $graphStarRed = $('.graph__star--red'), | |
| $graphStarGreen = $('.graph__star--green'), | |
| $graphStarYellow = $('.graph__star--yellow'); | |
| $graphLink.hover(function() { | |
| TweenMax.to($graphBarRed, 1.2, { |
iamryanyu
/ gist:fc93fa23dfc9e3178ea9a80b6550db90
Created
April 24, 2016 10:39
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var $graphLink = $('.graph__link'), | |
| $graphBarRed = $('.graph__bar--red'), | |
| $graphBarGreen = $('.graph__bar--green'), | |
| $graphBarYellow = $('.graph__bar--yellow'), | |
| $graphStarYellow = $('.graph__star--yellow'), | |
| $graphStarRed = $('.graph__star--red'), | |
| $graphStarGreen = $('.graph__star--green'); | |
| var graphTFOrigin = '50% bottom', | |
| graphDuration = 1.2; |
iamryanyu
/ gist:429551810f659384772ef7c9d0ef72e7
Last active
September 23, 2016 06:13
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <a href="#" class="btn btn-small"> | |
| <svg class="icon icon-small icon-yellow" aria-hidden="true"> | |
| <use xlink:href="styles/mysource_files/sprite.svg#lorikeet"></use> | |
| </svg> | |
| Lorikeet | |
| </a> |
iamryanyu
/ gist:769e2744df4dc4d862c58b40b7795f6e
Last active
September 23, 2016 06:13
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <a href="#" class="btn btn-small" aria-label="Lorikeet"> | |
| <svg class="icon icon-small icon-yellow" aria-hidden="true"> | |
| <use xlink:href="styles/mysource_files/sprite.svg#lorikeet"></use> | |
| </svg> | |
| </a> |
iamryanyu
/ gist:422fbd611126fd1977a608b823a02efc
Last active
September 23, 2016 06:13
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <svg class="icon icon-small icon-yellow"> | |
| <title>Lorikeet</title> | |
| <use xlink:href="styles/mysource_files/sprite.svg#lorikeet"></use> | |
| </svg> |
iamryanyu
/ gist:070be1f76e0ba87720d947fc4e330a82
Created
September 26, 2016 11:17
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body> | |
| <header> | |
| <h1>My wonderful blog</h1> | |
| <p>My tagline</p> | |
| </header> | |
| <aside> | |
| <!-- this aside contains two sections that are tangentially related | |
| to the page, namely, links to other blogs, and links to blog posts | |
| from this blog --> | |
| <nav> |
iamryanyu
/ gist:9912884dd9074432ee835868f7f08be7
Last active
October 25, 2016 09:13
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <svg> | |
| <use xlink:href="styles/mysource_files/sprite.svg#icon-name"></use> | |
| </svg> |
iamryanyu
/ gist:a76b02dd650869515987f9835c001708
Last active
October 25, 2016 09:14
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <svg class="icon icon-medium icon-red"> | |
| <use xlink:href="styles/mysource_files/sprite.svg#icon-name"></use> | |
| </svg> |
iamryanyu
/ gist:7fb6bc3bd9401d4e1d5440e99322e42e
Last active
October 25, 2016 09:14
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <svg class="icon icon-medium icon-red icon-inner-blue"> | |
| <use xlink:href="styles/mysource_files/sprite.svg#icon-name"></use> | |
| </svg> |
iamryanyu
/ gist:db9856ddaa6d32798b7b7eb5d3e3f732
Last active
October 27, 2016 10:54
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <nav>Nav goes here</nav> | |
| <div class="hero> | |
| <img src="images/hero-10x10.jpg" class="hero__img" alt="" data-src="original-hero.jpg" data-webp="original-hero.webp"> | |
| <section class="hero__section"> | |
| <div class="hero__content"> | |
| <h1>Title goes here</h1> | |
| <p>Description goes here</p> | |
| <a href="#">CTA button</a> | |
| </div> |