js/jquery.js
js/pretty.js
js/underscore.js
@@ -8,20 +8,18 @@
<link href="/atom.xml" rel="alternate" title="Rob Ares" type="application/atom+xml" />
<link rel="stylesheet" href="/css/syntax.css" type="text/css" />
<link rel="stylesheet" href="/css/screen.css" type="text/css" media="screen, projection" />
- <style type="text/css">
- @import "http://ajax.googleapis.com/ajax/libs/dojo/1.3/dijit/themes/tundra/tundra.css";
- @import "http://ajax.googleapis.com/ajax/libs/dojo/1.3/dojox/image/resources/Lightbox.css";
- </style>
</head>
- <body class="tundra">
+ <body>
<div class="site">
<div class="title">
<a href="/" class="site-name">Rob Ares</a>
- <a class="extra" href="/">home</a> ::
- <a class="extra" href="/archive.html">archive</a> ::
- <a class="extra" href="/resume.html" target="_blank">resume</a> ::
- <a class="extra" href="/portfolio.html">portfolio</a>
+ <span style="float: right;">
+ <a class="extra" href="/">home</a> ::
+ <a class="extra" href="/archive.html">archive</a> ::
+ <a class="extra" href="/resume.html" target="_blank">resume</a> ::
+ <a class="extra" href="/portfolio.html">portfolio</a>
+ </span>
</div>
{{ content }}
@@ -63,7 +61,9 @@
})();
//]]>
</script>
- <script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/dojo/1.3/dojo/dojo.xd.js"></script>
+ <script type="text/javascript" charset="utf-8" src="/js/jquery.js"></script>
+ <script type="text/javascript" charset="utf-8" src="/js/underscore.js"></script>
+ <script type="text/javascript" charset="utf-8" src="/js/pretty.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/application.js"></script>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
@@ -74,4 +74,4 @@
pageTracker._trackPageview();
</script>
</body>
-</html>
\ No newline at end of file
+</html>
_layouts/default.html
@@ -244,4 +244,4 @@ ul#portfolio li img.thumbnail {
padding: 2px;
width: 160px;
border: 1px #8085C1 solid;
-}
\ No newline at end of file
+}
css/screen.css
@@ -13,4 +13,4 @@ title: Rob Ares
</div>
<div id="activity">
-</div>
\ No newline at end of file
+</div>
index.html
@@ -1,39 +1,17 @@
-dojo.require("dojo.html");
-dojo.require("dojo.parser");
-dojo.require("dojo.io.script");
-dojo.require("dojo.date.stamp");
-dojo.require("dojox.dtl.filter.dates");
-dojo.require("dojox.image.LightboxNano");
-
-dojo.addOnLoad(function() {
- dojo.parser.parse();
-
- var initializeTime = function() {
- dojo.query("abbr.timeago").forEach(function(element) {
- element.innerHTML = dojox.dtl.filter.dates.timesince(element.innerHTML);
- });
- };
-
- if(dojo.byId("activity")) {
- dojo.io.script.get({
- callbackParamName: "callback",
- url: "http://friendfeed.com/api/feed/user/rares?num=5",
- load: function(json) {
- var ul = dojo.create("ul", {"class": "posts"});
- dojo.place(ul, dojo.byId("activity"), "first");
- dojo.forEach(json.entries, function(entry) {
- var li = dojo.create("li", {});
- dojo.place(li, ul, "last");
- var time = dojo.date.stamp.fromISOString(entry.published);
- dojo.place(dojo.create("abbr", {"class": "timeago", title: time, innerHTML: time}), li, "last");
- dojo.place(dojo.create("img", {src: entry.service.iconUrl, alt: entry.service.name}), li, "last");
- dojo.place(dojo.create("a", {href: entry.link, innerHTML: entry.title}), li, "last");
+(function($) {
+ $.fn.fetch = function() {
+ return this.each(function() {
+ var _panel = $(this);
+ var _item = '<li><abbr class="timeago" title="<%= prettyDate(entry.published) %>"><%= prettyDate(entry.published) %></abbr><img src="<%= entry.service.iconUrl %>" /><a href="<%= entry.link %>"><%= entry.title %></a></li>';
+ $.getJSON("http://friendfeed.com/api/feed/user/rares?num=5&callback=?", function(activities) {
+ _panel.prepend("<h1>Recent Activity</h1>");
+ var _list = $('<ul class="posts"></ul>').appendTo(_panel);
+ _(activities.entries).each(function(entry) {
+ $(_(_item).template({entry: entry})).appendTo(_list);
});
- initializeTime();
- }
+ });
});
- }
- else {
- initializeTime();
- }
-});
\ No newline at end of file
+ };
+})(jQuery);
+$("#activity").fetch();
+$("abbr.timeago").prettyDate();
js/application.js
@@ -6,25 +6,25 @@ title: Rob Ares | Portfolio
<h1>Portfolio</h1>
<ul id="portfolio">
<li class="clearfix">
- <a href="/images/1-640x480.png" dojoType="dojox.image.LightboxNano"><img src="/images/1-160x120.png" class="thumbnail" /></a>
+ <a href="/images/1-640x480.png"><img src="/images/1-160x120.png" class="thumbnail" /></a>
<a href="http://checkmycampus.com/" target="_blank">Check My Campus Facebook App</a>
<br />
Check My Campus is a Facebook application written in Python that allows potential college students check out a campus' social scene without having to travel to it. Users that are part of a college network can upload videos for their campus and potential students can view. Check My Campus into the user's profile allowing users to tag media in order for other students to search and preview a campus.
</li>
<li>
- <a href="/images/2-640x480.png" dojoType="dojox.image.LightboxNano"><img src="/images/2-160x120.png" class="thumbnail" /></a>
+ <a href="/images/2-640x480.png"><img src="/images/2-160x120.png" class="thumbnail" /></a>
<a href="http://www.fool.com/" target="_blank">The Motley Fool</a>
<br />
Served as tech lead in total re-design of the home page and the aggregation of the data behind fool.com. The project scope also included administration tools that allowed the business to administer and schedule content changes at later dates.
</li>
<li>
- <a href="/images/3-640x480.png" dojoType="dojox.image.LightboxNano"><img src="/images/3-160x120.png" class="thumbnail" /></a>
- <a href="http://www.qflip.com/" target="_blank">Qflip</a>
+ <a href="/images/3-640x480.png"><img src="/images/3-160x120.png" class="thumbnail" /></a>
+ <a href="http://www.qflip.net/" target="_blank">Qflip</a>
<br />
Qflip was a 2008 <a href="http://railsrumble.com/" target="_blank">Rails Rumble</a> entry that placed 2 overall. Built using the Netflix API; it allowed users to make the top position of their queue open to a public vote (consisting of 5 user recommendations). After 24 hours, the movie with the most votes wins. Qflip also uses Twitter to announce matches.
</li>
<li>
- <a href="/images/4-640x480.png" dojoType="dojox.image.LightboxNano"><img src="/images/4-160x120.png" class="thumbnail" /></a>
+ <a href="/images/4-640x480.png"><img src="/images/4-160x120.png" class="thumbnail" /></a>
<a href="http://www.t-mac.com/" target="_blank">Tracy McGrady</a>
<br />
Tracy McGrady's (Houston Rockets) official site. The application included tools that allow editors to add content, media and feeds from other sources to aggregate all aspects of Tracy's life and career. The site allows fans to interact with Tracy as well as subscribe to feeds and calendars that allow them to keep abreast of current events.
portfolio.html
94c00f3b4d885ac0d453f7af3c22b2dc62ddd5b0
Rob Ares
rob.ares@gmail.com
http://github.com/rares/rares.github.com/commit/5d05789b2d04afda5ad95cf5649c631a44fdb232
5d05789b2d04afda5ad95cf5649c631a44fdb232
2009-11-07T19:12:52-08:00
2009-11-07T19:12:52-08:00
jquery and underscore
7b22047749968d0ed890ba6af55c3817883973bf
Rob Ares
rob.ares@gmail.com