diff options
-rw-r--r-- | templates/comment.tmpl | 67 | ||||
-rw-r--r-- | templates/feedlink.tmpl | 8 | ||||
-rw-r--r-- | templates/page.tmpl | 7 |
3 files changed, 79 insertions, 3 deletions
diff --git a/templates/comment.tmpl b/templates/comment.tmpl new file mode 100644 index 0000000..30602eb --- /dev/null +++ b/templates/comment.tmpl @@ -0,0 +1,67 @@ +<TMPL_IF HTML5><article class="comment row" id="<TMPL_VAR COMMENTID>"> +<TMPL_ELSE><div class="comment row" id="<TMPL_VAR COMMENTID>"></TMPL_IF> + +<!-- User avatar in a small column on the left --> +<div class="col-md-1 col-sm-1 col-xs-1"> + <TMPL_IF COMMENTAUTHORAVATAR> + <div class="comment-avatar"> + <img src="<TMPL_VAR COMMENTAUTHORAVATAR>" alt="Avatar" class="img-responsive img-circle" /> + </div> + </TMPL_IF> +</div> + +<div class="col-md-11 col-sm-11 col-xs-11"> + <!-- HEADER: Print the name of the comment poster and the date --> + <header class="comment-subject text-muted row" style="margin-bottom:1em;"> + <div class="col-md-6 col-sm-6 col-xs-6"> <!-- Author --> + <strong> + <TMPL_IF COMMENTUSER> + <TMPL_IF COMMENTOPENID> + <a class="text-muted" href="<TMPL_VAR COMMENTOPENID>"><TMPL_VAR COMMENTAUTHOR></a> + <TMPL_ELSE> + <TMPL_IF COMMENTAUTHORURL> + <a class="text-muted" href="<TMPL_VAR COMMENTAUTHORURL>"><TMPL_VAR COMMENTAUTHOR></a> + <TMPL_ELSE> + <TMPL_VAR COMMENTAUTHOR> + </TMPL_IF> + </TMPL_IF> + <TMPL_ELSE> + <TMPL_IF AUTHOR> + <TMPL_IF AUTHORURL> + <a class="text-muted" href="<TMPL_VAR AUTHORURL>"><TMPL_VAR AUTHOR></a> + <TMPL_ELSE> + <TMPL_VAR AUTHOR> + </TMPL_IF> + </TMPL_IF> + </TMPL_IF> + </strong> + </div> + <!-- Date --><div class="col-md-6 col-sm-6 col-xs-6 text-right"><TMPL_VAR CTIME></div> + </header> + + <section class="inlinecontent" style="margin-top:1em"> + <strong><TMPL_VAR TITLE></strong><br/> + <TMPL_VAR CONTENT> + </section> + + <div class="text-right"> + <!-- Show the link to remove comments (probably admin only) --> + <TMPL_IF REMOVEURL> + <a href="<TMPL_VAR PERMALINK>" class="text-muted" title="Remove comment"> + <span class="glyphicon glyphicon-trash" aria-hidden="true"></span> + <span class="sr-only">Remove comment</span> + </a> + </TMPL_IF> + <!-- Show the permalink as a chain icon on the bottom right of the post + But make it accessible to screen readers --> + <TMPL_IF PERMALINK> + <a href="<TMPL_VAR PERMALINK>" class="text-muted" title="Permalink"> + <span class="glyphicon glyphicon-link" aria-hidden="true"></span> + <span class="sr-only">Permalink</span> + </a> + </TMPL_IF> + </div> + +</div> +<TMPL_IF HTML5></article><TMPL_ELSE></div></TMPL_IF> +<hr /> diff --git a/templates/feedlink.tmpl b/templates/feedlink.tmpl new file mode 100644 index 0000000..7d82c02 --- /dev/null +++ b/templates/feedlink.tmpl @@ -0,0 +1,8 @@ +<div class="text-right" style="margin-top:1em; margin-bottom:1em;"> + <TMPL_IF RSSURL> + <a class="label label-info" type="application/rss+xml" rel="alternate" title="<TMPL_VAR RSSDESC>" href="<TMPL_VAR RSSURL>">RSS</a> + </TMPL_IF> + <TMPL_IF ATOMURL> + <a class="label label-info" type="application/atom+xml" rel="alternate" title="<TMPL_VAR ATOMDESC>" href="<TMPL_VAR ATOMURL>">Atom</a> + </TMPL_IF> +</div> diff --git a/templates/page.tmpl b/templates/page.tmpl index 5ead3c0..14d48d9 100644 --- a/templates/page.tmpl +++ b/templates/page.tmpl @@ -146,11 +146,12 @@ </p> <TMPL_IF COMMENTS> - <div id="comments"> + <h2>Comments</h2> + <div id="comments" style="margin-bottom:2em;"> <TMPL_VAR COMMENTS> <TMPL_IF ADDCOMMENTURL> - <div class="addcomment"> - <a href="<TMPL_VAR ADDCOMMENTURL>">Add a comment</a> + <div class="addcomment text-right"> + <a class="btn btn-primary" href="<TMPL_VAR ADDCOMMENTURL>">Add a comment</a> </div> <TMPL_ELSE> <div class="addcomment">Comments on this page are closed.</div> |