<!DOCTYPE html> <html>

<head>
  <title><% page_title %> - showmd preview</title>
  <style type="text/css">
  #preview{
    width: 80%;
    margin: auto;
    background: white;
    padding: 10px 30px;
    box-shadow: 5px 5px 1px grey;
  }
  body{
    background: #d3d3d3;
  }
  footer{
    width: 80%;
    margin:auto;
    text-align: right;
    padding-top: 15px;
  }
  img{
    max-width: 100%;
  }
  </style>
  <script type="text/javascript" src="../pagedown/Markdown.Converter.js"></script>
  <script type="text/javascript" src="../pagedown/Markdown.Sanitizer.js"></script>
  <script type="text/javascript" src="../pagedown/Markdown.Extra.js"></script>
</head>

<body>
  <div id="markdown"><% markdown %></div>
  <div id="preview"></div>
  <footer>Preview generated using <a href="http://github.com/cih/showmd">showmd</footer>

  <script type="text/javascript">
    (function () {
      var converter = Markdown.getSanitizingConverter();
      var markdown = document.getElementById("markdown");
      var preview = document.getElementById("preview")
      Markdown.Extra.init(converter);
      preview.innerHTML = converter.makeHtml(markdown.innerHTML);
      markdown.innerHTML = "";
    })();
  </script>
</body>

</html>