Ryder Ripps ryderr

## simplegallery
  	$(document).ready(function() {
		  $(".pic").on("click", function(e){
		    e.preventDefault();
				$("#content").find('li').removeClass("opened");
		    $(this).addClass("opened");
		  });
		  $(".next").on("click", function(e){
		    e.preventDefault();

				var nextthing = $("#content li.opened").next('li');

## README.md

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                ryderr
                / README.md
            
            
              Created
              November 30, 2012 23:23
            
              
                created by http://livecoding.io
              
          
    View this code at http://livecoding.io/4179420

  
## desktoponly.css
@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	body{
		display:none;
	}
	html:after{
		content: "This site is only available on desktop computers";
	}
}

## raw2.html
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<title>
{{#text.title}}{{text.title}}{{/text.title}}{{^text.title}}
{{title}}
{{/text.title}} {{#single_event}} - {{name}}{{/single_event}} - webe.at
		</title>
<meta name="text:title" value="">

## raw_webeat.html
<html>
<head>
<title>
{{#text.title}}{{text.title}}{{/text.title}}{{^text.title}}
{{title}}
{{/text.title}} {{#single_event}} - {{name}}{{/single_event}} - webe.at
</title>
<meta name="text:title" value="">
<meta name="text:sub_heading" value="">
<meta name="color:headings" value="#000000">

## gist:4049290
<html>
<head>
	<title>
		{{#text.title}}
		{{text.title}}
		{{/text.title}}
		{{^text.title}}
		{{title}}
		{{/text.title}} {{#single_event}} - {{name}}{{/single_event}} - webe.at</title>
	</head>

## map theme

<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js"></script>

<script>

    var events, webeatMapTheme =
[
  {
    "featureType": "poi",

## textbgmask.css
.block {
    display: table;
    margin: 0;
    padding: 0;
    float: left;
    height: 400px;
    width:400px;
    text-align: center;
    vertical-align: middle;
    background-size: cover;

## DRAW_WITH_YOUR_FACE_TOOLBAR.html
<ul id="tools">
    <li class="trash"></li><br />
    <li class="small"></li><br />
    <li class="medium"></li><br />
    <li class="large"></li><br />
    <li class="black"></li><br />
    <li class="red"></li><br />
    <li class="orange"></li><br />
    <li class="yellow"></li><br />
    <li class="green"></li><br />

## newboxmodel.css
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	$(document).ready(function() {
	$(".pic").on("click", function(e){
	e.preventDefault();
	$("#content").find('li').removeClass("opened");
	$(this).addClass("opened");
	});
	$(".next").on("click", function(e){
	e.preventDefault();

	var nextthing = $("#content li.opened").next('li');
	@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	body{
	display:none;
	}
	html:after{
	content: "This site is only available on desktop computers";
	}
	}
	<html>
	<head>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<title>
	{{#text.title}}{{text.title}}{{/text.title}}{{^text.title}}
	{{title}}
	{{/text.title}} {{#single_event}} - {{name}}{{/single_event}} - webe.at
	</title>
	<meta name="text:title" value="">

	<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
	<script src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js"></script>

	<script>

	var events, webeatMapTheme =
	[
	{
	"featureType": "poi",
	.block {
	display: table;
	margin: 0;
	padding: 0;
	float: left;
	height: 400px;
	width:400px;
	text-align: center;
	vertical-align: middle;
	background-size: cover;
	<ul id="tools">
	<li class="trash"></li><br />
	<li class="small"></li><br />
	<li class="medium"></li><br />
	<li class="large"></li><br />
	<li class="black"></li><br />
	<li class="red"></li><br />
	<li class="orange"></li><br />
	<li class="yellow"></li><br />
	<li class="green"></li><br />