

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" />
<html lang="en">
<head>
    <title>dave.caretcake - games . apps . music . photos</title>
    <link rel="shortcut icon" href="http://dave.caretcake.com/website/themes/davedot/media/images/favicon.ico" />
    <meta name="description" content="dave.caretcake is the official website of dave rankin, and your source for fun, free, and open source games, apps, music, and photos" />
    <meta name="keywords" content="dave rankin, games, video games, photos, music, apps, open source" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    <link rel="stylesheet" href="http://dave.caretcake.com/website/themes/davedot/media/css/dave.min.css" type="text/css" media="screen" />
<!--    <link rel="stylesheet" href="http://dave.caretcake.com/website/themes/davedot/media/css/dave.css" type="text/css" media="screen" />-->
    <style>
        body {
            background-image: url(http://dave.caretcake.com/website/themes/davedot/media/images/hp_background_alt.jpg);
        }
        
        #message_box {
            background-image: url(http://dave.caretcake.com/website/themes/davedot/media/images/icon-twitter.png);
        }
        
    </style>
</head>

<body>
        
	<div style="width: 980px;">
		<div id="hp_left_col">
			<a href="http://dave.caretcake.com/"><img id="logo" src="http://dave.caretcake.com/website/themes/davedot/media/images/logo.png" width="285" height="69" alt="dave.caretcake | experiments in technology & art" border="0" /></a><br />
	
			<div id="navigation">
				<a href="http://dave.caretcake.com/games/" onMouseOver="diminish('navLink', '1', '1', '6')" onMouseOut="resetOpacity('navLink', '1', '6')"><img id="navLink1" class="nav" src="http://dave.caretcake.com/website/themes/davedot/media/images/link-games.png" width="126" height="31" alt="Games" border="0" /></a>
				<a href="http://dave.caretcake.com/apps/" onMouseOver="diminish('navLink', '2', '1', '6')" onMouseOut="resetOpacity('navLink', '1', '6')"><img id="navLink2" class="nav" src="http://dave.caretcake.com/website/themes/davedot/media/images/link-apps.png" width="127" height="45" alt="Apps" border="0" /></a>
				<a href="http://dave.caretcake.com/music/" onMouseOver="diminish('navLink', '3', '1', '6')" onMouseOut="resetOpacity('navLink', '1', '6')"><img id="navLink3" class="nav" src="http://dave.caretcake.com/website/themes/davedot/media/images/link-music.png" width="125" height="33" alt="Music" border="0" /></a>
				<a href="http://dave.caretcake.com/photos/" onMouseOver="diminish('navLink', '4', '1', '6')" onMouseOut="resetOpacity('navLink', '1', '6')"><img id="navLink4" class="nav" src="http://dave.caretcake.com/website/themes/davedot/media/images/link-photos.png" width="127" height="27" alt="Photos" border="0" /></a>
				<a href="http://dave.caretcake.com/about/" onMouseOver="diminish('navLink', '5', '1', '6')" onMouseOut="resetOpacity('navLink', '1', '6')"><img id="navLink5" class="nav" src="http://dave.caretcake.com/website/themes/davedot/media/images/link-about.png" width="127" height="31" alt="About" border="0" /></a>
				<a class="various1" href="#contact_form" onMouseOver="diminish('navLink', '6', '1', '6')" onMouseOut="resetOpacity('navLink', '1', '6')"><img id="navLink6" class="nav" src="http://dave.caretcake.com/website/themes/davedot/media/images/link-contact.png" width="129" height="22" alt="Contact Me" border="0" /></a>
			</div>
			
			<div id="social_links">
				<a onMouseOver="diminish('socLink', '1', '1', '6')" onMouseOut="resetOpacity('socLink', '1', '6')" href="https://twitter.com/#!/daverankin" target="_blank"><img id="socLink1" src="http://dave.caretcake.com/website/themes/davedot/media/images/twitter.png" width="48" height="48" title="Follow me on Twitter" alt="Follow me on Twitter" border="0" /></a>
				<a onMouseOver="diminish('socLink', '2', '1', '6')" onMouseOut="resetOpacity('socLink', '1', '6')" href="http://www.flickr.com/photos/davecaretcake/" target="_blank"><img id="socLink2" src="http://dave.caretcake.com/website/themes/davedot/media/images/flickr.png" width="48" height="48" title="Follow me on Flickr" alt="Follow me on Flickr" border="0" /></a>
				<a onMouseOver="diminish('socLink', '3', '1', '6')" onMouseOut="resetOpacity('socLink', '1', '6')" href="http://feeds.feedburner.com/Davecaretcake" target="_blank"><img id="socLink3" src="http://dave.caretcake.com/website/themes/davedot/media/images/rss.png" width="48" height="48" title="My RSS feed" alt="My RSS feed" border="0" /></a>
				<a onMouseOver="diminish('socLink', '4', '1', '6')" onMouseOut="resetOpacity('socLink', '1', '6')" href="http://davedot.tumblr.com/" target="_blank"><img id="socLink4" src="http://dave.caretcake.com/website/themes/davedot/media/images/tumblr.png" width="48" height="48" title="Follow me on Tumblr" alt="Follow me on Tumblr" border="0" /></a>
				<a onMouseOver="diminish('socLink', '5', '1', '6')" onMouseOut="resetOpacity('socLink', '1', '6')" href="http://www.linkedin.com/in/davelrankin" target="_blank"><img id="socLink5" src="http://dave.caretcake.com/website/themes/davedot/media/images/linkedin.png" width="48" height="48" title="Connect with me on LinkedIn" alt="Connect with me on LinkedIn" border="0" /></a>
				<a onMouseOver="diminish('socLink', '6', '1', '6')" onMouseOut="resetOpacity('socLink', '1', '6')" href="javascript:;" onClick="modal('share_this')"><img id="socLink6" class="st_sharethis_custom" src="http://dave.caretcake.com/website/themes/davedot/media/images/sharethis.png" width="48" height="48" alt="Share This!" border="0" /></a>
			</div>
		</div>
			
		<div id="hp_right_col">
				
			<div id="message_box">
				<p class="twitter_message">Fail Whale! Couldn't connect to Twitter :-(
			</div>
			
			<p>Hi! I'm Dave Rankin, and this is my website. Not that Dave Rankin, though, the other one.</p>
<p>I'm a professional software developer, semi-professional stock photographer, and totally amateur musician. I've put together this website to showcase and distribute some of my work and also to give people a place to contact me.</p>
<p>Nearly everything on this website is given away at no cost under free and open source or Creative Commons licenses. &nbsp;And, even the few things that are for sale are also available for free through community edition alternatives.&nbsp;</p>
<p>When you're done here, please check out what I do for my day job over at <a href="http://field15.com">Field15, Inc.</a>, or if you work in technology yourself (or just know and love somebody else who does), hop on over to the <a href="http://caretcake.com">Caretcake</a> store for t-shirts and more.</p>
<p>Thanks for stopping by and please don't forget to click the Contact link on the left-hand side of the screen before you go to let me know you stopped by and to tell me what you thought!</p>
	
			<div id="footer_box">
				
				<p class="hp_footer">Except where otherwise noted, this work is licensed under a Creative Commons   
				Attribution-Share Alike 3.0 United States License.</p>
				
				<div id="copyright">
					<p class="hp_footer">
						&#169; 2016<br />Dave Rankin<br />
						<a href="http://dave.caretcake.com/privacy/">Privacy Policy</a>
					</p>
				</div>
				
				<div id="hp_powered_by">
					<a href="http://www.djangoproject.com/" target="_blank"><img style="margin-bottom: 3px;" src="http://dave.caretcake.com/website/themes/davedot/media/images/djangosite.gif" border="0" alt="A Django site." title="A Django site." /></a><br />
					<a href="http://www.python.org" target="_blank"><img src="http://dave.caretcake.com/website/themes/davedot/media/images/python-powered.png" width="80" height="28" alt="Python Powered" title="Python Powered" border="0" /></a>
				</div>
				
				<br style="clear: both;" />
			</div>
		</div>
		<br style="clear: both;" />
	</div>
	
	<div style="display: none;">
    <div id="contact_form" style="width: 500px; height: 500px; overflow: auto; margin: 20px 20px;">
        <h1>CONTACT FORM</h1>
        
        <div id="default_contact_form_message">
            <p>Got something on your mind?  Share it with me here in English,
            German, or Spanish, and I'll get back to you as soon as I can. Thanks!</p>
            
            <form>
                <div style='display:none'><input type='hidden' name='csrfmiddlewaretoken' value='d4140b092e1a577cc90e129cb394c111' /></div>
                <input type="hidden" name="form_response" />
                <input type="hidden" name="op" value="process_form" />
                <input type="hidden" name="form_name" value="dave.caretcake Contact Form" />
                <input type="hidden" name="message_from" value="website@dave.caretcake.com" />
                <input type="hidden" name="save_to_db" value="true" />
                <input type="hidden" name="send_to" value="dave@caretcake.com" />
                <input type="hidden" name="subject" value="dave.caretcake Contact Form" />
            
                <p>
                    Your Name:<br />
                    <input class="contact_input" type="text" name="your_name" />
                </p>
                
                <p>
                    Your E-mail Address:<br />
                    <input class="contact_input" type="text" name="your_email" />
                </p>
                
                <p>
                    Your Message:<br />
                    <textarea class="contact_input" name="your_message" style="height: 100px;" wrap="physical"></textarea>
                </p>
                
                <input class="contact_button" type="button" value="Send Message!" onClick="sendMessage('')" />
                <input class="contact_button" style="margin-left: 20px;" type="reset" value="Clear" />
            </form>
        </div>
        
        <div id="message_sent" style="display: none;">
            <p>Great news! Your message has been sent! If you gave me your
            e-mail address, I'll get back to you as soon as I possibly
            can. And, if you didn't, well, thanks for the message
            anyway!</p>
        </div>
        
        <div id="message_not_sent" style="display: none;">
            <p>Oh no! Something went wrong and your message couldn't be sent.
            Well, this is just embarrassing .  Please give it another shot
            in a few minutes, and hopefully we'll have our act together by
            then.  Sorry!</p>
        </div>
    </div>
</div>

	
 	<script src="http://dave.caretcake.com/website/themes/davedot/media/js/jquery-1.7.1.min.js" type="text/javascript"></script>
 	<script src="http://dave.caretcake.com/website/themes/davedot/media/js/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
	<script type="text/javascript" src=http://dave.caretcake.com/website/themes/davedot/media/js/jquery.fancybox.pack.js?v=2.0.5"></script>
	<script src="http://dave.caretcake.com/website/themes/davedot/media/js/alljs.min.js" type="text/javascript"></script>
<!--
	<script type="text/javascript" src="http://dave.caretcake.com/website/themes/davedot/media/js/dave.js"></script>
    <script type="text/javascript" src="http://dave.caretcake.com/website/themes/davedot/media/js/TEAMS.js"></script>
    <script type="text/javascript" src="http://dave.caretcake.com/website/themes/davedot/media/js/ajax.js"></script>
-->
	<script type="text/javascript" language="javascript">
	<!--
	
		$(document).ready(function() {
			$("a.various1").fancybox({
				'titlePosition'		: 'none',
				'transitionIn'		: 'fade',
				'transitionOut'		: 'fade'
			});
		});
		
		function sendMessage(response) {
			if (response == '') {
				var ajaxOb = new ajax('sendMessage');
				if (ajaxOb.requiredFields(["your_message=>Your Message"])) {
					ajaxOb.setOption('your_message', 'http://dave.caretcake.com/widget/simple_form');
					ajaxOb.setFields(["csrfmiddlewaretoken", "op",
						"form_name", "message_from", "save_to_db",
						"send_to", "your_name", "your_email", "your_message"]);
					ajaxOb.postRequest('');
				}
			}
			else {
				displayResults(response);
				if (document.forms[0].form_response.value == 'success') {
					document.getElementById('default_contact_form_message').style.display = 'none';
					document.getElementById('message_sent').style.display = 'block';
				}
				else {
					document.getElementById('default_contact_form_message').style.display = 'none';
					document.getElementById('message_not_sent').style.display = 'block';
				}
			}
		}
		
		var _gaq = _gaq || [];
		  _gaq.push(['_setAccount', 'UA-2322698-1']);
		  _gaq.push(['_trackPageview']);
		
		  (function() {
			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		  })();
		
	-->
	</script>
</body>
</html>

