From b0b201467fe1289927012d8d47f23f24128c1285 Mon Sep 17 00:00:00 2001
From: Andrew Tomaka <atomaka@gmail.com>
Date: Tue, 8 Nov 2011 15:04:25 -0500
Subject: [PATCH] Add fancy keybinds for navigating the pages click free.

---
 application/views/template.php | 30 +++++++++++++++++++++++++-----
 application/views/view.php     | 16 ++++++++++++++++
 css/style.css                  |  4 ++++
 3 files changed, 45 insertions(+), 5 deletions(-)

diff --git a/application/views/template.php b/application/views/template.php
index fb0f44a..aa21386 100644
--- a/application/views/template.php
+++ b/application/views/template.php
@@ -6,6 +6,8 @@
 		<link rel="stylesheet" type="text/css" media="all" href="/css/html5reset-1.6.1.css" />
 		<link rel="stylesheet" type="text/css" media="all" href="/css/style.css" />
 
+		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
+
 		<!--[if lt IE 9]>
 			<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 		<![endif]-->
@@ -15,16 +17,34 @@
 		<header>
 			<div id="title"><h1><a href="http://www.nca-guild.com">No Chicks Allowed</a></h1></div>
 			<div id="links">
-				<a href="/upload">Upload</a> |
-				<a href="/gallery">Gallery</a> |
-				<a href="/latest">Latest</a> |
-				<a href="/random">Random</a>
+				<a href="/upload" id="upload"><span class="underline">U</span>pload</a> |
+				<a href="/gallery" id="gallery"><span class="underline">G</span>allery</a> |
+				<a href="/latest" id="latest"><span class="underline">L</span>atest</a> |
+				<a href="/random" id="random"><span class="underline">R</span>andom</a>
 			</div>
 		</header>
 
 <?php echo $contents; ?>
+		<script type="text/javascript">
+			$(document).keydown(function(e) {
+				var key = e.keyCode || e.which;
 
-		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
+				switch(key) {
+					case 82:
+						document.location.href = $('#random').attr('href');
+						break;
+					case 71:
+						document.location.href = $('#gallery').attr('href');
+						break;
+					case 76:
+						document.location.href = $('#latest').attr('href');
+						break;
+					case 85:
+						document.location.href = $('#upload').attr('href');
+						break;
+				}
+			});
+		</script>
 		<script src="js/jquery.filedrop.js"></script>
 		<script src="js/upload.js"></script>
    </body>
diff --git a/application/views/view.php b/application/views/view.php
index cf1066a..935ae3a 100644
--- a/application/views/view.php
+++ b/application/views/view.php
@@ -1,9 +1,25 @@
 <?php if($prev != 0) { ?>
+		<script type="text/javascript">
+			$(document).keydown(function(e) {
+				var key = e.keyCode || e.which;
+				if(key == 37) {
+					document.location.href = $('#left>a').attr('href');
+				}
+			});
+		</script>
 		<div id="left">
 			<a href="<?php echo base_url($prev); ?>" class="navigation"></a>
 		</div>
 <?php } ?>
 <?php if($next != 0) { ?>
+		<script type="text/javascript">
+			$(document).keydown(function(e) {
+				var key = e.keyCode || e.which;
+				if(key == 39) {
+					document.location.href = $('#right>a').attr('href');
+				}
+			});
+		</script>
 		<div id="right">
 			<a href="<?php echo base_url($next); ?>" class="navigation"></a>
 		</div>
diff --git a/css/style.css b/css/style.css
index 60d7d0d..101b938 100644
--- a/css/style.css
+++ b/css/style.css
@@ -352,4 +352,8 @@ h1{
 
 #links a {
 	color: #fff;
+}
+
+.underline {
+	text-decoration: underline;
 }
\ No newline at end of file