4 files changed, 82 insertions, 0 deletions
diff --git a/libmproxy/web/templates/certs.html b/libmproxy/web/templates/certs.html
new file mode 100644
index 00000000..d30f23a3
--- /dev/null
+++ b/libmproxy/web/templates/certs.html
@@ -0,0 +1,14 @@
+{% extends "frame.html" %}
+{% block body %}  
+
+
+<div class="masthead">
+    <div class="container">
+        <h1>mitmproxy: pathological HTTP</h1>
+
+        <p>Here are some certs.</p>
+    </div>
+</div>
+
+
+{% endblock %}  
diff --git a/libmproxy/web/templates/frame.html b/libmproxy/web/templates/frame.html
new file mode 100644
index 00000000..b5c5c67c
--- /dev/null
+++ b/libmproxy/web/templates/frame.html
@@ -0,0 +1,9 @@
+{% extends "layout.html" %}
+{% block content %}  
+<div class="row">
+    <div class="span12">
+        {% block body %}  
+        {% endblock %}  
+    </div>
+</div>
+{% endblock %}  
diff --git a/libmproxy/web/templates/index.html b/libmproxy/web/templates/index.html
new file mode 100644
index 00000000..50cfd5db
--- /dev/null
+++ b/libmproxy/web/templates/index.html
@@ -0,0 +1,26 @@
+{% extends "frame.html" %}
+{% block body %}  
+
+<center>
+<h2> Click to install the mitmproxy certificate: </h2>
+</center>
+<div id="certbank" class="row">
+    <div class="col-md-3">
+        <a href="/cert/pem"><i class="fa fa-apple fa-5x"></i></a>
+        <p>Apple</p>
+    </div>
+    <div class="col-md-3">
+        <a href="/cert/p12"><i class="fa fa-windows fa-5x"></i></a>
+        <p>Windows</p>
+    </div>
+    <div class="col-md-3">
+        <a href="/cert/pem"><i class="fa fa-android fa-5x"></i></a>
+        <p>Android</p>
+    </div>
+    <div class="col-md-3">
+        <a href="/cert/pem"><i class="fa fa-asterisk fa-5x"></i></a>
+        <p>Other</p>
+    </div>
+</div>
+
+{% endblock %}  
diff --git a/libmproxy/web/templates/layout.html b/libmproxy/web/templates/layout.html
new file mode 100644
index 00000000..9c8721d8
--- /dev/null
+++ b/libmproxy/web/templates/layout.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="">
+    <meta name="author" content="">
+
+
+    <title>mitmproxy</title>
+    <link href="/static/bootstrap.min.css" rel="stylesheet">
+    <link href="/static/mitmproxy.css" rel="stylesheet">
+    <link href="/static/fontawesome/css/font-awesome.min.css" rel="stylesheet">
+    <script src="/static/bootstrap.min.js"></script>
+  </head>
+
+  <body>
+<div class="navbar navbar-default" role="navigation">
+    <div class="container">
+        <div class="navbar-header">
+            <a class="navbar-brand" href="#">mitmproxy</a>
+        </div>
+    </div>
+</div>
+
+<div class="container">
+    {% block content %}  
+    {% endblock %}  
+</div>
+
+  </body>
+</html>