diff --git a/static/babystats.html b/static/babystats.html
index b27ad06..2f21acb 100644
--- a/static/babystats.html
+++ b/static/babystats.html
@@ -2,6 +2,8 @@
 <html>
   <head>
     <title>BabyStats</title>
+    <script src="/cosmopolite/static/cosmopolite.js" charset="UTF-8"></script>
+    <script src="/cosmopolite/static/hogfather.js" charset="UTF-8"></script>
     <script src="/static/babystats.js" charset="UTF-8"></script>
     <script src="https://use.typekit.net/ifo2asf.js"></script>
     <script>try{Typekit.load();}catch(e){}</script>
diff --git a/static/babystats.js b/static/babystats.js
index 4f3e65f..a4057a4 100644
--- a/static/babystats.js
+++ b/static/babystats.js
@@ -23,16 +23,21 @@ var BabyStats = function(container) {
 
   this.intervals_ = {};
 
-  this.buildCells_();
-  this.buildStylesheet_();
-  this.buildLayout_();
+  this.cosmo_ = new Cosmopolite();
+  hogfather.PublicChat.Create(this.cosmo_).then(function(chat) {
+    this.chat_ = chat;
 
-  window.addEventListener('resize', this.rebuildIfNeeded_.bind(this));
+    this.buildCells_();
+    this.buildStylesheet_();
+    this.buildLayout_();
 
-  var grid = this.calculateGrid_();
-  this.gridWidthCells_ = grid.gridWidthCells;
-  this.gridHeightCells_ = grid.gridHeightCells;
-  this.buildGrid_();
+    window.addEventListener('resize', this.rebuildIfNeeded_.bind(this));
+
+    var grid = this.calculateGrid_();
+    this.gridWidthCells_ = grid.gridWidthCells;
+    this.gridHeightCells_ = grid.gridHeightCells;
+    this.buildGrid_();
+  }.bind(this));
 };
 
 
