<?php
  $SITE_NAME="Subflexion";
  $ROOT_PATH="/tests";
  include("parsedown.php");
  $PARSEDOWN=new Parsedown();
?>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title><?php echo "$SITE_NAME - $TITLE"; ?></title>
<!-- Bootstrap -->
<?php
echo "<link rel=\"stylesheet\" href=\"$ROOT_PATH/wd/externals/font-awesome/css/font-awesome.min.css\">";
echo "<link rel=\"stylesheet\" href=\"$ROOT_PATH/wd/externals/bootstrap.min.css\">";
//echo "<link rel=\"stylesheet\" href=\"http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css\">";
//echo "<link rel=\"stylesheet\" href=\"http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css\">";
//echo "<link rel=\"stylesheet\" href=\"http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css\">";
echo "<link rel=\"stylesheet\" href=\"$ROOT_PATH/wd/externals/bootstrap-slate.min.css\">";
echo "<link rel=\"stylesheet\" href=\"$ROOT_PATH/wd/externals/bootswatch.min.css\">";
echo "<link rel=\"stylesheet\" href=\"$ROOT_PATH/css/bootstrap-markdown.min.css\">";
echo "<link rel=\"stylesheet\" href=\"$ROOT_PATH/css/jquery.json-view.min.css\">";
?>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<?php
echo "<script src=\"$ROOT_PATH/wd/externals/jquery.min.js\"></script>";
echo "<script src=\"$ROOT_PATH/wd/externals/bootstrap.min.js\"></script>";
echo "<script src=\"$ROOT_PATH/js/bootstrap-markdown.js\"></script>";
echo "<script src=\"$ROOT_PATH/js/markdown.js\"></script>";
echo "<script src=\"$ROOT_PATH/js/to-markdown.js\"></script>";
//echo "<script src=\"$ROOT_PATH/js/jsoneditor.min.js.php\"></script>";
echo "<script src=\"$ROOT_PATH/js/jsoneditor.js\"></script>";
echo "<script src=\"$ROOT_PATH/js/jquery.json-view.min.js\"></script>";
?>
<style>
html, body {
  height: 100%;
}
.content-wrapper {
  min-height: 100%;
  margin-bottom: -75px;
  padding-bottom: 75px;
}
.footer {
  height: 75px;
  padding: 7px; background-color: #3a3f44;
}
.spinner {
  width: 100px;
}
.spinner input {
  text-align: right;
}
.input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}
.input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
}
.input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
}
.input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
}
.input-group-btn-vertical i{
  position: absolute;
  top: 0;
  left: 4px;
}
.form-control {
  height: 32px;
  margin-top: 1px;
}
.page-title, .page-subtitle {
  font-family: 'Trebuchet MS';
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}
.page-title {
  font-size: 35pt;
  color: #80BA1B;
  margin-top: -15px;
  margin-bottom: -18px;
}
.page-subtitle {
  font-size: 12pt;
  color: #9E9FA3;
}
.underline1, .underline2 {
  float: left;
  height: 5px;
  margin-top: 0px;
}
.underline1 {
  width: 220px;
  background-color: #80BA1B;
}
.underline2 {
  width: 150px;
  background-color: #9E9FA3;
}
</style>
<script>
(function (\$) {
  \$('.spinner .btn:first-of-type').on('click', function() {
    \$('.spinner input').val( parseInt(\$('.spinner input').val(), 10) + 1);
  });
  \$('.spinner .btn:last-of-type').on('click', function() {
    \$('.spinner input').val( parseInt(\$('.spinner input').val(), 10) - 1);
  });
})(jQuery);
</script>