3 files changed, 75 insertions, 36 deletions
diff --git a/risk_insight/templates/index.html b/risk_insight/templates/index.html
index d91f2730..cde8d3dc 100644
--- a/risk_insight/templates/index.html
+++ b/risk_insight/templates/index.html
@@ -1,43 +1,9 @@
 <!doctype html>
 <html>
 <head>
-<script type="text/javascript" src="{{ url_for('static', filename='dygraph-combined.js') }}"></script>
-<script type="text/javascript" src="{{ url_for('static', filename='jquery-2.1.1.min.js') }}"></script>
 </head>
 <body>
-    <div id="graph1"
-	 style="width:800px; height:500px;float:left;margin:auto">
-    </div>
-    <div id="graph2"
-	 style="width:800px; height:500px;float:left;padding-left:5em">
-    </div>
-    <div style="margin-top:5em;display:inline-block">
-      <select id="index">
-	<option value="ig">IG</option>
-	<option value="hy">HY</option>
-      </select>
-      <select id="series">
-	{% for s in series %}
-	<option value="{{s}}">{{s}}</option>
-	{% endfor %}
-      </select>
-      <select id="tenor">
-	<option value="3yr">3yr</option>
-	<option value="5yr">5yr</option>
-	<option value="7yr">7yr</option>
-	<option value="10yr">10yr</option>
-      </select>
-      <select id="greek">
-	<option value="Dealer Deltas">Dealer Delta</option>
-	<option value="Model Deltas">Model Delta</option>
-	<option value="Forward Deltas">Forward Delta</option>
-	<option value="gammas">Gamma</option>
-	<option value="thetas">Theta</option>
-	<option value="corr01">Corr01</option>
-	<option value="durations">Duration</option>
-	<option value="el">Expected Loss</option>
-      </select>
-  </div>
-<script type="text/javascript" src="{{ url_for('static', filename='main.js') }}"></script>
+  <a href="tranches.html">Tranche Insights</a>
+  <a href="indices.html">Index Insights</a>
 </body>
 </html>
diff --git a/risk_insight/templates/indices.html b/risk_insight/templates/indices.html
new file mode 100644
index 00000000..aedfa799
--- /dev/null
+++ b/risk_insight/templates/indices.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<html>
+<head>
+<script type="text/javascript" src="{{ url_for('static', filename='dygraph-combined.js') }}"></script>
+<script type="text/javascript" src="{{ url_for('static', filename='jquery-2.1.1.min.js') }}"></script>
+</head>
+<body>
+    <div id="graph1"
+	 style="width:800px; height:500px;float:left;margin:auto">
+    </div>
+    <div style="margin-top:5em;display:inline-block">
+      <select id="index">
+	<option value="ig">IG</option>
+	<option value="hy">HY</option>
+      </select>
+      <select id="series">
+	{% for s in series %}
+	<option value="{{s}}">{{s}}</option>
+	{% endfor %}
+      </select>
+      <select id="tenor">
+	<option value="3yr">3yr</option>
+	<option value="5yr">5yr</option>
+	<option value="7yr">7yr</option>
+	<option value="10yr">10yr</option>
+      </select>
+  </div>
+<script type="text/javascript" src="{{ url_for('static', filename='main.js') }}"></script>
+</body>
+</html>
diff --git a/risk_insight/templates/tranches.html b/risk_insight/templates/tranches.html
new file mode 100644
index 00000000..d91f2730
--- /dev/null
+++ b/risk_insight/templates/tranches.html
@@ -0,0 +1,43 @@
+<!doctype html>
+<html>
+<head>
+<script type="text/javascript" src="{{ url_for('static', filename='dygraph-combined.js') }}"></script>
+<script type="text/javascript" src="{{ url_for('static', filename='jquery-2.1.1.min.js') }}"></script>
+</head>
+<body>
+    <div id="graph1"
+	 style="width:800px; height:500px;float:left;margin:auto">
+    </div>
+    <div id="graph2"
+	 style="width:800px; height:500px;float:left;padding-left:5em">
+    </div>
+    <div style="margin-top:5em;display:inline-block">
+      <select id="index">
+	<option value="ig">IG</option>
+	<option value="hy">HY</option>
+      </select>
+      <select id="series">
+	{% for s in series %}
+	<option value="{{s}}">{{s}}</option>
+	{% endfor %}
+      </select>
+      <select id="tenor">
+	<option value="3yr">3yr</option>
+	<option value="5yr">5yr</option>
+	<option value="7yr">7yr</option>
+	<option value="10yr">10yr</option>
+      </select>
+      <select id="greek">
+	<option value="Dealer Deltas">Dealer Delta</option>
+	<option value="Model Deltas">Model Delta</option>
+	<option value="Forward Deltas">Forward Delta</option>
+	<option value="gammas">Gamma</option>
+	<option value="thetas">Theta</option>
+	<option value="corr01">Corr01</option>
+	<option value="durations">Duration</option>
+	<option value="el">Expected Loss</option>
+      </select>
+  </div>
+<script type="text/javascript" src="{{ url_for('static', filename='main.js') }}"></script>
+</body>
+</html>