Created
December 25, 2013 00:07
-
-
Save ara303/8118989 to your computer and use it in GitHub Desktop.
Complete HTML and Tumblr shortcodes to render all the post types. I often have to create this, and it's the same every time. Doing this will save me SO MUCH time!
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<article class="{PostType}{block:Photoset}set{/block:Photoset}"> | |
{block:Text} | |
<div class="inner"> | |
<h2{block:Title} class="has-body"{/block:Title}>{Title}</h2> | |
<div class="body"> | |
{Body} | |
</div> | |
</div> | |
{/block:Text} | |
{block:Photo} | |
<div class="media{block:Caption} has-caption{/block:Caption}"> | |
{LinkOpenTag} | |
<img src="{PhotoURL-500}" alt="{PhotoAlt}" /> | |
{LinkCloseTag} | |
</div> | |
{block:Caption} | |
<div class="inner"> | |
<div class="body"> | |
{Caption} | |
</div> | |
</div> | |
{/block:Caption} | |
{/block:Photo} | |
{block:Photoset} | |
<div class="media{block:Caption} has-caption{/block:Caption}"> | |
{Photoset} | |
</div> | |
{block:Caption} | |
<div class="inner"> | |
<div class="body"> | |
{Caption} | |
</div> | |
</div> | |
{/block:Caption} | |
{/block:Photoset} | |
{block:Panorama} | |
<div class="media{block:Caption} has-caption{/block:Caption}"> | |
{LinkOpenTag} | |
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" /> | |
{LinkCloseTag} | |
</div> | |
{block:Caption} | |
<div class="inner"> | |
<div class="body"> | |
{Caption} | |
</div> | |
</div> | |
{/block:Caption} | |
{/block:Panorama} | |
{block:Video} | |
<div class="media"> | |
{Video-500} | |
</div> | |
{block:Caption} | |
<div class="inner"> | |
<div class="body"> | |
{Caption} | |
</div> | |
</div> | |
{/block:Caption} | |
{/block:Video} | |
{block:Quote} | |
<div class="inner"> | |
<h2 class="has-body">{Quote}</h2> | |
{block:Source} | |
<div class="dash">—</div> | |
<div class="body"> | |
{Source} | |
</div> | |
{/block:Source} | |
</div> | |
{/block:Quote} | |
{block:Link} | |
<div class="inner"> | |
<h2{block:Description} class="has-body"{/block:Description}> | |
<a href="{URL}" {Target}>{Name}</a> | |
</h2> | |
{block:Description} | |
<div class="body"> | |
{Description} | |
</div> | |
{/block:Description} | |
</div> | |
{/block:Link} | |
{block:Chat} | |
<div class="inner"> | |
{block:Title} | |
<h2 class="has-body">{Title}</h2> | |
{/block:Title} | |
<ul> | |
{block:Lines} | |
<li> | |
{block:Label}<div class="label">{Label}</div>{/block:Label} {Line} | |
</li> | |
{/block:Lines} | |
</ul> | |
</div> | |
{/block:Chat} | |
{block:Answer} | |
<div class="inner"> | |
<div class="question cf"> | |
<img class="avatar" src="{AskerPortraitURL-128}" /> | |
<div class="bubble"> | |
<div class="name">{Asker} asked:</div> | |
<div class="speech">{Question}</div> | |
</div> | |
</div> | |
{block:Answerer} | |
<div class="answer cf"> | |
<img class="avatar" src="{AnswererPortraitURL-128}" /> | |
<div class="bubble"> | |
<div class="name">{Answerer} answered:</div> | |
<div class="speech">{Answer}</div> | |
</div> | |
</div> | |
{/block:Answerer} | |
<div class="answer cf"{block:Answerer} style="display: none;"{/block:Answerer}> | |
<img class="avatar" src="{PortraitURL-128}" /> | |
<div class="bubble"> | |
<div class="name">{Name} answered:</div> | |
<div class="speech">{Answer}</div> | |
</div> | |
</div> | |
<div class="body"{block:Answerer} style="display: block;"{/block:Answerer}> | |
{Replies} | |
</div> | |
</div> | |
{/block:Answer} | |
{block:Audio} | |
<div class="media{block:Caption} has-caption{/block:Caption}"> | |
{AudioEmbed color="white"} | |
</div> | |
{block:Caption} | |
<div class="inner"> | |
<div class="body"> | |
{Caption} | |
</div> | |
</div> | |
{/block:Caption} | |
{/block:Audio} | |
</article> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment