diff options
| author | Mark Weiman <mark.weiman@markzz.com> | 2015-10-11 01:00:38 -0400 |
|---|---|---|
| committer | Mark Weiman <mark.weiman@markzz.com> | 2015-10-11 01:00:38 -0400 |
| commit | 57aa89824a8dabb631c15af986a39e779d0fe3cb (patch) | |
| tree | 2df3bf79026e1c544e57375566297bcc7634afa5 /blog/templates/post.html | |
| download | website-57aa89824a8dabb631c15af986a39e779d0fe3cb.tar.gz website-57aa89824a8dabb631c15af986a39e779d0fe3cb.zip | |
inital
Diffstat (limited to 'blog/templates/post.html')
| -rw-r--r-- | blog/templates/post.html | 156 |
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> |
