From 630b0f26fc5dc970d8634e58489c41c5a40481f1 Mon Sep 17 00:00:00 2001
From: Bharat Mediratta <bharat@menalto.com>
Date: Tue, 4 Nov 2008 05:02:37 +0000
Subject: Restructure the theme code to be more like WordPress / Habari.  Now,
 the controller initiates a request to a top level page (eg: album.html.php)
 which is then free to include whatever other page chunks it wants with calls
 like <?= $theme->display('header.html') ?>

Variables like $item and $children are in the global space for all
views.

theme.php helper is now Theme.php library which lets us store the name
of the theme inside the variable itself.  This means that the theme
does not have to know its own name because you can use $theme->url()
for all urls to stuff inside the theme itself, which makes it possible
to cline a theme without changing a single line.

Still using the mock album UI.
---
 themes/default/views/album.html.php        | 128 ++++++++++++++------------
 themes/default/views/footer.html.php       |   7 ++
 themes/default/views/header.html.php       |  53 +++++++++++
 themes/default/views/page_footer.html.php  |   4 -
 themes/default/views/page_header.html.php  |  30 ------
 themes/default/views/page_sidebar.html.php | 141 -----------------------------
 themes/default/views/sidebar.html.php      | 141 +++++++++++++++++++++++++++++
 7 files changed, 271 insertions(+), 233 deletions(-)
 create mode 100644 themes/default/views/footer.html.php
 create mode 100644 themes/default/views/header.html.php
 delete mode 100644 themes/default/views/page_footer.html.php
 delete mode 100644 themes/default/views/page_header.html.php
 delete mode 100644 themes/default/views/page_sidebar.html.php
 create mode 100644 themes/default/views/sidebar.html.php

(limited to 'themes')

diff --git a/themes/default/views/album.html.php b/themes/default/views/album.html.php
index 10930daa..2abb810f 100644
--- a/themes/default/views/album.html.php
+++ b/themes/default/views/album.html.php
@@ -1,72 +1,84 @@
 <? defined("SYSPATH") or die("No direct script access."); ?>
-<script type="text/javascript">
-  myTooltip = new YAHOO.widget.Tooltip("myTooltip", {
-  context:"photo-id-1",
-  text:"<strong>Photo title</strong><br />taken December 24, 2007<br />Viewed 27 times<br /><br/>Tags: christmas, familiy, home, xmas",
-  showDelay:500 } );
-</script>
+<?= $theme->display('header.html') ?>
 
-<div id="gAlbumGrid">
-  <div id="gAlbumGridHeader">
-    <h1>Christmas 2007</h1>
-    <span class="understate">(interesting information about the Album)</span>
-    <a href="#" id="gSlideshowLink" class="buttonlink">Slideshow</a>
-  </div>
+<div id="bd">
+  <div id="yui-main">
+    <div id="gContent" class="yui-b">
+      <script type="text/javascript">
+	myTooltip = new YAHOO.widget.Tooltip("myTooltip", {
+	context:"photo-id-1",
+	text:"<strong>Photo title</strong><br />taken December 24, 2007<br />Viewed 27 times<br /><br/>Tags: christmas, familiy, home, xmas",
+	showDelay:500 } );
+      </script>
 
-  <div class="gAlbumContainer first gAlbum">
-    <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= theme::url("images/thumbnail.jpg") ?>" /></a>
-    <h2>Album title</h2>
-    <ul class="gMetadata">
-      <li>Views: 321</li>
-      <li>By: <a href="#">username</a></li>
-    </ul>
-  </div>
+      <div id="gAlbumGrid">
+	<div id="gAlbumGridHeader">
+	  <h1><?= $item->title ?></h1>
+	  <span class="understate"><?= $item->description ?></span>
+	  <a href="#" id="gSlideshowLink" class="buttonlink">Slideshow</a>
+	</div>
 
