Merge branch 'nuck-dev'

Conflicts:
	README.md

34 files changed, 2232 insertions, 174 deletions

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..f06235c
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+node_modules
+dist
diff --git a/Gruntfile.js b/Gruntfile.js
new file mode 100644
index 0000000..18c6a8b
--- /dev/null
+++ b/Gruntfile.js
@@ -0,0 +1,89 @@
+module.exports = function (grunt) {
+	grunt.initConfig({
+		pkg: grunt.file.readJSON('package.json'),
+		swig: {
+			dist: {
+				init: {
+					root: "pages/",
+					allowErrors: false,
+					autoescape: true
+				},
+				banners: grunt.file.readJSON('pages/banners.json'),
+				dest: "dist/",
+				cwd: "pages/",
+				generateSitemap: false,
+				generateRobotstxt: false,
+				src: [
+					'index.swig',
+					'faq.swig',
+					'tools.swig'
+				],
+				siteUrl: 'http://pomf.se/',
+				production: false,
+			}
+		},
+		uglify: {
+			options: {
+				banner: '/*! <%= pkg.name %> (<%= pkg.repository.url %>) @ <%= grunt.template.today("yyyy-mm-dd") %> */\n\n'
+			},
+			dist: {
+				files: {
+					'dist/pomf.min.js': [
+						'js/zepto.js',
+						'js/cheesesteak.js',
+						'js/cabinet.js',
+						'js/pomf.js'
+					]
+				}
+			}
+		},
+		cssmin: {
+			options: {
+				banner: '/*! <%= pkg.name %> (<%= pkg.repository.url %>) @ <%= grunt.template.today("yyyy-mm-dd") %> */\n\n'
+			},
+			dist: {
+				files: {
+					'dist/pomf.min.css': [
+						'css/pomf.css'
+					]
+				}
+			}
+		},
+		mkdir: {
+			options: {
+				mode: 0700,
+				create: ['dist/img']
+			}
+		},
+		imagemin: {
+			dist: {
+				files: [{
+					expand: true,
+					cwd: 'img/',
+					src: '**/*.{png,jpg,gif}',
+					dest: 'dist/img/'
+				}]
+			}
+		},
+		copy: {
+			dist: {
+				files: [{
+					expand: true,
+					cwd: 'static/',
+					src: '**',
+					dest: 'dist/'
+				}]
+			}
+		}
+	});
+
+	grunt.loadNpmTasks('grunt-swig');
+	grunt.loadNpmTasks('grunt-mkdir');
+	grunt.loadNpmTasks('grunt-contrib-uglify');
+	grunt.loadNpmTasks('grunt-contrib-htmlmin');
+	grunt.loadNpmTasks('grunt-contrib-cssmin');
+	grunt.loadNpmTasks('grunt-contrib-imagemin');
+	grunt.loadNpmTasks('grunt-contrib-copy');
+
+	grunt.registerTask('default', ['mkdir', 'swig', 'cssmin', 'uglify', 'imagemin', 'copy']);
+};
diff --git a/README.md b/README.md
index 83039d1..ad21be8 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,32 @@
-Use tree->nuck-dev instead, this code is outdated.
+# Pomf.se
+Only tested with Nginx + PHP5.5 + MySQL, but should work with newer PHP or any
+other PDO-compatible database.
+
+# Install
+For the purposes of this guide, we won't cover setting up Nginx, PHP, MySQL,
+Node, or NPM.  So we'll just assume you already have them all running well.
+
+## Compiling
+The assets are minified and combined using [Grunt](http://gruntjs.com/).
+
+Assuming you already have Node and NPM working, compilation is easy:
+```
+$ npm install -g grunt-cli
+$ git clone -b nuck-dev https://github.com/nokonoko/Pomf.git
+$ cd Pomf
+$ npm install
+$ grunt
+```
+After this, the pomf site is now compressed and set up inside `dist/`.
+
+## Configuring
+The majority of settings are in `static/includes/settings.inc.php`.  Read the 
+comments in that file for more information.
+
+For file size configuration, there is no server-side verification: we assume 
+that PHP and Nginx provide ample protection in this department.  There is,
+however, client-side configuration for max size, the `data-max-size` attribute
+on the file input in `pages/upload_form.swig`.
+
+# Contact
+I can be contacted via neku@pomf.se or twitter at @nekunekus.
diff --git a/css/pomf.css b/css/pomf.css
new file mode 100644
index 0000000..f5cb754
--- /dev/null
+++ b/css/pomf.css
@@ -0,0 +1,337 @@
+/**
+ * USE BORDER BOX
+ */
+*,
+*:before,
+*:after {
+	-webkit-box-sizing: border-box;
+	   -moz-box-sizing: border-box;
+	        box-sizing: border-box;
+}
+
+/**
+ * PAGE LAYOUT
+ */
+body {
+	background-attachment: fixed, fixed;
+	background-color: #F7F7F7;
+	background-image: url('grill.php'), url('img/bg.png');
+	background-position: 85% 100%, top left;
+	background-repeat: no-repeat, repeat;
+	color: #333;
+	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+	font-size: 14px;
+	height: 100%;
+	line-height: 20px;
+	margin: 0;
+	padding-top: 20px;
+	padding-bottom: 40px;
+}
+.container {
+	margin: 0 auto;
+	max-width: 700px;
+}
+
+/**
+ * ELEMENTS
+ */
+/* paragraphs */
+p {
+	margin: 0 0 10px;
+}
+/* images */
+input[type=image], img {
+	vertical-align: middle;
+}
+/* links */
+a {
+	color: #08C;
+	text-decoration: none;
+	transition: color 0.25s;
+}
+a:hover,
+a:focus,
+a:active {
+	color: #005580;
+}
+a:focus {
+	outline: thin dotted #333;
+/*	outline-offset: -2px;*/
+}
+
+/**
+ * JUMBOTRON
+ */
+.jumbotron {
+	margin: 60px 0;
+	text-align: center;
+	transition: width 0.5s, height 0.5s, margin 0.5s, padding 0.5s;
+}
+.jumbotron h1 {
+	color: inherit;
+	font-family: inherit;
+	font-size: 72px;
+	font-weight: bold;
+	line-height: 1;
+	margin: 10px 0;
+	cursor: default;
+	text-rendering: optimizelegibility;
+}
+.jumbotron .lead {
+	font-size: 21px;
+	font-weight: 200;
+	line-height: 30px;
+	margin-bottom: 20px;
+	transition: font-size 0.5s;
+}
+.jumbotron .btn {
+	background: rgba(202, 230, 190, 0.75);
+	border: 1px solid #B7D1A0;
+	border-radius: 4px;
+	color: #468847;
+	cursor: pointer;
+	display: inline-block;
+	font-size: 24px;
+	padding: 28px 48px;
+	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
+	transition: background-color 0.25s, width 0.5s, height 0.5s;
+}
+.jumbotron .btn:hover,
+.jumbotron .btn:active,
+.jumbotron .btn:focus,
+.jumbotron .btn.drop {
+	background-color: rgb(188, 228, 170);
+	text-decoration: none;
+}
+#no-file-api {
+	display: none;
+}
+
+/**
+ * BOXES
+ */
+.alert {
+	background-color: #FCF8E3;
+	border: 1px solid #FBEED5;
+	border-radius: 4px;
+	margin-bottom: 20px;
+	padding: 8px 35px 8px 14px;
+	text-shadow: 0px 1px rgba(255, 255, 255, 0.5);
+	transition: width 0.5s, margin 0.5s, padding 0.5s, background-color 0.5s;
+}
+.alert-error {
+	background-color: #F2DEDE;
+	border-color: #EED3D7;
+	color: #B94A48;
+}
+.alert-info {
+	background-color: #D9EDF7;
+	border-color: #BCE8F1;
+	color: #3A87AD;
+}
+a.btc {
+	font-weight: bold;
+	color: #B94A48;
+}
+a.btc:hover {
+	color: #891A18;
+}
+
+/**
+ * NAVIGATION LINKS
+ */
+nav > ul,
+nav a {
+	color: #3A87AD;
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	text-align: center;
+}
+nav > ul > li {
+	display: inline-block;
+	margin: 0;
+	padding: 0;
+	cursor: default;
+}
+nav > ul > li:after {
+	content: "|";
+	margin: 0 8px;
+	opacity: 0.3;
+}
+nav > ul > li:last-child:after {
+	content: "";
+	margin: 0;
+}
+
+/**
+ * UPLOAD FORM
+ */
+#upload-input {
+	position: absolute;
+	top: 0;
+	left: -5000px;
+}
+
+/**
+ * UPLOAD FILE LIST
+ */
+#upload-filelist {
+	list-style-type: none;
+	margin: 20px 50px;
+	padding: 0;
+	text-align: left;
+}
+.error#upload-filelist {
+	color: #891A18;
+}
+.error#upload-filelist .file-size {
+	color: #B94A48;
+}
+.error#upload-filelist .file-progress {
+	display: none;
+}
+#upload-filelist > li {
+	margin-top: 5px;
+	overflow: hidden;
+}
+#upload-filelist > li.total {
+	border-top: 1px solid rgba(0, 0, 0, 0.05);
+	font-weight: bold;
+	padding-top: 5px;
+}
+.file-name {
+	float: left;
+	overflow: hidden;
+	max-width: 70%;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.file-size,
+.file-url {
+	display: inline-block;
+	float: right;
+	font-size: 0.9em;
+	margin-left: 8px;
+	color: #5C5C5C;
+	vertical-align: middle;
+}
+.file-url a {
+	color: #5C5C5C;
+}
+.file-url a:hover {
+	color: #1C1C1C;
+}
+/* completed rows */
+.completed .file-progress,
+.completed .file-size {
+	display: none;
+}
+.completed .file-url {
+	display: block;
+}
+
+/**
+ * PROGRESS BARS
+ */
+.progress-outer {
+	background-color: rgba(255, 255, 255, 0.8);
+	border: 1px solid white;
+	border-radius: 4px;
+	box-shadow: 0 0 0 1px black;
+/*	box-shadow: 0 0 0 1px rgb(188, 228, 170);
+	box-shadow: 0 0 0 1px #468847;
+	box-shadow: 0 0 0 1px #B7D1A0;*/
+	color: transparent;
+	display: inline-block;
+	font-size: 0;
+	float: right;
+	height: 8px;
+	margin: 6px 6px 0;
+	overflow: hidden;
+	vertical-align: middle;
+	width: 50px;
+}
+.progress-inner {
+	background-color: black;
+/*	background-color: rgb(188, 228, 170);
+	background-color: #468847;
+	background-color: #B7D1A0;*/
+	height: 6px;
+	margin: 0;
+	width: 0;
+}
+
+/**
+ * POCKY~
+ */
+.pocky {
+	margin: 20px auto;
+	text-align: center;
+}
+.pocky img {
+	max-width: 100%;
+}
+
+/**
+ * MEDIA QUERIES
+ */
+@media only screen and (max-device-width: 320px), only screen and (max-width: 400px) {
+	body {
+		padding: 10px 0 0 0;
+	}
+	.jumbotron {
+		margin: 20px 0 30px;
+	}
+	.jumbotron .lead {
+		font-size: 18px;
+	}
+	.jumbotron .btn, .alert, #upload-filelist {
+		border-radius: 0;
+		border-width: 1px 0;
+		width: 100%;
+		margin-left: 0;
+		margin-right: 0;
+		padding-left: 20px;
+		padding-right: 20px;
+	}
+	#upload-filelist {
+		background-color: rgba(255, 255, 255, 0.75);
+		overflow: hidden;
+	}
+	#upload-filelist > li.file {
+		margin-top: 12px;
+		margin-bottom: 12px;
+	}
+	.file-progress {
+		float: left;
+		width: 70%;
+	}
+	.file-size {
+		float: left;
+		max-width: 30%;
+		overflow: hidden;
+	}
+	.file-name, .file-url {
+		width: 100%;
+		max-width: 100%;
+	}
+	.file-url a {
+		text-decoration: underline;
+		margin-left: 15px;
+	}
+	.file-url a:before {
+		content: "http://";
+	}
+	.alert {
+		font-size: 13px;
+	}
+	.alert-error {
+		background-color: rgba(248, 223, 223, 0.75);
+	}
+	nav {
+		background-color: rgba(255, 255, 255, 0.75);
+		border: #FFFFFF;
+		padding: 10px 0;
+	}
+}
diff --git a/faq.txt b/faq.txt
deleted file mode 100644
index e6e536e..0000000
--- a/faq.txt
+++ /dev/null
@@ -1,12 +0,0 @@
-* Max file size is 50MB, hopefully I won't have to change this to a even lower number. (read: don't be an ass).
-* No Child porn, anything else goes until I get a lawsuit I guess. (unless its a virus, because that goes into the being an ass category).
-* All filetypes are allowed, ALL! (gif,exe,jpg,rar,ass,srt,etc,etc).
-* Any file can be removed or replaced at any time for any reason.
-* No logs are kept, no logs over uploading nor over downloading. This can be temp enabled to stop certain spamming (read: child porn or such).
-* a/i/pomf.se is hosted as for now on 500mbit server and Cloudflare's CDN helps out a lot, I'm on a restrained budget and this costs a lot so please don't be an ass.
-* I want to deliver the best free service I can without ads or such so donations are very welcome via the donate button on the front page (pomf.se).
-* Viruses will be removed if detected most of the time, this is to not cause further damage in form of i/a/pomf.se ending up on blacklists and whatnot. (read: IT ALREADY FUCKING IS!).
-* For removal of a file or such contact me at neku@pomf.se.
-
->>Follow the rules and tips I have set up above, please. The FAQ may also be changed and updated at any time.
->>Go to http://blog.pomf.se or http://twitter.com/nekunekus for more information.
diff --git a/index.html b/index.html
deleted file mode 100644
index 77689eb..0000000
--- a/index.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1"><title>Pomf.se &middot; Kawaii File Hosting</title><link rel="shortcut icon" href=favicon.ico type="image/x-icon"/><link href=style.min.css rel=stylesheet></head><body><div class=container><div class=jumbotron><h1>Hai!</h1><p class=lead>Max upload size is 50MB & read the <a href="//pomf.se/faq.txt">FAQ</a></p><noscript><p class="alert alert-error"><strong>Enable JavaScript</strong> you fucking autist neckbeard, it's not gonna hurt you</p></noscript><p id=no-file-api class="alert alert-error"><strong>Your browser is shit.</strong> Install the latest<a href="http://firefox.com/">Firefox</a> or <a href="http://chrome.google.com/">Botnet</a> and come back &lt;3</p><a href="javascript:;" id=upload-btn class="btn ">Select <span>or drop </span>file(s)</a><input type=file id=upload-input name="files[]" multiple data-max-size=50MiB /><ul id=upload-filelist></ul></div><form action="https://www.paypal.com/cgi-bin/webscr" method=post target=_top><p class="alert alert-error"><input type=hidden name=cmd value="_s-xclick"><input type=hidden name=encrypted value="-----BEGIN PKCS7-----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-----END PKCS7-----"><strong>Look here!</strong> Virus scans are now a daily routine, if a file gets detected it will be removed without further notice. <br> Please <input type=image src="img/donate.png" name=submit alt=donate> to cover server costs, even $1 is appreciated. We accept Paypal via the donate button and bitcoins to <a class=btc href=bitcoin:1Hb5Xnn5vEJaH1atkJvzqFJq2DK3MAENWD>1Hb5Xnn5vEJaH1atkJvzqFJq2DK3MAENWD</a></p></form></div><nav><ul><li><a href="http://blog.pomf.se/">Pomf Blog</a></li><li><a href="irc://irc.pomf.se:6667#cute">Pomf IRC</a></li><li><a href="http://p.pomf.se/">Pomf Paste</a></li><li><a href="tools.txt">Upload Tools</a></li></ul></nav><script src=pomf.min.js></script></body></html>
diff --git a/js/cabinet.js b/js/cabinet.js
new file mode 100644
index 0000000..ebbae4f
--- /dev/null
+++ b/js/cabinet.js
@@ -0,0 +1,36 @@
+;(function($){
+	$.hasFileAPI = function hasFileAPI () {
+		return (window.FormData !== undefined)
+	}
+	$.fn.cabinet = function (input) {
+		input = $(input)
+
+		var _this = this
+		var passthrough = function (outer, inner, prevent, fn) {
+			_this.on(outer, function (e) {
+				if (inner === 'click')
+					input[0].click()
+				else
+					input.trigger(inner)
+				if (prevent) e.preventDefault()
+				if (fn) fn(e)
+			}, false)
+		}
+
+		input[0].filelist = Object.create(FileList)
+
+		input.on('change', function (e) {
+			this.filelist = e.target.files
+			_this.change()
+		})
+
+		passthrough('dragenter', 'dragenter', true)
+		passthrough('dragover', 'dragover', true)
+		passthrough('dragleave', 'dragleave', true)
+		passthrough('click', 'click', false)
+		passthrough('drop', 'dragleave', true, function (e) {
+			input[0].filelist = e.dataTransfer.files
+			_this.change()
+		})
+	}
+})($)
diff --git a/js/cheesesteak.js b/js/cheesesteak.js
new file mode 100644
index 0000000..378c6e8
--- /dev/null
+++ b/js/cheesesteak.js
@@ -0,0 +1,168 @@
+;(function () {
+	/* Lightweight EventEmitter implementation */
+	EventEmitter = function () {}
+	EventEmitter.prototype.on = function (evt, fn) {
+		this._events = this._events || {}
+		this._events[evt] = this._events[evt] || []
+		this._events[evt].push(fn)
+	}
+	EventEmitter.prototype.off = function (evt, fn) {
+		if (!this.hasOwnProperty('_events')) return
+		if (evt in this._events === false) return
+		this._events[evt].splice(this._events[evt].indexOf(fn), 1)
+	}
+	EventEmitter.prototype.emit = function (evt) {
+		if (!this.hasOwnProperty('_events')) return
+		if (evt in this._events === false) return
+
+		for (var i = 0, l = this._events[evt].length; i < l; i++) {
+			this._events[evt][i].apply(this, Array.prototype.slice.call(arguments, 1))
+		}
+	}
+
+	/* Copy the stuff from Array to FileList */
+	FileList.prototype.forEach = Array.prototype.forEach
+	FileList.prototype.every = Array.prototype.every
+	FileList.prototype.some = Array.prototype.some
+	FileList.prototype.filter = Array.prototype.filter
+	FileList.prototype.map = Array.prototype.map
+	FileList.prototype.reduce = Array.prototype.reduce
+	FileList.prototype.reduceRight = Array.prototype.reduceRight
+
+	Object.defineProperty(FileList.prototype, "size", {
+		get: function getSize () {
+			return this.reduce(function (prev, curr) {
+				return prev + curr.size
+			}, 0)
+		}
+	})
+	
+	/* Utility to convert bytes into human units */
+	var humanSize = {
+		get: function humanSize () {
+			var units = ["B", "KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"]
+			var e = Math.floor(Math.log(this.size) / Math.log(1024))
+			return (this.size / Math.pow(1024, e)).toFixed(2) + " " + units[e]
+		}
+	}
+ 	Object.defineProperty(FileList.prototype, "humanSize", humanSize)
+	Object.defineProperty(File.prototype, "humanSize", humanSize)
+
+	var percentUploaded = {
+		get: function percentUploaded () {
+			return this.uploadedSize / this.size
+		}
+	}
+	Object.defineProperty(FileList.prototype, "percentUploaded", percentUploaded)
+	Object.defineProperty(File.prototype, "percentUploaded", percentUploaded)
+
+	Object.defineProperty(FileList.prototype, "uploadedSize", {
+		get: function getUploadedSize () {
+			return this.reduce(function (prev, curr) {
+				return prev + (curr.uploadedSize || 0)
+			}, 0)
+		}
+	})
+
+	/* Object URL stuff */
+	Object.defineProperty(File.prototype, "url", {
+		get: function getURL () {
+			return window.URL.createObjectURL(this);
+		}
+	})
+	File.revokeURL = function revokeURL (url) {
+		window.URL.revokeObjectURL(url)
+	}
+
+	// We manipulate this instead of files, because the fucking geniuses at
+	// Mozilla interpreted the spec to mean that HTMLInputElement.prototype.files
+	// is read-only.  It isn't, read for yourself:
+	// http://www.w3.org/html/wg/drafts/html/master/forms.html#dom-input-files
+	//HTMLInputElement.prototype.filelist = Object.create(FileList);
+	/*
+	Object.defineProperty(HTMLInputElement.prototype, "filelist", {
+		get: function getFileList () {
+			return this.filelist = this._filelist || this.files
+		},
+		set: function (files) {
+			r
+		}
+	})*/
+
+/*	HTMLInputElement.prototype.addEventListener("change", function (e) {
+		this.filelist = e.target.files
+	})*/
+
+	// b gets merged as defaults for a
+	var defaults = function (a, b) {
+		var out = {}
+		for (var key in b) {
+			out[key] = (a[key] === void 0) ? b[key] : a[key]
+		}
+		return out
+	}
+	
+	var FileListUploader = function (url, files, opts) {
+		this.url = url
+		this.files = files
+
+		opts = opts || {}
+		
+		this.opts = defaults(opts, {
+			'field': 'files[]',
+		   'method': 'POST'
+		})
+	}
+	FileListUploader.prototype = Object.create(EventEmitter.prototype)
+	FileListUploader.prototype.upload = function (cb) {
+		if (cb) this.on('uploadcomplete', cb)
+
+		var opts = this.opts
+		var files = this.files
+		var events = this
+
+		var data = new FormData()
+		files.forEach(function (file) {
+			data.append(opts.field, file)
+		})
+
+		var xhr = new XMLHttpRequest()
+
+		xhr.open(opts.method, this.url, true)
+		xhr.upload.addEventListener('loadstart', function (e) {
+			for (var i = 0, l = files.length; i < l; i++) {
+				files[i].uploadedSize = 0
+			}
+		})
+		xhr.upload.addEventListener('progress', function (e) {
+			if (e.lengthComputable) {
+				size = e.loaded
+				// We know the size of the files, the order they're in, and how
+				// much we've uploaded.  Based on this data, we can do some magic 
+				// to figure out which file we're on, and how much we've uploaded
+				// of that file.
+				// TODO: This math has trouble on later uploads.  Leak somewhere
+				for (var i = 0, l = files.length; i < l; i++) {
+					files[i].uploadedSize = Math.min(size, files[i].size)
+					size -= files[i].uploadedSize
+					if (size <= 0) {
+						files.current = files[i]
+						size = 0
+					}
+				}
+			}
+			events.emit('uploadprogress', e, files)
+		}, false)
+		xhr.upload.addEventListener('loadstart', function (e) { events.emit('uploadstart', e) })
+		xhr.upload.addEventListener('load', function (e) { events.emit('uploadcomplete', e) })
+		xhr.addEventListener('progress', function (e) { events.emit('progress', e) })
+		xhr.addEventListener('load', function (e) { events.emit('load', e, xhr.responseText) })
+
+		xhr.send(data)
+		/* TODO: Add more event passthroughs, maybe abstract it into a helper? */
+	}
+
+	FileList.prototype.upload = function uploadFileList (url, opts) {
+		return new FileListUploader(url, this, opts)
+	}
+})()
diff --git a/js/pomf.js b/js/pomf.js
new file mode 100644
index 0000000..59017fe
--- /dev/null
+++ b/js/pomf.js
@@ -0,0 +1,147 @@
+$(function () {
+	var uploadInput = $('#upload-input')
+	  , uploadBtn = $('#upload-btn')
+	  , uploadFiles = $('#upload-filelist')
+
+	var btnContent = ""
+
+	if (!$.hasFileAPI()) {
+		$('#no-file-api').show()
+		uploadBtn.hide()
+	}
+
+	uploadBtn.cabinet(uploadInput)
+
+	uploadBtn.on('dragenter', function (e) {
+		if (this === e.target) {
+			$(this).addClass('drop')
+			btnContent = $(this).html()
+			$(this).html('Drop it here~')
+		}
+	})
+
+	uploadBtn.on('drop', function (e) {
+		$(this).trigger('dragleave')
+	})
+
+	uploadBtn.on('dragleave', function (e) {
+		node = e.target
+		do {
+			if (node === this) {
+				$(this).removeClass('drop')
+				$(this).html(btnContent)
+				break
+			}
+		} while (node = node.parentNode)
+	})
+
+	var MAX_SIZE = (function (node) {
+		var max = node.attr('data-max-size') || '10MiB'
+		var num = parseInt(/([0-9,]+).*/.exec(max)[1].replace(',', ''))
+		var unit = /(?:([KMGTPEZY])(i)?B|([BKMGTPEZY]))/.exec(max) || ["B","",""]
+
+		var oneUnit = Math.pow(
+			(unit[2] === "i" ? 1024 : 1000),
+			'BKMGTPEZY'.indexOf(unit[1])
+		)
+
+		return num * oneUnit
+	})(uploadInput)
+
+	var createRow = function (filename, size, extra) {
+		var rowItem = $('<li class=file>')
+		  , rowName = $('<span class=file-name>')
+		  , rowProg = $('<div class="file-progress progress-outer">')
+		  , rowSize = $('<span class=file-size>')
+		  , rowUrl  = $('<span class=file-url>')
+
+		rowItem.addClass(extra || '')
+
+		$('<div class=progress-inner>').appendTo(rowProg)
+
+		rowItem.attr('data-filename', escape(filename))
+		rowName.text(filename)
+		rowSize.text(size)
+
+		rowItem.append(rowName, rowProg, rowSize, rowUrl)
+
+		return rowItem
+	}
+
+	uploadBtn.on('change', function (e) {
+		uploadFiles.empty().removeClass('error completed')
+
+		var files = uploadInput[0].filelist;
+
+		files.forEach(function (file) {
+			createRow(file.name, file.humanSize).appendTo(uploadFiles)
+		})
+
+		var totalRow = createRow('', files.humanSize, 'total')
+		totalRow.appendTo(uploadFiles)
+
+		if (files.size > MAX_SIZE) {
+			uploadFiles.addClass('error')
+
+			$('.file-name', totalRow).text('onii-chan y-your upload is t-too big&hellip;')
+			return
+		}
+
+		var up = files.upload("upload.php")
+
+		var eachRow = function (files, fn) {
+			var hits = {}
+			files.forEach(function (file) {
+				++hits[file.name] || (hits[file.name] = 0)
+				var row = $($('li[data-filename="' + escape(file.name) + '"]')[hits[file.name] || 0])
+				fn.call(row, row, file, files)
+			})
+		}
+
+		var totalName = $('.file-name', totalRow)
+
+		up.on('uploadprogress', function (e, files) {
+			eachRow(files, function (row, file, files) {
+				$('.progress-inner', row).width((file.percentUploaded * 100) + '%')
+			})
+			$('.progress-inner', totalRow).width((files.percentUploaded * 100) + '%')
+		})
+
+		up.on('uploadcomplete', function (e) {
+			$('.progress-inner').width('100%')
+			totalName.text('Grabbing URLs...')
+		})
+
+		up.on('load', function (e, res) {
+			switch (e.target.status) {
+				case 200:
+					var res = JSON.parse(res)
+					if (!res.success) {
+						uploadFiles.addClass('error')
+						$('.file-name', totalRow).text('Something went wrong; try again later.')
+						break
+					}
+					eachRow(res.files, function (row, file, files) {
+						var link = $('<a>')
+
+						link.attr('href', 'http://a.pomf.se/' + file.url)
+							.attr('target', '_BLANK')
+							.text('a.pomf.se/' + file.url)
+
+						$('.file-url', row).append(link)
+					})
+					uploadFiles.addClass('completed')
+					totalName.text('Done!')
+					break
+				case 413:
+					uploadFiles.addClass('error completed')
+					totalName.html('onii-chan, y-your upload is t-too big&hellip;')
+					break
+				default:
+					uploadFiles.addClass('error completed')
+					totalName.text('Something went wrong; try again later.')
+			}
+		})
+		up.upload()
+	})
+})
diff --git a/js/zepto.js b/js/zepto.js
new file mode 100644
index 0000000..ab89703
--- /dev/null
+++ b/js/zepto.js
@@ -0,0 +1,1035 @@
+/* Zepto v1.0-7-g579f376 - zepto event - zeptojs.com/license */
+
+
+var Zepto = (function() {
+  var undefined, key, $, classList, emptyArray = [], slice = emptyArray.slice, filter = emptyArray.filter,
+    document = window.document,
+    elementDisplay = {}, classCache = {},
+    getComputedStyle = document.defaultView.getComputedStyle,
+    cssNumber = { 'column-count': 1, 'columns': 1, 'font-weight': 1, 'line-height': 1,'opacity': 1, 'z-index': 1, 'zoom': 1 },
+    fragmentRE = /^\s*<(\w+|!)[^>]*>/,
+    tagExpanderRE = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,
+    rootNodeRE = /^(?:body|html)$/i,
+
+    // special attributes that should be get/set via method calls
+    methodAttributes = ['val', 'css', 'html', 'text', 'data', 'width', 'height', 'offset'],
+
+    adjacencyOperators = [ 'after', 'prepend', 'before', 'append' ],
+    table = document.createElement('table'),
+    tableRow = document.createElement('tr'),
+    containers = {
+      'tr': document.createElement('tbody'),
+      'tbody': table, 'thead': table, 'tfoot': table,
+      'td': tableRow, 'th': tableRow,
+      '*': document.createElement('div')
+    },
+    readyRE = /complete|loaded|interactive/,
+    classSelectorRE = /^\.([\w-]+)$/,
+    idSelectorRE = /^#([\w-]*)$/,
+    tagSelectorRE = /^[\w-]+$/,
+    class2type = {},
+    toString = class2type.toString,
+    zepto = {},
+    camelize, uniq,
+    tempParent = document.createElement('div')
+
+  zepto.matches = function(element, selector) {
+    if (!element || element.nodeType !== 1) return false
+    var matchesSelector = element.webkitMatchesSelector || element.mozMatchesSelector ||
+                          element.oMatchesSelector || element.matchesSelector
+    if (matchesSelector) return matchesSelector.call(element, selector)
+    // fall back to performing a selector:
+    var match, parent = element.parentNode, temp = !parent
+    if (temp) (parent = tempParent).appendChild(element)
+    match = ~zepto.qsa(parent, selector).indexOf(element)
+    temp && tempParent.removeChild(element)
+    return match
+  }
+
+  function type(obj) {
+    return obj == null ? String(obj) :
+      class2type[toString.call(obj)] || "object"
+  }
+
+  function isFunction(value) { return type(value) == "function" }
+  function isWindow(obj)     { return obj != null && obj == obj.window }
+  function isDocument(obj)   { return obj != null && obj.nodeType == obj.DOCUMENT_NODE }
+  function isObject(obj)     { return type(obj) == "object" }
+  function isPlainObject(obj) {
+    return isObject(obj) && !isWindow(obj) && obj.__proto__ == Object.prototype
+  }
+  function isArray(value) { return value instanceof Array }
+  function likeArray(obj) { return typeof obj.length == 'number' }
+
+  function compact(array) { return filter.call(array, function(item){ return item != null }) }
+  function flatten(array) { return array.length > 0 ? $.fn.concat.apply([], array) : array }
+  camelize = function(str){ return str.replace(/-+(.)?/g, function(match, chr){ return chr ? chr.toUpperCase() : '' }) }
+  function dasherize(str) {
+    return str.replace(/::/g, '/')
+           .replace(/([A-Z]+)([A-Z][a-z])/g, '$1_$2')
+           .replace(/([a-z\d])([A-Z])/g, '$1_$2')
+           .replace(/_/g, '-')
+           .toLowerCase()
+  }
+  uniq = function(array){ return filter.call(array, function(item, idx){ return array.indexOf(item) == idx }) }
+
+  function classRE(name) {
+    return name in classCache ?
+      classCache[name] : (classCache[name] = new RegExp('(^|\\s)' + name + '(\\s|$)'))
+  }
+
+  function maybeAddPx(name, value) {
+    return (typeof value == "number" && !cssNumber[dasherize(name)]) ? value + "px" : value
+  }
+
+  function defaultDisplay(nodeName) {
+    var element, display
+    if (!elementDisplay[nodeName]) {
+      element = document.createElement(nodeName)
+      document.body.appendChild(element)
+      display = getComputedStyle(element, '').getPropertyValue("display")
+      element.parentNode.removeChild(element)
+      display == "none" && (display = "block")
+      elementDisplay[nodeName] = display
+    }
+    return elementDisplay[nodeName]
+  }
+
+  function children(element) {
+    return 'children' in element ?
+      slice.call(element.children) :
+      $.map(element.childNodes, function(node){ if (node.nodeType == 1) return node })
+  }
+
+  // `$.zepto.fragment` takes a html string and an optional tag name
+  // to generate DOM nodes nodes from the given html string.
+  // The generated DOM nodes are returned as an array.
+  // This function can be overriden in plugins for example to make
+  // it compatible with browsers that don't support the DOM fully.
+  zepto.fragment = function(html, name, properties) {
+    if (html.replace) html = html.replace(tagExpanderRE, "<$1></$2>")
+    if (name === undefined) name = fragmentRE.test(html) && RegExp.$1
+    if (!(name in containers)) name = '*'
+
+    var nodes, dom, container = containers[name]
+    container.innerHTML = '' + html
+    dom = $.each(slice.call(container.childNodes), function(){
+      container.removeChild(this)
+    })
+    if (isPlainObject(properties)) {
+      nodes = $(dom)
+      $.each(properties, function(key, value) {
+        if (methodAttributes.indexOf(key) > -1) nodes[key](value)
+        else nodes.attr(key, value)
+      })
+    }
+    return dom
+  }
+
+  // `$.zepto.Z` swaps out the prototype of the given `dom` array
+  // of nodes with `$.fn` and thus supplying all the Zepto functions
+  // to the array. Note that `__proto__` is not supported on Internet
+  // Explorer. This method can be overriden in plugins.
+  zepto.Z = function(dom, selector) {
+    dom = dom || []
+    dom.__proto__ = $.fn
+    dom.selector = selector || ''
+    return dom
+  }
+
+  // `$.zepto.isZ` should return `true` if the given object is a Zepto
+  // collection. This method can be overriden in plugins.
+  zepto.isZ = function(object) {
+    return object instanceof zepto.Z
+  }
+
+  // `$.zepto.init` is Zepto's counterpart to jQuery's `$.fn.init` and
+  // takes a CSS selector and an optional context (and handles various
+  // special cases).
+  // This method can be overriden in plugins.
+  zepto.init = function(selector, context) {
+    // If nothing given, return an empty Zepto collection
+    if (!selector) return zepto.Z()
+    // If a function is given, call it when the DOM is ready
+    else if (isFunction(selector)) return $(document).ready(selector)
+    // If a Zepto collection is given, juts return it
+    else if (zepto.isZ(selector)) return selector
+    else {
+      var dom
+      // normalize array if an array of nodes is given
+      if (isArray(selector)) dom = compact(selector)
+      // Wrap DOM nodes. If a plain object is given, duplicate it.
+      else if (isObject(selector))
+        dom = [isPlainObject(selector) ? $.extend({}, selector) : selector], selector = null
+      // If it's a html fragment, create nodes from it
+      else if (fragmentRE.test(selector))
+        dom = zepto.fragment(selector.trim(), RegExp.$1, context), selector = null
+      // If there's a context, create a collection on that context first, and select
+      // nodes from there
+      else if (context !== undefined) return $(context).find(selector)
+      // And last but no least, if it's a CSS selector, use it to select nodes.
+      else dom = zepto.qsa(document, selector)
+      // create a new Zepto collection from the nodes found
+      return zepto.Z(dom, selector)
+    }
+  }
+
+  // `$` will be the base `Zepto` object. When calling this
+  // function just call `$.zepto.init, which makes the implementation
+  // details of selecting nodes and creating Zepto collections
+  // patchable in plugins.
+  $ = function(selector, context){
+    return zepto.init(selector, context)
+  }
+
+  function extend(target, source, deep) {
+    for (key in source)
+      if (deep && (isPlainObject(source[key]) || isArray(source[key]))) {
+        if (isPlainObject(source[key]) && !isPlainObject(target[key]))
+          target[key] = {}
+        if (isArray(source[key]) && !isArray(target[key]))
+          target[key] = []
+        extend(target[key], source[key], deep)
+      }
+      else if (source[key] !== undefined) target[key] = source[key]
+  }
+
+  // Copy all but undefined properties from one or more
+  // objects to the `target` object.
+  $.extend = function(target){
+    var deep, args = slice.call(arguments, 1)
+    if (typeof target == 'boolean') {
+      deep = target
+      target = args.shift()
+    }
+    args.forEach(function(arg){ extend(target, arg, deep) })
+    return target
+  }
+
+  // `$.zepto.qsa` is Zepto's CSS selector implementation which
+  // uses `document.querySelectorAll` and optimizes for some special cases, like `#id`.
+  // This method can be overriden in plugins.
+  zepto.qsa = function(element, selector){
+    var found
+    return (isDocument(element) && idSelectorRE.test(selector)) ?
+      ( (found = element.getElementById(RegExp.$1)) ? [found] : [] ) :
+      (element.nodeType !== 1 && element.nodeType !== 9) ? [] :
+      slice.call(
+        classSelectorRE.test(selector) ? element.getElementsByClassName(RegExp.$1) :
+        tagSelectorRE.test(selector) ? element.getElementsByTagName(selector) :
+        element.querySelectorAll(selector)
+      )
+  }
+
+  function filtered(nodes, selector) {
+    return selector == null ? $(nodes) : $(nodes).filter(selector)
+  }
+
+  $.contains = function(parent, node) {
+    return parent !== node && parent.contains(node)
+  }
+
+  function funcArg(context, arg, idx, payload) {
+    return isFunction(arg) ? arg.call(context, idx, payload) : arg
+  }
+
+  function setAttribute(node, name, value) {
+    value == null ? node.removeAttribute(name) : node.setAttribute(name, value)
+  }
+
+  // access className property while respecting SVGAnimatedString
+  function className(node, value){
+    var klass = node.className,
+        svg   = klass && klass.baseVal !== undefined
+
+    if (value === undefined) return svg ? klass.baseVal : klass
+    svg ? (klass.baseVal = value) : (node.className = value)
+  }
+
+  // "true"  => true
+  // "false" => false
+  // "null"  => null
+  // "42"    => 42
+  // "42.5"  => 42.5
+  // JSON    => parse if valid
+  // String  => self
+  function deserializeValue(value) {
+    var num
+    try {
+      return value ?
+        value == "true" ||
+        ( value == "false" ? false :
+          value == "null" ? null :
+          !isNaN(num = Number(value)) ? num :
+          /^[\[\{]/.test(value) ? $.parseJSON(value) :
+          value )
+        : value
+    } catch(e) {
+      return value
+    }
+  }
+
+  $.type = type
+  $.isFunction = isFunction
+  $.isWindow = isWindow
+  $.isArray = isArray
+  $.isPlainObject = isPlainObject
+
+  $.isEmptyObject = function(obj) {
+    var name
+    for (name in obj) return false
+    return true
+  }
+
+  $.inArray = function(elem, array, i){
+    return emptyArray.indexOf.call(array, elem, i)
+  }
+
+  $.camelCase = camelize
+  $.trim = function(str) {
+    return str == null ? "" : String.prototype.trim.call(str)
+  }
+
+  // plugin compatibility
+  $.uuid = 0
+  $.support = { }
+  $.expr = { }
+
+  $.map = function(elements, callback){
+    var value, values = [], i, key
+    if (likeArray(elements))
+      for (i = 0; i < elements.length; i++) {
+        value = callback(elements[i], i)
+        if (value != null) values.push(value)
+      }
+    else
+      for (key in elements) {
+        value = callback(elements[key], key)
+        if (value != null) values.push(value)
+      }
+    return flatten(values)
+  }
+
+  $.each = function(elements, callback){
+    var i, key
+    if (likeArray(elements)) {
+      for (i = 0; i < elements.length; i++)
+        if (callback.call(elements[i], i, elements[i]) === false) return elements
+    } else {
+      for (key in elements)
+        if (callback.call(elements[key], key, elements[key]) === false) return elements
+    }
+
+    return elements
+  }
+
+  $.grep = function(elements, callback){
+    return filter.call(elements, callback)
+  }
+
+  if (window.JSON) $.parseJSON = JSON.parse
+
+  // Populate the class2type map
+  $.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) {
+    class2type[ "[object " + name + "]" ] = name.toLowerCase()
+  })
+
+  // Define methods that will be available on all
+  // Zepto collections
+  $.fn = {
+    // Because a collection acts like an array
+    // copy over these useful array functions.
+    forEach: emptyArray.forEach,
+    reduce: emptyArray.reduce,
+    push: emptyArray.push,
+    sort: emptyArray.sort,
+    indexOf: emptyArray.indexOf,
+    concat: emptyArray.concat,
+
+    // `map` and `slice` in the jQuery API work differently
+    // from their array counterparts
+    map: function(fn){
+      return $($.map(this, function(el, i){ return fn.call(el, i, el) }))
+    },
+    slice: function(){
+      return $(slice.apply(this, arguments))
+    },
+
+    ready: function(callback){
+      if (readyRE.test(document.readyState)) callback($)
+      else document.addEventListener('DOMContentLoaded', function(){ callback($) }, false)
+      return this
+    },
+    get: function(idx){
+      return idx === undefined ? slice.call(this) : this[idx >= 0 ? idx : idx + this.length]
+    },
+    toArray: function(){ return this.get() },
+    size: function(){
+      return this.length
+    },
+    remove: function(){
+      return this.each(function(){
+        if (this.parentNode != null)
+          this.parentNode.removeChild(this)
+      })
+    },
+    each: function(callback){
+      emptyArray.every.call(this, function(el, idx){
+        return callback.call(el, idx, el) !== false
+      })
+      return this
+    },
+    filter: function(selector){
+      if (isFunction(selector)) return this.not(this.not(selector))
+      return $(filter.call(this, function(element){
+        return zepto.matches(element, selector)
+      }))
+    },
+    add: function(selector,context){
+      return $(uniq(this.concat($(selector,context))))
+    },
+    is: function(selector){
+      return this.length > 0 && zepto.matches(this[0], selector)
+    },
+    not: function(selector){
+      var nodes=[]
+      if (isFunction(selector) && selector.call !== undefined)
+        this.each(function(idx){
+          if (!selector.call(this,idx)) nodes.push(this)
+        })
+      else {
+        var excludes = typeof selector == 'string' ? this.filter(selector) :
+          (likeArray(selector) && isFunction(selector.item)) ? slice.call(selector) : $(selector)
+        this.forEach(function(el){
+          if (excludes.indexOf(el) < 0) nodes.push(el)
+        })
+      }
+      return $(nodes)
+    },
+    has: function(selector){
+      return this.filter(function(){
+        return isObject(selector) ?
+          $.contains(this, selector) :
+          $(this).find(selector).size()
+      })
+    },
+    eq: function(idx){
+      return idx === -1 ? this.slice(idx) : this.slice(idx, + idx + 1)
+    },
+    first: function(){
+      var el = this[0]
+      return el && !isObject(el) ? el : $(el)
+    },
+    last: function(){
+      var el = this[this.length - 1]
+      return el && !isObject(el) ? el : $(el)
+    },
+    find: function(selector){
+      var result, $this = this
+      if (typeof selector == 'object')
+        result = $(selector).filter(function(){
+          var node = this
+          return emptyArray.some.call($this, function(parent){
+            return $.contains(parent, node)
+          })
+        })
+      else if (this.length == 1) result = $(zepto.qsa(this[0], selector))
+      else result = this.map(function(){ return zepto.qsa(this, selector) })
+      return result
+    },
+    closest: function(selector, context){
+      var node = this[0], collection = false
+      if (typeof selector == 'object') collection = $(selector)
+      while (node && !(collection ? collection.indexOf(node) >= 0 : zepto.matches(node, selector)))
+        node = node !== context && !isDocument(node) && node.parentNode
+      return $(node)
+    },
+    parents: function(selector){
+      var ancestors = [], nodes = this
+      while (nodes.length > 0)
+        nodes = $.map(nodes, function(node){
+          if ((node = node.parentNode) && !isDocument(node) && ancestors.indexOf(node) < 0) {
+            ancestors.push(node)
+            return node
+          }
+        })
+      return filtered(ancestors, selector)
+    },
+    parent: function(selector){
+      return filtered(uniq(this.pluck('parentNode')), selector)
+    },
+    children: function(selector){
+      return filtered(this.map(function(){ return children(this) }), selector)
+    },
+    contents: function() {
+      return this.map(function() { return slice.call(this.childNodes) })
+    },
+    siblings: function(selector){
+      return filtered(this.map(function(i, el){
+        return filter.call(children(el.parentNode), function(child){ return child!==el })
+      }), selector)
+    },
+    empty: function(){
+      return this.each(function(){ this.innerHTML = '' })
+    },
+    // `pluck` is borrowed from Prototype.js
+    pluck: function(property){
+      return $.map(this, function(el){ return el[property] })
+    },
+    show: function(){
+      return this.each(function(){
+        this.style.display == "none" && (this.style.display = null)
+        if (getComputedStyle(this, '').getPropertyValue("display") == "none")
+          this.style.display = defaultDisplay(this.nodeName)
+      })
+    },
+    replaceWith: function(newContent){
+      return this.before(newContent).remove()
+    },
+    wrap: function(structure){
+      var func = isFunction(structure)
+      if (this[0] && !func)
+        var dom   = $(structure).get(0),
+            clone = dom.parentNode || this.length > 1
+
+      return this.each(function(index){
+        $(this).wrapAll(
+          func ? structure.call(this, index) :
+            clone ? dom.cloneNode(true) : dom
+        )
+      })
+    },
+    wrapAll: function(structure){
+      if (this[0]) {
+        $(this[0]).before(structure = $(structure))
+        var children
+        // drill down to the inmost element
+        while ((children = structure.children()).length) structure = children.first()
+        $(structure).append(this)
+      }
+      return this
+    },
+    wrapInner: function(structure){
+      var func = isFunction(structure)
+      return this.each(function(index){
+        var self = $(this), contents = self.contents(),
+            dom  = func ? structure.call(this, index) : structure
+        contents.length ? contents.wrapAll(dom) : self.append(dom)
+      })
+    },
+    unwrap: function(){
+      this.parent().each(function(){
+        $(this).replaceWith($(this).children())
+      })
+      return this
+    },
+    clone: function(){
+      return this.map(function(){ return this.cloneNode(true) })
+    },
+    hide: function(){
+      return this.css("display", "none")
+    },
+    toggle: function(setting){
+      return this.each(function(){
+        var el = $(this)
+        ;(setting === undefined ? el.css("display") == "none" : setting) ? el.show() : el.hide()
+      })
+    },
+    prev: function(selector){ return $(this.pluck('previousElementSibling')).filter(selector || '*') },
+    next: function(selector){ return $(this.pluck('nextElementSibling')).filter(selector || '*') },
+    html: function(html){
+      return html === undefined ?
+        (this.length > 0 ? this[0].innerHTML : null) :
+        this.each(function(idx){
+          var originHtml = this.innerHTML
+          $(this).empty().append( funcArg(this, html, idx, originHtml) )
+        })
+    },
+    text: function(text){
+      return text === undefined ?
+        (this.length > 0 ? this[0].textContent : null) :
+        this.each(function(){ this.textContent = text })
+    },
+    attr: function(name, value){
+      var result
+      return (typeof name == 'string' && value === undefined) ?
+        (this.length == 0 || this[0].nodeType !== 1 ? undefined :
+          (name == 'value' && this[0].nodeName == 'INPUT') ? this.val() :
+          (!(result = this[0].getAttribute(name)) && name in this[0]) ? this[0][name] : result
+        ) :
+        this.each(function(idx){
+          if (this.nodeType !== 1) return
+          if (isObject(name)) for (key in name) setAttribute(this, key, name[key])
+          else setAttribute(this, name, funcArg(this, value, idx, this.getAttribute(name)))
+        })
+    },
+    removeAttr: function(name){
+      return this.each(function(){ this.nodeType === 1 && setAttribute(this, name) })
+    },
+    prop: function(name, value){
+      return (value === undefined) ?
+        (this[0] && this[0][name]) :
+        this.each(function(idx){
+          this[name] = funcArg(this, value, idx, this[name])
+        })
+    },
+    data: function(name, value){
+      var data = this.attr('data-' + dasherize(name), value)
+      return data !== null ? deserializeValue(data) : undefined
+    },
+    val: function(value){
+      return (value === undefined) ?
+        (this[0] && (this[0].multiple ?
+           $(this[0]).find('option').filter(function(o){ return this.selected }).pluck('value') :
+           this[0].value)
+        ) :
+        this.each(function(idx){
+          this.value = funcArg(this, value, idx, this.value)
+        })
+    },
+    offset: function(coordinates){
+      if (coordinates) return this.each(function(index){
+        var $this = $(this),
+            coords = funcArg(this, coordinates, index, $this.offset()),
+            parentOffset = $this.offsetParent().offset(),
+            props = {
+              top:  coords.top  - parentOffset.top,
+              left: coords.left - parentOffset.left
+            }
+
+        if ($this.css('position') == 'static') props['position'] = 'relative'
+        $this.css(props)
+      })
+      if (this.length==0) return null
+      var obj = this[0].getBoundingClientRect()
+      return {
+        left: obj.left + window.pageXOffset,
+        top: obj.top + window.pageYOffset,
+        width: Math.round(obj.width),
+        height: Math.round(obj.height)
+      }
+    },
+    css: function(property, value){
+      if (arguments.length < 2 && typeof property == 'string')
+        return this[0] && (this[0].style[camelize(property)] || getComputedStyle(this[0], '').getPropertyValue(property))
+
+      var css = ''
+      if (type(property) == 'string') {
+        if (!value && value !== 0)
+          this.each(function(){ this.style.removeProperty(dasherize(property)) })
+        else
+          css = dasherize(property) + ":" + maybeAddPx(property, value)
+      } else {
+        for (key in property)
+          if (!property[key] && property[key] !== 0)
+            this.each(function(){ this.style.removeProperty(dasherize(key)) })
+          else
+            css += dasherize(key) + ':' + maybeAddPx(key, property[key]) + ';'
+      }
+
+      return this.each(function(){ this.style.cssText += ';' + css })
+    },
+    index: function(element){
+      return element ? this.indexOf($(element)[0]) : this.parent().children().indexOf(this[0])
+    },
+    hasClass: function(name){
+      return emptyArray.some.call(this, function(el){
+        return this.test(className(el))
+      }, classRE(name))
+    },
+    addClass: function(name){
+      return this.each(function(idx){
+        classList = []
+        var cls = className(this), newName = funcArg(this, name, idx, cls)
+        newName.split(/\s+/g).forEach(function(klass){
+          if (!$(this).hasClass(klass)) classList.push(klass)
+        }, this)
+        classList.length && className(this, cls + (cls ? " " : "") + classList.join(" "))
+      })
+    },
+    removeClass: function(name){
+      return this.each(function(idx){
+        if (name === undefined) return className(this, '')
+        classList = className(this)
+        funcArg(this, name, idx, classList).split(/\s+/g).forEach(function(klass){
+          classList = classList.replace(classRE(klass), " ")
+        })
+        className(this, classList.trim())
+      })
+    },
+    toggleClass: function(name, when){
+      return this.each(function(idx){
+        var $this = $(this), names = funcArg(this, name, idx, className(this))
+        names.split(/\s+/g).forEach(function(klass){
+          (when === undefined ? !$this.hasClass(klass) : when) ?
+            $this.addClass(klass) : $this.removeClass(klass)
+        })
+      })
+    },
+    scrollTop: function(){
+      if (!this.length) return
+      return ('scrollTop' in this[0]) ? this[0].scrollTop : this[0].scrollY
+    },
+    position: function() {
+      if (!this.length) return
+
+      var elem = this[0],
+        // Get *real* offsetParent
+        offsetParent = this.offsetParent(),
+        // Get correct offsets
+        offset       = this.offset(),
+        parentOffset = rootNodeRE.test(offsetParent[0].nodeName) ? { top: 0, left: 0 } : offsetParent.offset()
+
+      // Subtract element margins
+      // note: when an element has margin: auto the offsetLeft and marginLeft
+      // are the same in Safari causing offset.left to incorrectly be 0
+      offset.top  -= parseFloat( $(elem).css('margin-top') ) || 0
+      offset.left -= parseFloat( $(elem).css('margin-left') ) || 0
+
+      // Add offsetParent borders
+      parentOffset.top  += parseFloat( $(offsetParent[0]).css('border-top-width') ) || 0
+      parentOffset.left += parseFloat( $(offsetParent[0]).css('border-left-width') ) || 0
+
+      // Subtract the two offsets
+      return {
+        top:  offset.top  - parentOffset.top,
+        left: offset.left - parentOffset.left
+      }
+    },
+    offsetParent: function() {
+      return this.map(function(){
+        var parent = this.offsetParent || document.body
+        while (parent && !rootNodeRE.test(parent.nodeName) && $(parent).css("position") == "static")
+          parent = parent.offsetParent
+        return parent
+      })
+    }
+  }
+
+  // for now
+  $.fn.detach = $.fn.remove
+
+  // Generate the `width` and `height` functions
+  ;['width', 'height'].forEach(function(dimension){
+    $.fn[dimension] = function(value){
+      var offset, el = this[0],
+        Dimension = dimension.replace(/./, function(m){ return m[0].toUpperCase() })
+      if (value === undefined) return isWindow(el) ? el['inner' + Dimension] :
+        isDocument(el) ? el.documentElement['offset' + Dimension] :
+        (offset = this.offset()) && offset[dimension]
+      else return this.each(function(idx){
+        el = $(this)
+        el.css(dimension, funcArg(this, value, idx, el[dimension]()))
+      })
+    }
+  })
+
+  function traverseNode(node, fun) {
+    fun(node)
+    for (var key in node.childNodes) traverseNode(node.childNodes[key], fun)
+  }
+
+  // Generate the `after`, `prepend`, `before`, `append`,
+  // `insertAfter`, `insertBefore`, `appendTo`, and `prependTo` methods.
+  adjacencyOperators.forEach(function(operator, operatorIndex) {
+    var inside = operatorIndex % 2 //=> prepend, append
+
+    $.fn[operator] = function(){
+      // arguments can be nodes, arrays of nodes, Zepto objects and HTML strings
+      var argType, nodes = $.map(arguments, function(arg) {
+            argType = type(arg)
+            return argType == "object" || argType == "array" || arg == null ?
+              arg : zepto.fragment(arg)
+          }),
+          parent, copyByClone = this.length > 1
+      if (nodes.length < 1) return this
+
+      return this.each(function(_, target){
+        parent = inside ? target : target.parentNode
+
+        // convert all methods to a "before" operation
+        target = operatorIndex == 0 ? target.nextSibling :
+                 operatorIndex == 1 ? target.firstChild :
+                 operatorIndex == 2 ? target :
+                 null
+
+        nodes.forEach(function(node){
+          if (copyByClone) node = node.cloneNode(true)
+          else if (!parent) return $(node).remove()
+
+          traverseNode(parent.insertBefore(node, target), function(el){
+            if (el.nodeName != null && el.nodeName.toUpperCase() === 'SCRIPT' &&
+               (!el.type || el.type === 'text/javascript') && !el.src)
+              window['eval'].call(window, el.innerHTML)
+          })
+        })
+      })
+    }
+
+    // after    => insertAfter
+    // prepend  => prependTo
+    // before   => insertBefore
+    // append   => appendTo
+    $.fn[inside ? operator+'To' : 'insert'+(operatorIndex ? 'Before' : 'After')] = function(html){
+      $(html)[operator](this)
+      return this
+    }
+  })
+
+  zepto.Z.prototype = $.fn
+
+  // Export internal API functions in the `$.zepto` namespace
+  zepto.uniq = uniq
+  zepto.deserializeValue = deserializeValue
+  $.zepto = zepto
+
+  return $
+})()
+
+window.Zepto = Zepto
+'$' in window || (window.$ = Zepto)
+
+;(function($){
+  var $$ = $.zepto.qsa, handlers = {}, _zid = 1, specialEvents={},
+      hover = { mouseenter: 'mouseover', mouseleave: 'mouseout' }
+
+  specialEvents.click = specialEvents.mousedown = specialEvents.mouseup = specialEvents.mousemove = 'MouseEvents'
+
+  function zid(element) {
+    return element._zid || (element._zid = _zid++)
+  }
+  function findHandlers(element, event, fn, selector) {
+    event = parse(event)
+    if (event.ns) var matcher = matcherFor(event.ns)
+    return (handlers[zid(element)] || []).filter(function(handler) {
+      return handler
+        && (!event.e  || handler.e == event.e)
+        && (!event.ns || matcher.test(handler.ns))
+        && (!fn       || zid(handler.fn) === zid(fn))
+        && (!selector || handler.sel == selector)
+    })
+  }
+  function parse(event) {
+    var parts = ('' + event).split('.')
+    return {e: parts[0], ns: parts.slice(1).sort().join(' ')}
+  }
+  function matcherFor(ns) {
+    return new RegExp('(?:^| )' + ns.replace(' ', ' .* ?') + '(?: |$)')
+  }
+
+  function eachEvent(events, fn, iterator){
+    if ($.type(events) != "string") $.each(events, iterator)
+    else events.split(/\s/).forEach(function(type){ iterator(type, fn) })
+  }
+
+  function eventCapture(handler, captureSetting) {
+    return handler.del &&
+      (handler.e == 'focus' || handler.e == 'blur') ||
+      !!captureSetting
+  }
+
+  function realEvent(type) {
+    return hover[type] || type
+  }
+
+  function add(element, events, fn, selector, getDelegate, capture){
+    var id = zid(element), set = (handlers[id] || (handlers[id] = []))
+    eachEvent(events, fn, function(event, fn){
+      var handler   = parse(event)
+      handler.fn    = fn
+      handler.sel   = selector
+      // emulate mouseenter, mouseleave
+      if (handler.e in hover) fn = function(e){
+        var related = e.relatedTarget
+        if (!related || (related !== this && !$.contains(this, related)))
+          return handler.fn.apply(this, arguments)
+      }
+      handler.del   = getDelegate && getDelegate(fn, event)
+      var callback  = handler.del || fn
+      handler.proxy = function (e) {
+        var result = callback.apply(element, [e].concat(e.data))
+        if (result === false) e.preventDefault(), e.stopPropagation()
+        return result
+      }
+      handler.i = set.length
+      set.push(handler)
+      element.addEventListener(realEvent(handler.e), handler.proxy, eventCapture(handler, capture))
+    })
+  }
+  function remove(element, events, fn, selector, capture){
+    var id = zid(element)
+    eachEvent(events || '', fn, function(event, fn){
+      findHandlers(element, event, fn, selector).forEach(function(handler){
+        delete handlers[id][handler.i]
+        element.removeEventListener(realEvent(handler.e), handler.proxy, eventCapture(handler, capture))
+      })
+    })
+  }
+
+  $.event = { add: add, remove: remove }
+
+  $.proxy = function(fn, context) {
+    if ($.isFunction(fn)) {
+      var proxyFn = function(){ return fn.apply(context, arguments) }
+      proxyFn._zid = zid(fn)
+      return proxyFn
+    } else if (typeof context == 'string') {
+      return $.proxy(fn[context], fn)
+    } else {
+      throw new TypeError("expected function")
+    }
+  }
+
+  $.fn.bind = function(event, callback){
+    return this.each(function(){
+      add(this, event, callback)
+    })
+  }
+  $.fn.unbind = function(event, callback){
+    return this.each(function(){
+      remove(this, event, callback)
+    })
+  }
+  $.fn.one = function(event, callback){
+    return this.each(function(i, element){
+      add(this, event, callback, null, function(fn, type){
+        return function(){
+          var result = fn.apply(element, arguments)
+          remove(element, type, fn)
+          return result
+        }
+      })
+    })
+  }
+
+  var returnTrue = function(){return true},
+      returnFalse = function(){return false},
+      ignoreProperties = /^([A-Z]|layer[XY]$)/,
+      eventMethods = {
+        preventDefault: 'isDefaultPrevented',
+        stopImmediatePropagation: 'isImmediatePropagationStopped',
+        stopPropagation: 'isPropagationStopped'
+      }
+  function createProxy(event) {
+    var key, proxy = { originalEvent: event }
+    for (key in event)
+      if (!ignoreProperties.test(key) && event[key] !== undefined) proxy[key] = event[key]
+
+    $.each(eventMethods, function(name, predicate) {
+      proxy[name] = function(){
+        this[predicate] = returnTrue
+        return event[name].apply(event, arguments)
+      }
+      proxy[predicate] = returnFalse
+    })
+    return proxy
+  }
+
+  // emulates the 'defaultPrevented' property for browsers that have none
+  function fix(event) {
+    if (!('defaultPrevented' in event)) {
+      event.defaultPrevented = false
+      var prevent = event.preventDefault
+      event.preventDefault = function() {
+        this.defaultPrevented = true
+        prevent.call(this)
+      }
+    }
+  }
+
+  $.fn.delegate = function(selector, event, callback){
+    return this.each(function(i, element){
+      add(element, event, callback, selector, function(fn){
+        return function(e){
+          var evt, match = $(e.target).closest(selector, element).get(0)
+          if (match) {
+            evt = $.extend(createProxy(e), {currentTarget: match, liveFired: element})
+            return fn.apply(match, [evt].concat([].slice.call(arguments, 1)))
+          }
+        }
+      })
+    })
+  }
+  $.fn.undelegate = function(selector, event, callback){
+    return this.each(function(){
+      remove(this, event, callback, selector)
+    })
+  }
+
+  $.fn.live = function(event, callback){
+    $(document.body).delegate(this.selector, event, callback)
+    return this
+  }
+  $.fn.die = function(event, callback){
+    $(document.body).undelegate(this.selector, event, callback)
+    return this
+  }
+
+  $.fn.on = function(event, selector, callback){
+    return !selector || $.isFunction(selector) ?
+      this.bind(event, selector || callback) : this.delegate(selector, event, callback)
+  }
+  $.fn.off = function(event, selector, callback){
+    return !selector || $.isFunction(selector) ?
+      this.unbind(event, selector || callback) : this.undelegate(selector, event, callback)
+  }
+
+  $.fn.trigger = function(event, data){
+    if (typeof event == 'string' || $.isPlainObject(event)) event = $.Event(event)
+    fix(event)
+    event.data = data
+    return this.each(function(){
+      // items in the collection might not be DOM elements
+      // (todo: possibly support events on plain old objects)
+      if('dispatchEvent' in this) this.dispatchEvent(event)
+    })
+  }
+
+  // triggers event handlers on current element just as if an event occurred,
+  // doesn't trigger an actual event, doesn't bubble
+  $.fn.triggerHandler = function(event, data){
+    var e, result
+    this.each(function(i, element){
+      e = createProxy(typeof event == 'string' ? $.Event(event) : event)
+      e.data = data
+      e.target = element
+      $.each(findHandlers(element, event.type || event), function(i, handler){
+        result = handler.proxy(e)
+        if (e.isImmediatePropagationStopped()) return false
+      })
+    })
+    return result
+  }
+
+  // shortcut methods for `.bind(event, fn)` for each event type
+  ;('focusin focusout load resize scroll unload click dblclick '+
+  'mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave '+
+  'change select keydown keypress keyup error').split(' ').forEach(function(event) {
+    $.fn[event] = function(callback) {
+      return callback ?
+        this.bind(event, callback) :
+        this.trigger(event)
+    }
+  })
+
+  ;['focus', 'blur'].forEach(function(name) {
+    $.fn[name] = function(callback) {
+      if (callback) this.bind(name, callback)
+      else this.each(function(){
+        try { this[name]() }
+        catch(e) {}
+      })
+      return this
+    }
+  })
+
+  $.Event = function(type, props) {
+    if (typeof type != 'string') props = type, type = props.type
+    var event = document.createEvent(specialEvents[type] || 'Events'), bubbles = true
+    if (props) for (var name in props) (name == 'bubbles') ? (bubbles = !!props[name]) : (event[name] = props[name])
+    event.initEvent(type, bubbles, true, null, null, null, null, null, null, null, null, null, null, null, null)
+    event.isDefaultPrevented = function(){ return this.defaultPrevented }
+    return event
+  }
+
+})(Zepto)
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..cd2cf36
--- /dev/null
+++ b/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "pomf",
+  "version": "1.0.0",
+  "description": "kawaii file host",
+  "homepage": "http://pomf.se/",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/nokonoko/Pomf.git"
+  },
+  "author": "Neku <neku@pomf.se>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/nokonoko/Pomf/issues"
+  },
+  "devDependencies": {
+    "grunt": "~0.4.1",
+    "grunt-swig": "~0.1.2",
+    "grunt-mkdir": "~0.1.1",
+    "grunt-contrib-uglify": "~0.2.5",
+    "grunt-contrib-htmlmin": "~0.1.3",
+    "grunt-contrib-imagemin": "~0.3.0",
+    "grunt-contrib-cssmin": "~0.6.2",
+    "grunt-contrib-copy": "~0.4.1"
+  }
+}
diff --git a/pages/banners.json b/pages/banners.json
new file mode 100644
index 0000000..f7b3ca2
--- /dev/null
+++ b/pages/banners.json
@@ -0,0 +1,4 @@
+[
+		"banners/donate.swig",
+		"banners/virusscans.swig"
+]
diff --git a/pages/banners.swig b/pages/banners.swig
new file mode 100644
index 0000000..59b72e8
--- /dev/null
+++ b/pages/banners.swig
@@ -0,0 +1,3 @@
+{% for banner in banners %}
+	{% include banner %}
+{% endfor %}
diff --git a/pages/banners/donate.swig b/pages/banners/donate.swig
new file mode 100644
index 0000000..9930b63
--- /dev/null
+++ b/pages/banners/donate.swig
@@ -0,0 +1,7 @@
+<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
+	<p class="alert alert-error">
+		<input type="hidden" name="cmd" value="_s-xclick">
+		<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----">
+		<strong>Look here!</strong> Please <input type="image" src="img/donate.png" name="submit" alt="donate"> to cover server costs, even $1 is appreciated. We accept Paypal via the donate button and bitcoins to <a class="btc" href="bitcoin:1Hb5Xnn5vEJaH1atkJvzqFJq2DK3MAENWD">1Hb5Xnn5vEJaH1atkJvzqFJq2DK3MAENWD</a>
+	</p>
+</form>
diff --git a/pages/banners/virusscans.swig b/pages/banners/virusscans.swig
new file mode 100644
index 0000000..31374e7
--- /dev/null
+++ b/pages/banners/virusscans.swig
@@ -0,0 +1 @@
+<p class="alert alert-error"><strong>And here!</strong> Virus scans are now a daily routine, if a file gets detected it will be removed without further notice.</p>
diff --git a/pages/check_fileapi.swig b/pages/check_fileapi.swig
new file mode 100644
index 0000000..1cc04a9
--- /dev/null
+++ b/pages/check_fileapi.swig
@@ -0,0 +1,3 @@
+<p id="no-file-api" class="alert alert-error">
+	<strong>Your browser is shit.</strong> Install the latest<a href="http://firefox.com/">Firefox</a> or <a href="http://chrome.google.com/">Botnet</a> and come back &lt;3
+</p>
diff --git a/pages/check_script.swig b/pages/check_script.swig
new file mode 100644
index 0000000..abf65ba
--- /dev/null
+++ b/pages/check_script.swig
@@ -0,0 +1,3 @@
+<noscript>
+	<p class="alert alert-error"><strong>Enable JavaScript</strong> you fucking autist neckbeard, it's not gonna hurt you</p>
+</noscript>
diff --git a/pages/faq.swig b/pages/faq.swig
new file mode 100644
index 0000000..44807b0
--- /dev/null
+++ b/pages/faq.swig
@@ -0,0 +1,25 @@
+{% extends "layout.swig" %}
+
+{% block title %}FAQ{% endblock %}
+{% block body %}
+<div class="jumbotron">
+<h1>FAQ</h1>
+{% include "nav.swig" %}
+</div>
+<ul>
+	<li>Max file size is 50MiB, hopefully I won't have to change this to a even lower number. (read: don't be an ass).</li>
+	<li>No Child porn, anything else goes until I get a lawsuit I guess. (unless its a virus, because that goes into the being an ass category).</li>
+	<li>All filetypes are allowed, ALL! (gif,exe,jpg,rar,ass,srt,etc,etc).</li>
+	<li>Any file can be removed or replaced at any time for any reason.</li>
+	<li>No logs are kept, no logs over uploading nor over downloading. This can be temp enabled to stop certain spamming (read: child porn or such).</li>
+	<li>a/i/pomf.se is hosted as for now on 500mbit server and Cloudflare's CDN helps out a lot, I'm on a restrained budget and this costs a lot so please don't be an ass.</li>
+	<li>I want to deliver the best free service I can without ads or such so donations are very welcome via the donate button on the front page (pomf.se).</li>
+	<li>Viruses will be removed if detected most of the time, this is to not cause further damage in form of i/a/pomf.se ending up on blacklists and whatnot. (read: IT ALREADY FUCKING IS!).</li>
+	<li>For removal of a file or such contact me at neku@pomf.se.</li>
+</ul>
+<p>
+<b>Follow the rules and tips I have set up above, please. The FAQ may also be changed and updated at any time.<br />
+Go to <a href="http://blog.pomf.se">the Pomf Blog</a> or <a href="http://twitter.com/nekunekus">Twitter</a> for more information.</b>
+</p>
+{% include "banners.swig" %}
+{% endblock %}
diff --git a/pages/index.swig b/pages/index.swig
new file mode 100644
index 0000000..d69bc02
--- /dev/null
+++ b/pages/index.swig
@@ -0,0 +1,14 @@
+{% extends "layout.swig" %}
+
+{% block body %}
+<div class="jumbotron">
+	<h1>Ohayou!</h1>
+	<p class="lead">Max upload size is 50MiB, read the <a href="faq.html">FAQ</a></p>
+	{% include "check_script.swig" %}
+	{% include "check_fileapi.swig" %}
+	{% include "upload_form.swig" %}
+</div>
+{% include "banners.swig" %}
+{% include "nav.swig" %}
+<script src="pomf.min.js"></script>
+{% endblock %}
diff --git a/pages/layout.swig b/pages/layout.swig
new file mode 100644
index 0000000..21de7c9
--- /dev/null
+++ b/pages/layout.swig
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+	<title>Pomf.se &middot; {% block title %}Kawaii File Hosting{% endblock %}</title>
+	<link rel="shortcut icon" href=favicon.ico type="image/x-icon">
+	<link rel="stylesheet" href="pomf.min.css">
+</head>
+<body>
+<div class="container">
+	{% block body %}What the fuck are you doing here, nigger?{% endblock %}
+</div>
+</body>
+</html>
diff --git a/pages/nav.swig b/pages/nav.swig
new file mode 100644
index 0000000..ccd888f
--- /dev/null
+++ b/pages/nav.swig
@@ -0,0 +1,9 @@
+<nav>
+	<ul><li>
+		<a href="http://pomf.se/">Pomf</a></li><li>
+		<a href="http://blog.pomf.se/">Pomf Blog</a></li><li>
+		<a href="irc://irc.pomf.se/cute">Pomf IRC</a></li><li>
+		<a href="http://p.pomf.se/">Pomf Paste</a></li><li>
+		<a href="tools.html">Pomf Tools</a></li>
+	</ul>
+</nav>
diff --git a/pages/tools.swig b/pages/tools.swig
new file mode 100644
index 0000000..b120ebc
--- /dev/null
+++ b/pages/tools.swig
@@ -0,0 +1,58 @@
+{% extends "layout.swig" %}
+
+{% block title %}Tools{% endblock %}
+{% block body %}
+<div class="jumbotron">
+<h1>Pomf Tools</h1>
+{% include "nav.swig" %}
+</div>
+<section><h1>Pomf.se Windows Client <span class="old">Old API</span></h1><dl>
+	<dt>Download</dt>
+		<dd>http://mavanmanen.nl/index.php?page=projects</dd>
+	<dt>Contact</dt>
+		<dd>https://twitter.com/mavanmanenDev</dd>
+</dl></section>
+<section><h1>ScrotUP <span class="old">Old API</span></h1><dl>
+	<dt>Download</dt>
+		<dd>https://github.com/mavanmanen/ScrotUP</dd>
+	<dt>Contact</dt>
+		<dd>https://twitter.com/mavanmanenDev</dd>
+</dl></section>
+<section><h1>Bash Pomf Uploader <span class="old">Old API</span></h1><dl>
+	<dt>Download</dt>
+		<dd>https://gist.github.com/KittyKatt/5818701</dd>
+	<dt>Contact</dt>
+		<dd>https://twitter.com/AnonymousLink</dd>
+</dl></section>
+<section><h1>Perl Pomf Uploaer <span class="old">Old API</span></h1><dl>
+	<dt>Download</dt>
+		<dd>http://p.pomf.se/624</dd>
+	<dt>Contact</dt>
+		<dd>Kori</dd>
+</dl></section>
+<section><h1>Bash Screenshot Uploader</h1><dl>
+	<dt>Download</dt>
+		<dd>https://gist.github.com/aki--aki/6258422</dd>
+	<dt>Contact</dt>
+		<dd>https://twitter.com/__akiaki</dd>
+</dl></section>
+<section><h1>Gyazo Client</h1><dl>
+	<dt>Download</dt>
+		<dd>https://github.com/Availu/gyazowin</dd>
+		<dd>http://availu.net/files/uploader-pomf.exe</dd>
+	<dt>Contact</dt>
+		<dd>https://twitter.com/AVAILUUUUUUUU</dd>
+</dl></section>
+<section><h1>Python Pomf Uploader <span class="old">Old API</span></h1><dl>
+	<dt>Download</dt>
+		<dd>https://github.com/wahpomf/cocks420weeabofuck/blob/master/pomf.py</dd>
+	<dt>Contact</dt>
+		<dd>https://twitter.com/FuzzyPomf</dd>
+</dl></section>
+<section><h1>Bash Pomf Uploader <span class="old">Old API</span></h1><dl>
+	<dt>Download</dt>
+		<dd>https://code.google.com/p/sharex/</dd>
+	<dt>Settings</dt>
+		<dd>http://a.pomf.se/457161945.PNG</dd>
+</dl></section>
+{% endblock %}
diff --git a/pages/upload_form.swig b/pages/upload_form.swig
new file mode 100644
index 0000000..7430f28
--- /dev/null
+++ b/pages/upload_form.swig
@@ -0,0 +1,3 @@
+<a href="javascript:;" id="upload-btn" class="btn">Select <span>or drop </span>file(s)</a>
+<input type="file" id="upload-input" name="files[]" multiple data-max-size="50MiB">
+<ul id="upload-filelist"></ul>
diff --git a/pomf.min.js b/pomf.min.js
deleted file mode 100644
index f60cbec..0000000
--- a/pomf.min.js
+++ /dev/null
@@ -1 +0,0 @@
-var Zepto=function(){function t(t){return null==t?String(t):G[J.call(t)]||"object"}function e(e){return"function"==t(e)}function n(t){return null!=t&&t==t.window}function i(t){return null!=t&&t.nodeType==t.DOCUMENT_NODE}function r(e){return"object"==t(e)}function o(t){return r(t)&&!n(t)&&t.__proto__==Object.prototype}function s(t){return t instanceof Array}function a(t){return"number"==typeof t.length}function u(t){return S.call(t,function(t){return null!=t})}function c(t){return t.length>0?N.fn.concat.apply([],t):t}function l(t){return t.replace(/::/g,"/").replace(/([A-Z]+)([A-Z][a-z])/g,"$1_$2").replace(/([a-z\d])([A-Z])/g,"$1_$2").replace(/_/g,"-").toLowerCase()}function f(t){return t in A?A[t]:A[t]=new RegExp("(^|\\s)"+t+"(\\s|$)")}function h(t,e){return"number"!=typeof e||j[l(t)]?e:e+"px"}function p(t){var e,n;return F[t]||(e=T.createElement(t),T.body.appendChild(e),n=_(e,"").getPropertyValue("display"),e.parentNode.removeChild(e),"none"==n&&(n="block"),F[t]=n),F[t]}function d(t){return"children"in t?L.call(t.children):N.map(t.childNodes,function(t){return 1==t.nodeType?t:void 0})}function v(t,e,n){for($ in e)n&&(o(e[$])||s(e[$]))?(o(e[$])&&!o(t[$])&&(t[$]={}),s(e[$])&&!s(t[$])&&(t[$]=[]),v(t[$],e[$],n)):e[$]!==x&&(t[$]=e[$])}function g(t,e){return null==e?N(t):N(t).filter(e)}function m(t,n,i,r){return e(n)?n.call(t,i,r):n}function y(t,e,n){null==n?t.removeAttribute(e):t.setAttribute(e,n)}function b(t,e){var n=t.className,i=n&&n.baseVal!==x;return e===x?i?n.baseVal:n:(i?n.baseVal=e:t.className=e,void 0)}function E(t){var e;try{return t?"true"==t||("false"==t?!1:"null"==t?null:isNaN(e=Number(t))?/^[\[\{]/.test(t)?N.parseJSON(t):t:e):t}catch(n){return t}}function w(t,e){e(t);for(var n in t.childNodes)w(t.childNodes[n],e)}var x,$,N,O,P,C,z=[],L=z.slice,S=z.filter,T=window.document,F={},A={},_=T.defaultView.getComputedStyle,j={"column-count":1,columns:1,"font-weight":1,"line-height":1,opacity:1,"z-index":1,zoom:1},M=/^\s*<(\w+|!)[^>]*>/,k=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,B=/^(?:body|html)$/i,Z=["val","css","html","text","data","width","height","offset"],R=["after","prepend","before","append"],D=T.createElement("table"),U=T.createElement("tr"),q={tr:T.createElement("tbody"),tbody:D,thead:D,tfoot:D,td:U,th:U,"*":T.createElement("div")},I=/complete|loaded|interactive/,V=/^\.([\w-]+)$/,H=/^#([\w-]*)$/,Y=/^[\w-]+$/,G={},J=G.toString,K={},W=T.createElement("div");return K.matches=function(t,e){if(!t||1!==t.nodeType)return!1;var n=t.webkitMatchesSelector||t.mozMatchesSelector||t.oMatchesSelector||t.matchesSelector;if(n)return n.call(t,e);var i,r=t.parentNode,o=!r;return o&&(r=W).appendChild(t),i=~K.qsa(r,e).indexOf(t),o&&W.removeChild(t),i},P=function(t){return t.replace(/-+(.)?/g,function(t,e){return e?e.toUpperCase():""})},C=function(t){return S.call(t,function(e,n){return t.indexOf(e)==n})},K.fragment=function(t,e,n){t.replace&&(t=t.replace(k,"<$1></$2>")),e===x&&(e=M.test(t)&&RegExp.$1),e in q||(e="*");var i,r,s=q[e];return s.innerHTML=""+t,r=N.each(L.call(s.childNodes),function(){s.removeChild(this)}),o(n)&&(i=N(r),N.each(n,function(t,e){Z.indexOf(t)>-1?i[t](e):i.attr(t,e)})),r},K.Z=function(t,e){return t=t||[],t.__proto__=N.fn,t.selector=e||"",t},K.isZ=function(t){return t instanceof K.Z},K.init=function(t,n){if(t){if(e(t))return N(T).ready(t);if(K.isZ(t))return t;var i;if(s(t))i=u(t);else if(r(t))i=[o(t)?N.extend({},t):t],t=null;else if(M.test(t))i=K.fragment(t.trim(),RegExp.$1,n),t=null;else{if(n!==x)return N(n).find(t);i=K.qsa(T,t)}return K.Z(i,t)}return K.Z()},N=function(t,e){return K.init(t,e)},N.extend=function(t){var e,n=L.call(arguments,1);return"boolean"==typeof t&&(e=t,t=n.shift()),n.forEach(function(n){v(t,n,e)}),t},K.qsa=function(t,e){var n;return i(t)&&H.test(e)?(n=t.getElementById(RegExp.$1))?[n]:[]:1!==t.nodeType&&9!==t.nodeType?[]:L.call(V.test(e)?t.getElementsByClassName(RegExp.$1):Y.test(e)?t.getElementsByTagName(e):t.querySelectorAll(e))},N.contains=function(t,e){return t!==e&&t.contains(e)},N.type=t,N.isFunction=e,N.isWindow=n,N.isArray=s,N.isPlainObject=o,N.isEmptyObject=function(t){var e;for(e in t)return!1;return!0},N.inArray=function(t,e,n){return z.indexOf.call(e,t,n)},N.camelCase=P,N.trim=function(t){return null==t?"":String.prototype.trim.call(t)},N.uuid=0,N.support={},N.expr={},N.map=function(t,e){var n,i,r,o=[];if(a(t))for(i=0;i<t.length;i++)n=e(t[i],i),null!=n&&o.push(n);else for(r in t)n=e(t[r],r),null!=n&&o.push(n);return c(o)},N.each=function(t,e){var n,i;if(a(t)){for(n=0;n<t.length;n++)if(e.call(t[n],n,t[n])===!1)return t}else for(i in t)if(e.call(t[i],i,t[i])===!1)return t;return t},N.grep=function(t,e){return S.call(t,e)},window.JSON&&(N.parseJSON=JSON.parse),N.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(t,e){G["[object "+e+"]"]=e.toLowerCase()}),N.fn={forEach:z.forEach,reduce:z.reduce,push:z.push,sort:z.sort,indexOf:z.indexOf,concat:z.concat,map:function(t){return N(N.map(this,function(e,n){return t.call(e,n,e)}))},slice:function(){return N(L.apply(this,arguments))},ready:function(t){return I.test(T.readyState)?t(N):T.addEventListener("DOMContentLoaded",function(){t(N)},!1),this},get:function(t){return t===x?L.call(this):this[t>=0?t:t+this.length]},toArray:function(){return this.get()},size:function(){return this.length},remove:function(){return this.each(function(){null!=this.parentNode&&this.parentNode.removeChild(this)})},each:function(t){return z.every.call(this,function(e,n){return t.call(e,n,e)!==!1}),this},filter:function(t){return e(t)?this.not(this.not(t)):N(S.call(this,function(e){return K.matches(e,t)}))},add:function(t,e){return N(C(this.concat(N(t,e))))},is:function(t){return this.length>0&&K.matches(this[0],t)},not:function(t){var n=[];if(e(t)&&t.call!==x)this.each(function(e){t.call(this,e)||n.push(this)});else{var i="string"==typeof t?this.filter(t):a(t)&&e(t.item)?L.call(t):N(t);this.forEach(function(t){i.indexOf(t)<0&&n.push(t)})}return N(n)},has:function(t){return this.filter(function(){return r(t)?N.contains(this,t):N(this).find(t).size()})},eq:function(t){return-1===t?this.slice(t):this.slice(t,+t+1)},first:function(){var t=this[0];return t&&!r(t)?t:N(t)},last:function(){var t=this[this.length-1];return t&&!r(t)?t:N(t)},find:function(t){var e,n=this;return e="object"==typeof t?N(t).filter(function(){var t=this;return z.some.call(n,function(e){return N.contains(e,t)})}):1==this.length?N(K.qsa(this[0],t)):this.map(function(){return K.qsa(this,t)})},closest:function(t,e){var n=this[0],r=!1;for("object"==typeof t&&(r=N(t));n&&!(r?r.indexOf(n)>=0:K.matches(n,t));)n=n!==e&&!i(n)&&n.parentNode;return N(n)},parents:function(t){for(var e=[],n=this;n.length>0;)n=N.map(n,function(t){return(t=t.parentNode)&&!i(t)&&e.indexOf(t)<0?(e.push(t),t):void 0});return g(e,t)},parent:function(t){return g(C(this.pluck("parentNode")),t)},children:function(t){return g(this.map(function(){return d(this)}),t)},contents:function(){return this.map(function(){return L.call(this.childNodes)})},siblings:function(t){return g(this.map(function(t,e){return S.call(d(e.parentNode),function(t){return t!==e})}),t)},empty:function(){return this.each(function(){this.innerHTML=""})},pluck:function(t){return N.map(this,function(e){return e[t]})},show:function(){return this.each(function(){"none"==this.style.display&&(this.style.display=null),"none"==_(this,"").getPropertyValue("display")&&(this.style.display=p(this.nodeName))})},replaceWith:function(t){return this.before(t).remove()},wrap:function(t){var n=e(t);if(this[0]&&!n)var i=N(t).get(0),r=i.parentNode||this.length>1;return this.each(function(e){N(this).wrapAll(n?t.call(this,e):r?i.cloneNode(!0):i)})},wrapAll:function(t){if(this[0]){N(this[0]).before(t=N(t));for(var e;(e=t.children()).length;)t=e.first();N(t).append(this)}return this},wrapInner:function(t){var n=e(t);return this.each(function(e){var i=N(this),r=i.contents(),o=n?t.call(this,e):t;r.length?r.wrapAll(o):i.append(o)})},unwrap:function(){return this.parent().each(function(){N(this).replaceWith(N(this).children())}),this},clone:function(){return this.map(function(){return this.cloneNode(!0)})},hide:function(){return this.css("display","none")},toggle:function(t){return this.each(function(){var e=N(this);(t===x?"none"==e.css("display"):t)?e.show():e.hide()})},prev:function(t){return N(this.pluck("previousElementSibling")).filter(t||"*")},next:function(t){return N(this.pluck("nextElementSibling")).filter(t||"*")},html:function(t){return t===x?this.length>0?this[0].innerHTML:null:this.each(function(e){var n=this.innerHTML;N(this).empty().append(m(this,t,e,n))})},text:function(t){return t===x?this.length>0?this[0].textContent:null:this.each(function(){this.textContent=t})},attr:function(t,e){var n;return"string"==typeof t&&e===x?0==this.length||1!==this[0].nodeType?x:"value"==t&&"INPUT"==this[0].nodeName?this.val():!(n=this[0].getAttribute(t))&&t in this[0]?this[0][t]:n:this.each(function(n){if(1===this.nodeType)if(r(t))for($ in t)y(this,$,t[$]);else y(this,t,m(this,e,n,this.getAttribute(t)))})},removeAttr:function(t){return this.each(function(){1===this.nodeType&&y(this,t)})},prop:function(t,e){return e===x?this[0]&&this[0][t]:this.each(function(n){this[t]=m(this,e,n,this[t])})},data:function(t,e){var n=this.attr("data-"+l(t),e);return null!==n?E(n):x},val:function(t){return t===x?this[0]&&(this[0].multiple?N(this[0]).find("option").filter(function(){return this.selected}).pluck("value"):this[0].value):this.each(function(e){this.value=m(this,t,e,this.value)})},offset:function(t){if(t)return this.each(function(e){var n=N(this),i=m(this,t,e,n.offset()),r=n.offsetParent().offset(),o={top:i.top-r.top,left:i.left-r.left};"static"==n.css("position")&&(o.position="relative"),n.css(o)});if(0==this.length)return null;var e=this[0].getBoundingClientRect();return{left:e.left+window.pageXOffset,top:e.top+window.pageYOffset,width:Math.round(e.width),height:Math.round(e.height)}},css:function(e,n){if(arguments.length<2&&"string"==typeof e)return this[0]&&(this[0].style[P(e)]||_(this[0],"").getPropertyValue(e));var i="";if("string"==t(e))n||0===n?i=l(e)+":"+h(e,n):this.each(function(){this.style.removeProperty(l(e))});else for($ in e)e[$]||0===e[$]?i+=l($)+":"+h($,e[$])+";":this.each(function(){this.style.removeProperty(l($))});return this.each(function(){this.style.cssText+=";"+i})},index:function(t){return t?this.indexOf(N(t)[0]):this.parent().children().indexOf(this[0])},hasClass:function(t){return z.some.call(this,function(t){return this.test(b(t))},f(t))},addClass:function(t){return this.each(function(e){O=[];var n=b(this),i=m(this,t,e,n);i.split(/\s+/g).forEach(function(t){N(this).hasClass(t)||O.push(t)},this),O.length&&b(this,n+(n?" ":"")+O.join(" "))})},removeClass:function(t){return this.each(function(e){return t===x?b(this,""):(O=b(this),m(this,t,e,O).split(/\s+/g).forEach(function(t){O=O.replace(f(t)," ")}),b(this,O.trim()),void 0)})},toggleClass:function(t,e){return this.each(function(n){var i=N(this),r=m(this,t,n,b(this));r.split(/\s+/g).forEach(function(t){(e===x?!i.hasClass(t):e)?i.addClass(t):i.removeClass(t)})})},scrollTop:function(){return this.length?"scrollTop"in this[0]?this[0].scrollTop:this[0].scrollY:void 0},position:function(){if(this.length){var t=this[0],e=this.offsetParent(),n=this.offset(),i=B.test(e[0].nodeName)?{top:0,left:0}:e.offset();return n.top-=parseFloat(N(t).css("margin-top"))||0,n.left-=parseFloat(N(t).css("margin-left"))||0,i.top+=parseFloat(N(e[0]).css("border-top-width"))||0,i.left+=parseFloat(N(e[0]).css("border-left-width"))||0,{top:n.top-i.top,left:n.left-i.left}}},offsetParent:function(){return this.map(function(){for(var t=this.offsetParent||T.body;t&&!B.test(t.nodeName)&&"static"==N(t).css("position");)t=t.offsetParent;return t})}},N.fn.detach=N.fn.remove,["width","height"].forEach(function(t){N.fn[t]=function(e){var r,o=this[0],s=t.replace(/./,function(t){return t[0].toUpperCase()});return e===x?n(o)?o["inner"+s]:i(o)?o.documentElement["offset"+s]:(r=this.offset())&&r[t]:this.each(function(n){o=N(this),o.css(t,m(this,e,n,o[t]()))})}}),R.forEach(function(e,n){var i=n%2;N.fn[e]=function(){var e,r,o=N.map(arguments,function(n){return e=t(n),"object"==e||"array"==e||null==n?n:K.fragment(n)}),s=this.length>1;return o.length<1?this:this.each(function(t,e){r=i?e:e.parentNode,e=0==n?e.nextSibling:1==n?e.firstChild:2==n?e:null,o.forEach(function(t){if(s)t=t.cloneNode(!0);else if(!r)return N(t).remove();w(r.insertBefore(t,e),function(t){null==t.nodeName||"SCRIPT"!==t.nodeName.toUpperCase()||t.type&&"text/javascript"!==t.type||t.src||window.eval.call(window,t.innerHTML)})})})},N.fn[i?e+"To":"insert"+(n?"Before":"After")]=function(t){return N(t)[e](this),this}}),K.Z.prototype=N.fn,K.uniq=C,K.deserializeValue=E,N.zepto=K,N}();window.Zepto=Zepto,"$"in window||(window.$=Zepto),function(t){function e(t){return t._zid||(t._zid=p++)}function n(t,n,o,s){if(n=i(n),n.ns)var a=r(n.ns);return(h[e(t)]||[]).filter(function(t){return!(!t||n.e&&t.e!=n.e||n.ns&&!a.test(t.ns)||o&&e(t.fn)!==e(o)||s&&t.sel!=s)})}function i(t){var e=(""+t).split(".");return{e:e[0],ns:e.slice(1).sort().join(" ")}}function r(t){return new RegExp("(?:^| )"+t.replace(" "," .* ?")+"(?: |$)")}function o(e,n,i){"string"!=t.type(e)?t.each(e,i):e.split(/\s/).forEach(function(t){i(t,n)})}function s(t,e){return t.del&&("focus"==t.e||"blur"==t.e)||!!e}function a(t){return v[t]||t}function u(n,r,u,c,l,f){var p=e(n),d=h[p]||(h[p]=[]);o(r,u,function(e,r){var o=i(e);o.fn=r,o.sel=c,o.e in v&&(r=function(e){var n=e.relatedTarget;return!n||n!==this&&!t.contains(this,n)?o.fn.apply(this,arguments):void 0}),o.del=l&&l(r,e);var u=o.del||r;o.proxy=function(t){var e=u.apply(n,[t].concat(t.data));return e===!1&&(t.preventDefault(),t.stopPropagation()),e},o.i=d.length,d.push(o),n.addEventListener(a(o.e),o.proxy,s(o,f))})}function c(t,i,r,u,c){var l=e(t);o(i||"",r,function(e,i){n(t,e,i,u).forEach(function(e){delete h[l][e.i],t.removeEventListener(a(e.e),e.proxy,s(e,c))})})}function l(e){var n,i={originalEvent:e};for(n in e)y.test(n)||void 0===e[n]||(i[n]=e[n]);return t.each(b,function(t,n){i[t]=function(){return this[n]=g,e[t].apply(e,arguments)},i[n]=m}),i}function f(t){if(!("defaultPrevented"in t)){t.defaultPrevented=!1;var e=t.preventDefault;t.preventDefault=function(){this.defaultPrevented=!0,e.call(this)}}}var h=(t.zepto.qsa,{}),p=1,d={},v={mouseenter:"mouseover",mouseleave:"mouseout"};d.click=d.mousedown=d.mouseup=d.mousemove="MouseEvents",t.event={add:u,remove:c},t.proxy=function(n,i){if(t.isFunction(n)){var r=function(){return n.apply(i,arguments)};return r._zid=e(n),r}if("string"==typeof i)return t.proxy(n[i],n);throw new TypeError("expected function")},t.fn.bind=function(t,e){return this.each(function(){u(this,t,e)})},t.fn.unbind=function(t,e){return this.each(function(){c(this,t,e)})},t.fn.one=function(t,e){return this.each(function(n,i){u(this,t,e,null,function(t,e){return function(){var n=t.apply(i,arguments);return c(i,e,t),n}})})};var g=function(){return!0},m=function(){return!1},y=/^([A-Z]|layer[XY]$)/,b={preventDefault:"isDefaultPrevented",stopImmediatePropagation:"isImmediatePropagationStopped",stopPropagation:"isPropagationStopped"};t.fn.delegate=function(e,n,i){return this.each(function(r,o){u(o,n,i,e,function(n){return function(i){var r,s=t(i.target).closest(e,o).get(0);return s?(r=t.extend(l(i),{currentTarget:s,liveFired:o}),n.apply(s,[r].concat([].slice.call(arguments,1)))):void 0}})})},t.fn.undelegate=function(t,e,n){return this.each(function(){c(this,e,n,t)})},t.fn.live=function(e,n){return t(document.body).delegate(this.selector,e,n),this},t.fn.die=function(e,n){return t(document.body).undelegate(this.selector,e,n),this},t.fn.on=function(e,n,i){return!n||t.isFunction(n)?this.bind(e,n||i):this.delegate(n,e,i)},t.fn.off=function(e,n,i){return!n||t.isFunction(n)?this.unbind(e,n||i):this.undelegate(n,e,i)},t.fn.trigger=function(e,n){return("string"==typeof e||t.isPlainObject(e))&&(e=t.Event(e)),f(e),e.data=n,this.each(function(){"dispatchEvent"in this&&this.dispatchEvent(e)})},t.fn.triggerHandler=function(e,i){var r,o;return this.each(function(s,a){r=l("string"==typeof e?t.Event(e):e),r.data=i,r.target=a,t.each(n(a,e.type||e),function(t,e){return o=e.proxy(r),r.isImmediatePropagationStopped()?!1:void 0})}),o},"focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select keydown keypress keyup error".split(" ").forEach(function(e){t.fn[e]=function(t){return t?this.bind(e,t):this.trigger(e)}}),["focus","blur"].forEach(function(e){t.fn[e]=function(t){return t?this.bind(e,t):this.each(function(){try{this[e]()}catch(t){}}),this}}),t.Event=function(t,e){"string"!=typeof t&&(e=t,t=e.type);var n=document.createEvent(d[t]||"Events"),i=!0;if(e)for(var r in e)"bubbles"==r?i=!!e[r]:n[r]=e[r];return n.initEvent(t,i,!0,null,null,null,null,null,null,null,null,null,null,null,null),n.isDefaultPrevented=function(){return this.defaultPrevented},n}}(Zepto),function(){EventEmitter=function(){},EventEmitter.prototype.on=function(t,e){this._events=this._events||{},this._events[t]=this._events[t]||[],this._events[t].push(e)},EventEmitter.prototype.off=function(t,e){this.hasOwnProperty("_events")&&t in this._events!=!1&&this._events[t].splice(this._events[t].indexOf(e),1)},EventEmitter.prototype.emit=function(t){if(this.hasOwnProperty("_events")&&t in this._events!=!1)for(var e=0,n=this._events[t].length;n>e;e++)this._events[t][e].apply(this,Array.prototype.slice.call(arguments,1))},FileList.prototype.forEach=Array.prototype.forEach,FileList.prototype.every=Array.prototype.every,FileList.prototype.some=Array.prototype.some,FileList.prototype.filter=Array.prototype.filter,FileList.prototype.map=Array.prototype.map,FileList.prototype.reduce=Array.prototype.reduce,FileList.prototype.reduceRight=Array.prototype.reduceRight,Object.defineProperty(FileList.prototype,"size",{get:function(){return this.reduce(function(t,e){return t+e.size},0)}});var t={get:function(){var t=["B","KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"],e=Math.floor(Math.log(this.size)/Math.log(1024));return(this.size/Math.pow(1024,e)).toFixed(2)+" "+t[e]}};Object.defineProperty(FileList.prototype,"humanSize",t),Object.defineProperty(File.prototype,"humanSize",t);var e={get:function(){return this.uploadedSize/this.size}};Object.defineProperty(FileList.prototype,"percentUploaded",e),Object.defineProperty(File.prototype,"percentUploaded",e),Object.defineProperty(FileList.prototype,"uploadedSize",{get:function(){return this.reduce(function(t,e){return t+(e.uploadedSize||0)},0)}}),Object.defineProperty(File.prototype,"url",{get:function(){return window.URL.createObjectURL(this)}}),File.revokeURL=function(t){window.URL.revokeObjectURL(t)};var n=function(t,e){var n={};for(var i in e)n[i]=void 0===t[i]?e[i]:t[i];return n},i=function(t,e,i){this.url=t,this.files=e,i=i||{},this.opts=n(i,{field:"files[]",method:"POST"})};i.prototype=Object.create(EventEmitter.prototype),i.prototype.upload=function(t){t&&this.on("uploadcomplete",t);var e=this.opts,n=this.files,i=this,r=new FormData;n.forEach(function(t){r.append(e.field,t)});var o=new XMLHttpRequest;o.open(e.method,this.url,!0),o.upload.addEventListener("loadstart",function(){for(var t=0,e=n.length;e>t;t++)n[t].uploadedSize=0}),o.upload.addEventListener("progress",function(t){if(t.lengthComputable){size=t.loaded;for(var e=0,r=n.length;r>e;e++)n[e].uploadedSize=Math.min(size,n[e].size),size-=n[e].uploadedSize,0>=size&&(n.current=n[e],size=0)}i.emit("uploadprogress",t,n)},!1),o.upload.addEventListener("loadstart",function(t){i.emit("uploadstart",t)}),o.upload.addEventListener("load",function(t){i.emit("uploadcomplete",t)}),o.addEventListener("progress",function(t){i.emit("progress",t)}),o.addEventListener("load",function(t){i.emit("load",t,o.responseText)}),o.send(r)},FileList.prototype.upload=function(t,e){return new i(t,this,e)}}(),function(t){t.hasFileAPI=function(){return void 0!==window.FormData},t.fn.cabinet=function(e){e=t(e);var n=this,i=function(t,i,r,o){n.on(t,function(t){"click"===i?e[0].click():e.trigger(i),r&&t.preventDefault(),o&&o(t)},!1)};e[0].filelist=Object.create(FileList),e.on("change",function(t){this.filelist=t.target.files,n.change()}),i("dragenter","dragenter",!0),i("dragover","dragover",!0),i("dragleave","dragleave",!0),i("click","click",!1),i("drop","dragleave",!0,function(t){e[0].filelist=t.dataTransfer.files,n.change()})}}($),$(function(){var t=$("#upload-input"),e=$("#upload-btn"),n=$("#upload-filelist"),i="";$.hasFileAPI()||($("#no-file-api").show(),e.hide()),e.cabinet(t),e.on("dragenter",function(t){this===t.target&&($(this).addClass("drop"),i=$(this).html(),$(this).html("Drop it here~"))}),e.on("drop",function(){$(this).trigger("dragleave")}),e.on("dragleave",function(t){node=t.target;do if(node===this){$(this).removeClass("drop"),$(this).html(i);break}while(node=node.parentNode)});var r=function(t){var e=t.attr("data-max-size")||"10MiB",n=parseInt(/([0-9,]+).*/.exec(e)[1].replace(",","")),i=/(?:([KMGTPEZY])(i)?B|([BKMGTPEZY]))/.exec(e)||["B","",""],r=Math.pow("i"===i[2]?1024:1e3,"BKMGTPEZY".indexOf(i[1]));return n*r}(t),o=function(t,e,n){var i=$("<li class=file>"),r=$("<span class=file-name>"),o=$('<div class="file-progress progress-outer">'),s=$("<span class=file-size>"),a=$("<span class=file-url>");return i.addClass(n||""),$("<div class=progress-inner>").appendTo(o),i.attr("data-filename",escape(t)),r.text(t),s.text(e),i.append(r,o,s,a),i};e.on("change",function(){n.empty().removeClass("error completed");var e=t[0].filelist;e.forEach(function(t){o(t.name,t.humanSize).appendTo(n)});var i=o("",e.humanSize,"total");if(i.appendTo(n),e.size>r)return n.addClass("error"),$(".file-name",i).text("onii-chan y-your upload is t-too big&hellip;"),void 0;var s=e.upload("upload.php"),a=function(t,e){var n={};t.forEach(function(i){++n[i.name]||(n[i.name]=0);var r=$($('li[data-filename="'+escape(i.name)+'"]')[n[i.name]||0]);e.call(r,r,i,t)})},u=$(".file-name",i);s.on("uploadprogress",function(t,e){a(e,function(t,e){$(".progress-inner",t).width(100*e.percentUploaded+"%")}),$(".progress-inner",i).width(100*e.percentUploaded+"%")}),s.on("uploadcomplete",function(){$(".progress-inner").width("100%"),u.text("Grabbing URLs...")}),s.on("load",function(t,e){switch(t.target.status){case 200:var e=JSON.parse(e);if(!e.success){n.addClass("error"),$(".file-name",i).text("Something went wrong; try again later.");break}a(e.files,function(t,e){var n=$("<a>");n.attr("href","http://a.pomf.se/"+e.url).attr("target","_BLANK").text("a.pomf.se/"+e.url),$(".file-url",t).append(n)}),n.addClass("completed"),u.text("Done!");break;case 413:n.addClass("error completed"),u.html("onii-chan, y-your upload is t-too big&hellip;");break;default:n.addClass("error completed"),u.text("Something went wrong; try again later.")}}),s.upload()})});
\ No newline at end of file
diff --git a/static/classes/UploadedFile.class.php b/static/classes/UploadedFile.class.php
new file mode 100644
index 0000000..5b7ba9b
--- /dev/null
+++ b/static/classes/UploadedFile.class.php
@@ -0,0 +1,32 @@
+<?php
+
+class UploadedFile {
+	/* Public attributes */
+	public $name;
+	public $mime;
+	public $tempfile;
+	public $error;
+	public $size;
+
+	/* Cached checksums */
+	private $sha1;
+	private $crc32;
+
+	/**
+	 * Generates the SHA1 or returns the cached SHA1 hash for the file.
+	 */
+	public function get_sha1 () {
+		if (! $this->sha1) $this->sha1 = sha1_file($this->tempfile);
+
+		return $this->sha1;
+	}
+	/**
+	 * Generates the CRC32 or returns the cached CRC32 hash for the file.
+	 */
+	public function get_crc32 () {
+		if (! $this->crc32) $this->crc32 = hash_file('crc32b', $this->tempfile);
+
+		return $this->crc32;
+	}
+}
+?>
diff --git a/favicon.ico b/static/favicon.ico
index b115e11..b115e11 100644
--- a/favicon.ico
+++ b/static/favicon.ico
diff --git a/kawaii.php b/static/grill.php
index 34bdce1..34bdce1 100644
--- a/kawaii.php
+++ b/static/grill.php
diff --git a/static/includes/database.inc.php b/static/includes/database.inc.php
new file mode 100644
index 0000000..2ed0274
--- /dev/null
+++ b/static/includes/database.inc.php
@@ -0,0 +1,6 @@
+<?php
+include_once 'settings.inc.php';
+
+/* NOTE: we don't have to unref the PDO because we're not long-running */
+$db = new PDO(POMF_DB_CONN, POMF_DB_USER, POMF_DB_PASS);
+?>
diff --git a/static/includes/settings.inc.php b/static/includes/settings.inc.php
new file mode 100644
index 0000000..73c2ae7
--- /dev/null
+++ b/static/includes/settings.inc.php
@@ -0,0 +1,19 @@
+<?php
+/**
+ * PDO Connection data
+ */
+// PDO socket
+define('POMF_DB_CONN', 'mysql:host=127.0.0.1;dbname=pomf');
+// PDO user
+define('POMF_DB_USER', 'pomf');
+// PDO password
+define('POMF_DB_PASS', '***');
+
+/**
+ * File stuff
+ */
+// Root location of files
+define('POMF_FILES_ROOT', '/mnt/disk1/pomf/files/');
+// How many times to retry when exists() before giving up
+define('POMF_FILES_RETRIES', 5);
+?>
diff --git a/static/upload.php b/static/upload.php
new file mode 100644
index 0000000..e2a3016
--- /dev/null
+++ b/static/upload.php
@@ -0,0 +1,159 @@
+<?php
+include_once 'classes/UploadedFile.class.php';
+include_once 'includes/settings.inc.php';
+include_once 'includes/database.inc.php';
+
+/**
+ * Generates a name for the file, retrying until we get an unused one 
+ *
+ * @param UploadedFile $file
+ * @returns string
+ */
+function generate_name ($file) {
+	// We start at N retries, and --N until we give up
+	$tries = POMF_FILES_RETRIES;
+	// We rip out the extension using pathinfo
+	// TODO: figure out a solution for .tar.gz and similar files?
+	$ext = pathinfo($file->name, PATHINFO_EXTENSION);
+	// Take the first 3 chars of the CRC32 checksum
+	$hashchunk = substr($file->get_crc32(), 0, 3);
+	do {
+		// If we run out of tries, throw an exception.  Should be caught and JSONified.
+		if ($tries-- == 0) throw new Exception('Gave up trying to find an unused name');
+
+		// TODO: come up with a better name generating algorithm
+		$newname  = '';                                  // Filename Generator:
+		$newname .= chr(mt_rand(ord("a"), ord("z")));    // + random lowercase letter
+		$newname .= $hashchunk;                          // + first 3 of crc32b checksum
+		$newname .= chr(mt_rand(ord("a"), ord("z")));    // + random lowercase letter
+		$newname .= '.' . $ext;                          // + '.' + extension
+
+	} while (file_exists(POMF_FILES_ROOT . $newname)); // TODO: check the database instead?
+
+	return $newname;
+}
+
+/**
+ * Handles the uploading and db entry for a file
+ *
+ * @param UploadedFile $file
+ * @returns array
+ */
+function upload_file ($file) {
+	global $db;
+
+	// If the file has an error attached, we just throw it as an exception.
+	if ($file->error) throw new Exception($file->error);
+
+	// Check if we have a file with that hash in the db
+	$q = $db->prepare("SELECT hash, filename, size FROM files WHERE hash = (:hash)");
+	$q->bindValue('hash', $file->get_sha1());
+	$q->execute();
+	$result = $q->fetch();
+
+	// If we found a file with the same checksums, then we can assume it's a dupe
+	// so we don't bother with it, and just unlink (delete) the tmpfile and return
+	// the previous data.
+	if ($result['hash'] === $file->get_sha1()) {
+		unlink($file->tempfile);
+		return array(
+			'hash' => $result['hash'],
+			'name' => $file->name,
+			'url' => $result['filename'],
+			'size' => $result['size']
+		);
+	} else {
+		// Generate a name for the file
+		$newname = generate_name($file);
+
+		// Attempt to move it to the static directory
+		if (move_uploaded_file($file->tempfile, POMF_FILES_ROOT . $newname)) {
+			// Add it to the database
+			$q = $db->prepare('INSERT INTO files (hash, orginalname, filename, size, date, expire, delid)' .
+			                  'VALUES (:hash, :orig, :name, :size, :date, :expires, :delid)');
+			$q->bindValue(':hash', $file->get_sha1());
+			$q->bindValue(':orig', $file->name);
+			$q->bindValue(':name', $newname);
+			$q->bindValue(':size', $file->size);
+			$q->bindValue(':date', date('Y-m-d'));
+			$q->bindValue(':expires', null);
+			$q->bindValue(':delid', sha1($file->tempfile));
+			$q->execute();
+
+			return array(
+				'hash' => $file->get_sha1(),
+				'name' => $file->name,
+				'url' => $newname,
+				'size' => $file->size
+			);
+		} else {
+			throw new Exception('Failed to move file to destination');
+		}
+	}
+}
+
+/**
+ * Reorganize the $_FILES array into something saner
+ *
+ * @param $_FILES
+ */
+function refiles ($files) {
+	$out = array();
+	for ($i = 0, $n = count($files['name']); $i < $n; ++$i) {
+		// We create a new UploadedFile instance
+		$file = new UploadedFile();
+		// And fill it with our shit
+		$file->name = $files['name'][$i];
+		$file->mime = $files['type'][$i];
+		$file->tempfile = $files['tmp_name'][$i];
+		$file->error = $files['error'][$i];
+		$file->size = $files['size'][$i];
+		$out[] = &$file;
+	}
+	return $out;
+}
+
+/**
+ * Responds to a request in JSON form.
+ */
+function respond ($code, $res = null) {
+	if (is_int($code)) { // If the code is an integer, we assume it's a response code
+		http_response_code($code);
+	} else { // Otherwise we just assume you left off the code and use the default and shift
+		http_response_code(200);
+		$res = $code;
+	}
+
+	// Now we send the response based on the type
+	if ($res instanceof Exception) {
+		// If it's an Exception, we put the message in the error field
+		echo json_encode(array(
+			'success' => false,
+			'error' => $res->getMessage()
+		));
+	} elseif (is_array($res)) {
+		// If it's an Array, we merge it with 'success' => true.
+		// Note that $res is later in the list, so you can override that.
+		echo json_encode(array_merge(array(
+			'success' => true,
+			'error' => null
+		), $res));
+	}
+}
+
+if (isset($_FILES['files'])) {
+	try {
+		$uploads = refiles($_FILES['files']);
+		foreach ($uploads as $upload) {
+			$out[] = upload_file($upload);
+		}
+		respond(array(
+			'files' => $out
+		));
+	} catch (Exception $e) {
+		respond(500, $e);
+	}
+} else {
+	respond(500, new Exception('Nigga what you doin\' here?'));
+}
+?>
diff --git a/style.min.css b/style.min.css
deleted file mode 100644
index b8f9a96..0000000
--- a/style.min.css
+++ /dev/null
@@ -1 +0,0 @@
-*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{background-attachment:fixed,fixed;background-color:#F7F7F7;background-image:url(kawaii.php),url(img/bg.png);background-position:85% 100%,top left;background-repeat:no-repeat,repeat;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;height:100%;line-height:20px;margin:0;padding-top:20px;padding-bottom:40px}.container{margin:0 auto;max-width:700px}p{margin:0 0 10px}input[type=image],img{vertical-align:middle}a{color:#08C;text-decoration:none;transition:color .25s}a:hover,a:focus,a:active{color:#005580}a:focus{outline:thin dotted #333}.jumbotron{margin:60px 0;text-align:center;transition:width .5s,height .5s,margin .5s,padding .5s}.jumbotron h1{color:inherit;font-family:inherit;font-size:72px;font-weight:700;line-height:1;margin:10px 0;cursor:default;text-rendering:optimizelegibility}.jumbotron .lead{font-size:21px;font-weight:200;line-height:30px;margin-bottom:20px;transition:font-size .5s}.jumbotron .btn{background:rgba(202,230,190,.75);border:1px solid #B7D1A0;border-radius:4px;color:#468847;cursor:pointer;display:inline-block;font-size:24px;padding:28px 48px;text-shadow:0 1px rgba(255,255,255,.5);transition:background-color .25s,width .5s,height .5s}.jumbotron .btn:hover,.jumbotron .btn:active,.jumbotron .btn:focus,.jumbotron .btn.drop{background-color:#bce4aa;text-decoration:none}#no-file-api{display:none}.alert{background-color:#FCF8E3;border:1px solid #FBEED5;border-radius:4px;margin-bottom:20px;padding:8px 35px 8px 14px;text-shadow:0 1px rgba(255,255,255,.5);transition:width .5s,margin .5s,padding .5s,background-color .5s}.alert-error{background-color:#F2DEDE;border-color:#EED3D7;color:#B94A48}.alert-info{background-color:#D9EDF7;border-color:#BCE8F1;color:#3A87AD}a.btc{font-weight:700;color:#B94A48}a.btc:hover{color:#891A18}nav>ul,nav a{color:#3A87AD;list-style:none;margin:0;padding:0;text-align:center}nav>ul>li{display:inline-block;margin:0;padding:0;cursor:default}nav>ul>li:after{content:"|";margin:0 8px;opacity:.3}nav>ul>li:last-child:after{content:"";margin:0}#upload-input{position:absolute;top:0;left:-5000px}#upload-filelist{list-style-type:none;margin:20px 50px;padding:0;text-align:left}.error#upload-filelist{color:#891A18}.error#upload-filelist .file-size{color:#B94A48}.error#upload-filelist .file-progress{display:none}#upload-filelist>li{margin-top:5px;overflow:hidden}#upload-filelist>li.total{border-top:1px solid rgba(0,0,0,.05);font-weight:700;padding-top:5px}.file-name{float:left;overflow:hidden;max-width:70%;text-overflow:ellipsis;white-space:nowrap}.file-size,.file-url{display:inline-block;float:right;font-size:.9em;margin-left:8px;color:#5C5C5C;vertical-align:middle}.file-url a{color:#5C5C5C}.file-url a:hover{color:#1C1C1C}.completed .file-progress,.completed .file-size{display:none}.completed .file-url{display:block}.progress-outer{background-color:rgba(255,255,255,.8);border:1px solid #fff;border-radius:4px;box-shadow:0 0 0 1px #000;color:transparent;display:inline-block;font-size:0;float:right;height:8px;margin:6px 6px 0;overflow:hidden;vertical-align:middle;width:50px}.progress-inner{background-color:#000;height:6px;margin:0;width:0}.pocky{margin:20px auto;text-align:center}.pocky img{max-width:100%}@media only screen and (max-device-width:320px),only screen and (max-width:400px){body{padding:10px 0 0}.jumbotron{margin:20px 0 30px}.jumbotron .lead{font-size:18px}.jumbotron .btn,.alert,#upload-filelist{border-radius:0;border-width:1px 0;width:100%;margin-left:0;margin-right:0;padding-left:20px;padding-right:20px}#upload-filelist{background-color:rgba(255,255,255,.75);overflow:hidden}#upload-filelist>li.file{margin-top:12px;margin-bottom:12px}.file-progress{float:left;width:70%}.file-size{float:left;max-width:30%;overflow:hidden}.file-name,.file-url{width:100%;max-width:100%}.file-url a{text-decoration:underline;margin-left:15px}.file-url a:before{content:"http://"}.alert{font-size:13px}.alert-error{background-color:rgba(248,223,223,.75)}nav{background-color:rgba(255,255,255,.75);border:#FFF;padding:10px 0}}
diff --git a/tits.php b/tits.php
deleted file mode 100644
index ffc90b2..0000000
--- a/tits.php
+++ /dev/null
@@ -1,38 +0,0 @@
-<?php
-function generate_nuck ($name, $tries) {
-	if (!isset($tries)) $tries = 5;
-	$ext = '.' . pathinfo($name, PATHINFO_EXTENSION);
-
-	do {
-		$newname = '';
-		for ($i = 4; $i > 0; $i--) {
-			$newname .= base_convert(mt_rand(0, 35), 10, 36);
-		}
-		$newname .= $ext;
-
-		if (--$tries == 0) return false;
-	} while (file_exists($newname));
-
-	return $newname;
-}
-
-function generate_neku ($name) {
-	if (!isset($tries)) $tries = 5;
-	$ext = '.' . pathinfo($name, PATHINFO_EXTENSION);
-
-	do {
-		$newname = '';
-		$newname .= mt_rand(0, 9);
-		$newname .= chr(mt_rand(ord("A"), ord("Z")));
-		$newname .= chr(mt_rand(ord("a"), ord("z")));
-		$newname .= mt_rand(0, 9);
-		$newname .= $ext;
-
-		if (--$tries == 0) return false;
-	} while (file_exists($newname));
-
-	return $newname;
-}
-?>
-<b>Nuck:</b> dicks.html --&gt; <?=generate_nuck("dicks.html");?><br />
-<b>Neku:</b> dicks.html --&gt; <?=generate_neku("dicks.html");?>
diff --git a/tools.txt b/tools.txt
deleted file mode 100644
index dc716d5..0000000
--- a/tools.txt
+++ /dev/null
@@ -1,39 +0,0 @@
-Tools to upload images/files to Pomf.se
-
-* Pomf.se Windows Client - Uses old API(?)
-Download: http://mavanmanen.nl/index.php?page=projects
-Contact: https://twitter.com/mavanmanenDev
-
-* ScrotUP - Uses old API
-Download: https://github.com/mavanmanen/ScrotUP
-Contact: https://twitter.com/mavanmanenDev
-
-* Bash Pomf Uploader - Uses old API
-Download: https://gist.github.com/KittyKatt/5818701
-Contact: https://twitter.com/AnonymousLink
-
-* Perl Pomf Uploader - Uses old API
-Download: http://p.pomf.se/624
-Contact: N/A (Kori)
-
-* Bash Screenshot Uploader
-Download: https://gist.github.com/aki--aki/6258422
-Contact: https://twitter.com/__akiaki
-
-* Gyazo Client
-Download: https://github.com/Availu/gyazowin
-OR: http://availu.net/files/uploader-pomf.exe
-Contact: https://twitter.com/AVAILUUUUUUUU
-
-* Python Pomf Uploader
-Download: https://github.com/wahpomf/cocks420weeabofuck/blob/master/pomf.py
-Contact: https://twitter.com/FuzzyPomf
-
-* ShareX
-Download: http://code.google.com/p/sharex/
-Settings: http://a.pomf.se/457161945.PNG
-
-
-// Some of them might not work without tweaking since they use the old API (/new/up.php).
-
-Want your tool added here? Contact me at https://twitter.com/nekunekus or neku@pomf.se
diff --git a/upload.php b/upload.php
deleted file mode 100644
index 5c611fc..0000000
--- a/upload.php
+++ /dev/null
@@ -1,81 +0,0 @@
-<?php
-function generate_name ($name, $grill) {
-        if (!isset($tries)) $tries = 5;
-        $ext = '.' . pathinfo($name, PATHINFO_EXTENSION);
-        $fuck = substr($grill, 0, 3);
-        do {
-                $newname = '';
-                $newname .= chr(mt_rand(ord("a"), ord("z")));
-                $newname .= $fuck;
-                $newname .= chr(mt_rand(ord("a"), ord("z")));
-                $newname .= $ext;
-
-                if (--$tries == 0) return false;
-        } while (file_exists('/mnt/disk1/pomf/files/'.$newname));
-
-        return $newname;
-}
-
-
-	//Upload and whatnot
-	function upload (){
-		$static_root = "/mnt/disk1/pomf/files/";
-		$out = array( "files" => array(), "success" => true);
-		$files = $_FILES["files"];
-		$num_files = count($files["name"]);
-
-		for ($i = 0; $i < $num_files; $i++) {
-		//Check if file exists already
-		$filehash = sha1_file($files["tmp_name"][$i]);
-		$con = new PDO('mysql:unix_socket=/var/run/mysqld/mysqld.sock;dbname=XXX', 'XXX', 'XXX');
-		$do = $con->prepare("SELECT hash, filename FROM files WHERE hash = (:hash)");
-		$do->bindParam(':hash', $filehash);
-		$do->execute();
-		$result = $do->fetch();
-        if($result[0]==$filehash){
-        	    $out["files"][] = array(
-                        "name" => $files["name"][$i],
-                        "url" => $result[1]
-                );
-        }else{
-        $catshit = hash_file('crc32b', $files["tmp_name"][$i]);
-        $newname = generate_name($files["name"][$i], $catshit);
-        //Generate delid
-	$delid = sha1($files["tmp_name"][$i]);
-        //Try to upload and other shit
-        if ($newname && $files["error"][$i] == 0 && move_uploaded_file($files["tmp_name"][$i], $static_root.$newname)) {
-		//Insert info into DB
-		$do = $con->prepare("INSERT INTO files (hash, orginalname, filename, size, date, expire, delid) VALUES (:hash, :orginname, :filename, :size, :date, :expire, :delid)");
-		$do->bindParam(':hash', $filehash);
-		$do->bindParam(':orginname', $files["name"][$i]);
-		$do->bindParam(':filename', $newname);
-		$do->bindParam(':size', $files["size"][$i]);
-		$do->bindParam(':date', date('Y-m-d'));
-		$do->bindParam(':expire', $expire);
-		$do->bindParam(':delid', $delid);
-		$do->execute();
-                $out["files"][] = array(
-                        "name" => $files["name"][$i],
-                        "url" => $newname
-                );
-        //Otherwise return error
-        } else {
-                http_response_code(500);
-                echo json_encode(array(
-                        "success" => false
-                ));
-        	}
-		}
-	}	
-                $con = null;
-		exit(json_encode($out, JSON_PRETTY_PRINT));
-}
-
-if(isset($_FILES["files"])){
-upload();
-}else{
-exit("What ya doing here nigga?");
-}
-
-
-?>