daily pastebin goal
34%
SHARE
TWEET

Untitled

a guest Sep 3rd, 2016 91 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!doctype html>
  2. <html>
  3. <!--
  4.                                                    
  5.   Author: Kazunori Miura
  6.   URL: kazunorimiura.com
  7.   Version: 0.0.1
  8.  
  9. -->
  10. <head>
  11. <meta charset="utf-8">
  12. <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  13. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} - {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  14. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  15. <meta name="viewport" content="width=device-width, initial-scale=1">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  19. {block:Hidden}
  20. <meta name="image:Slider photo first" content="">
  21. <meta name="image:Slider photo second" content="">
  22. <meta name="image:Slider photo third" content="">
  23. <meta name="image:Slider photo fourth" content="">
  24.  
  25. <meta name="color:Body background color" content="#f3f3f3">
  26. <meta name="color:Body text color" content="#232323">
  27. <meta name="color:Title text color" content="#ffffff">
  28. <meta name="color:Description text color" content="#ffffff">
  29. <meta name="color:Search form color" content="#ffffff">
  30. <meta name="color:Page heading text color" content="#44444a">
  31. <meta name="color:Accent color" content="#4353ff">
  32.  
  33. <meta name="color:Menu icon color" content="#ffffff">
  34. <meta name="color:Menu icon background color" content="#232323">
  35. <meta name="color:Profile card background color" content="#fafafa">
  36. <meta name="color:Profile card text color" content="#232323">
  37. <meta name="color:Profile card icon color" content="#818181">
  38. <meta name="color:Profile card separator line color" content="#e6e6e6">
  39. <meta name="color:Sub menu background color" content="#f1f1f1">
  40. <meta name="color:Sub menu text color" content="#232323">
  41. <meta name="color:Sub menu separator line color" content="#e6e6e6">
  42.  
  43. <meta name="color:Page loader color" content="#232323">
  44. <meta name="color:Box shadow" content="#e5e5e5">
  45.  
  46. <meta name="color:Text post background color" content="#ffffff">
  47. <meta name="color:Text post text color" content="#44444a">
  48. <meta name="color:Text post meta text color" content="#999999">
  49. <meta name="color:Photo post background color" content="#ffffff">
  50. <meta name="color:Photo post text color" content="#44444a">
  51. <meta name="color:Photo post meta text color" content="#999999">
  52. <meta name="color:Quote post background color" content="#ffffff">
  53. <meta name="color:Quote post text color" content="#44444a">
  54. <meta name="color:Quote post meta text color" content="#999999">
  55. <meta name="color:Link post background color" content="#4353ff">
  56. <meta name="color:Link post text color" content="#ffffff">
  57. <meta name="color:Link post meta text color" content="#ffffff">
  58. <meta name="color:Chat post background color" content="#ffffff">
  59. <meta name="color:Chat post text color" content="#44444a">
  60. <meta name="color:Chat post meta text color" content="#999999">
  61. <meta name="color:Audio post background color" content="#ffffff">
  62. <meta name="color:Audio post text color" content="#44444a">
  63. <meta name="color:Audio post meta text color" content="#999999">
  64. <meta name="color:Video post background color" content="#ffffff">
  65. <meta name="color:Video post text color" content="#44444a">
  66. <meta name="color:Video post meta text color" content="#999999">
  67. <meta name="color:Answer post background color" content="#ffffff">
  68. <meta name="color:Answer post text color" content="#44444a">
  69. <meta name="color:Answer post meta text color" content="#999999">
  70. <meta name="color:Pagination background color" content="#232323">
  71. <meta name="color:Pagination text color" content="#ffffff">
  72. <meta name="color:Tag background color" content="#ececec">
  73. <meta name="color:Tag text color" content="#999999">
  74. <meta name="color:Note text color" content="#44444a">
  75. <meta name="color:Post menu background color" content="#ffffff">
  76.  
  77. <meta name="select:Post menu icon color" content="gray-color" title="Gray">
  78. <meta name="select:Post menu icon color" content="white-color" title="White">
  79. <meta name="select:Post menu icon color" content="black-color" title="Black">
  80.  
  81. <meta name="select:Title font size" content="60px" title="60px">
  82. <meta name="select:Title font size" content="58px" title="58px">
  83. <meta name="select:Title font size" content="56px" title="56px">
  84. <meta name="select:Title font size" content="54px" title="54px">
  85. <meta name="select:Title font size" content="52px" title="52px">
  86. <meta name="select:Title font size" content="50px" title="50px">
  87. <meta name="select:Title font size" content="48px" title="48px">
  88. <meta name="select:Title font size" content="46px" title="46px">
  89. <meta name="select:Title font size" content="44px" title="44px">
  90. <meta name="select:Title font size" content="42px" title="42px">
  91. <meta name="select:Title font size" content="40px" title="40px">
  92. <meta name="select:Title font size" content="38px" title="38px">
  93. <meta name="select:Title font size" content="36px" title="36px">
  94. <meta name="select:Title font size" content="34px" title="34px">
  95. <meta name="select:Title font size" content="32px" title="32px">
  96. <meta name="select:Title font size" content="30px" title="30px">
  97. <meta name="select:Title font size" content="28px" title="28px">
  98. <meta name="select:Title font size" content="26px" title="26px">
  99. <meta name="select:Title font size" content="24px" title="24px">
  100. <meta name="select:Title font size" content="22px" title="22px">
  101. <meta name="select:Title font size" content="20px" title="20px">
  102. <meta name="select:Title font size" content="18px" title="18px">
  103. <meta name="select:Title font size" content="16px" title="16px">
  104.  
  105. <meta name="select:Title font size mobile" content="46px" title="46px">
  106. <meta name="select:Title font size mobile" content="60px" title="60px">
  107. <meta name="select:Title font size mobile" content="58px" title="58px">
  108. <meta name="select:Title font size mobile" content="56px" title="56px">
  109. <meta name="select:Title font size mobile" content="54px" title="54px">
  110. <meta name="select:Title font size mobile" content="52px" title="52px">
  111. <meta name="select:Title font size mobile" content="50px" title="50px">
  112. <meta name="select:Title font size mobile" content="48px" title="48px">
  113. <meta name="select:Title font size mobile" content="44px" title="44px">
  114. <meta name="select:Title font size mobile" content="42px" title="42px">
  115. <meta name="select:Title font size mobile" content="40px" title="40px">
  116. <meta name="select:Title font size mobile" content="38px" title="38px">
  117. <meta name="select:Title font size mobile" content="36px" title="36px">
  118. <meta name="select:Title font size mobile" content="34px" title="34px">
  119. <meta name="select:Title font size mobile" content="32px" title="32px">
  120. <meta name="select:Title font size mobile" content="30px" title="30px">
  121. <meta name="select:Title font size mobile" content="28px" title="28px">
  122. <meta name="select:Title font size mobile" content="26px" title="26px">
  123. <meta name="select:Title font size mobile" content="24px" title="24px">
  124. <meta name="select:Title font size mobile" content="22px" title="22px">
  125. <meta name="select:Title font size mobile" content="20px" title="20px">
  126. <meta name="select:Title font size mobile" content="18px" title="18px">
  127. <meta name="select:Title font size mobile" content="16px" title="16px">
  128.  
  129. <meta name="select:Description font size" content="14px" title="14px">
  130. <meta name="select:Description font size" content="60px" title="60px">
  131. <meta name="select:Description font size" content="58px" title="58px">
  132. <meta name="select:Description font size" content="56px" title="56px">
  133. <meta name="select:Description font size" content="54px" title="54px">
  134. <meta name="select:Description font size" content="52px" title="52px">
  135. <meta name="select:Description font size" content="50px" title="50px">
  136. <meta name="select:Description font size" content="48px" title="48px">
  137. <meta name="select:Description font size" content="46px" title="46px">
  138. <meta name="select:Description font size" content="44px" title="44px">
  139. <meta name="select:Description font size" content="42px" title="42px">
  140. <meta name="select:Description font size" content="40px" title="40px">
  141. <meta name="select:Description font size" content="38px" title="38px">
  142. <meta name="select:Description font size" content="36px" title="36px">
  143. <meta name="select:Description font size" content="34px" title="34px">
  144. <meta name="select:Description font size" content="32px" title="32px">
  145. <meta name="select:Description font size" content="30px" title="30px">
  146. <meta name="select:Description font size" content="28px" title="28px">
  147. <meta name="select:Description font size" content="26px" title="26px">
  148. <meta name="select:Description font size" content="24px" title="24px">
  149. <meta name="select:Description font size" content="22px" title="22px">
  150. <meta name="select:Description font size" content="20px" title="20px">
  151. <meta name="select:Description font size" content="18px" title="18px">
  152. <meta name="select:Description font size" content="16px" title="16px">
  153. <meta name="select:Description font size" content="12px" title="12px">
  154.  
  155. <meta name="select:Date format" content="relative-dates" title="Relative dates">
  156. <meta name="select:Date format" content="us" title="US">
  157. <meta name="select:Date format" content="uk" title="UK">
  158. <meta name="select:Date format" content="jp" title="JP">
  159.  
  160. <meta name="select:Pagination" content="load-more" title="Load more">
  161. <meta name="select:Pagination" content="infinite-scroll" title="Infinite scroll">
  162. <meta name="select:Pagination" content="standard" title="Standard">
  163.  
  164. <meta name="if:Show page loader" content="1">
  165. <meta name="if:Show title" content="1">
  166. <meta name="if:Show description" content="1">
  167. <meta name="if:Show search form" content="1">
  168. <meta name="if:Show profile card" content="1">
  169.  
  170. <meta name="if:Show home link" content="1">
  171. <meta name="if:Show tags link" content="0">
  172. <meta name="if:Show connect link" content="0">
  173. <meta name="if:Show archive link" content="1">
  174. <meta name="if:Show random link" content="1">
  175. <meta name="if:Show RSS link" content="1">
  176. <meta name="if:Show biography" content="1">
  177. <meta name="if:Show twitter feed" content="1">
  178. <meta name="if:Show instagram feed" content="1">
  179. <meta name="if:Show dribbble feed" content="1">
  180.  
  181. <meta name="if:Show post meta" content="1">
  182. <meta name="if:Show date" content="1">
  183. <meta name="if:Show tags" content="1">
  184. <meta name="if:Show notes" content="1">
  185. <meta name="if:Show note count" content="1">
  186. <meta name="if:Show disqus comment" content="1">
  187. <meta name="if:Show comment count" content="1">
  188. <meta name="if:Show share button" content="1">
  189. <meta name="if:Show exif" content="1">
  190. <meta name="if:Show permalink pagination" content="1">
  191. <meta name="if:Photos link to permalink" content="0">
  192.  
  193. <meta name="text:Body text font" content="Roboto">
  194. <meta name="text:Title text font" content="Montserrat">
  195. <meta name="text:Description text font" content="Montserrat">
  196. <meta name="text:Page heading text font" content="Montserrat">
  197. <meta name="text:Post heading text font" content="Roboto">
  198. <meta name="text:Post meta text font" content="Roboto">
  199.  
  200. <meta name="text:Author name" content="">
  201. <meta name="text:Author biography" content="">
  202. <meta name="text:Twitter username" content="">
  203. <meta name="text:Dribbble username" content="">
  204. <meta name="text:Dribbble access token" content="">
  205. <meta name="text:Instagram access token" content="">
  206.  
  207. <meta name="text:Home link text" content="Home">
  208. <meta name="text:Tags link text" content="Tags">
  209. <meta name="text:Connect link text" content="Connect">
  210. <meta name="text:Archive link text" content="">
  211. <meta name="text:Random link text" content="">
  212. <meta name="text:Search placeholder text" content="">
  213.  
  214. <meta name="text:Tag link A" content="">
  215. <meta name="text:Tag link B" content="">
  216. <meta name="text:Tag link C" content="">
  217. <meta name="text:Tag link D" content="">
  218. <meta name="text:Tag link E" content="">
  219. <meta name="text:Tag link F" content="">
  220. <meta name="text:Tag link G" content="">
  221. <meta name="text:Tag link H" content="">
  222. <meta name="text:URL Website" content="">
  223. <meta name="text:URL Twitter" content="">
  224. <meta name="text:URL Facebook" content="">
  225. <meta name="text:URL Google Plus" content="">
  226. <meta name="text:URL Instagram" content="">
  227. <meta name="text:URL Flickr" content="">
  228. <meta name="text:URL Pinterest" content="">
  229. <meta name="text:URL Youtube" content="">
  230. <meta name="text:URL Vimeo" content="">
  231. <meta name="text:URL Dribbble" content="">
  232. <meta name="text:URL Behance" content="">
  233. <meta name="text:URL SoundCloud" content="">
  234.  
  235. <meta name="text:Google analytics ID" content="">
  236. <meta name="text:Disqus shortname" content="">
  237.  
  238. <meta name="text:Load more text" content="Load more...">
  239. <meta name="text:Load more loading text" content="">
  240. <meta name="text:Load more end text" content="You have reached the end of the post."/>
  241. <meta name="text:Previous page text" content="Previous page">
  242. <meta name="text:Next page text" content="Next page">
  243. <meta name="text:Previous post text" content="Previous post">
  244. <meta name="text:Next post text" content="Next post">
  245. <meta name="text:Back to top text" content="Back to top">
  246. {/block:Hidden}
  247. {block:IfBodytextfont}<link href='//fonts.googleapis.com/css?family={text:Body text font}:300,300italic,400,400italic,700italic,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>{/block:IfBodytextfont}
  248. {block:IfTitletextfont}<link href="//fonts.googleapis.com/css?family={text:Title text font}:300,400,700&subset=latin,latin-ext" rel="stylesheet">{/block:IfTitletextfont}
  249. {block:IfDescriptiontextfont}<link href="//fonts.googleapis.com/css?family={text:Description text font}:300,400,700&subset=latin,latin-ext" rel="stylesheet">{/block:IfDescriptiontextfont}
  250. {block:IfPageheadingtextfont}<link href="//fonts.googleapis.com/css?family={text:Page heading text font}:300,400,700&subset=latin,latin-ext" rel="stylesheet">{/block:IfPageheadingtextfont}
  251. {block:IfPostheadingtextfont}<link href="//fonts.googleapis.com/css?family={text:Post heading text font}:300,400,700&subset=latin,latin-ext" rel="stylesheet">{/block:IfPostheadingtextfont}
  252. {block:IfPostmetatextfont}<link href='//fonts.googleapis.com/css?family={text:Post meta text font}:300,300italic,400,400italic,700italic,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>{/block:IfPostmetatextfont}
  253. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  254. <link rel="stylesheet" href="//static.tumblr.com/wdg4six/zlSnutok7/lib.min.css">
  255. <link rel="stylesheet" href="//static.tumblr.com/wdg4six/PVdnyki67/main.min.css">
  256. <style>
  257. body {
  258.     font-family: {TitleFont}, sans-serif;
  259.     {block:IfBodytextfont}font-family: {text:Body text font}, sans-serif;{/block:IfBodytextfont}
  260.     background-color: {color:Body background color};
  261.     color: {color:Body text color};
  262. }
  263. .intro h1 {
  264.     font-family: {TitleFont}, sans-serif;
  265.     {block:IfTitletextfont}font-family: {text:Title text font}, sans-serif;{/block:IfTitletextfont}
  266.     font-size: {select:Title font size};
  267.     font-weight: {TitleFontWeight};
  268.     color: {color:Title text color};
  269. }
  270. @media screen and (max-width: 600px) {
  271.     .intro h1 {
  272.         font-size: {select:Title font size mobile};
  273.     }
  274. }
  275. .intro h2 {
  276.     font-family: {TitleFont}, sans-serif;
  277.     {block:IfDescriptiontextfont}font-family: {text:Description text font}, sans-serif;{/block:IfDescriptiontextfont}
  278.     font-size: {select:Description font size};
  279.     color: {color:Description text color};
  280. }
  281. .flex-control-paging li a::after {
  282.     background-color: {color:Title text color};
  283. }
  284. .flex-control-paging li a {
  285.     box-shadow: inset 0 0 0 2px {color:Title text color};
  286. }
  287.  
  288. .indexpage #header:after,
  289. .permalinkpage #header,
  290. .item__inner {
  291.     border-color: {color:Box shadow};
  292. }
  293.  
  294. .profile-card {
  295.     background-color: {color:Profile card background color};
  296.     color: {color:Profile card text color};
  297. }
  298.  
  299. .sub-menu {
  300.     background-color: {color:Sub menu background color};
  301.     color: {color:Sub menu text color};
  302. }
  303. .sub-menu li {
  304.     border-color: {color:Sub menu separator line color}!important;
  305. }
  306.  
  307. .author-avatar {
  308.     border-color: {color:Profile card background color};
  309. }
  310. .select-content li.profile-icon:hover:after,
  311. .select-content li.current.profile-icon:after {
  312.     background-color: {color:Accent color};
  313. }
  314. .menu-toggle span,
  315. .menu-toggle span:before,
  316. .menu-toggle span:after {
  317.     background-color: {color:Menu icon color};
  318. }
  319. .menu-toggle {
  320.     background-color: {color:Menu icon background color};
  321. }
  322. .nav ul,
  323. .nav > ul > li:not(.has-children),
  324. .nav > ul > li p,
  325. .nav .sub-menu > li,
  326. .nav > ul > li.search {
  327.     border-color: {color:Profile card separator line color};
  328. }
  329. .nav li:not(.not-link):after {
  330.     background-color: {color:Profile card text color};
  331. }
  332. .search-desktop {
  333.     color: {color:Search form color};
  334.     border-color: {color:Search form color};
  335. }
  336. #container {
  337.     background-color: {color:Body background color};
  338. }
  339. .page-heading h3 {
  340.     {block:IfPageheadingtextfont}font-family: {text:Page heading text font}, sans-serif;{/block:IfPageheadingtextfont}
  341.     color: {color:Page heading text color};
  342. }
  343. .item.type_text .item__inner {
  344.     color: {color:Text post text color};
  345.     background-color: {color:Text post background color};
  346. }
  347. .item.type_photo .item__inner {
  348.     color: {color:Photo post text color};
  349.     background-color: {color:Photo post background color};
  350. }
  351. .item.type_photo:not(.type_photoset) .item__inner {
  352.     color: {color:Photo post text color};
  353.     background-color: {color:Photo post background color};
  354. }
  355. .item.type_quote .item__inner {
  356.     color: {color:Quote post text color};
  357.     background-color: {color:Quote post background color};
  358. }
  359. .item.type_link .item__inner {
  360.     color: {color:Link post text color};
  361.     background-color: {color:Link post background color};
  362. }
  363. .item.type_chat .item__inner {
  364.     color: {color:Chat post text color};
  365.     background-color: {color:Chat post background color};
  366. }
  367. .item.type_audio .item__inner {
  368.     color: {color:Audio post text color};
  369.     background-color: {color:Audio post background color};
  370. }
  371. .item.type_video .item__inner {
  372.     color: {color:Video post text color};
  373.     background-color: {color:Video post background color};
  374. }
  375. .item.type_answer .item__inner {
  376.     color: {color:Answer post text color};
  377.     background-color: {color:Answer post background color};
  378. }
  379.  
  380. h1,h2 {
  381.     font-family: {TitleFont}, sans-serif;
  382.     {block:IfPostheadingtextfont}font-family: {text:Post heading text font}, sans-serif;{/block:IfPostheadingtextfont}
  383. }
  384. .meta,
  385. .notes,
  386. .tags {
  387.     font-family: {TitleFont}, sans-serif;
  388.     {block:IfPostmetatextfont}font-family: {text:Post meta text font}, sans-serif;{/block:IfPostmetatextfont}
  389. }
  390. .date a:hover,
  391. .note-count:hover,
  392. .disqus-count:hover,
  393. .post-menu-open-icon:hover {
  394.     opacity: .6;
  395. }
  396. .type_text .meta,
  397. .type_text .meta a,
  398. .type_text .meta span,
  399. .type_text .meta i {
  400.     color: {color:Text post meta text color};
  401. }
  402. .type_photo .meta,
  403. .type_photo .meta span,
  404. .type_photo .meta a,
  405. .type_photo .meta i {
  406.     color: {color:Photo post meta text color};
  407. }
  408. .type_quote .meta,
  409. .type_quote .meta span,
  410. .type_quote .meta a,
  411. .type_quote .meta i {
  412.     color: {color:Quote post meta text color};
  413. }
  414. .type_link .meta,
  415. .type_link .meta span,
  416. .type_link .meta a,
  417. .type_link .meta i {
  418.     color: {color:Link post meta text color};
  419. }
  420. .type_chat .meta,
  421. .type_chat .meta span,
  422. .type_chat .meta a,
  423. .type_chat .meta i {
  424.     color: {color:Chat post meta text color};
  425. }
  426. .type_audio .meta,
  427. .type_audio .meta span,
  428. .type_audio .meta a,
  429. .type_audio .meta i {
  430.     color: {color:Audio post meta text color};
  431. }
  432. .type_video .meta,
  433. .type_video .meta span,
  434. .type_video .meta a,
  435. .type_video .meta i {
  436.     color: {color:Video post meta text color};
  437. }
  438. .type_answer .meta,
  439. .type_answer .meta span,
  440. .type_answer .meta a,
  441. .type_answer .meta i {
  442.     color: {color:Answer post meta text color};
  443. }
  444. .post-sub-menu {
  445.     background-color: {color:Post menu background color};
  446. }
  447. .post-sub-menu:after {
  448.     border-color: transparent transparent transparent {color:Post menu background color};
  449. }
  450. .tags li {
  451.     color: {color:Tag text color};
  452.     background-color: {color:Tag background color};
  453. }
  454. .notes li,
  455. .notes li a {
  456.     color: {color:Note text color};
  457. }
  458. .disqus_wrap {
  459.     color: {color:Accent color};
  460. }
  461. .infscr-loading-icon > span {
  462.     background-color: {color:Pagination text color};
  463. }
  464. .pagination-style,
  465. .permalink-pagination {
  466.     font-family: {TitleFont}, sans-serif;
  467.     {block:IfBodytextfont}font-family: {text:Body text font}, sans-serif;{/block:IfBodytextfont}
  468.     color: {color:Pagination text color};
  469.     background-color: {color:Pagination background color};
  470. }
  471. .more_notes_link,
  472. .notes_loading {
  473.     font-family: {TitleFont}, sans-serif;
  474.     {block:IfBodytextfont}font-family: {text:Body text font}, sans-serif;{/block:IfBodytextfont}
  475.     color: {color:Text post text color};
  476.     background-color: {color:Text post background color};
  477. }
  478. .back-to-top a {
  479.     color: {color:Pagination text color};
  480. }
  481. .pagination-style .load-more-button {
  482.     background-color: {color:Pagination background color};
  483. }
  484. #footer {
  485.     color: {color:Profile card text color};
  486. }
  487. #footer a {
  488.     color: {color:Profile card text color};
  489. }
  490. .select-content li {
  491.     color: {color:Profile card icon color};
  492. }
  493. #loading {
  494.     background-color: {color:Page loader color};
  495. }
  496. .page-loader p {
  497.     color: {color:Page loader color};
  498. }
  499. .select-content li.current.profile-icon,
  500. .select-content li.profile-icon:hover {
  501.     color: {color:Accent color};
  502. }
  503. {CustomCSS}
  504. </style>
  505. {block:IfGoogleanalyticsID}
  506. <script>
  507.   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  508.   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  509.   m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  510.   })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  511.        
  512.   ga('create', '{text:Google analytics ID}', 'tumblr.com');
  513.   ga('send', 'pageview');
  514.        
  515. </script>
  516. {/block:IfGoogleanalyticsID}
  517. </head>
  518. <body id="top" class="{block:IndexPage}indexpage{/block:IndexPage}{block:PermalinkPage} permalinkpage{/block:PermalinkPage}{block:TagPage} tag-page{block:TagPage}{block:SearchPage} search-page{/block:SearchPage}{block:NoSearchResults} no-search-results-page{/block:NoSearchResults}">
  519.  
  520. <div class="page-loader{block:IfShowpageloader} loader-visible{/block:IfShowpageloader}">
  521.     <div id="loading"></div>
  522.     <p>Loading...</p>
  523. </div>
  524.  
  525. <div class="wrap">
  526.    
  527. <div id="slider_wrap" class="slider_wrap">
  528.     <div class="profile-card_wrap">
  529.         <div class="menu-toggle"><span></span></div>
  530.         <div class="profile-card">
  531.        
  532.             {block:IfShowprofilecard}
  533.             {block:ShowHeaderImage}
  534.             <div class="primary-section">
  535.                 <div class="author-header-image" style="background-image:url({HeaderImage})"></div>
  536.             </div><!-- /.primary-section -->
  537.             {/block:ShowHeaderImage}
  538.             {/block:IfShowprofilecard}
  539.            
  540.             <div class="secondary-section{block:IfNotShowprofilecard} profile-card-hidden{block:IfNotShowprofilecard}{block:HideHeaderImage} no-header-image{/block:HideHeaderImage}{block:ShowAvatar} avatar-visible{/block:ShowAvatar}{block:HideAvatar} avatar-hidden{/block:HideAvatar}{block:IfNotAuthorName} author-name-hidden{/block:IfNotAuthorName}">
  541.                
  542.                 {block:IfShowprofilecard}
  543.                 {block:ShowAvatar}<div class="avatar_wrap"><div class="author-avatar avatar-shape-{AvatarShape}" style="background-image:url({PortraitURL-128})"></div></div>{/block:ShowAvatar}
  544.                
  545.                 {block:IfAuthorname}
  546.                 <div class="author-name">
  547.                     <div class="author-label">AUTHOR</div>
  548.                     {text:Author name}
  549.                 </div>
  550.                 {/block:IfAuthorname}
  551.                    
  552.                 <ul class="author-contents">
  553.                     {block:IfShowbiography}
  554.                     {block:IfAuthorbiography}
  555.                     <li class="profile-content current"><div class="author-profile">{text:Author biography}</div></li>
  556.                     {/block:IfAuthorbiography}
  557.                     {/block:IfShowbiography}
  558.                    
  559.                     {block:IfShowtwitterfeed}
  560.                     {block:IfTwitterusername}
  561.                     <li class="twitter-content">
  562.                         <div id="tweets" class="tweets"></div>
  563.                         <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  564.                     </li>
  565.                     {/block:IfTwitterusername}
  566.                     {/block:IfShowtwitterfeed}
  567.                    
  568.                     {block:IfShowinstagramfeed}
  569.                     {block:IfInstagramaccesstoken}
  570.                     <li class="instagram-content">
  571.                         <ul id="instafeed" class="social-feed"></ul>
  572.                     </li>
  573.                     {/block:IfInstagramaccesstoken}
  574.                     {/block:IfShowinstagramfeed}
  575.                    
  576.                     {block:IfShowdribbblefeed}
  577.                     {block:IfDribbbleusername}
  578.                     <li class="dribbble-content">
  579.                         <ul id="dribbble-shots" class="social-feed"></ul>
  580.                     </li>
  581.                     {/block:IfDribbbleusername}
  582.                     {/block:IfShowdribbblefeed}
  583.                 </ul>
  584.                
  585.                 <ul class="select-content">
  586.                     {block:IfShowbiography}
  587.                     {block:IfAuthorbiography}
  588.                     <li class="profile-icon current"><i class="fa fa-user"></i></li>
  589.                     {/block:IfAuthorbiography}
  590.                     {/block:IfShowbiography}
  591.                    
  592.                     {block:IfShowtwitterfeed}
  593.                     {block:IfTwitterusername}
  594.                     <li class="twitter-icon"><i class="fa fa-twitter"></i></li>
  595.                     {/block:IfTwitterusername}
  596.                     {/block:IfShowtwitterfeed}
  597.                    
  598.                     {block:IfShowinstagramfeed}
  599.                     {block:IfInstagramaccesstoken}
  600.                     <li class="instagram-icon"><i class="fa fa-instagram"></i></li>
  601.                     {/block:IfInstagramaccesstoken}
  602.                     {/block:IfShowinstagramfeed}
  603.                    
  604.                     {block:IfShowdribbblefeed}
  605.                     {block:IfDribbbleusername}
  606.                     <li class="dribbble-icon"><i class="fa fa-dribbble"></i></li>
  607.                     {/block:IfDribbbleusername}
  608.                     {/block:IfShowdribbblefeed}
  609.                    
  610.                     {block:IfShowRSSlink}
  611.                     <li class="rss-icon"><a href="{RSS}" target="_blank"><i class="fa fa-rss"></i></a></li>
  612.                     {/block:IfShowRSSlink}
  613.                 </ul>
  614.                 {/block:IfShowprofilecard}
  615.                
  616.                 <nav class="nav">
  617.                     <ul>
  618.                         {block:IfShowhomelink}
  619.                         <li><a href="/">{text:Home link text}</a></li>
  620.                         {/block:IfShowhomelink}
  621.                        
  622.                         {block:HasPages}
  623.                         {block:Pages}
  624.                         <li><a href="{URL}">{Label}</a></li>
  625.                         {/block:Pages}
  626.                         {/block:HasPages}
  627.                        
  628.                         {block:IfShowtagslink}
  629.                         <li class="has-children not-link">
  630.                             <p><span>{text:Tags link text}</span><span class="up-down-icon"><i class="fa fa-angle-down down-icon"></i><i class="fa fa-angle-up up-icon"></i></span></p>
  631.                             <ul class="sub-menu">
  632.                                 {block:IfTaglinkA}<li><a href="/tagged/{text:Tag link A}">{text:Tag link A}</a></li>{/block:IfTaglinkA}
  633.                                 {block:IfTaglinkB}<li><a href="/tagged/{text:Tag link B}">{text:Tag link B}</a></li>{/block:IfTaglinkB}
  634.                                 {block:IfTaglinkC}<li><a href="/tagged/{text:Tag link C}">{text:Tag link C}</a></li>{/block:IfTaglinkC}
  635.                                 {block:IfTaglinkD}<li><a href="/tagged/{text:Tag link D}">{text:Tag link D}</a></li>{/block:IfTaglinkD}
  636.                                 {block:IfTaglinkE}<li><a href="/tagged/{text:Tag link E}">{text:Tag link E}</a></li>{/block:IfTaglinkE}
  637.                                 {block:IfTaglinkF}<li><a href="/tagged/{text:Tag link F}">{text:Tag link F}</a></li>{/block:IfTaglinkF}
  638.                                 {block:IfTaglinkG}<li><a href="/tagged/{text:Tag link G}">{text:Tag link G}</a></li>{/block:IfTaglinkG}
  639.                                 {block:IfTaglinkH}<li><a href="/tagged/{text:Tag link H}">{text:Tag link H}</a></li>{/block:IfTaglinkH}
  640.                             </ul>
  641.                         </li>
  642.                         {/block:IfShowtagslink}
  643.                            
  644.                         {block:IfShowconnectlink}
  645.                         <li class="has-children not-link">
  646.                             <p><span>{text:Connect link text}</span><span class="up-down-icon"><i class="fa fa-angle-down down-icon"></i><i class="fa fa-angle-up up-icon"></i></span></p>
  647.                             <ul class="sub-menu">
  648.                                 {block:IfURLWebsite}
  649.                                     <li><a href="{text:URL Website}" target="_blank" title="Google">Website</a></li>
  650.                                 {/block:IfURLWebsite}
  651.                                 {block:IfURLTwitter}
  652.                                     <li><a href="{text:URL Twitter}" target="_blank" title="Twitter">Twitter</a></li>
  653.                                 {/block:IfURLTwitter}
  654.                                 {block:IfURLFacebook}
  655.                                     <li><a href="{text:URL Facebook}" target="_blank" title="Facebook">Facebook</a></li>
  656.                                 {/block:IfURLFacebook}
  657.                                 {block:IfURLGooglePlus}
  658.                                     <li><a href="{text:URL Google Plus}" target="_blank" title="Google">Google+</a></li>
  659.                                 {/block:IfURLGooglePlus}
  660.                                 {block:IfURLInstagram}
  661.                                     <li><a href="{text:URL Instagram}" target="_blank" title="Instagram">Instagram</a></li>
  662.                                 {/block:IfURLInstagram}
  663.                                 {block:IfURLFlickr}
  664.                                     <li><a href="{text:URL Flickr}" target="_blank" title="Flickr">Flickr</a></li>
  665.                                 {/block:IfURLFlickr}
  666.                                 {block:IfURLPinterest}
  667.                                     <li><a href="{text:URL Pinterest}" target="_blank" title="Pinterest">Pinterest</a></li>
  668.                                 {/block:IfURLPinterest}
  669.                                 {block:IfURLYoutube}
  670.                                     <li><a href="{text:URL Youtube}" target="_blank" title="Youtube">Youtube</a></li>
  671.                                 {/block:IfURLYoutube}
  672.                                 {block:IfURLVimeo}
  673.                                     <li><a href="{text:URL Vimeo}" target="_blank" title="Vimeo">Vimeo</a></li>
  674.                                 {/block:IfURLVimeo}
  675.                                 {block:IfURLDribbble}
  676.                                     <li><a href="{text:URL Dribbble}" target="_blank" title="Dribbble">Dribbble</a></li>
  677.                                 {/block:IfURLDribbble}
  678.                                 {block:IfURLBehance}
  679.                                     <li><a href="{text:URL Behance}" target="_blank" title="Behance">Behance</a></li>
  680.                                 {/block:IfURLBehance}
  681.                                 {block:IfURLSoundcloud}
  682.                                     <li><a href="{text:URL Soundcloud}" target="_blank" title="Soundcloud">Soundcloud</a></li>
  683.                                 {/block:IfURLSoundcloud}
  684.                             </ul>
  685.                         </li>
  686.                         {/block:IfShowconnectlink}
  687.                
  688.                         {block:IfShowarchivelink}
  689.                         <li><a href="/archive">{block:IfArchivelinktext}{text:Archive link text}{/block:IfArchivelinktext}{block:IfNotArchivelinktext}{lang:Archive}{/block:IfNotArchivelinktext}</a></li>
  690.                         {/block:IfShowarchivelink}
  691.                      
  692.                         {block:IfShowrandomlink}
  693.                         <li><a href="/random">{block:IfRandomlinktext}{text:Random link text}{block:IfRandomlinktext}{block:IfNotRandomlinktext}{lang:Random}{/block:IfNotRandomlinktext}</a></li>
  694.                         {/block:IfShowrandomlink}
  695.                      
  696.                         {block:SubmissionsEnabled}
  697.                         <li><a href="/submit">{SubmitLabel}</a></li>
  698.                         {/block:SubmissionsEnabled}
  699.                      
  700.                         {block:AskEnabled}
  701.                         <li><a href="/ask">{AskLabel}</a></li>
  702.                         {/block:AskEnabled}
  703.                            
  704.                         {block:IfShowsearchform}
  705.                         <li class="search search-mobile not-link">
  706.                         <form class="search-form" action="/search" accept-charset="utf-8" method="get">
  707.                             <input class="input-search" type="text" name="q" id="search" value="{SearchQuery}" placeholder="{block:IfSearchplaceholdertext}{text:Search placeholder text}{/block:IfSearchplaceholdertext}{block:IfNotSearchplaceholdertext}{lang:Search}{/block:IfNotSearchplaceholdertext}"/>
  708.                         </form></li>
  709.                         {/block:IfShowsearchform}
  710.                     </ul>
  711.                 </nav><!-- /.nav -->
  712.                
  713.                 <footer id="footer" class="clearfix">
  714.                     <ul class="credit">
  715.                         <li><small><a href="/">&copy; {CopyrightYears} {Title}</a></small></li>
  716.                         <li><small><a href="//sugar-demo.tumblr.com/getthistheme">Sugar theme by Kazunori Miura. Modified by Vallraiene.</a></small></li>
  717.                     </ul>
  718.                 </footer>
  719.             </div><!-- /.secondary-section -->
  720.                
  721.         </div><!-- /.profile-card -->
  722.     </div><!-- /.profile-card_wrap -->
  723.        
  724.     {block:IfShowsearchform}
  725.     <div class="search-desktop">
  726.         <form class="search-form" action="/search" accept-charset="utf-8" method="get">
  727.             <i class="fa fa-search search-icon"></i>
  728.             <input class="input-search" type="text" name="q" id="search" value="{SearchQuery}" placeholder="{block:IfSearchplaceholdertext}{text:Search placeholder text}{/block:IfSearchplaceholdertext}{block:IfNotSearchplaceholdertext}{lang:Search}{/block:IfNotSearchplaceholdertext}"/>
  729.         </form>
  730.     </div>
  731.     {/block:IfShowsearchform}
  732.  
  733.     <div class="intro_wrap">
  734.         <div id="intro" class="intro">
  735.         {block:IfShowtitle}<h1><a href="/">{Title}</a></h1>{/block:IfShowtitle}
  736.         {block:IfShowdescription}<h2>{Description}</h2>{/block:IfShowdescription}
  737.         </div>
  738.     </div>
  739.  
  740.     <div class="slider">
  741.         <ul class="slides">
  742.             {block:IfNotSliderphotofirstImage}<li style="background-image:url({HeaderImage})"></li>{/block:IfNotSliderphotofirstImage}
  743.             {block:IfSliderphotofirstImage}<li style="background-image:url({image:Slider photo first})"></li>{/block:IfSliderphotofirstImage}
  744.             {block:IfSliderphotosecondImage}<li style="background-image:url({image:Slider photo second})"></li>{/block:IfSliderphotosecondImage}
  745.             {block:IfSliderphotothirdImage}<li style="background-image:url({image:Slider photo third})"></li>{/block:IfSliderphotothirdImage}
  746.             {block:IfSliderphotofourthImage}<li style="background-image:url({image:Slider photo fourth})"></li>{/block:IfSliderphotofourthImage}
  747.         </ul>
  748.     </div>
  749. </div><!-- /.slider_wrap -->
  750.  
  751. <div class="container_wrap">
  752. <div id="container" class="container clearfix">
  753.  
  754. {block:TagPage}
  755. <div class="page-heading tag-page-heading">
  756.     <h3>{Tag}</h3>
  757. </div>
  758. {/block:TagPage}
  759. {block:SearchPage}
  760. <div class="page-heading search-result-heading">
  761.     <h3>{lang:Search results for SearchQuery} ({SearchResultCount})</h3>
  762. </div>
  763. {/block:SearchPage}
  764.  
  765. <div class="grid clearfix">
  766. <div class="grid-sizer"></div>
  767.  
  768. {block:Posts inlineMediaWidth="700"}
  769.  
  770. <div class="item type_{PostType}{block:Title} has-title{/block:Title} {block:HasTags}{block:Tags}{URLSafeTag} {/block:Tags}{/block:HasTags}{block:Photoset}type_photoset{/block:Photoset} {select:No caption photo post style}{block:Caption} has-caption{/block:Caption}">
  771. <div class="item_inner">
  772. <div class="item__inner">
  773.  
  774. {block:Text}
  775. {block:Title}
  776. <div class="item-header">
  777.     <h1>{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{Title}{block:IndexPage}</a>{/block:IndexPage}</h1>
  778. </div>
  779. {/block:Title}
  780. <div class="item-content">{Body}</div>
  781. {/block:Text}
  782. <!-- /.type_text -->
  783.  
  784. {block:Answer}
  785.     <div class="item-header question">
  786.         <div class="asker">{lang:Asker asked}:</div>
  787.         <h1 class="asker-question">{Question}</h1>
  788.     </div>
  789.  
  790.     <div class="item-content answer">
  791.         {block:Answerer}
  792.         <div class="answer">
  793.             <div class="answerer">{Answerer}</div>
  794.             <div class="answerer-answer">{Answer}</div>
  795.         </div>
  796.         {/block:Answerer}
  797.    
  798.         <div class="replies">
  799.             {Replies}
  800.         </div>
  801.     </div>
  802. {/block:Answer}
  803. <!-- /.type_answer -->
  804.  
  805. {block:Photo}
  806. <div class="item-figure">
  807. {block:IfPhotoslinktopermalink}
  808. {block:IndexPage}<a href="{Permalink}" title="{Title}">{/block:IndexPage}
  809. {block:PermalinkPage}<a href="{Permalink}" onclick="Tumblr.Lightbox.init([{
  810.     'width'    : '{PhotoWidth-HighRes}',
  811.     'height'   : '{PhotoHeight-HighRes}',
  812.     'low_res'  : '{PhotoURL-HighRes}',
  813.     'high_res' : '{PhotoURL-HighRes}'
  814.   }]); return false;">{/block:PermalinkPage}
  815.     {block:IndexPage}<img src="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{/block:IndexPage}
  816.     {block:PermalinkPage}<img src="{PhotoURL-HighRes}" data-highres="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{/block:PermalinkPage}
  817. </a>
  818. {/block:IfPhotoslinktopermalink}
  819. {block:IfNotPhotoslinktopermalink}
  820. {LinkOpenTag}
  821. <a href="{Permalink}" onclick="Tumblr.Lightbox.init([{
  822.     'width'    : '{PhotoWidth-HighRes}',
  823.     'height'   : '{PhotoHeight-HighRes}',
  824.     'low_res'  : '{PhotoURL-HighRes}',
  825.     'high_res' : '{PhotoURL-HighRes}'
  826.   }]); return false;">
  827.     {block:IndexPage}<img src="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{/block:IndexPage}
  828.     {block:PermalinkPage}<img src="{PhotoURL-HighRes}" data-highres="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{/block:PermalinkPage}
  829. </a>
  830. {LinkCloseTag}
  831. {/block:IfNotPhotoslinktopermalink}
  832.  
  833. {block:IfShowexif}
  834. {block:PermalinkPage}
  835. {block:Exif}
  836. <i class="fa fa-camera-retro exif-icon"></i>
  837. <i class="fa fa-times exif-close-icon"></i>
  838. <a href="{Permalink}" class="exif" onclick="Tumblr.Lightbox.init([{
  839.     'width'    : '{PhotoWidth-HighRes}',
  840.     'height'   : '{PhotoHeight-HighRes}',
  841.     'low_res'  : '{PhotoURL-HighRes}',
  842.     'high_res' : '{PhotoURL-HighRes}'
  843.   }]); return false;">
  844.     <ul>
  845.         {block:Camera}
  846.         <li><span>Camera:</span><span>{Camera}</span></li>
  847.         {/block:Camera}
  848.         {block:Aperture}
  849.         <li><span>Aperture:</span><span>{Aperture}</span></li>
  850.         {/block:Aperture}
  851.         {block:Exposure}
  852.         <li><span>Exposure:</span><span>{Exposure}</span></li>
  853.         {/block:Exposure}
  854.         {block:FocalLength}
  855.         <li><span>FocalLength:</span><span>{FocalLength}</span></li>
  856.         {/block:FocalLength}
  857.     </ul>
  858. </a>
  859. {/block:Exif}
  860. {/block:PermalinkPage}
  861. {/block:IfShowexif}
  862.  
  863. </div><!-- /.item-figure -->
  864.    
  865. {block:Caption}
  866.     <div class="item-content">{Caption}</div>
  867. {/block:Caption}
  868. {/block:Photo}
  869. <!-- /.type_photo -->
  870.  
  871. {block:Photoset}
  872. <div class="item-figure photoset-grid photoset" data-layout="{PhotosetLayout}" data-id="photoset{PostID}">
  873.     {block:Photos}
  874.         <img src="{PhotoURL-500}" {block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes} {block:Caption}alt="{Caption}"{/block:caption} data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"/>
  875.     {/block:Photos}
  876. </div>
  877. {block:Caption}
  878. <div class="item-content">{Caption}</div>
  879. {/block:Caption}
  880. {/block:Photoset}
  881. <!-- /.type_photoset -->
  882.  
  883. {block:Quote}
  884. <div class="item-figure">
  885.     <p class="quote">{Quote}</p>
  886. </div>
  887. {block:Source}
  888. <div class="item-content">&mdash; {Source}</div>
  889. {/block:Source}
  890. {/block:Quote}
  891. <!-- /.type_quote -->
  892.  
  893. {block:Link}
  894. <div class="item-figure">
  895.     <a {Target} href="{URL}" class="link-title">
  896.         {Name} <i class="fa fa-external-link"></i>  
  897.     </a>
  898. </div>
  899. {block:Description}
  900. <div class="item-content">{Description}</div>
  901. {/block:Description}
  902. {/block:Link}
  903. <!-- /.type_link -->
  904.  
  905. {block:Chat}
  906. {block:Title}
  907. <div class="item-header">
  908.     <h1><a href="{Permalink}">{Title}</a></h1>
  909. </div>
  910. {/block:Title}
  911. <div class="item-content">
  912.     <ul>
  913.         {block:Lines}
  914.         <li class="media media--tiny">
  915.             {block:Label}
  916.             <b class="media__img">{Label}</b>
  917.                 {/block:Label}
  918.             <div class="media__body">{Line}</div>
  919.         </li>
  920.         {/block:Lines}
  921.     </ul>
  922. </div>
  923. {/block:Chat}
  924. <!-- /.type_chat -->
  925.  
  926. {block:Audio}
  927. <div class="item-figure">
  928.     {AudioPlayer}
  929. </div>
  930. {block:Caption}
  931. <div class="item-content">{Caption}</div>
  932. {/block:Caption}
  933. {/block:Audio}
  934. <!-- /.type_audio -->
  935.  
  936. {block:Video}
  937. <div class="item-figure">
  938.     <div class="video_wrap">
  939.         {Video-700}
  940.     </div>
  941. </div>
  942. {block:Caption}
  943. <div class="item-content">{Caption}</div>
  944. {/block:Caption}
  945. {/block:Video}
  946. <!-- /.type_video -->
  947.  
  948. {block:IfShowpostmeta}
  949. <div class="meta clearfix">
  950.    
  951.     {block:Date}
  952.     {block:IfShowdate}
  953.     <div class="date type_{select:Date format}">
  954.         {block:IndexPage}<a class="relative-dates" href="{Permalink}">{/block:IndexPage}{block:PermalinkPage}<span class="relative-dates">{/block:PermalinkPage}{TimeAgo}{block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}</span>{/block:PermalinkPage}
  955.         {block:IndexPage}<a class="us" href="{Permalink}">{/block:IndexPage}{block:PermalinkPage}<span class="us">{/block:PermalinkPage}{Month} {DayOfMonth}, {Year}{block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}</span>{/block:PermalinkPage}
  956.         {block:IndexPage}<a class="uk" href="{Permalink}">{/block:IndexPage}{block:PermalinkPage}<span class="uk">{/block:PermalinkPage}{DayOfMonth} {Month}, {Year}{block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}</span>{/block:PermalinkPage}
  957.         {block:IndexPage}<a class="jp" href="{Permalink}">{/block:IndexPage}{block:PermalinkPage}<span class="jp">{/block:PermalinkPage}{Year}年{Month}{DayOfMonth}日{block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}</span>{/block:PermalinkPage}
  958.     </div>
  959.     {/block:IfShowdate}
  960.    
  961.     <ul class="counts clearfix">
  962.         {block:IfShowcommentcount}
  963.         {block:IfShowdisquscomment}
  964.         {block:IfDisqusshortname}
  965.         <li class="disqus-count">
  966.         {block:IndexPage}<a class="dsq-comment-count-icon" href="{Permalink}#disqus-thread_wrap">{/block:IndexPage}{block:PermalinkPage}<a class="dsq-comment-count-icon permalinkpage-dsq-count-icon" href="#disqus-thread_wrap">{/block:PermalinkPage}<i class="fa fa-comment"></i></a> {block:IndexPage}<a class="dsq-comment-count" href="{Permalink}#disqus_thread"></a>{/block:IndexPage}{block:PermalinkPage}<a class="dsq-comment-count permalinkpage-dsq-count" href="#disqus_thread"></a>{/block:PermalinkPage}
  967.         <script type="text/javascript">
  968.             var disqus_shortname = '{text:Disqus Shortname}';
  969.        
  970.             (function () {
  971.                 var s = document.createElement('script'); s.async = true;
  972.                 s.type = 'text/javascript';
  973.                 s.src = '//' + disqus_shortname + '.disqus.com/count.js';
  974.                 (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  975.             }());
  976.         </script>
  977.         </li>
  978.         {/block:IfDisqusshortname}
  979.         {/block:IfShowdisquscomment}
  980.         {/block:IfShowcommentcount}
  981.        
  982.         {block:IfShownotecount}
  983.         {block:NoteCount}
  984.         <li class="note-count">
  985.             {block:IndexPage}<a href="{Permalink}#notes">{/block:IndexPage}{block:PermalinkPage}<a class="tumblr-note-count" href="#notes">{/block:PermalinkPage}
  986.                 <i class="fa fa-heart"></i> {NoteCount}
  987.             </a>
  988.         </li><!-- /.note-count -->
  989.         {/block:NoteCount}
  990.         {/block:IfShownotecount}
  991.        
  992.         {block:IfShowsharebutton}
  993.         <li class="share-post-menu">
  994.             <a href="javascript:void(0)"></a><i class="fa fa-share-alt post-menu-icon post-menu-open-icon"></i>
  995.             <i class="fa fa-times post-menu-icon post-menu-close-icon"></i></a>
  996.             <ul class="post-sub-menu {select:Post menu icon color}">
  997.                 <li class="{select:Post menu icon color}"><a href="https://twitter.com/intent/tweet?url={URLEncodedShortURL}&amp;text={block:Text}{block:Title}{PlaintextTitle}%20-%20{/block:Title}{/block:Text}{block:Photo}{block:Caption}{PlaintextCaption}%20-%20{/block:Caption}{/block:Photo}{block:Photoset}{block:Caption}{PlaintextCaption}%20-%20{/block:Caption}{/block:Photoset}{block:Quote}{PlaintextQuote}%20-%20{/block:Quote}{block:Link}{PlaintextName}%20-%20{/block:Link}{block:Chat}{block:Title}{PlaintextTitle}%20-%20{/block:Title}{/block:Chat}{block:Audio}{block:TrackName}{PlaintextTrackname}{/block:TrackName}{block:Artist}%20-%20{PlaintextArtist}{/block:Artist}%20%3A%20{/block:Audio}{block:Video}{block:Caption}{PlaintextCaption}%20-%20{/block:Caption}{/block:Video}{block:Answer}{lang:Asker asked}%3A%0A{PlaintextQuestion}%20-%20{/block:Answer}" target="_blank"><i class="fa fa-twitter"></i></a></li>
  998.                 <li class="{select:Post menu icon color}"><a href="http://www.facebook.com/sharer/sharer.php?s=100&amp;p[url]={URLEncodedShortURL}{block:Answer}&amp;p[title]={lang:Asker asked}:%20{PlaintextQuestion}&amp;p[images][0]=http://assets.tumblr.com/images/og/chat_200.png&amp;p[summary]={PlaintextAnswer}{/block:Answer}{block:Audio}&amp;p[title]={block:TrackName}{PlaintextTrackName}{/block:TrackName}{block:Artist}%20%3A%20{PlaintextArtist}{/block:Artist}&amp;p[images][0]={block:AlbumArt}{URLEncodedAlbumArtURL}{/block:AlbumArt}&amp;p[summary]={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Audio}{block:Chat}&amp;p[title]={block:Title}{PlaintextTitle}{/block:Title}&amp;p[images][0]=http://assets.tumblr.com/images/og/chat_200.png&amp;p[summary]={block:Lines}{block:Label}{PlaintextLabel}{/block:Label}{PlaintextLine}%0A{/block:Lines}{/block:Chat}{block:Link}&amp;p[title]={PlaintextName}&amp;p[images][0]=http://assets.tumblr.com/images/og/link_200.png&amp;p[summary]={block:Description}{PlaintextDescription}{/block:Description}{/block:Link}{block:Photo}&amp;p[title]={PlaintextTitle}&amp;p[images][0]={URLEncodedPhotoURL-250}&amp;p[summary]={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Photo}{block:Photoset}&amp;p[title]={PlaintextTitle}{block:Photos}&amp;p[images][0]={URLEncodedPhotoURL-250}{/block:Photos}&amp;p[summary]={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Photoset}{block:Quote}&amp;p[title]={PlaintextQuote}&amp;p[images][0]=http://assets.tumblr.com/images/og/quote_200.png&amp;p[summary]={block:Source}{PlaintextSource}{/block:Source}{/block:Quote}{block:Text}&amp;p[title]={block:Title}{PlaintextTitle}{/block:Title}&amp;p[images][0]=http://assets.tumblr.com/images/og/text_200.png&amp;p[summary]={PlaintextBody}{/block:Text}{block:Video}&amp;p[title]={block:Caption}{PlaintextCaption}{/block:Caption}&amp;p[images][0]={block:VideoThumbnail}{VideoThumbnailURL}{/block:VideoThumbnail}&amp;p[summary]={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Video}" target="_blank"><i class="fa fa-facebook"></i></a></li>
  999.                 {block:Photo}<li class="{select:Post menu icon color}"><a href="http://pinterest.com/pin/create/button/?url={URLEncodedShortURL}&amp;media={URLEncodedPhotoURL-HighRes}{block:Caption}&amp;description={PlaintextCaption}{/block:Caption}" target="_blank"><i class="fa fa-pinterest-p"></i></a></li>{/block:Photo}
  1000.                 <li class="{select:Post menu icon color}"><a href="https://plus.google.com/share?url={URLEncodedShortURL}" target="_blank"><i class="fa fa-google-plus"></i></a></li>
  1001.                 <li class="reblog-button gray-color">
  1002.                     {ReblogButton color="black" size="14"}
  1003.                 </li>
  1004.                 <li class="like-button gray-color">
  1005.                     {LikeButton color="black" size="14"}
  1006.                 </li>
  1007.                
  1008.                 <li class="reblog-button white-color">
  1009.                     {ReblogButton color="white" size="14"}
  1010.                 </li>
  1011.                 <li class="like-button white-color">
  1012.                     {LikeButton color="white" size="14"}
  1013.                 </li>
  1014.                
  1015.                 <li class="reblog-button black-color">
  1016.                     {ReblogButton color="black" size="14"}
  1017.                 </li>
  1018.                 <li class="like-button black-color">
  1019.                     {LikeButton color="black" size="14"}
  1020.                 </li>
  1021.             </ul>
  1022.         </li>
  1023.         {/block:IfShowsharebutton}
  1024.        
  1025.     </ul><!-- /.counts -->
  1026.     {/block:Date}
  1027. </div><!-- /.meta -->
  1028. {/block:IfShowpostmeta}
  1029.  
  1030. </div><!-- /.item__inner -->
  1031. </div><!-- /.item_inner -->
  1032.  
  1033.    
  1034. {block:PermalinkPage}
  1035. {block:Date}
  1036. <div class="permalinkpage-meta_wrap">
  1037.     {block:IfShowpostmeta}
  1038.     <div class="permalinkpage-meta">
  1039.         {block:IfShowtags}
  1040.         {block:HasTags}
  1041.         <ul class="tags">
  1042.         {block:HasTags}
  1043.            {block:Tags}
  1044.               <a href="{TagURL}">{Tag}</a>
  1045.            {/block:Tags}
  1046.         {/block:HasTags}
  1047.         {/block:IfShowtags}
  1048.        
  1049.         {block:IfShowdisquscomment}
  1050.         {block:IfDisqusshortname}
  1051.         <div class="disqus_wrap">
  1052.         <div id="disqus-thread_wrap">
  1053.         <div id="disqus_thread"></div>
  1054.         </div>
  1055.         <script type="text/javascript">
  1056.             /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  1057.             var disqus_shortname = '{text:Disqus shortname}'; // Required - Enter shortname in Tumblr Theme Options
  1058.             var disqus_url = '{Permalink}';
  1059.        
  1060.             /* * * DON'T EDIT BELOW THIS LINE * * */
  1061.             (function() {
  1062.                 var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1063.                 dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  1064.                 (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1065.             })();
  1066.         </script>
  1067.         <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  1068.         <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  1069.         </div>
  1070.         {/block:IfDisqusshortname}
  1071.         {/block:IfShowdisquscomment}
  1072.        
  1073.         {block:IfShownotes}
  1074.         {block:PostNotes}
  1075.         <div id="notes" class="notes clearfix">
  1076.             {PostNotes-64}
  1077.         </div>
  1078.         {/block:PostNotes}
  1079.         {/block:IfShownotes}
  1080.     </div><!-- /.permalinkpage-meta -->
  1081.     {/block:IfShowpostmeta}
  1082.    
  1083.     {block:IfShowpermalinkpagination}
  1084.     {block:PermalinkPagination}
  1085.         <div class="permalink-pagination{block:NextPost} has-next{/block:NextPost}{block:PreviousPost} has-prev{/block:PreviousPost}">
  1086.         {block:NextPost}
  1087.             <a href="{NextPost}" class="next-post">{text:Next post text}</a>
  1088.         {/block:NextPost}
  1089.         <span class="pagination-slash">-</span>
  1090.         {block:PreviousPost}
  1091.             <a href="{PreviousPost}" class="prev-post">{text:Previous post text}</a>
  1092.         {/block:PreviousPost}
  1093.         </div>
  1094.     {/block:PermalinkPagination}
  1095.     {/block:IfShowpermalinkpagination}
  1096. </div>
  1097. {/block:Date}
  1098. {/block:PermalinkPage}
  1099.  
  1100. </div><!-- /.item -->
  1101.  
  1102. {/block:Posts}
  1103. </div><!-- /.grid -->
  1104. </div><!-- /#container -->
  1105.  
  1106. {block:IndexPage}
  1107. {block:Pagination}
  1108. <div class="pagination-style {select:Pagination}">
  1109.     <ul class="pagination">
  1110.         {block:PreviousPage}<li><a href="{PreviousPage}" class="prev">{text:Previous page text}</a></li>{/block:PreviousPage}
  1111.        
  1112.         {block:JumpPagination length="3"}{block:CurrentPage}
  1113.             <li><span class="current_page">{PageNumber}</span></li>
  1114.         {/block:CurrentPage}{block:JumpPage}
  1115.             <li><a class="jump_page" href="{URL}">{PageNumber}</a></li>
  1116.         {/block:JumpPage}{/block:JumpPagination}
  1117.        
  1118.         {block:NextPage}<li><a href="{NextPage}" class="next">{text:Next page text}</a></li>{/block:NextPage}
  1119.     </ul>
  1120.    
  1121.     <div class="load-more-button">
  1122.         {block:IfLoadmoretext}<span class="load-more-text">{text:Load more text}</span>{/block:IfLoadmoretext}
  1123.     </div>
  1124.    
  1125.     <div class="back-to-top">
  1126.         <a href="#top">
  1127.             {block:IfBacktotoptext}{text:Back to top text}{/block:IfBacktotoptext}
  1128.         </a>
  1129.     </div>
  1130. </div><!-- ./pagination-style -->
  1131. {/block:Pagination}
  1132. {/block:IndexPage}
  1133.  
  1134. </div><!-- /.container_wrap -->
  1135.  
  1136. </div><!-- ./wrap -->
  1137. <noscript><p class="no-script">Javascript required to view this site.</p></noscript>
  1138. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
  1139. <script src="//static.tumblr.com/wdg4six/LFYnyk10l/lib.min.js"></script>
  1140. <script src="//static.tumblr.com/wdg4six/yctnyki5q/main.min.js"></script>
  1141. <script>
  1142. var twitterUsername = '{text:Twitter username}';
  1143. var dribbbleUsername = '{text:Dribbble username}';
  1144. var dribbbleAccessToken = '{text:Dribbble access token}';
  1145. var instagramAccessToken = '{text:Instagram access token}';
  1146. var msgText = '{block:IfLoadmoreloadingtext}{text:Load more loading text}{/block:IfLoadmoreloadingtext}{block:IfNotLoadmoreloadingtext}<span class="infscr-loading-icon"><span></span><span></span><span></span></span>{/block:IfNotLoadmoreloadingtext}';
  1147. var finishedMsg = '{block:IfLoadmoreendtext}{text:Load more end text}{/block:IfLoadmoreendtext}';
  1148. </script>
  1149. <script src="//static.tumblr.com/wdg4six/9jcniw396/moment.js"></script>
  1150. <script type="text/javascript">
  1151.     function recent_tweets(data) {
  1152.         for (i=0; i<1; i++) {
  1153.             var date = moment(data[i].created_at);
  1154.             var timeago = moment(date).fromNow();
  1155.             document.getElementById("tweets").innerHTML =
  1156.                 document.getElementById("tweets").innerHTML +
  1157.                 '<li><a class="tweet" target="_blank" href="http://twitter.com/'+twitterUsername+'/status/' +
  1158.                 (data[i].id_str ? data[i].id_str : data[i].id) +
  1159.                 '">' + data[i].text +
  1160.                 '</a><a class="time-ago" target="_blank" href="http://twitter.com/'+twitterUsername+'/status/' +
  1161.                 (data[i].id_str ? data[i].id_str : data[i].id) +
  1162.                 '">&mdash; ' + timeago + '</a></li>';
  1163.         }
  1164.         document.getElementById("twitter").style.display = 'block';
  1165.     }
  1166. </script>
  1167. <script type="text/javascript" src="/tweets.js"></script>
  1168. <script type="text/javascript">
  1169.     $("#instafeed").text("loading");
  1170.         $.ajax({
  1171.         url: "https://api.instagram.com/v1/users/self/media/recent",
  1172.         data: { access_token: instagramAccessToken },
  1173.         dataType: "jsonp",
  1174.         error: function(jqXHR, textStatus, errorThrown) {
  1175.         $("#instafeed").text(textStatus);
  1176.         },
  1177.         success: function(data, textStatus, jqXHR) {
  1178.         $("#instafeed").text("");
  1179.         for (var i = 0, length = 6; i < length; i++) {
  1180.             var d = data.data[i];
  1181.             $("#instafeed").append("<li><a href='"+d.link+"' target='_blank' style='background-image: url("+d.images.standard_resolution.url+");'></a></li>");}
  1182.         }
  1183.     });
  1184. </script>
  1185. <script type="text/javascript">
  1186. $.jribbble.setToken(dribbbleAccessToken);
  1187.  
  1188. $.jribbble.users(dribbbleUsername).shots({per_page: 6}).then(function(shots) {
  1189.   var html = [];
  1190.  
  1191.   shots.forEach(function(shot) {
  1192.     html.push('<li class="shot feed-item">');
  1193.     html.push('<a href="' + shot.html_url + '" target="_blank" style="background-image: url(' + shot.images.normal + ');">');
  1194.     html.push('</a></li>');
  1195.   });
  1196.  
  1197.   $('#dribbble-shots').html(html.join(''));
  1198. });
  1199. </script>
  1200. </body>
  1201. </html>
RAW Paste Data
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
 
Top