Josh Amburn joshamburn

Star Wars Storm Trooper in pure CSS

Approximately 3h of work. Might be a bit less.

Thanks to everyone who pointed out that this is a Storm Trooper and not a droid, but that's because this is not the droid you were looking for!

	<script id="vertexShader" type="x-shader/x-vertex">

	// Uniforms
	uniform float time;
	varying vec3 vNormal;

	void main(void) {
	vec3 v = position;
	vNormal = normal;
	v.z += cos(2.0 * position.x + (time)) * 4085.5;

	var gulp = require('gulp'),
	connect = require('connect'),
	http = require('http'),
	opn = require('opn'),
	rimraf = require('rimraf'),
	jshint = require('gulp-jshint'),
	uglify = require('gulp-uglify'),
	sass = require('gulp-sass'),
	cssbeautify = require('gulp-cssbeautify'),
	minifycss = require('gulp-minify-css'),

	<!--Adding padding to image-->
	<table cellpadding="0" cellspacing="0" width="300">
	<tr>
	<td style="padding-top: 10px; padding-bottom: 10px;">
	<img/>
	</td>
	</tr>
	</table>
	<!--Do Not Do - Using left padding adds width -->
	<table cellpadding="0" cellspacing="0" width="600">

	<td align=”left”>
	<div style="line-height:18px; margin-left:10px;">
	It’s tricky to keep up with constantly changing airfares...
	</div>
	</td>
	<td width="300">
	<div style=”margin-left:10px;”>
	<img src="" width="300" height="176"/>
	</div>
	</td>

	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script>window.jQuery \|\| document.write('<script src="/static/js/jquery-1.7.2.min.js"><\/script>')</script>