-  <div class="gItemContainer">
-    <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= theme::url("images/thumbnail.jpg") ?>" /></a>
-    <h2>Photo title</h2>
-  </div>
+	<div class="gAlbumContainer first gAlbum">
+	  <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a>
+	  <h2>Album title</h2>
+	  <ul class="gMetadata">
+	    <li>Views: 321</li>
+	    <li>By: <a href="#">username</a></li>
+	  </ul>
+	</div>
 
-  <div class="gItemContainer">
-    <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= theme::url("images/thumbnail.jpg") ?>" /></a>
-    <h2>Photo title</h2>
-  </div>
+	<div class="gItemContainer">
+	  <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a>
+	  <h2>Photo title</h2>
+	</div>
 
-  <div class="gItemContainer first">
-    <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= theme::url("images/thumbnail.jpg") ?>" /></a>
-    <h2>Photo title</h2>
-  </div>
+	<div class="gItemContainer">
+	  <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a>
+	  <h2>Photo title</h2>
+	</div>
 
-  <div class="gItemContainer">
-    <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= theme::url("images/thumbnail.jpg") ?>" /></a>
-    <h2>Photo title</h2>
-  </div>
+	<div class="gItemContainer first">
+	  <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a>
+	  <h2>Photo title</h2>
+	</div>
 
-  <div class="gItemContainer">
-    <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= theme::url("images/thumbnail.jpg") ?>" /></a>
-    <h2>Photo title</h2>
-  </div>
+	<div class="gItemContainer">
+	  <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a>
+	  <h2>Photo title</h2>
+	</div>
 
-  <div class="gItemContainer first">
-    <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= theme::url("images/thumbnail.jpg") ?>" /></a>
-    <h2>Photo title</h2>
-  </div>
+	<div class="gItemContainer">
+	  <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a>
+	  <h2>Photo title</h2>
+	</div>
 
-  <div class="gItemContainer">
-    <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= theme::url("images/thumbnail.jpg") ?>" /></a>
-    <h2>Photo title</h2>
-  </div>
+	<div class="gItemContainer first">
+	  <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a>
+	  <h2>Photo title</h2>
+	</div>
 
-  <div class="gItemContainer">
-    <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= theme::url("images/thumbnail.jpg") ?>" /></a>
-    <h2>Photo title</h2>
-  </div>
+	<div class="gItemContainer">
+	  <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a>
+	  <h2>Photo title</h2>
+	</div>
 
-  <div id="gPagination">
-    Items 1-10 of 34
-    <span class="first_inactive">first</span>
-    <span class="previous_inactive">previous</span>
-    <a href="#" class="next">next</a>
-    <a href="#" class="last">last</a>
+	<div class="gItemContainer">
+	  <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a>
+	  <h2>Photo title</h2>
+	</div>
+
+	<div id="gPagination">
+	  Items 1-10 of 34
+	  <span class="first_inactive">first</span>
+	  <span class="previous_inactive">previous</span>
+	  <a href="#" class="next">next</a>
+	  <a href="#" class="last">last</a>
+	</div>
+      </div>
+
+    </div>
   </div>
+  <?= $theme->display('sidebar.html') ?>
 </div>
