Advertisement
zfleeman

my blog

Apr 19th, 2015
214
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.15 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>{block:PermalinkPage}{block:Posts}{block:Text}{block:Title}{Title}{/block:Title}&nbsp;&mdash;&nbsp;{/block:Text}{/block:Posts}{/block:PermalinkPage}{Title}</title>
  5.         <link rel="stylesheet" href="http://zfleeman.com/bootstrap/css/bootstrap.css" />
  6.         <link rel="stylesheet" href="http://zfleeman.com/style.css" />
  7.         <style type="text/css">
  8.             .sidebar a{
  9.                 text-decoration: underline !important;
  10.             }
  11.            
  12.             .time {
  13.                 font-style: italic;
  14.             }
  15.            
  16.             .bloglinks {
  17.                 font-style:italic;
  18.             }
  19.             .like_and_reblog_buttons {
  20.                 border-radius: 3px;
  21.                 list-style: none;
  22.             }
  23.  
  24.             .like_and_reblog_buttons li {
  25.                 float: left;
  26.                 margin: 0;
  27.                 padding: 7px 15px;
  28.                 height: 20px;
  29.             }
  30.  
  31.             .like_and_reblog_buttons li:first-child {
  32.                 border-right: 1px solid #757575;
  33.             }
  34.            
  35.             .hidden {
  36.                 visibility: hidden;
  37.             }
  38.             {block:IndexPage}
  39.                 .row{
  40.                     margin-bottom:6em;
  41.                 }
  42.             {/block:IndexPage}
  43.            
  44.             {block:PermalinkPage}
  45.                 .row {
  46.                     margin-bottom:2em;
  47.                 }
  48.             {/block:PermalinkPage}
  49.             .textPost {
  50.                 background-color:#ECECEC;
  51.             }
  52.            
  53.             .photoPost, .photoPost a{
  54.                 background-color:#697e8d;
  55.                 color:white;
  56.             }
  57.            
  58.             .videoPost, .videoPost a{
  59.                 background-color:#a74b22;
  60.                 color:white;
  61.             }
  62.            
  63.             .audioPost{
  64.                 background-color:#C2FFA3;
  65.             }
  66.            
  67.             .answerPost{
  68.                 background-color:#C4FFE9;
  69.             }
  70.            
  71.             .video100 iframe {
  72.                 width:100%;
  73.             }
  74.            
  75.             .quotePost {
  76.                 background-color:#eaddf6;
  77.             }
  78.            
  79.             .linkPost{
  80.                 background-color:#F5F6CE;
  81.             }
  82.            
  83.             .photosetPost {
  84.                 background-color:#c7bbc9;
  85.             }
  86.            
  87.             #textPost img {
  88.                 width:100%;
  89.             }
  90.            
  91.         </style>
  92.         <link rel="shortcut icon" href="{Favicon}">
  93.     </head>
  94.     <body>
  95.         <div class="container">
  96.             <h1>{Title}</h1>
  97.                 <div id="nav">
  98.                     <p><a href="http://zfleeman.com">Home</a> &#124; <a href="http://blog.zfleeman.com">Blog</a> &#124; <a href="http://zfleeman.com/letsplay">Let's Play</a> &#124; <a href="http://zfleeman.com/live">Live Stream</a> &#124; <a href="http://zfleeman.com/portfolio">Portfolio</a> &#124; <a class="bloglinks" href="http://blog.zfleeman.com/ask">Ask a question</a> &#124; <a class="bloglinks" href="http://blog.zfleeman.com/archive">View the archive</a></p>
  99.                 </div>
  100.             <hr style="margin-top:5px; margin-bottom:20px;" />
  101.  
  102.             {block:Posts}
  103.                 <div class="row">
  104.                     <div class="col-md-8 col-sm-8">
  105.                         {block:Text}
  106.                         <!-- TEXT POST -->
  107.                         <div id="textPost">
  108.                             {block:Title}
  109.                                 <h3>{Title}</h3>
  110.                             {/block:Title}
  111.                             {Body}
  112.                         </div>
  113.                         {/block:Text}
  114.                        
  115.                         {block:Photo}
  116.                         <!-- PHOTO POST -->
  117.                             {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%" />{LinkCloseTag}
  118.                             {block:Caption}
  119.                                 {Caption}
  120.                             {/block:Caption}
  121.                         {/block:Photo}
  122.                        
  123.                         {block:Video}
  124.                         <!-- VIDEO POST -->
  125.                             <span class="video100">{Video-700}</span>
  126.                             {block:Caption}
  127.                                 {Caption}
  128.                             {/block:Caption}
  129.                         {/block:Video}
  130.                        
  131.                         {block:Audio}
  132.                         <!-- AUDIO POST -->
  133.                             {block:AudioPlayer}
  134.                                 {AudioPlayer}
  135.                             {/block:AudioPlayer}
  136.                             {block:Caption}
  137.                                 {Caption}
  138.                             {/block:Caption}
  139.                         {/block:Audio}
  140.                        
  141.                         {block:Answer}
  142.                         <!-- ANSWER POST -->
  143.                             <blockquote><span style="font-style:italic;">{Question}</span></blockquote>
  144.                             <p>{Answer}</p>
  145.                         {/block:Answer}
  146.                        
  147.                         {block:Quote}
  148.                         <!-- QUOTE POST -->
  149.                             <span style="font-size:20px; font-style:italic;">&#34;{Quote}&#34;</span>
  150.                             {block:Source}
  151.                                 <p>&mdash;{Source}</p>
  152.                             {/block:Source}
  153.                         {/block:Quote}
  154.                        
  155.                         {block:Link}
  156.                         <!-- LINK POST -->
  157.                             <span style="font-size:20px;"><a href="{URL}">{Name}</a></span>
  158.                             {block:Host}
  159.                                 <p>&mdash;{Host}</p>
  160.                             {/block:Host}
  161.                             {block:Thumbnail}
  162.                                 {Thumbnail}
  163.                             {/block:Thumbnail}
  164.                             {block:Description}
  165.                                 {Description}
  166.                             {/block:Description}
  167.                         {/block:Link}
  168.                        
  169.                         <!-- PHOTOSET POST -->
  170.                         {block:Photoset}
  171.                             {Photoset}
  172.                             <p><span style="font-size:small;font-style:italic;">Click a photo to view as a slide show with comments.</span></p>
  173.                             {block:Caption}
  174.                                 {Caption}
  175.                             {/block:Caption}
  176.                         {/block:Photoset}
  177.                        
  178.                     </div>
  179.                     <!-- SIDEBAR -->{block:Date}
  180.                     <div class="col-md-4 col-sm-4 sidebar {block:Text}textPost{/block:Text} {block:Photo}photoPost{/block:Photo} {block:Video}videoPost{/block:Video} {block:Audio}audioPost{/block:Audio} {block:Answer}answerPost{/block:Answer} {block:Quote}quotePost{/block:Quote} {block:Link}linkPost{/block:Link} {block:Photoset}photosetPost{/block:Photoset}">
  181.                         {block:Text}
  182.                             <h4>Text Post {block:RebloggedFrom}REBLOG{/block:RebloggedFrom}</h4>
  183.                         {/block:Text}
  184.                         {block:Photo}
  185.                             <h4>Photo Post {block:RebloggedFrom}REBLOG{/block:RebloggedFrom}</h4>
  186.                         {/block:Photo}
  187.                         {block:Video}
  188.                             <h4>Video Post {block:RebloggedFrom}REBLOG{/block:RebloggedFrom}</h4>
  189.                         {/block:Video}
  190.                         {block:Audio}
  191.                             <h4>Audio Post {block:RebloggedFrom}REBLOG{/block:RebloggedFrom}</h4>
  192.                         {/block:Audio}
  193.                         {block:Answer}
  194.                             <h4>Question/Answer Post {block:RebloggedFrom}REBLOG{/block:RebloggedFrom}</h4>
  195.                         {/block:Answer}
  196.                         {block:Quote}
  197.                             <h4>Quote Post {block:RebloggedFrom}REBLOG{/block:RebloggedFrom}</h4>
  198.                         {/block:Quote}
  199.                         {block:Link}
  200.                             <h4>Link Share Post</h4>
  201.                         {/block:Link}
  202.                         {block:Photoset}
  203.                             <h4>Photoset Post {block:RebloggedFrom}REBLOG{/block:RebloggedFrom}</h4>
  204.                         {/block:Photoset}
  205.                         {block:Date}<a class="time" href="{Permalink}">{Month} {DayOfMonth}, {Year} {12Hour}&#58;{Minutes} {CapitalAmPm}</a>{/block:Date}
  206.                         <br />
  207.                         <ul class="like_and_reblog_buttons">
  208.                             <li>{ReblogButton}</li>
  209.                             <li>{LikeButton}</li>
  210.                         </ul>
  211.                         <br />
  212.                         <br />
  213.                         {block:Photoset}<p>{PhotoCount} photos.</p>{/block:Photoset}
  214.                         {block:RebloggedFrom}
  215.                             <p>Reblogged from:</p>
  216.                             <p>&#8594;<img src="{ReblogParentPortraitURL-16}" /><a href="{ReblogParentURL}">{ReblogParentName}</a></p>
  217.                         {/block:RebloggedFrom}
  218.                         {block:Answer}
  219.                             <p>Asked by: <span style="font-weight:bold; font-style:italic;">{Asker}</span></p>
  220.                             <p><a href="http://blog.zfleeman.com/ask">ASK A QUESTION</a></p>
  221.                         {/block:Answer}
  222.                         {block:NoteCount}
  223.                             <p><a href="{Permalink}">{NoteCountWithLabel}</a></p>
  224.                         {/block:NoteCount}
  225.                         {block:HasTags}
  226.                             <p style="margin:0px !important">Filed under:</p>
  227.                         {/block:HasTags}
  228.                         <p>
  229.                             {block:Tags}
  230.                                 <a href="{TagURL}">&#35;{Tag}</a>
  231.                             {/block:Tags}
  232.                         </p>
  233.                         {block:PermalinkPage}
  234.                             <a href="https://twitter.com/zfleeman" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @zfleeman</a>
  235. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
  236.                         {/block:PermalinkPage}
  237.                     </div>{/block:Date}
  238.                 </div>
  239.                 <div class="row">
  240.                     {block:PostNotes}
  241.                         {PostNotes}
  242.                     {/block:PostNotes}
  243.                 </div>
  244.             {/block:Posts}
  245.             <div class="row">
  246.                 <div class="col-md-3">
  247.                     {block:PreviousPage}
  248.                         <a href="{PreviousPage}">&lt;- Newer</a>
  249.                     {/block:PreviousPage}
  250.                 </div>
  251.                 <div class="col-md-3 col-md-offset-3">
  252.                 {block:NextPage}
  253.                     <span style="float:right;"><a href="{NextPage}">Older -&gt;</a></span>
  254.                 {/block:NextPage}
  255.                 </div>
  256.             </div>
  257.             <hr style="margin-bottom: 5px; margin-top:20px;" />
  258.             <p style="text-align: center;font-size: 13px;"><em>Designed with custom CSS and <a href="http://getbootstrap.com">Bootstrap</a>. Hosted on a server running <a href="http://ubuntu.com">Ubuntu Linux</a> with <a href="http://nginx.org/en/">NGINX</a> handling everything.</em></p>
  259.             <br />
  260.         </div>
  261.     </body>
  262. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement