diff --git a/R/hello.R b/R/main.R
similarity index 81%
rename from R/hello.R
rename to R/main.R
index 39aca5a..5946e34 100644
--- a/R/hello.R
+++ b/R/main.R
@@ -8,7 +8,8 @@ hello <- function (myname = "")
 
 GetAllCitations <- function() {
   data(datelife::opentree_chronograms)
-  return(list(message=names(datelife.cache$trees)))
+  publications <- paste('<ul>', paste('<li>',names(datelife.cache$trees), '</li>', sep="", collapse=""), '</ul>', sep="")
+  return(list(message=publications))
 }
 
 run <- function(...) {
diff --git a/inst/www/citations.html b/inst/www/citations.html
index eec4647..6ad4c56 100644
--- a/inst/www/citations.html
+++ b/inst/www/citations.html
@@ -1,7 +1,89 @@
-<html>
-  <link rel="import" href="pagestart.html">
-</head> <h2>Sources</h2>
-<br />
-<p>Here are the most recently added sources of trees to DateLife; the full set is stored in a Mendeley group for easy download of citations</p>
-<iframe src="http://www.mendeley.com/groups/2307701/datelife/widget/29/10/" frameborder="0" allowTransparency="true" style="width:600px;height:900px;"></iframe><p style="width:600px"><a href="http://www.mendeley.com/groups/2307701/datelife/" title="DateLife on Mendeley">DateLife</a> is a group in <a href="http://www.mendeley.com/groups/biological-sciences/" title="Biological Sciences on Mendeley">Biological Sciences</a> on <a href="http://www.mendeley.com/" title="Mendeley">Mendeley</a>.</p>
-<link rel="import" href="pageend.html">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
+<title>DateLife</title>
+<meta name="keywords" content="" />
+<meta name="description" content="" />
+
+<script src="jquery-1.12.3.min.js"> </script>
+<script src="opencpu-0.5.js"> </script>
+
+<link rel="stylesheet" type="text/css" href="default.css" />
+<script type="text/javascript">
+
+  var _gaq = _gaq || [];
+  _gaq.push(['_setAccount', 'UA-33370470-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>
+
+
+
+<script>
+//on page ready:
+$(function() {
+
+  var req = ocpu.rpc("GetAllCitations", {
+  }, function(output){
+    $("#citationinfo").html(output.message);
+  });
+
+
+});
+</script>
+
+
+</head>
+<body>
+
+<div id="upbg"></div>
+
+<div id="outer">
+
+
+
+
+
+	<div id="headerpic"></div>
+
+
+	<div id="menu">
+		<!-- HINT: Set the class of any menu link below to "active" to make it appear active -->
+		<ul>
+			<li><a href="index.html">Home</a></li>
+			<li><a href="https://github.com/phylotastic/datelife">Source code</a></li>
+			<li><a href="faq.html">FAQ</a></li>
+			<li><a href="contact.html">Contact</a></li>
+			<li><a href="http://phylotastic.org">Phylotastic</a></li>
+			<li><a href="citations.html">Citations</a></li>
+		</ul>
+	</div>
+	<div id="menubottom"></div>
+
+  <div id="content">
+    <div id="normalcontent">
+    			<div class="contentarea">
+<h2>Sources</h2>
+
+<div id="citationinfo"></div>
+
+
+				<!-- Normal content area end -->
+			</div>
+		</div>
+	</div>
+
+	<div id="footer">
+			<div class="left">Reuse encouraged</div>
+			<div class="right">Design by <a href="http://www.nodethirtythree.com/">NodeThirtyThree Design</a></div>
+	</div>
+
+</div>
+
+</body>
+</html>
diff --git a/inst/www/index.html b/inst/www/index.html
index 4b973c5..d1a3b98 100644
--- a/inst/www/index.html
+++ b/inst/www/index.html
@@ -73,17 +73,14 @@
 
 	<div id="menu">
 		<!-- HINT: Set the class of any menu link below to "active" to make it appear active -->
-		<ul>
-			<li><a href="http://datelife.org">Home</a></li>
-			<li><a href="https://bitbucket.org/bomeara/datelife">Source code</a></li>
-			<li><a href="http://datelife.org/faq.php">FAQ</a></li>
-			<li><a href="http://datelife.org/contact.php">Contact</a></li>
-			<li><a href="http://phylotastic.org">Phylotastic</a></li>
-			<li><a href="http://datelife.org/submit.php">Submit</a></li>
-			<li><a href="http://datelife.org/sources.php">Source papers</a></li>
-                        <li><a href="http://datelife.org/api.php">API</a></li>
-
-		</ul>
+      <ul>
+  			<li><a href="index.html">Home</a></li>
+  			<li><a href="https://github.com/phylotastic/datelife">Source code</a></li>
+  			<li><a href="faq.html">FAQ</a></li>
+  			<li><a href="contact.html">Contact</a></li>
+  			<li><a href="http://phylotastic.org">Phylotastic</a></li>
+  			<li><a href="citations.html">Citations</a></li>
+  		</ul>
 	</div>
 	<div id="menubottom"></div>
 
diff --git a/inst/www/pageend.html b/inst/www/pageend.html
deleted file mode 100644
index 20fca1a..0000000
--- a/inst/www/pageend.html
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
-				<!-- Normal content area end -->
-			</div>
-		</div>
-	</div>
-
-	<div id="footer">
-			<div class="left">Reuse encouraged</div>
-			<div class="right">Design by <a href="http://www.nodethirtythree.com/">NodeThirtyThree Design</a></div>
-	</div>
-	
-</div>
-
-</body>
-</html>
diff --git a/inst/www/pagestart.html b/inst/www/pagestart.html
deleted file mode 100644
index ad0a934..0000000
--- a/inst/www/pagestart.html
+++ /dev/null
@@ -1,58 +0,0 @@
-<head>
-<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
-<title>DateLife</title>
-<meta name="keywords" content="" />
-<meta name="description" content="" />
-<link rel="stylesheet" type="text/css" href="http://datelife.org/default.css" />
-<script type="text/javascript">
-
-  var _gaq = _gaq || [];
-  _gaq.push(['_setAccount', 'UA-33370470-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>
-</head>
-<body>
-
-<div id="upbg"></div>
-
-<div id="outer">
-
-
-	
-
-
-	<div id="headerpic"></div>
-
-	
-	<div id="menu">
-		<!-- HINT: Set the class of any menu link below to "active" to make it appear active -->
-		<ul>
-			<li><a href="http://datelife.org">Home</a></li>
-			<li><a href="https://bitbucket.org/bomeara/datelife">Source code</a></li>
-			<li><a href="http://datelife.org/faq.php">FAQ</a></li>
-			<li><a href="http://datelife.org/contact.php">Contact</a></li>
-			<li><a href="http://phylotastic.org">Phylotastic</a></li>
-			<li><a href="http://datelife.org/submit.php">Submit</a></li>
-			<li><a href="http://datelife.org/sources.php">Source papers</a></li>
-                        <li><a href="http://datelife.org/api.php">API</a></li>
-
-		</ul>
-	</div>
-	<div id="menubottom"></div>
-
-	
-	<div id="content">
-
-		<!-- Normal content: Stuff that's not going to be put in the left or right column. -->
-		<div id="normalcontent">
-			<div class="contentarea">
-				<!-- Normal content area start -->
-
-
