API tools faq
paste
veilsandvisions

Essential boilerplate - one column

veilsandvisions
Dec 20th, 2014
410
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.57 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!-- Essential is our bare bones boilerplate for Tumblr theme development. From http://buildthemes.tumblr.com/
  5. With modifications -->
  6.  
  7.  
  8. {block:Description}
  9. <meta name="description" content="{MetaDescription}" />
  10. {/block:Description}
  11. <meta charset="utf-8">
  12. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  17.  
  18. <style>
  19. body {
  20. background: #ddd;
  21. }
  22.  
  23. .entry {
  24. background: #fff;
  25. padding: 20px;
  26. margin: 20px;
  27. width: 500px;
  28. }
  29.  
  30.  
  31. {CustomCSS}
  32. </style>
  33. </head>
  34. <body>
  35. <!--Masthead-->
  36. <header id="masthead">
  37. <!--Details: portrait, title and description-->
  38. <div id="site_name">
  39. <img src="{PortraitURL-128}"/>
  40. <h1><a href="/" title="{lang:Home}">{Title}</a></h1>
  41. {block:Description}
  42. <p>{Description}</p>
  43. {block:Description}
  44. </div>
  45. <!--Navigation-->
  46. <nav>
  47. <ul>
  48. {block:HasPages}
  49. {block:Pages}
  50. <li> <a href="{URL}">{Label}</a></li>
  51. {/block:Pages}
  52. {/block:HasPages}
  53. {block:SubmissionsEnabled}
  54. <li> <a href="/submit">{SubmitLabel}</a></li>
  55. {/block:SubmissionsEnabled}
  56. {block:AskEnabled}
  57. <li> <a href="/ask">{AskLabel}</a></li>
  58. {/block:AskEnabled}
  59. </ul>
  60. </nav>
  61. </header>
  62. <!--Content holder-->
  63. <div id="content">
  64. {block:Posts}
  65. <article class="entry">
  66. <!--Unique code for each post type-->
  67. {block:Text}
  68. <div class="text">
  69. {block:Title}<h1 class="title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  70. {Body}
  71. </div>
  72. {/block:Text}
  73.  
  74. {block:Photo}
  75. <div class="photo">
  76. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  77. {block:Caption}{Caption}{/block:Caption}
  78. </div>
  79. {/block:Photo}
  80.  
  81. {block:Photoset}
  82. <div class="photoset">
  83. {Photoset-500}
  84. {block:Caption}{Caption}{/block:Caption}
  85. </div>
  86. {/block:Photoset}
  87.  
  88. {block:Panorama}
  89. <div class="panorama">
  90. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  91.  
  92. {block:Caption}{Caption}{/block:Caption}
  93. </div>
  94. {/block:Panorama}
  95.  
  96. {block:Quote}
  97. <div class="quote">
  98. <blockquote>{Quote}</blockquote>
  99. {block:Source}<cite> {Source} </cite>{/block:Source}
  100. </div>
  101. {/block:Quote}
  102.  
  103. {block:Link}
  104. <div class="link">
  105. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  106. {block:Description}{Description}{/block:Description}
  107. </div>
  108. {/block:Link}
  109.  
  110. {block:Chat}
  111. <div class="chat">
  112. <ul>
  113. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
  114. </ul>
  115. </div>
  116. {/block:Chat}
  117.  
  118. {block:Audio}
  119. <div class="audio">
  120. {block:TrackName}<h1 class="title"><a href="{Permalink}">{TrackName}</a></h1>{/block:TrackName}
  121. {block:AlbumArt}<img src="{AlbumArtURL}" width="500" height="500"/>{/block:AlbumArt}
  122. <div class="player">{AudioPlayerBlack}</div>
  123. {block:Caption}{Caption}{/block:Caption}
  124. </div>
  125. {/block:Audio}
  126.  
  127. {block:Video}
  128. <div class="video">
  129. <div class="video-player">{Video-500}</div>
  130. {block:Caption}{Caption}{/block:Caption}
  131. </div>
  132. {/block:Video}
  133.  
  134. {block:Answer}
  135. <div class="answer">
  136. <h1 class="title">{Question}</h1>
  137. <div class="user">
  138. <img src="{AskerPortraitURL-96}"/>
  139. <p>{Asker}</p>
  140. </div>
  141. {Answer}
  142. </div>
  143. {/block:Answer}
  144.  
  145. {block:Date}
  146. <footer class="metadata">
  147. <!--Permalink, note count and content source renders on homepage + permalink pages-->
  148. <ul class="index">
  149. <li><a href="{Permalink}"> <time datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}">{DayOfMonth} {Month} {Year}</time> </a></li>
  150.  
  151. {block:NoteCount}<li><a class="notecount" href="{Permalink}#notes">{NoteCountWithLabel}</a></li>{/block:NoteCount}
  152.  
  153. {block:ContentSource}
  154. <li><a href="{SourceURL}">{lang:Source}:{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  155. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}"height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}</a></li>
  156. {/block:ContentSource}
  157. </ul>
  158. <!--Tags and post notes only shown on permalink-->
  159. {block:PermalinkPage}
  160. {block:HasTags}
  161. <ul class="tags">
  162. {block:Tags}<li><a href="{TagURL}">{Tag}</a> </li>{/block:Tags}
  163. </ul>
  164. {/block:HasTags}
  165.  
  166. {block:PostNotes}
  167. <div id="notes">
  168. {PostNotes}
  169. </div>
  170. {/block:PostNotes}
  171. {/block:PermalinkPage}
  172. </footer>
  173. {/block:Date}
  174. </article>
  175. {/block:Posts}
  176. <!--Close of article-->
  177. </div>
  178. <!--Pagination: previous/next page links-->
  179. {block:Pagination}
  180. <nav id="pagination">
  181. <ul>
  182. {block:PreviousPage}<li><a href="{PreviousPage}">Previous page</a></li>{/block:PreviousPage}
  183. {block:NextPage}<li><a id="next" href="{NextPage}">Next page</a></li>{/block:NextPage}
  184. </ul>
  185. </nav>
  186. {/block:Pagination}
  187.  
  188. </body>
  189. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!