summaryrefslogtreecommitdiff
path: root/blog/templates/post.html
diff options
context:
space:
mode:
authorMark Weiman <mark.weiman@markzz.com>2015-10-11 01:00:38 -0400
committerMark Weiman <mark.weiman@markzz.com>2015-10-11 01:00:38 -0400
commit57aa89824a8dabb631c15af986a39e779d0fe3cb (patch)
tree2df3bf79026e1c544e57375566297bcc7634afa5 /blog/templates/post.html
downloadwebsite-57aa89824a8dabb631c15af986a39e779d0fe3cb.tar.gz
website-57aa89824a8dabb631c15af986a39e779d0fe3cb.zip
inital
Diffstat (limited to 'blog/templates/post.html')
-rw-r--r--blog/templates/post.html156
1 files changed, 156 insertions, 0 deletions
diff --git a/blog/templates/post.html b/blog/templates/post.html
new file mode 100644
index 0000000..affb32a
--- /dev/null
+++ b/blog/templates/post.html
@@ -0,0 +1,156 @@
+{% load replace %}
+{% load staticfiles %}
+<!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">
+ <meta name="description" content="">
+ <meta name="author" content="">
+
+ <title>MarkZZ - Blog - {{ selected_post.title }}</title>
+
+ <!-- Bootstrap Core CSS -->
+ <link href="/static/css/bootstrap.min.css" rel="stylesheet">
+
+ <!-- Custom CSS -->
+ <link href="/static/css/clean-blog.min.css" rel="stylesheet">
+
+ <!-- Custom Fonts -->
+ <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
+ <link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
+ <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+
+ <!-- HTML5 Shim and Respond.js 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/libs/html5shiv/3.7.0/html5shiv.js"></script>
+ <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+</head>
+
+<body>
+
+ <!-- Navigation -->
+ <nav class="navbar navbar-default navbar-custom navbar-fixed-top">
+ <div class="container-fluid">
+ <!-- Brand and toggle get grouped for better mobile display -->
+ <div class="navbar-header page-scroll">
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+ <span class="sr-only">Toggle navigation</span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+ <a class="navbar-brand" href="/">MarkZZ</a>
+ </div>
+
+ <!-- Collect the nav links, forms, and other content for toggling -->
+ <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+ <ul class="nav navbar-nav navbar-right">
+ {% for n in navbar %}
+ <li><a href="/{{ n }}/">{{ n|presentable|title }}</a></li>
+ {% endfor %}
+ </ul>
+ </div>
+ <!-- /.navbar-collapse -->
+ </div>
+ <!-- /.container -->
+ </nav>
+
+ <!-- Page Header -->
+ <!-- Set your background image for this header on the line below. -->
+ <header class="intro-header" style="background: {{ selected_post.header_image }};">
+ <div class="container">
+ <div class="row">
+ <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
+ <div class="post-heading">
+ <h1>{{ selected_post.title }}</h1>
+{# <h2 class="subheading">Problems look mighty small from 150 miles up</h2>#}
+ <span class="meta">Posted by <b>{{ selected_post.user.username }}</b> on {{ selected_post.created }}</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </header>
+
+ <!-- Post Content -->
+ <article>
+ <div class="container">
+ <div class="row">
+ <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
+ {{ selected_post.body|safe }}
+ </div>
+ </div>
+ </div>
+ </article>
+
+ <hr>
+
+ <div class="container">
+ <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
+ <h4>Comments</h4>
+ <table class="table table-hover">
+ <tr><th>Name</th><th>Comment</th></tr>
+ {% for x in comments %}
+ <tr><td><b>{{ x.name }}</b><br><sub>{{ x.timestamp|date:"Y-m-d H:i" }}</sub></td><td>{{ x.comment }}</td></tr>
+ {% endfor %}
+ </table>
+ </div>
+ </div>
+
+ <hr>
+ <div class="container">
+ <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
+ <h4>New Comment</h4>
+ <form method="POST" action="" class="form form-inline">{% csrf_token %}
+ <table class="table">
+ {{ comment_form.as_table }}
+ </table>
+ <div align="center"><input type="submit" class="btn btn-primary btn-lg" value="Add Comment" /></div>
+ </form>
+ </div>
+ </div>
+
+
+ <!-- Footer -->
+ <footer>
+ <div class="container">
+ <div class="row">
+ <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
+ <ul class="list-inline text-center">
+ {% for s in social_media %}
+ <li>
+ <a href="{{ s.url }}">
+ <span class="fa-stack fa-lg">
+ <i class="fa fa-circle fa-stack-2x"></i>
+ <i class="fa fa-{{ s.type }} fa-stack-1x fa-inverse"></i>
+ </span>
+ </a>
+ </li>
+ {% endfor %}
+ </ul>
+ <p class="copyright text-muted"><a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a><br />All works on this site are licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a><br />unless otherwise stated.</p>
+ </div>
+ </div>
+ </div>
+ </footer>
+
+ <!-- jQuery -->
+ <script src="/static/js/jquery.js"></script>
+
+ <!-- Bootstrap Core JavaScript -->
+ <script src="/static/js/bootstrap.min.js"></script>
+
+ <script type="text/javascript" src="https://www.google.com/recaptcha/api/js/recaptcha_ajax.js"></script>
+
+ <!-- Custom Theme JavaScript -->
+{# <script src="js/clean-blog.min.js"></script>#}
+
+</body>
+
+</html>