diff options
author | Jonathan DeMasi <jrdemasi@gmail.com> | 2020-03-02 21:04:44 -0700 |
---|---|---|
committer | Jonathan DeMasi <jrdemasi@gmail.com> | 2020-03-02 21:04:44 -0700 |
commit | 5f1250cc5928e47a2710f5edf9dc98287a4d5f1b (patch) | |
tree | 69eff3dd97256d1cc7bae8fc7bbd3c84914382d6 /blog | |
parent | a5512c4b7429c1c8d8d9d8fec83fafcbb4f2255a (diff) | |
download | jthanio-5f1250cc5928e47a2710f5edf9dc98287a4d5f1b.tar jthanio-5f1250cc5928e47a2710f5edf9dc98287a4d5f1b.tar.gz jthanio-5f1250cc5928e47a2710f5edf9dc98287a4d5f1b.tar.bz2 jthanio-5f1250cc5928e47a2710f5edf9dc98287a4d5f1b.tar.lz jthanio-5f1250cc5928e47a2710f5edf9dc98287a4d5f1b.tar.xz jthanio-5f1250cc5928e47a2710f5edf9dc98287a4d5f1b.tar.zst jthanio-5f1250cc5928e47a2710f5edf9dc98287a4d5f1b.zip |
some basic styling for blog post
Diffstat (limited to 'blog')
-rw-r--r-- | blog/templates/blog/blog_post.html | 81 |
1 files changed, 77 insertions, 4 deletions
diff --git a/blog/templates/blog/blog_post.html b/blog/templates/blog/blog_post.html index bf7da56..93602ae 100644 --- a/blog/templates/blog/blog_post.html +++ b/blog/templates/blog/blog_post.html @@ -5,12 +5,85 @@ {% block body_class %}template-blogpage{% endblock %} {% block content %} - <h1>{{ page.title }}</h1> - <p class="meta">{{ page.date }}</p> +<div class="container"> - <div class="intro">{{ page.intro }}</div> + <div class="row"> - {{ page.body|richtext }} + <!-- Post Content Column --> + <div class="col-lg-8"> + + <!-- Title --> + <h1 class="mt-4">{{ page.title }}</h1> + + <hr> + + <!-- Date/Time --> + <p>Posted on {{ page.date }} in CATEGORY</p> + + <hr> + + <!-- Preview Image --> + <img class="img-fluid rounded" src="http://placehold.it/900x300" alt=""> + + <hr> + + <!-- Post Content --> + <p class="lead">{{ page.intro }}</p> + + {{ page.body|richtext }} + + + </div> + + <!-- Sidebar Widgets Column --> + <div class="col-md-4"> + + <!-- Categories Widget --> + <div class="card my-4"> + <h5 class="card-header">Categories</h5> + <div class="card-body"> + <div class="row"> + <div class="col-lg-6"> + <ul class="list-unstyled mb-0"> + <li> + <a href="#">Web Design</a> + </li> + <li> + <a href="#">HTML</a> + </li> + <li> + <a href="#">Freebies</a> + </li> + </ul> + </div> + <div class="col-lg-6"> + <ul class="list-unstyled mb-0"> + <li> + <a href="#">JavaScript</a> + </li> + <li> + <a href="#">CSS</a> + </li> + <li> + <a href="#">Tutorials</a> + </li> + </ul> + </div> + </div> + </div> + </div> + + <!-- Side Widget --> + <div class="card my-4"> + <h5 class="card-header">Side Widget</h5> + <div class="card-body"> + You can put anything you want inside of these side widgets. They are easy to use, and feature the new Bootstrap 4 card containers! + </div> + </div> + + </div> + + </div> <p><a href="{{ page.get_parent.url }}">Return to blog</a></p> |