OSUblake’s gists

OSUblake / designer.html

Last active August 29, 2015 14:10

designer

	<link rel="import" href="../core-animated-pages/core-animated-pages.html">
	<link rel="import" href="../core-animated-pages/transitions/hero-transition.html">
	<link rel="import" href="../core-animated-pages/transitions/cross-fade.html">
	<link rel="import" href="../core-animated-pages/transitions/slide-down.html">
	<link rel="import" href="../core-animated-pages/transitions/slide-up.html">
	<link rel="import" href="../core-animated-pages/transitions/tile-cascade.html">
	<link rel="import" href="../core-icons/core-icons.html">
	<link rel="import" href="../core-icons/av-icons.html">
	<link rel="import" href="../paper-fab/paper-fab.html">

OSUblake / gist:9092622

Last active August 29, 2015 13:56

WHR - Image Lightbox - 1

	<ul class="clearing-thumbs" data-clearing="">
	<li>
	<a href="http://watchinghumanrights.org/wp-content/uploads/2013/12/satelite.jpg">
	<img class="alignnone size-thumbnail wp-image-518" alt="satelite" src="http://watchinghumanrights.org/wp-content/uploads/2013/12/satelite-150x150.jpg" data-caption="Satelite caption" />
	</a>
	</li>
	<li>
	<a href="http://watchinghumanrights.org/wp-content/uploads/2013/12/launch.jpg">
	<img class="alignnone size-thumbnail wp-image-517" alt="launch" src="http://watchinghumanrights.org/wp-content/uploads/2013/12/launch-150x150.jpg" data-caption="Launch caption" />
	</a>

OSUblake / gist:9092550

Created February 19, 2014 13:57

WHR - Block Grid - 2

	<ul class="small-block-grid-4">
	<li><img alt="" src="http://watchinghumanrights.org/wp-content/uploads/2013/12/spacewalk-th.jpg" /></li>
	<li><img alt="" src="http://watchinghumanrights.org/wp-content/uploads/2013/12/space-th.jpg" /></li>
	<li><img alt="" src="http://watchinghumanrights.org/wp-content/uploads/2013/12/satelite-th.jpg" /></li>
	<li><img alt="" src="http://watchinghumanrights.org/wp-content/uploads/2013/12/launch-th.jpg" /></li>
	<li><img alt="" src="http://watchinghumanrights.org/wp-content/uploads/2013/12/earth-th.jpg" /></li>
	<li><img alt="" src="http://watchinghumanrights.org/wp-content/uploads/2013/12/comet-th.jpg" /></li>
	</ul>

OSUblake / gist:9092518

Created February 19, 2014 13:55

WHR - Block Grid - 1

	<ul class="small-block-grid-3">
	<li>T-bone meatball swine shank pancetta, meatloaf bacon corned beef venison filet mignon drumstick ham hock. Biltong ribeye fatback, tail ham hamburger kevin meatball spare ribs pork loin ground round flank corned beef kielbasa bacon.</li>
	<li>Beef drumstick frankfurter corned beef, hamburger rump boudin kevin pastrami tail pork ball tip salami. Beef rump ground round frankfurter filet mignon prosciutto. Jerky salami hamburger, kielbasa cow beef ribs kevin flank.</li>
	<li>Filet mignon drumstick ground round brisket bresaola shoulder strip steak meatloaf ribeye leberkas. Chuck swine flank shoulder venison pancetta pork chop, tri-tip chicken pork belly boudin pork loin tail pork fatback</li>
	</ul>

OSUblake / gist:9092440

Created February 19, 2014 13:52

WHR - Grid - 2

	<div class="row">
	<div class="small-6 columns">
	<h4 class="subheader">6 Columns</h4>
	Bacon shoulder filet mignon meatball doner. Ribeye turducken doner beef, salami chuck spare ribs bresaola biltong tenderloin tri-tip. Pastrami hamburger jowl, pork chop sausage swine bacon shoulder. Andouille bacon pork belly rump filet mignon sausage, shankle jowl strip steak pastrami.

	</div>
	<div class="small-6 columns">
	<h4 class="subheader">6 Columns</h4>
	Shank bacon cow sausage kevin rump. Strip steak prosciutto shank chuck rump biltong salami. Kevin short ribs venison capicola doner. Kevin tail ribeye pork belly. Drumstick strip steak flank kevin meatball. Kielbasa short ribs tongue brisket salami. Salami ribeye shankle venison swine boudin filet mignon fatback pig pork chop cow biltong.

OSUblake / gist:9092351

Created February 19, 2014 13:48

WHR - Grid - 1

OSUblake / gist:9092266

Created February 19, 2014 13:44

WHR - Callouts - 4

	<div class="panel">
	<h5>This is a regular panel.</h5>
	<p>It has an easy to override visual style, and is appropriately subdued.</p>
	</div>
	<div class="panel radius">
	<h5>This is a regular radius panel.</h5>
	<p>It has an easy to override visual style, and is appropriately subdued.</p>
	</div>
	<div class="panel callout">
	<h5>This is a callout panel.</h5>

OSUblake / gist:9092249

Created February 19, 2014 13:43

WHR - Callouts - 3

	<div class="alert-box" data-alert="">
	This is a standard alert.<br />
	<a class="close" href="#">×</a>
	</div>
	<div class="alert-box secondary" data-alert="">
	This is a secondary alert.<br />
	<a class="close" href="#">×</a>
	</div>
	<div class="alert-box alert round" data-alert="">
	This is an warning alert that is rounded.<br />

OSUblake / gist:9092227

Created February 19, 2014 13:41

WHR - Callouts - 2

	<p><span class="label">Regular Label</span></p>
	<p><span class="round label">Round Regular Label</span></p>
	<p><span class="radius label">Radius Regular Label</span></p>
	<p><span class="secondary label">Secondary Label</span></p>
	<p><span class="round secondary label">Round Secondary Label</span></p>
	<p><span class="radius secondary label">Radius Secondary Label</span></p>
	<p><span class="alert label">Alert Label</span></p>
	<p><span class="round alert label">Round Alert Label</span></p>
	<p><span class="radius alert label">Radius Alert Label</span></p>
	<p><span class="success label">Success Label</span></p>

OSUblake / gist:9092191

Created February 19, 2014 13:40

WHR - Callouts - 1

	<p><em>Renders as emphasized text</em></p>
	<p><strong>Defines important text</strong></p>
	<p>Hover over me » <dfn><abbr title="For the Win">FTW</abbr></dfn></p>
	<p><code>Defines a piece of computer code</code></p>
	<p><samp>Defines sample output from a computer program</samp></p>
	<p><kbd>Defines keyboard input</kbd></p>
	<p><var>Defines a variable</var></p>

Blake Bowen OSUblake