skopp’s gists

skopp / index.html

Created December 12, 2012 20:23

A CodePen by skopp. Twitter Logo Animation - >Animating twitter logo with css >css carbon fibre background >fun with css transformations {Twitter logo used from https://twitter.com/logo}

	<!--Inspired by
	http://codepen.io/wmora/pen/fEzux -->


	<html>
	<body>
	<div id="tweet"><a href="https:www.twitter.com/sauravtom">@SauravTom</a></div><br><br><br>

	<div id="scaler"> </div>

skopp / index.html

Created December 12, 2012 20:26

A CodePen by skopp. Pure CSS Badges - Some fun pure CSS badge buttons. only 4 elements needed to render one of the badges!. no FF or IE becaus they block cross domain font loading :(

	<div id='wrapper'>
	<div class='cool_btn1 green'>
	<h1 class='top'>126 <i>Plays</i></h1>
	<h2>H</h2>
	</div>
	<div class='cool_btn1 teal'>
	<h1 class='top'>10k <i>Likes</i></h1>
	<h2>U</h2>
	</div>
	<div class='cool_btn1 blue'>

skopp / index.html

Created December 12, 2012 20:30

A CodePen by skopp. My personal blog on scriptogram - This is the underlying code of the frontend of scriptogr.am/skopp I have NO idea how it ended up on Codepen. O.o Thank goodness I didn't leave any important notes or bank details in

	<!--
	"Typographic" Scriptogr.am theme by http://sicanstudios.com
	Change the links of menu and header to match your website.
	Also the description tag and Twitter username (in footer).
	--><head>{{head}}</head>
	<body>
	<div class="wrapper">
	<div id="sidebar">
	<div id="menu">
	<strong>♣ <a href="" title="skopp">skopp</a></strong> on tech & life

skopp / index.html

Created December 12, 2012 20:33

A CodePen by skopp. Pure CSS Badges - Some fun pure CSS badge buttons. only 4 elements needed to render one of the badges!. no FF or IE becaus they block cross domain font loading :(

	<div id='wrapper'>
	<div class='cool_btn1 green'>
	<h1 class='top'>126 <i>Plays</i></h1>
	<h2>H</h2>
	</div>
	<div class='cool_btn1 teal'>
	<h1 class='top'>10k <i>Likes</i></h1>
	<h2>U</h2>
	</div>
	<div class='cool_btn1 blue'>

skopp / README

Created December 12, 2012 22:46

valid CSS colors codepen import

"A CodePen by Bennett Feely. Valid CSS color names - I for one was not aware I could've been using 'color:papayawhip' on my projects. Until now..." - source http://codepen.io/bfeelyweb/pen/ozfvm

skopp / 404.html

Created December 12, 2012 23:27

A CodePen by skopp. 404 No signal

	<h1>404</h1>

	<div class="frame">
	<div></div>
	<div></div>
	<div></div>
	</div>
	<div class="caps"><img src="http://ademilter.com/caps.png" alt=""></div>
	<canvas id="canvas"></canvas>

skopp / skopp

Created December 12, 2012 23:36

skopp .test

FIRST

skopp / brython.js

Created December 17, 2012 00:21

Brython-20121216-222009

	// brython.js www.brython.info
	// version 1.0.20121216-222009
	// version compiled from commented, indented source files at http://code.google.com/p/brython/
	function abs(obj){
	if(isinstance(obj,int)){return int(Math.abs(obj))}
	else if(isinstance(obj,float)){return int(Math.abs(obj.value))}
	else{$raise('TypeError',"Bad operand type for abs(): '"+str(obj.__class__)+"'")}
	}
	function $alert(src){alert(str(src))}
	function all(iterable){

skopp / index.html

Created December 17, 2012 02:38

A CodePen by skopp. Toolbar (Dribbble, CSS remix)

	<nav>
	<ul>
	<li><a href="#home">Home</a></li>
	<li class="active"><a href="#like">Like</a></li>
	<li><a href="#chat">Chat</a></li>
	<li><a href="#help">Help</a></li>
	</ul>
	</nav>

skopp / index.html

Created December 17, 2012 02:44

A CodePen by Colt Pini. RegExpert - I wanted to build a JS app for regex testing. This works well. It is still in progress. But I am happy. Most other apps that I have seen have been built in other languages and didn't truely reflect the JS regex. This is in JS for JS so you don't have those problems. The output shows the matches, there is highl…

	<ul class="aside">
	<li>
	<span>flags:</span>
	<div>
	g<input type="checkbox" name="flags" value="g" />
	i<input type="checkbox" name="flags" value="i" />
	m<input type="checkbox" name="flags" value="m" />
	y<input type="checkbox" name="flags" value="y" id="y" />
	</div>
	</li>

Rashaad Essop skopp