site assets and current state

sursly · Mar 16, 2012 · 376e43c · 376e43c
1 parent c533626
commit 376e43c
Show file tree

Hide file tree

Showing 36 changed files with 1,143 additions and 0 deletions.
diff --git a/Blackout-2am.ttf b/Blackout-2am.ttf
diff --git a/Blackout-Midnight.ttf b/Blackout-Midnight.ttf
diff --git a/blankIMG.gif b/blankIMG.gif
diff --git a/ie6styles.css b/ie6styles.css
@@ -0,0 +1,15 @@
+/* IE6 CSS */
+
+#ie6 {
+display: block;
+margin: 0;
+text-align: center;
+padding: 10px 80px 10px 80px;
+background: #000000;
+color: #DDD;
+font-size: 15px;
+line-height: 1.5em;
+border-bottom: 13px solid #FFF;
+width: 900px;
+
+}
diff --git a/images/.DS_Store b/images/.DS_Store
diff --git a/images/back.gif b/images/back.gif
diff --git a/images/backblack.gif b/images/backblack.gif
diff --git a/images/backwhite.gif b/images/backwhite.gif
diff --git a/images/bg-bio.gif b/images/bg-bio.gif
diff --git a/images/bg-biotowork.gif b/images/bg-biotowork.gif
diff --git a/images/bg-biotowork2.gif b/images/bg-biotowork2.gif
diff --git a/images/bg-biotowork3.gif b/images/bg-biotowork3.gif
diff --git a/images/bg-connect.gif b/images/bg-connect.gif
diff --git a/images/bg-home.gif b/images/bg-home.gif
diff --git a/images/bg-hometobio.gif b/images/bg-hometobio.gif
diff --git a/images/bg-hometobio2.gif b/images/bg-hometobio2.gif
diff --git a/images/bg-work.gif b/images/bg-work.gif
diff --git a/images/bg-worktoconnect.gif b/images/bg-worktoconnect.gif
diff --git a/images/bg-worktoconnect2.gif b/images/bg-worktoconnect2.gif
diff --git a/images/blank.gif b/images/blank.gif
diff --git a/images/go-left.png b/images/go-left.png
diff --git a/images/go-right.png b/images/go-right.png
diff --git a/images/goright-white.png b/images/goright-white.png
diff --git a/images/home.gif b/images/home.gif
diff --git a/images/home.gif.png b/images/home.gif.png
diff --git a/images/homeBG.gif b/images/homeBG.gif
diff --git a/images/loadingAnimation.gif b/images/loadingAnimation.gif
diff --git a/images/overlay.png b/images/overlay.png
diff --git a/images/smallstar.jpg b/images/smallstar.jpg
diff --git a/images/surslylogo.png b/images/surslylogo.png
diff --git a/images/surslystack.gif b/images/surslystack.gif
diff --git a/index.html b/index.html
@@ -0,0 +1,202 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>It's not stealing if he gave me a download link"</title>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />	<meta name="keywords" content="It's not stealing if he gave me a download link" />
+	<meta name="description" content="It's not stealing if he gave me a download link"" />
+
+<link rel="stylesheet" href="styles.css" type="text/css" media="screen" />
+
+<script type="text/javascript" src="thw.js"></script>
+ <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
+  <script type="text/javascript" src="jquery.pagination.js"></script>
+
+
+<!--[if IE 6]><link rel="stylesheet" type="text/css" media="screen" href="ie6styles.css" /><![endif]-->
+
+
+
+<script type="text/javascript">
+
+
+			function pageselectCallback(page_index, jq){
+                var new_content = $('#hiddenresult div.result:eq('+page_index+')').clone();
+                $('#Searchresult').empty().append(new_content);
+                return false;
+            }
+
+
+            function initPagination() {
+                var num_entries = $('#hiddenresult div.result').length;
+                // Create pagination element
+                $("#Pagination").pagination(num_entries, {
+                    num_edge_entries: 0,
+                    num_display_entries: 0,
+                    callback: pageselectCallback,
+                    items_per_page:1
+                });
+             }
+
+                       $(document).ready(function(){      
+                initPagination();
+            });
+
+
+</script>
+
+
+</head>
+<body>
+<!--<div id="ie6"><p><em>Oh no!</em> You are using a pretty out-of-date browser (Internet Explorer 6 - whoops!) and missing out on some awesomeness. It's okay, we recommend you <a href="http://getfirefox.com">download and install Firefox</a> and come back for the fun (and other websites you've been visiting will look better too)! Thanks ~mgmt.</p></div>-->
+	<div id="home" class="container">
+		<div class="interior">
+
+				<a href="http://www.sursly.com" alt="sursly.com"><img border="0" src="images/blank.gif" alt="sursly logo" width="100" height="50px"/></a>
+				<h2>Hey I'm <a href="#bio" title="something">(name)</a> and Tyler made <a href="#work" alt="stuff">this</a> for you.</h2>
+					<a href="#bio" title="sursly tyler"><img border="0" src="images/blank.gif" alt="sursly go" width="100" height="50px"/></a>
+		</div>
+
+	</div>
+	<div id="homeTobio" class="container">
+			&nbsp;
+
+	</div>
+		<div id="homeTobio2" class="container">
+			&nbsp;
+
+	</div>
+
+	<div id="bio" class="container alt">
+		<span class="home"><a href="#home" alt="sursly.com home"><img border="0" src="images/home.gif" alt="sursly home" width="46" height="17" /></a></span>
+		<span class="back"><a href="#home" alt="sursly.com home"><img border="0" src="images/go-left.png" alt="sursly home" width="60" height="20"/></a></span>
+		<span class="next"><a href="#work" title="sursly's work"><img border="0" src="images/go-right.png" alt="sursly work" width="60" height="20"/></a></span>
+
+
+		<div class="interior">
+			<img src="http://placehold.it/267x400" width="267" height="400" border="
+			20" alt="my image" />
+			<h1>__ _____ since '82</h1>
+			<div class="column"><h3>Business</h3>
+			<p>Type YOUR bio here. Don't use the word "guru" and try to sound less douchebaggy.</p></div>
+			<div class="column">
+			<h3>Pleasure</h3>
+			<p>If you do something that isn't on the computer other people should know about it. </p>
+
+
+			</div>
+
+
+
+		</div>
+
+	</div>
+
+
+
+	<div id="biotowork" class="container">
+	   &nbsp;
+	</div>
+
+	<div id="biotowork2" class="container">
+		&nbsp;
+	</div>
+
+	<div id="biotowork3" class="container">
+		&nbsp;
+	</div> 
+
+
+	<div id="work" class="container">
+		<span class="home"><a href="#home" alt="sursly.com home"><img border="0" src="images/home.gif" alt="sursly home" width="46" height="17" /></a></span>
+		<span class="back">	<a href="#bio" title="tyler is sursly"><img border="0" src="images/go-left.png" alt="sursly home" width="60" height="20"/></a></span>
+			<span class="next"><a href="#connect" title="connect with tyler"><img border="0" src="images/go-right.png" alt="sursly connect" width="60" height="20"/></a></span>
+
+		<div class="interior">
+			<div class="bubble alt">
+		<h3>Toolkit</h3>
+			<p>Whatever, css, html, copy/pasting code, you know, what you "do".</p>
+
+
+
+
+		</div>
+			<div id="Searchresult">
+			Don't fucking touch this spot.
+		</div>
+
+        <!-- Container element for all the Elements that are to be paginated -->
+        <div id="hiddenresult" style="display:none;">
+
+
+
+
+
+
+           <div class="result project">
+                 <img src="http://placehold.it/590x340" width="590" height="340" alt="Your fucking work">
+					<div class="projectDescription"><h2>Title of Thing <strong>Kind of thing (website? logo?)</strong></h2>
+					<p>Just describe whatever you're showing, ya heard?</p>
+					</div>
+             </div>
+           <div class="result project">
+                 <img src="http://placehold.it/590x340" width="590" height="340" alt="Your fucking work">
+					<div class="projectDescription"><h2>Whoa Another Project <strong>Slide</strong></h2>
+					<p>Is there a 4th wall in web design? Who the fuck knows.</p>
+					</div>
+             </div>        
+        </div>
+
+				 <div id="Pagination" class="pagination"> </div>
+	</div>
+	</div>
+
+
+	<div id="worktoconnect" class="container">
+	&nbsp;
+	</div>
+
+	<div id="worktoconnect2" class="container">
+	&nbsp;
+	</div>
+
+
+
+	<div id="connect" class="container">
+	<span class="home"><a href="#home" alt="sursly.com home"><img border="0" src="images/home.gif" alt="sursly home" width="46" height="17" /></a></span>
+	<span class="back">	<a href="#work" title="tyler works sursly"><img border="0" src="images/go-left.png" alt="sursly work" width="60" height="20"/></a></span>
+
+	<div class="interior">
+	<h1>Say Hello!</h1>
+	<div class="column">
+	<p>Or something similar. If you'd like, send me an email: <a href="javascript:location='mailto:#">You@youremail.com></a></p>
+	<p>Or <strong><a name="phone"><phone>1 234 567 8910</phone></a></strong>
+	</p>
+	<h4>Freelance status: whatever</h4>
+	</div>
+	<div class="column right">
+
+	<div id="contactFormArea">
+<p>&nbsp;<br />Follow <a href="http://www.twitter.com/#" title="Someone on Twitter" target="_blank">me on Twitter</a></p>
+<div id="twitter_div"><h3 class="grey">MY LATEST TWEET</h3><ul id="twitter_update_list"></ul></div> <br /> 
+	<h4>I occasionally <a href="http://dribbble.com/" target="_blank">dribbble</a>, on <a href="http://tumblr.com" target="_blank">tumblr</a>, in a <a href="http://forrst.com/" target="_blank">forrst</a>. </h4>
+
+
+	</div></div>
+
+	</div>
+
+
+	</div>
+
+<script type="text/javascript">
+
+
+
+<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
+<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/sursly.json?callback=twitterCallback2&count=1"></script><!--don't pull in my tweets, change this shit-->
+
+
+
+</body>
+</html>
diff --git a/jquery-1.3.2.min.js b/jquery-1.3.2.min.js
diff --git a/jquery.pagination.js b/jquery.pagination.js
@@ -0,0 +1,168 @@
+/**
+ * This jQuery plugin displays pagination links inside the selected elements.
+ *
+ * @author Gabriel Birke (birke *at* d-scribe *dot* de)
+ * @version 1.2
+ * @param {int} maxentries Number of entries to paginate
+ * @param {Object} opts Several options (see README for documentation)
+ * @return {Object} jQuery Object
+ */
+jQuery.fn.pagination = function(maxentries, opts){
+	opts = jQuery.extend({
+		items_per_page:10,
+		num_display_entries:10,
+		current_page:0,
+		num_edge_entries:0,
+		link_to:"#",
+		prev_text:"BACK",
+		next_text:"NEXT",
+		ellipse_text:"...",
+		prev_show_always:true,
+		next_show_always:true,
+		callback:function(){return false;}
+	},opts||{});
+
+	return this.each(function() {
+		/**
+		 * Calculate the maximum number of pages
+		 */
+		function numPages() {
+			return Math.ceil(maxentries/opts.items_per_page);
+		}
+
+		/**
+		 * Calculate start and end point of pagination links depending on 
+		 * current_page and num_display_entries.
+		 * @return {Array}
+		 */
+		function getInterval()  {
+			var ne_half = Math.ceil(opts.num_display_entries/2);
+			var np = numPages();
+			var upper_limit = np-opts.num_display_entries;
+			var start = current_page>ne_half?Math.max(Math.min(current_page-ne_half, upper_limit), 0):0;
+			var end = current_page>ne_half?Math.min(current_page+ne_half, np):Math.min(opts.num_display_entries, np);
+			return [start,end];
+		}
+
+		/**
+		 * This is the event handling function for the pagination links. 
+		 * @param {int} page_id The new page number
+		 */
+		function pageSelected(page_id, evt){
+			current_page = page_id;
+			drawLinks();
+			var continuePropagation = opts.callback(page_id, panel);
+			if (!continuePropagation) {
+				if (evt.stopPropagation) {
+					evt.stopPropagation();
+				}
+				else {
+					evt.cancelBubble = true;
+				}
+			}
+			return continuePropagation;
+		}
+
+		/**
+		 * This function inserts the pagination links into the container element
+		 */
+		function drawLinks() {
+			panel.empty();
+			var interval = getInterval();
+			var np = numPages();
+			// This helper function returns a handler function that calls pageSelected with the right page_id
+			var getClickHandler = function(page_id) {
+				return function(evt){ return pageSelected(page_id,evt); }
+			}
+			// Helper function for generating a single link (or a span tag if it's the current page)
+			var appendItem = function(page_id, appendopts){
+				page_id = page_id<0?0:(page_id<np?page_id:np-1); // Normalize page id to sane value
+				appendopts = jQuery.extend({text:page_id+1, classes:""}, appendopts||{});
+				if(page_id == current_page){
+					var lnk = jQuery("<span class='current'>"+(appendopts.text)+"</span>");
+				}
+				else
+				{
+					var lnk = jQuery("<a>"+(appendopts.text)+"</a>")
+						.bind("click", getClickHandler(page_id))
+						.attr('href', opts.link_to.replace(/__id__/,page_id));
+
+
+				}
+				if(appendopts.classes){lnk.addClass(appendopts.classes);}
+				panel.append(lnk);
+			}
+			// Generate "Previous"-Link
+			if(opts.prev_text && (current_page > 0 || opts.prev_show_always)){
+				appendItem(current_page-1,{text:opts.prev_text, classes:"prev"});
+			}
+			// Generate starting points
+			if (interval[0] > 0 && opts.num_edge_entries > 0)
+			{
+				var end = Math.min(opts.num_edge_entries, interval[0]);
+				for(var i=0; i<end; i++) {
+					appendItem(i);
+				}
+				if(opts.num_edge_entries < interval[0] && opts.ellipse_text)
+				{
+					jQuery("<span>"+opts.ellipse_text+"</span>").appendTo(panel);
+				}
+			}
+			// Generate interval links
+			for(var i=interval[0]; i<interval[1]; i++) {
+				appendItem(i);
+			}
+			// Generate ending points
+			if (interval[1] < np && opts.num_edge_entries > 0)
+			{
+				if(np-opts.num_edge_entries > interval[1]&& opts.ellipse_text)
+				{
+					jQuery("<span>"+opts.ellipse_text+"</span>").appendTo(panel);
+				}
+				var begin = Math.max(np-opts.num_edge_entries, interval[1]);
+				for(var i=begin; i<np; i++) {
+					appendItem(i);
+				}
+
+			}
+			// Generate "Next"-Link
+			if(opts.next_text && (current_page < np-1 || opts.next_show_always)){
+				appendItem(current_page+1,{text:opts.next_text, classes:"next"});
+			}
+		}
+
+		// Extract current_page from options
+		var current_page = opts.current_page;
+		// Create a sane value for maxentries and items_per_page
+		maxentries = (!maxentries || maxentries < 0)?1:maxentries;
+		opts.items_per_page = (!opts.items_per_page || opts.items_per_page < 0)?1:opts.items_per_page;
+		// Store DOM element for easy access from all inner functions
+		var panel = jQuery(this);
+		// Attach control functions to the DOM element 
+		this.selectPage = function(page_id){ pageSelected(page_id);}
+		this.prevPage = function(){ 
+			if (current_page > 0) {
+				pageSelected(current_page - 1);
+				return true;
+			}
+			else {
+				return false;
+			}
+		}
+		this.nextPage = function(){ 
+			if(current_page < numPages()-1) {
+				pageSelected(current_page+1);
+				return true;
+			}
+			else {
+				return false;
+			}
+		}
+		// When all initialisation is done, draw the links
+		drawLinks();
+        // call callback function
+        opts.callback(current_page, this);
+	});
+}
+
+