+
+<?= $theme->display('footer.html') ?>
diff --git a/themes/default/views/footer.html.php b/themes/default/views/footer.html.php
new file mode 100644
index 00000000..ab40a417
--- /dev/null
+++ b/themes/default/views/footer.html.php
@@ -0,0 +1,7 @@
+<? defined("SYSPATH") or die("No direct script access."); ?>
+      <div id="gFooter">
+        Powered by <a href="#">GalleryX</a> | <a href="#">About this Gallery</a> | ...
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/themes/default/views/header.html.php b/themes/default/views/header.html.php
new file mode 100644
index 00000000..797dcb7c
--- /dev/null
+++ b/themes/default/views/header.html.php
@@ -0,0 +1,53 @@
+<? defined("SYSPATH") or die("No direct script access."); ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tranisitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+  <head>
+    <title>Browse Photos :: <?= $item->title ?></title>
+
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+
+    <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.5.2/build/reset-fonts-grids/reset-fonts-grids.css" />
+    <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.5.2/build/base/base-min.css" />
+    <link rel="stylesheet" type="text/css" href="<?= $theme->url("css/styles.css") ?>" media="screen,projection" />
+
+    <!-- CSS -->
+    <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/container/assets/container.css" />
+    <script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>
+    <script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/animation/animation-min.js"></script>
+    <script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/container/container-min.js"></script>
+
+    <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/treeview/assets/skins/sam/treeview.css" />
+    <script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/treeview/treeview-min.js"></script>
+  </head>
+
+  <body class="yui-skin-sam">
+    <div id="doc2" class="yui-t5 gAlbumView">
+      <div id="gHeader">
+	<img id="gLogo" alt="<?= _("Logo") ?>" src="<?= $theme->url("images/logo.png") ?>" />
+
+	<h1><?= $item->title ?></h1>
+
+	<div id="gLoginMenu">
+	  <a href="#"><?= _("Register") ?></a> |
+	  <a href="#"><?= _("Login") ?>
+	  </div>
+
+	  <ul id="gSiteMenu">
+	    <li><a href="index.html"><?= _("HOME") ?></a></li>
+	    <li><a class="active" href="browse.html"><?= _("BROWSE") ?></a></li>
+	    <li><a href="upload.html"><?= _("UPLOAD") ?></a></li>
+	    <li><a href="upload.html"><?= _("MY GALLERY") ?></a></li>
+	    <li><a href="#"><?= _("ADMIN") ?></a></li>
+	  </ul>
+
+	  <ul id="gBreadcrumbs">
+	    <li class="root"><a href="#">Home</a></li>
+	    <li><a href="#">Friends &amp; Family</a></li>
+	    <li class="active"><span>Christmas 2007</span></li>
+	  </ul>
+
+	  <form id="gSearchForm">
+	    <input type="text" class="text" value="<?= _("Search Gallery ...") ?>"/>
+	    <input type="submit" class="submit" value="search" />
+	  </form>
+	</div>
diff --git a/themes/default/views/page_footer.html.php b/themes/default/views/page_footer.html.php
deleted file mode 100644
index 4e15fbff..00000000
--- a/themes/default/views/page_footer.html.php
+++ /dev/null
@@ -1,4 +0,0 @@
-<? defined("SYSPATH") or die("No direct script access."); ?>
-<div id="gFooter">
-  Powered by <a href="#">GalleryX</a> | <a href="#">About this Gallery</a> | ...
-</div>
diff --git a/themes/default/views/page_header.html.php b/themes/default/views/page_header.html.php
deleted file mode 100644
index 58eb8847..00000000
--- a/themes/default/views/page_header.html.php
+++ /dev/null
@@ -1,30 +0,0 @@
-<? defined("SYSPATH") or die("No direct script access."); ?>
-<div id="gHeader">
-  <img id="gLogo" alt="<?= _("Logo") ?>" src="<?= theme::url("images/logo.png") ?>" />
-
-  <h1><?= $item->title ?></h1>
-
-  <div id="gLoginMenu">
-    <a href="#"><?= _("Register") ?></a> |
-    <a href="#"><?= _("Login") ?>
-  </div>
-
-  <ul id="gSiteMenu">
-    <li><a href="index.html"><?= _("HOME") ?></a></li>
-    <li><a class="active" href="browse.html"><?= _("BROWSE") ?></a></li>
-    <li><a href="upload.html"><?= _("UPLOAD") ?></a></li>
-    <li><a href="upload.html"><?= _("MY GALLERY") ?></a></li>
-    <li><a href="#"><?= _("ADMIN") ?></a></li>
-  </ul>
-
-  <ul id="gBreadcrumbs">
-    <li class="root"><a href="#">Home</a></li>
-    <li><a href="#">Friends &amp; Family</a></li>
-    <li class="active"><span>Christmas 2007</span></li>
-  </ul>
-
-  <form id="gSearchForm">
-    <input type="text" class="text" value="<?= _("Search Gallery ...") ?>"/>
-    <input type="submit" class="submit" value="search" />
-  </form>
-</div>
diff --git a/themes/default/views/page_sidebar.html.php b/themes/default/views/page_sidebar.html.php
deleted file mode 100644
index 923b4e4e..00000000
--- a/themes/default/views/page_sidebar.html.php
+++ /dev/null
@@ -1,141 +0,0 @@
-<? defined("SYSPATH") or die("No direct script access."); ?>
-<div id="gSidebar" class="yui-b">
-
-  <div id="gAlbumTree">
-    <h2>Album Navigation</h2>
-
-    <div id="gTreeContainer"><!-- there might be a better way to make this accessible to the JS -->
-      <ul>
-	<li>Gallery
-	  <ul>
-	    <li>Friends &amp; Family
-	      <ul>
-		<li>Christmas 2006</li>
-		<li>Family Reunion</li>
-		<li>Christmas 2007</li>
-	      </ul>
-	    </li>
-	    <li>Vactions
-	      <ul>
-		<li>Cuba</li>
-		<li>Europe</li>
-	      </ul>
-	    </li>
-	  </ul>
-	</li>
-      </ul>
-    </div>
-  </div>
-
-  <script type="text/javascript">
-    //global variable to allow console inspection of tree:
-    var tree;
-
-    //anonymous function wraps the remainder of the logic:
-    (function() {
-
-    //function to initialize the tree:
-    function treeInit() {
-    buildRandomTextNodeTree();
-    }
-
-    //Function  creates the tree and
-    //builds between 3 and 7 children of the root node:
-    function buildRandomTextNodeTree() {
-    //instantiate the tree:
-    tree = new YAHOO.widget.TreeView("gTreeContainer");
-
-    // Expand and collapse happen prior to the actual expand/collapse,
-    // and can be used to cancel the operation
-    tree.subscribe("expand", function(node) {
-    YAHOO.log(node.index + " was expanded", "info", "example");
-    // return false; // return false to cancel the expand
-    });
-
-    tree.subscribe("collapse", function(node) {
-    YAHOO.log(node.index + " was collapsed", "info", "example");
-    });
-
-    // Trees with TextNodes will fire an event for when the label is clicked:
-    tree.subscribe("labelClick", function(node) {
-    YAHOO.log(node.index + " label was clicked", "info", "example");
-    });
-
-    //The tree is not created in the DOM until this method is called:
-    tree.draw();
-    }
-
-    //Add an onDOMReady handler to build the tree when the document is ready
-    YAHOO.util.Event.onDOMReady(treeInit);
-
-    })();
-  </script>
-
-
-  <table class="gMetadata">
-    <caption><h2>Album Info</h2></caption>
-    <tbody>
-      <tr>
-	<th>Name:</th>
-	<td><strong>Christmas 2007</strong></td>
-      </tr>
-      <tr>
-	<th>Taken:</th>
-	<td><span class="date" title="January 21, 2008 8:30pm">January 21, 2008</td>
-      </tr>
-      <tr>
-	<th>Location:</th>
-	<td><a href="#" title="see the location on a map">Mountain View</a></td>
-      </tr>
-      <tr>
-	<th>Owner:</th>
-	<td><a href="#">username</a></td>
-      </tr>
-      <tr>
-	<th>Uploaded:</th>
-	<td><span class="date" title="October 23, 2008 11:37am">October 23, 2008</td>
-      </tr>
-    </tbody>
-  </table>
-
-  <div class="gTagCloud">
-    <h2>Tag cloud</h2>
-    <ul>
-      <li><a href="#" class="m size0">animation</a></li>
-      <li><a href="#" class="m size0">art</a></li>
-      <li><a href="#" class="m size1">blind</a></li>
-      <li><a href="#" class="m size3">blog</a></li>
-      <li><a href="#" class="m size1">bug-tracker</a></li>
-      <li><a href="#" class="m size2">bugs20</a></li>
-      <li><a href="#" class="m size0">canvas</a></li>
-      <li><a href="#" class="m size0">classification</a></li>
-      <li><a href="#" class="m size4">cocktail</a></li>
-      <li><a href="#" class="m size0">exhibtion</a></li>
-      <li><a href="#" class="m size0">forum</a></li>
-      <li><a href="#" class="m size1">geo-tagging</a></li>
-      <li><a href="#" class="m size0">german</a></li>
-      <li><a href="#" class="m size0">germany</a></li>
-      <li><a href="#" class="m size0">gläser</a></li>
-      <li><a href="#" class="m size0">graffiti</a></li>
-      <li><a href="#" class="m size0">illustration</a></li>
-      <li><a href="#" class="m size0">ITP</a></li>
-      <li><a href="#" class="m size0">javascript</a></li>
-      <li><a href="#" class="m size0">miami</a></li>
-      <li><a href="#" class="m size0">miknow</a></li>
-      <li><a href="#" class="m size0">nyc</a></li>
-      <li><a href="#" class="m size0">NYU</a></li>
-      <li><a href="#" class="m size0">ontology</a></li>
-      <li><a href="#" class="m size0">open-source</a></li>
-      <li><a href="#" class="m size0">project</a></li>
-      <li><a href="#" class="m size0">school-of-information</a></li>
-      <li><a href="#" class="m size0">screenshot</a></li>
-      <li><a href="#" class="m size0">shiftspace</a></li>
-      <li><a href="#" class="m size0">shop</a></li>
-      <li><a href="#" class="m size0">tagging</a></li>
-      <li><a href="#" class="m size2">talkingpoints</a></li>
-      <li><a href="#" class="m size0">university-of-michigan</a></li>
-      <li><a href="#" class="m size1">usability</a></li>
-      <li><a href="#" class="m size0">writing</a></li>
-    </ul>
-  </div>
-</div>
diff --git a/themes/default/views/sidebar.html.php b/themes/default/views/sidebar.html.php
new file mode 100644
index 00000000..923b4e4e
--- /dev/null
+++ b/themes/default/views/sidebar.html.php
@@ -0,0 +1,141 @@
+<? defined("SYSPATH") or die("No direct script access."); ?>
+<div id="gSidebar" class="yui-b">
+
+  <div id="gAlbumTree">
+    <h2>Album Navigation</h2>
+
+    <div id="gTreeContainer"><!-- there might be a better way to make this accessible to the JS -->
+      <ul>
+	<li>Gallery
+	  <ul>
+	    <li>Friends &amp; Family
+	      <ul>
+		<li>Christmas 2006</li>
+		<li>Family Reunion</li>
+		<li>Christmas 2007</li>
+	      </ul>
+	    </li>
+	    <li>Vactions
+	      <ul>
+		<li>Cuba</li>
+		<li>Europe</li>
+	      </ul>
+	    </li>
+	  </ul>
+	</li>
+      </ul>
+    </div>
+  </div>
+
+  <script type="text/javascript">
+    //global variable to allow console inspection of tree:
+    var tree;
+
+    //anonymous function wraps the remainder of the logic:
+    (function() {
+
+    //function to initialize the tree:
+    function treeInit() {
+    buildRandomTextNodeTree();
+    }
+
+    //Function  creates the tree and
+    //builds between 3 and 7 children of the root node:
+    function buildRandomTextNodeTree() {
+    //instantiate the tree:
+    tree = new YAHOO.widget.TreeView("gTreeContainer");
+
+    // Expand and collapse happen prior to the actual expand/collapse,
+    // and can be used to cancel the operation
+    tree.subscribe("expand", function(node) {
+    YAHOO.log(node.index + " was expanded", "info", "example");
+    // return false; // return false to cancel the expand
+    });
+
+    tree.subscribe("collapse", function(node) {
+    YAHOO.log(node.index + " was collapsed", "info", "example");
+    });
+
+    // Trees with TextNodes will fire an event for when the label is clicked:
+    tree.subscribe("labelClick", function(node) {
+    YAHOO.log(node.index + " label was clicked", "info", "example");
+    });
+
+    //The tree is not created in the DOM until this method is called:
+    tree.draw();
+    }
+
+    //Add an onDOMReady handler to build the tree when the document is ready
+    YAHOO.util.Event.onDOMReady(treeInit);
+
+    })();
+  </script>
+
+
+  <table class="gMetadata">
+    <caption><h2>Album Info</h2></caption>
+    <tbody>
+      <tr>
+	<th>Name:</th>
+	<td><strong>Christmas 2007</strong></td>
+      </tr>
+      <tr>
+	<th>Taken:</th>
+	<td><span class="date" title="January 21, 2008 8:30pm">January 21, 2008</td>
+      </tr>
+      <tr>
+	<th>Location:</th>
+	<td><a href="#" title="see the location on a map">Mountain View</a></td>
+      </tr>
+      <tr>
+	<th>Owner:</th>
+	<td><a href="#">username</a></td>
+      </tr>
+      <tr>
+	<th>Uploaded:</th>
+	<td><span class="date" title="October 23, 2008 11:37am">October 23, 2008</td>
+      </tr>
+    </tbody>
+  </table>
+
+  <div class="gTagCloud">
+    <h2>Tag cloud</h2>
+    <ul>
+      <li><a href="#" class="m size0">animation</a></li>
+      <li><a href="#" class="m size0">art</a></li>
+      <li><a href="#" class="m size1">blind</a></li>
+      <li><a href="#" class="m size3">blog</a></li>
+      <li><a href="#" class="m size1">bug-tracker</a></li>
+      <li><a href="#" class="m size2">bugs20</a></li>
+      <li><a href="#" class="m size0">canvas</a></li>
+      <li><a href="#" class="m size0">classification</a></li>
+      <li><a href="#" class="m size4">cocktail</a></li>
+      <li><a href="#" class="m size0">exhibtion</a></li>
+      <li><a href="#" class="m size0">forum</a></li>
+      <li><a href="#" class="m size1">geo-tagging</a></li>
+      <li><a href="#" class="m size0">german</a></li>
+      <li><a href="#" class="m size0">germany</a></li>
+      <li><a href="#" class="m size0">gläser</a></li>
+      <li><a href="#" class="m size0">graffiti</a></li>
+      <li><a href="#" class="m size0">illustration</a></li>
+      <li><a href="#" class="m size0">ITP</a></li>
+      <li><a href="#" class="m size0">javascript</a></li>
+      <li><a href="#" class="m size0">miami</a></li>
+      <li><a href="#" class="m size0">miknow</a></li>
+      <li><a href="#" class="m size0">nyc</a></li>
+      <li><a href="#" class="m size0">NYU</a></li>
+      <li><a href="#" class="m size0">ontology</a></li>
+      <li><a href="#" class="m size0">open-source</a></li>
+      <li><a href="#" class="m size0">project</a></li>
+      <li><a href="#" class="m size0">school-of-information</a></li>
+      <li><a href="#" class="m size0">screenshot</a></li>
+      <li><a href="#" class="m size0">shiftspace</a></li>
+      <li><a href="#" class="m size0">shop</a></li>
+      <li><a href="#" class="m size0">tagging</a></li>
+      <li><a href="#" class="m size2">talkingpoints</a></li>
+      <li><a href="#" class="m size0">university-of-michigan</a></li>
+      <li><a href="#" class="m size1">usability</a></li>
+      <li><a href="#" class="m size0">writing</a></li>
+    </ul>
+  </div>
+</div>
-- 
cgit v1.2.3