Permalink
Browse files

Split up index.html into multiple ERB partials, to make updating sect…

…ions easier. Adds new content to the projects page.
  • Loading branch information...
1 parent 165e9c1 commit c5dad40ea5f6468d399d9129b5e2eab98a9fd516 unknown committed Jul 10, 2010
View
@@ -2,6 +2,8 @@ URGENT About page
URGENT more thought-through sitemap
URGENT footer
Sub-navigation
+use "lightbox" for flickr pictures
+make links work in twitter message
Project pages
My "public" appearances / talking events
theme for only main page? Should I pick black or white?
View
@@ -6,7 +6,7 @@
require 'json'
get '/' do
- File.open('public/index.html'){ |f| f.read }
+ erb :index
end
def get_feed(url)
View
@@ -1,3 +1,19 @@
+//$(document).ready(function () {
+// $(".example8").colorbox({width:"50%", inline:true, href:"#inline_example1"});
+//});
+
+//$(function() {
+// $('#gallery a').lightBox({fixedNavigation:true});
+//});
+
+//$(function() {
+// $('ul.idTabs').idTabs('overview');
+//});
+
+//$(function() {
+// $('a[@rel*=lightbox]').lightBox();
+//});
+
// from http://www.geekpedia.com/code20_Strip-HTML-using-JavaScript.html
String.prototype.stripHTML = function() {
return this.replace(/<(?:.|\s)*?>/g, "");
View
@@ -1,294 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
- <head>
- <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
- <title>Jimmy Schementi</title>
-
- <script src="jquery-1.4.2.js" type="text/javascript"></script>
- <script src="colorbox/colorbox/jquery.colorbox.js" type="text/javascript"></script>
- <script src="jquery.corner.js" type="text/javascript"></script>
- <script src="jquery.address-1.2.js" type="text/javascript"></script>
- <script src="jquery.jfeed.js" type="text/javascript"></script>
-
- <link type="text/css" media="screen" rel="stylesheet" href="colorbox/example5/colorbox.css" />
-
- <script type="text/javascript">
- $(document).ready(function () {
- $(".example8").colorbox({width:"50%", inline:true, href:"#inline_example1"});
- });
- </script>
-
- <link type="text/css" media="screen" rel="stylesheet" href="style.css" />
- <!--[if gt IE 7]>
- <link type="text/css" media="screen" rel="stylesheet" href="ie.css" />
- <![endif]-->
-
- <script type="text/javascript" src="app.js"></script>
- <!--[if gt IE 7]>
- <script type="text/javascript" src="ie.js"></script>
- <![endif]-->
- </head>
- <body id=''>
- <a name="very-top"></a>
-
- <div id="background">
- <img class="image" alt="" src='' style='display: none' />
- </div>
-
- <div id="page">
-
- <div id="header">
- <div id="navigation">
- <h1><a href="#/" rel="address:/">Jimmy Schementi</a></h1>
- <ul id="main-menu">
- <li class='arrow'>&rsaquo;</li>
- <li><a href="#/projects" rel="address:/projects">projects</a></li>
- <li><a href="#/writing" rel="address:/writing">writing</a></li>
- <li><a href="http://flickr.com/photos/jschementi" target="_blank">photos</a></li>
- <!--<li><a href="/photos" rel="address:/photos">photos</a></li>-->
- <li><a href="#/about" rel="address:/about">about</a></li>
- </ul>
- <div class="clear"></div>
- </div>
- </div>
-
- <div id="twitter-status">
- <script type="text/javascript">
- generateTwitterMsg();
- </script>
- </div>
-
- <div id="body">
-
- <div id='home' class='topic' style="display: none">
- <a name="/"></a>
-
- <div class='container' id='second-container'>
- <div id="home-about" class='section'>
- <h2><a href='about' rel="address:/about">About me</a></h2>
- <div class='islands'>
- <div class='area'>
- <p>
- Jimmy Schementi is a software developer living in Seattle,
- working on programming languages at Microsoft.
- </p>
- </div>
- <div class='area'>
- <a rel='external-about' href="http://www.linkedin.com/in/jschementi" target='_blank' style="float: left">
- <img src="http://www.linkedin.com/img/webpromo/btn_viewmy_160x33.png" width="160" height="33" border="0" alt="View Jimmy Schementi's profile on LinkedIn">
- </a>
- <i style='float: left; padding: 0.5em; font-size: 1.3em;'>and</i>
- <a rel='external-about' href="http://www.facebook.com/profile.php?id=29100024" title="Jimmy Schementi" target="_blank" style="display: block; float: left; background-image: url(http://badge.facebook.com/badge/29100024.194.1526369336.png); border: 0; width: 120px; height: 26px; margin-top: 4px;">&nbsp;</a>
-
-
- <div style="clear: left; padding-top: 0.3em; font-size: 18px;">
- <a href="resume" rel="address:/resume">Resume</a> (<a href="jimmy_schementi.pdf">pdf</a> | <a href="jimmy_schementi.txt">txt</a>)
- </div>
-
- <div class='clear'></div>
- <script type="text/javascript">
- enableColorbox($("a[rel='external-about']"));
- </script>
- </div>
- </div>
- </div>
- </div>
-
- <div id="blog_post_template" style="display: none">
- <li class="rss_item">
- <a title="" href="" class="rss_item"></a>
- <div></div>
- </li>
- </div>
-
- <div class='container' id='zero-container'>
-
- <div id="most-recent-post" class='section'>
- <h2><a href="http://blog.jimmy.schementi.com" id="blog_title">jimmy.thinking</a></h2>
- <div class="rss_box">
- <ul class="rss_items">
- </ul>
- </div>
- </div>
-
- </div>
-
- <div class='container' id='first-container'>
-
- <div id="home-writing" class='section'>
- <div class='islands'>
- <div class="rss_box">
- <ul class="rss_items">
- </ul>
- </div>
- </div>
- </div>
-
- <script type="text/javascript">
- generateBlogFeed();
- </script>
-
- <div id="home-projects" class='section'>
- <h2><a href='projects' rel="address:/projects">Recent projects</a></h2>
- <div class='islands'>
- <div class='project island'>
- <h3><a href="#/projects/ironruby" rel="address:/projects/ironruby"><img src='images/projects/ir-logo.png' width='150' height='42' alt='IronRuby' /></a></h3>
- <p>
- IronRuby is a implementation of the Ruby programming language for the
- Microsoft.NET and Mono frameworks. <!-- Ruby developers can run
- their applications on .NET, existing .NET developers can use Ruby as
- a scripting and embedding language, and client web-developers can use
- Ruby as a programming language in the browser. -->
- </p>
- </div>
- <div class='project island'>
- <h3><a href="#/projects/sourceaid" rel="address:/projects/sourceaid"><img src='images/projects/sourceaid_logo.gif' width='150' height='60' alt='SourceAid' /></a></h3>
- <p>
- SourceAid provides research and citation tools and resources to
- students, professors, and entire institutions to help stop plagiarism
- across all sectors of academic communities.
- </p>
- </div>
- <div class='project island'>
- <h3><a href="#/projects/assistment" rel="address:/projects/assistment"><img src='images/projects/assistment-logo.png' width='150' height='32' alt='Assistment' /></a></h3>
- <p>
- The Assistment system assists students in learning mathematics and gives
- teachers assessment of their students' progress.
- </p>
- </div>
- </div>
- </div>
- </div>
-
- <div class='container' style='clear: none; margin-top:45em;'>
- <div id="home-photos" class='section'>
- <h2><a href='http://flickr.com/photos/jschementi' target='_blank'>Flickr</a></h2>
- <script type="text/javascript" src="http://api.flickr.com/services/rest/?method=flickr.people.getPublicPhotos&api_key=1486775479faf0d20ae61c3cc1a137a8&user_id=24458122%40N00&format=json&jsoncallback=generateHomepagePhotoFeed"></script>
- </div>
-
- <!--
- <div id='home-music' class='section'>
- <h2><a href=''>Music</a></h2>
- <p>todo</p>
- </div>
-
- <div id='home-art' class='section'>
- <h2><a href=''>Artwork</a></h2>
- <p>todo</p>
- </div>
- -->
- </div>
-
- </div>
-
- <div id="code" class='topic subpage' style="display: none">
- <a name="/projects"></a>
-
- <div id="github-badge-wrapper">
- <div id="github-badge"></div>
- <script type="text/javascript">
- GITHUB_USERNAME = "jschementi";
- GITHUB_LIST_LENGTH = 500; // force show-all
- GITHUB_TITLE = "Open-source projects";
- </script>
- <script type="text/javascript" src="http://drnic.github.com/github-badges/dist/github-badge-launcher.js"></script>
- </div>
-
- <!--<h2>Projects</h2>-->
- <p>
- <a href="http://github.com/jschementi">GitHub</a> and other projects. Here are my most recent projects:
- </p>
- <h3><a href="http://ironruby.net">IronRuby</a></h3>
- <p>
- About IronRuby
- </p>
- <h3><a href="http://cite.me">Cite.me</a></h3>
- <p>
- About SourceAid
- </p>
- <h3><a href="http://assistment.org">Assistment</a></h3>
- <p>
- About Assistment
- </p>
- </div>
-
- <div id="writing" class="topic subpage" style="display: none">
- <a name="/writing"></a>
- <!--<h2>Writing / Reading</h2>-->
- <p>I write, here's where.</p>
- <ul>
- <li><a href="http://jimmy.schementi.com/blog">blog</a>: mainly technical</li>
- <li><a href="http://twitter.com/jschementi">@jschementi</a>: 140 characters</li>
- <li><a href="http://del.icio.us/jschementi">Bookmarks</a>: this I like from the web</li>
- </ul>
- </div>
-
- <div id="music" class="topic subpage" style="display: none">
- <a name="/music"></a>
- <h2>Music</h2>
- <p>
- About the music I write
- </p>
- <ul>
- <li><a href="http://www.purevolume.com/jimmyschementi">what I</a><a href="http://www.myspace.com/jimmyschementi">write</a></li>
- <li><a href="http://www.pandora.com/people/jschementi">what I listen to</a></li>
- </ul>
- </div>
-
- <div id="photos" class="topic subpage" style="display: none">
- <a name="/photos"></a>
- <h2>Photos</h2>
- <p>
- I like taking photos
- </p>
- <ul>
- <li><a href="http://www.flickr.com/photos/jschementi/">Flickr</a></li>
- </ul>
- </div>
-
- <div id="art" class="topic subpage" style="display: none">
- <a name="/art"></a>
- <h2>Art</h2>
- <p>I used to paint and draw a lot</p>
- </div>
-
- <div id="ironruby" class="topic subpage" style="display: none">
- <a name="/projects/ironruby"></a>
- <h2>IronRuby</h2>
- <p>what I work on currently</p>
- </div>
-
- <div id="sourceaid" class="topic subpage" style="display: none">
- <a name="/projects/sourceaid"></a>
- <h2>SourceAid</h2>
- <p>TODO</p>
- </div>
-
- <div id="assistment" class="topic subpage" style="display: none">
- <a name="/projects/assistment"></a>
- <h2>Assistment</h2>
- <p>what I used to work on</p>
- </div>
-
- <div id="resume" class="topic subpage" style="display: none">
- <a name="/resume"></a>
- <p>
- Download: <a href="jimmy_schementi.pdf">PDF</a> | <a href="jimmy_schementi.html">HTML</a> | <a href="jimmy_schementi.txt">Plain text</a>
- </p>
- <div id="resume_contents" style="">
- Loading ...
- </div>
- <script type="text/javascript">
- renderResume();
- </script>
- </div>
-
- </div>
-
- </div>
-
- <script type="text/javascript">
- roundTheWorld();
- </script>
- </body>
-</html>
Oops, something went wrong.
Oops, something went wrong.

0 comments on commit c5dad40

Please sign in to comment.