From 22cf9316a34260ccb194fe96b9d9a1abe5a9f95b Mon Sep 17 00:00:00 2001
From: Peter Ludikovsky <peter@ludikovsky.name>
Date: Tue, 3 May 2016 18:01:40 +0200
Subject: [PATCH] Input und Output nebeneinander Theming passt mit Blog
 zusammen Neuverarbeitung passiert wirklich bei Eingabe

---
 static/index.html | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)
diff --git a/static/index.html b/static/index.html
index 5a5f163..59b6299 100644
--- a/static/index.html
+++ b/static/index.html
@@ -4,14 +4,24 @@
         <title>Live Markdown</title>
         <meta charset="utf-8">
         <script src="https://cdn.jsdelivr.net/jquery/2.2.3/jquery.min.js"></script>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/font-hack/2.018/css/hack.min.css">
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/bootstrap/3.3.6/css/bootstrap.min.css" type="text/css" media="screen">
+        <link rel="stylesheet" href="https://ludikovsky.name/blog/blog.css" type="text/css" media="screen">
     </head>
     <body>
-        <div id="input">
-            <textarea id="markdown" name="markdown" rows="25" cols="80"></textarea>
+        <div class="col-md-2"></div>
+        <div id="input" class="col-md-4">
+            <textarea id="markdown" name="markdown" rows="25" cols="80" style="max-width: 100%"></textarea>
         </div>
-        <div id="output"></div>
+        <div class="container col-md-4">
+            <article>
+                <div id="output">
+                </div>
+            </article>
+        </div>
+        <div class="col-md-2"></div>
         <script>
-$('#input').change(
+$('#input').on('input',
    function(){
        $.ajax({
            url: "http://localhost:5000/parse",
