API tools faq
paste
Advertisement
feiinho

Vintage

feiinho
Jun 24th, 2017
196
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 99.53 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. ==========================================================================
  3. __ __ __ __ _
  4. / /_/ / ___ __ _ ___ / /__ ____ / /_(_)___
  5. / __/ _ \/ -_) ' \/ -_) / _ `/ _ \/ __/ / __/
  6. \__/_//_/\__/_/_/_/\__/_/\_,_/_//_/\__/_/\__/
  7.  
  8. Vintage v1.0
  9. Updated: Mar 2, 2016
  10. Website: http://themelantic.com
  11. Copyright 2016 Themelantic. All rights reserved.
  12.  
  13. ==========================================================================
  14. -->
  15.  
  16. <!DOCTYPE html>
  17. <html lang="{block:English}en{/block:English}{block:French}fr{/block:French}{block:German}de{/block:German}{block:Japanese}ja{/block:Japanese}{block:Italian}it{/block:Italian}{block:Spanish}es{/block:Spanish}{block:Polish}pl{/block:Polish}{block:PortuguesePT}pt{/block:PortuguesePT}{block:PortugueseBR}pt{/block:PortugueseBR}{block:Dutch}nl{/block:Dutch}{block:Korean}ko{/block:Korean}">
  18. <head>
  19. <meta charset="UTF-8">
  20. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  21. {block:Description}<meta name="description" content="{block:IndexPage}{MetaDescription}{/block:IndexPage}{block:PermalinkPage}{block:PostSummary}{PostSummary}{/block:PostSummary}{/block:PermalinkPage}">{/block:Description}
  22. <meta name=”keywords” content=”{block:IndexPage}{text:Keywords}{/block:IndexPage}{block:Permalink}{block:Posts} {block:Tags},{Tag}{/block:Tags}{/block:Posts}{/block:Permalink}”>
  23.  
  24. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  25. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  26. <meta name="apple-mobile-web-app-capable" content="yes">
  27.  
  28. <link rel="alternate" type="application/rss+xml" title="{Title}" href="{RSS}">
  29.  
  30. <!-- Favicons -->
  31. <link rel="shortcut icon" href="{Favicon}">
  32. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  33.  
  34. <!-- Facebook OpenGraph -->
  35.  
  36. {block:IndexPage}
  37. <meta property="og:title" content="{Title}">
  38. <meta property="og:description" content="{MetaDescription}">
  39. <meta property="og:url" content="{BlogURL}">
  40. <meta property="og:type" content="tumblr-feed:tumblelog">
  41. <meta property="og:image" content="{PortraitURL-128}">
  42. {/block:IndexPage}
  43.  
  44. {block:PermalinkPage}
  45. <meta property="og:title" content="{Title}{block:PostSummary} — {PostSummary}{/block:PostSummary}">
  46. <meta property="og:description" content="{block:PostSummary}{PostSummary}{/block:PostSummary}">
  47. <meta property="og:url" content="{Permalink}">
  48. <meta property="og:site_name" content="{Title}">
  49. <meta property="og:type" content="article">
  50.  
  51. {block:Posts}
  52. {block:Photo}<meta property="og:image" content="{PhotoURL-250}">{/block:Photo}
  53. {block:Photoset}{block:Photos}<meta property="og:image" content="{PhotoURL-250}">{/block:Photos}{/block:Photoset}
  54. {block:Quote}<meta property="og:image" content="{PortraitURL-64}">{/block:Quote}
  55. {block:Link}<meta property="og:image" content="{PortraitURL-64}">{/block:Link}
  56. {block:Chat}<meta property="og:image" content="{PortraitURL-64}">{/block:Chat}
  57. {block:Answer}<meta property="og:image" content="{PortraitURL-64}">{/block:Answer}
  58. {block:Audio}{block:AlbumArt}<meta property="og:image" content="{AlbumArtURL}">{/block:AlbumArt}{/block:Audio}
  59. {block:Video}{block:VideoThumbnail}<meta property="og:image" content="{VideoThumbnailURL}">{/block:VideoThumbnail}{/block:Video}
  60.  
  61. {block:Date}
  62. <!-- Canonical & Shortlink -->
  63. <link rel="canonical" href="{Permalink}">
  64. <link rel="shortlink" href="{ShortURL}">
  65. {/block:Date}
  66. {/block:Posts}
  67.  
  68. {/block:PermalinkPage}
  69.  
  70.  
  71. {block:IfGoogleAnalyticsID}
  72. <!-- Google Analytics ///////////////////////////////////////////////////////////////////////// -->
  73.  
  74. <script>
  75. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  76. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  77. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  78. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  79.  
  80. ga('create', '{text:Google Analytics ID}', 'auto');
  81. ga('send', 'pageview');
  82.  
  83. </script>
  84.  
  85. <!-- /Google Analytics -->
  86. {/block:IfGoogleAnalyticsID}
  87.  
  88. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  89. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  90. <!-- Google Fonts-->{block:IfHeadingGoogleFont}
  91. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family={text:Heading Google Font}:300,400,700">{/block:IfHeadingGoogleFont}
  92. {block:IfBodyGoogleFont}
  93. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family={text:Body Google Font}:400,400italic,700,700italic">{/block:IfBodyGoogleFont}
  94. {block:IfLogoGoogleFont}
  95. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family={text:Logo Google Font}:400,400italic,700,700italic">{/block:IfLogoGoogleFont}
  96. <!-- CSS-->
  97. <link rel="stylesheet" href="http://static.tumblr.com/y34ywhn/g3Co3fdqk/vintage.css">
  98. <!-- Skin CSS ///////////////////////////////////////////////////////////////////////////////////////-->
  99. <style>body {
  100. {block:IfBodyGoogleFont}font-family: "{text:Body Google Font}";{/block:IfBodyGoogleFont}
  101. background-color: {color:Background};
  102. }
  103.  
  104. h1, .h1 {
  105. {block:IfLogoGoogleFont}font-family: "{text:Logo Google Font}";{/block:IfLogoGoogleFont}
  106. }
  107.  
  108. h2.hf, .h2, h3.hf, .h3, h4.hf, .h4, h5.hf, .h5, h6.hf, .h6, .hf, .btn, .more_notes_link {
  109. {block:IfHeadingGoogleFont}font-family: "{text:Heading Google Font}";{/block:IfHeadingGoogleFont}
  110. }
  111.  
  112.  
  113. /* Logo height */
  114. .logo-img { height:{text:Logo Height} }
  115.  
  116.  
  117.  
  118.  
  119.  
  120.  
  121.  
  122.  
  123.  
  124.  
  125. /* Text Colors */
  126.  
  127. /* Text - Dark */
  128. .text-dark, .text-dark a, .text-dark a:focus, .text-dark a:hover { color:{color:Dark Text} }
  129.  
  130. /* Text - Light */
  131. .text-light, .text-light a, .text-light a:focus, .text-light a:hover { color:{color:Light Text} }
  132.  
  133. /* Pagination */
  134. .text-dark .page-number.current, .text-dark .page-number:hover, .text-dark .page-number:focus { background-color: RGBA({RGBcolor:Dark Text},.1) }
  135. .text-light .page-number.current, .text-light .page-number:hover, .text-light .page-number:focus { background-color: RGBA({RGBcolor:Light Text},.1) }
  136.  
  137. .text-dark .tag-link { background-color: {color:Dark Text}; color: {color:Light Text} }
  138. .text-light .tag-link { background-color: {color:Light Text}; color: {color:Dark Text} }
  139.  
  140. .post-title, .intro-title, .post-text h2, .post-text h3, .post-text h4, .post-text h5, .post-text h6 { color: {color:Post Title} }
  141.  
  142. /* Border Colors */
  143. .nav-tagslist.text-light li,
  144. .text-light .widget .search-field,
  145. .text-light .intro-title,
  146. .text-light .chat-line,
  147. .text-light .widget-title,
  148. .text-light blockquote { border-color: RGBA({RGBcolor:Light Text},.2) }
  149.  
  150. .nav-tagslist.text-dark li,
  151. .text-dark .widget .search-field,
  152. .text-dark .intro-title,
  153. .text-dark .chat-line,
  154. .text-dark blockquote,
  155. .text-dark .widget-title { border-color: RGBA({RGBcolor:Dark Text},.2) }
  156.  
  157.  
  158.  
  159.  
  160. /* Button Colors */
  161. .text-dark .btn, .text-dark .more_notes_link { background-color: {color:Dark Text}; color: {color:Light Text} }
  162. .text-light .btn, .text-light .more_notes_link { background-color: {color:Light Text}; color: {color:Dark Text} }
  163. .btn:hover, .btn:focus, .more_notes_link:hover, .more_notes_link:focus { background-color: {color:Accent Secondary}; color: {color:Accent Text} !important }
  164. .btn.btn-cta {
  165. background-color: {color:Accent};
  166. color: {color:Accent Text};
  167. box-shadow: inset 0px 0px 0px 1px RGBA({RGBcolor:Accent Text},.3);
  168. border: 3px solid {color:Accent};
  169. }
  170. .btn.btn-cta:hover, .btn.btn-cta:focus {
  171. background-color: {color:Accent Secondary};
  172. border: 3px solid {color:Accent Secondary};
  173. }
  174.  
  175. .back-top i { background-color: {color:Dark Text}; color: {color:Light Text} }
  176. .back-top i:hover, .back-top i:focus { background-color: {color:Accent Secondary}; }
  177.  
  178.  
  179. .icon-nav-toggle { background-color: RGBA({RGBcolor:Dark Text},.5); color: {color:Light Text} }
  180.  
  181.  
  182. /* Icons */
  183.  
  184. .text-dark .social-icons .icon { background-color: RGBA({RGBcolor:Dark Text},.1) }
  185. .text-light .social-icons .icon { background-color: RGBA({RGBcolor:Light Text},.1) }
  186. .text-light .social-icons .icon:hover, .text-light .social-icons .icon:focus { background-color: {color:Accent Secondary}; color: {color:Accent Text} }
  187.  
  188. .text-dark .share-btn { background-color: {color:Dark Text}; color: {color:Light Text} }
  189. .text-light .share-btn { background-color: {color:Light Text}; color: {color:Dark Text} }
  190.  
  191.  
  192. /* .hover-active class makes bkg accent color on hover */
  193. .hover-active:hover, .hover-active:focus,
  194. .text-dark hover-active:hover, .text-dark .hover-active:focus,
  195. .text-light .hover-active:hover, .text-light .hover-active:focus { background-color: {color:Accent Secondary}; color: {color:Accent Text} !important }
  196.  
  197.  
  198. /* Outlines */
  199. .text-dark .outline, .text-dark.outline, .text-dark.thumbnail-content:before { box-shadow: inset 0px 0px 0px 1px RGBA({RGBcolor:Dark Text},.3)}
  200. .text-light .outline, .text-light.outline, .text-light.thumbnail-content:before { box-shadow: inset 0px 0px 0px 1px RGBA({RGBcolor:Light Text},.3)}
  201.  
  202.  
  203.  
  204.  
  205. {block:IfHeaderBackgroundImage}
  206. .is-nothome .site-header:before,
  207. .is-home.no-slider .site-header:before,
  208. .mobile-nav:before,
  209. .is-page .site-header:before {
  210. content:'';
  211. position: absolute;
  212. top: 0;
  213. bottom: 0;
  214. left: 0;
  215. right: 0;
  216. background: url({image:Header Background}) center center;
  217. background-size: cover;
  218. opacity: .3;
  219. }
  220. {/block:IfHeaderBackgroundImage}
  221.  
  222. {block:IfHeadingsUppercase}
  223. .hf {text-transform: uppercase}
  224. {/block:IfHeadingsUppercase}
  225.  
  226.  
  227.  
  228.  
  229. {block:IfItalicTitles}
  230. .post-text h2 {font-style: italic}
  231. {/block:IfItalicTitles}
  232.  
  233.  
  234.  
  235.  
  236. /* Layout Colors */
  237. .site-footer { background-color: {color:Footer Background} }
  238. .site-header,.mobile-nav { background-color: {color:Header Background} }
  239.  
  240. .subnav.dropdown.open, .dropdown-menu { background-color: {color:Subnav Background} }
  241.  
  242. .site-widgets { background-color: {color:Muted Background} }
  243.  
  244. @media only screen and (min-width: 993px) {
  245. .is-post .main-wrapper { background: linear-gradient(to right, {color:Background} 72%,{color:Muted Background} 28%) }
  246. .is-post .wrapper-content { background: linear-gradient(to right, {color:Background} 66%,{color:Muted Background} 34%) }
  247. }
  248.  
  249. .intro { background-color: {color:Muted Background} }
  250.  
  251. .thumbnail-hover { background-color: {color:Thumbnails Hover Background} }
  252.  
  253. .thumb-audio-info { background-color: RGBA({RGBcolor:Thumbnails Hover Background},.8) }
  254.  
  255. .thumbnail-wrap-text, .thumbnail-wrap-chat, .thumbnail-wrap-answer, .thumbnail-wrap-quote, .thumbnail-wrap-link { background-color: {color:Thumbnails Background} }
  256.  
  257. .page-exif { background-color: {color:Muted Background} }
  258.  
  259.  
  260.  
  261.  
  262.  
  263. /* Slider */
  264. {block:IndexPage}
  265. {block:IfEnableSlider}
  266.  
  267. {block:IfSliderHeight}
  268. @media (min-width: 769px) {
  269. .slider,
  270. .slide,
  271. .slides-container {
  272. height: {text:Slider Height} !important;
  273. min-height: 32rem;
  274. }
  275. @media (min-width: 992px) {
  276. .slide .container-flex,
  277. .slide .container-flex .row { height: {text:Slider Height} }
  278. }
  279. {/block:IfSliderHeight}
  280. {/block:IfEnableSlider}
  281. {/block:IndexPage}
  282.  
  283.  
  284. /* Infinite scrolling */
  285. .text-dark #infscr-loading { background: RGBA({RGBcolor:Dark Text},.1) }
  286. .text-light #infscr-loading { background: RGBA({RGBcolor:Light Text},.1) }
  287.  
  288.  
  289. {block:IfHideTumblrControls}
  290. /* Hides Tumblr Controls */
  291. .tmblr-iframe--desktop-logged-in-controls { display: none !important }
  292. {/block:IfHideTumblrControls}
  293. </style>
  294. <!-- Custom CSS /////////////////////////////////////////////////////////////////////////////////////-->
  295. <style>{CustomCSS}</style>{block:Hidden}
  296. <!-- THEME OPTIONS /////////////////////////////////////////////////////////////////////////////////-->
  297. <!-- Colors-->
  298. <meta name="color:Background" content="#ffffff">
  299. <meta name="color:Header Background" content="#323438">
  300. <meta name="color:Subnav Background" content="#191a1c">
  301. <meta name="color:Muted Background" content="#f1f1f1">
  302. <meta name="color:Thumbnails Background" content="#f1f1f1">
  303. <meta name="color:Thumbnails Hover Background" content="#323438">
  304. <meta name="color:Widgets Background" content="#f1f1f1">
  305. <meta name="color:Footer Background" content="#323438">
  306. <meta name="color:Slide Overlay" content="#323438">
  307. <meta name="color:Light Text" content="#ffffff">
  308. <meta name="color:Dark Text" content="#323438">
  309. <meta name="color:Post Title" content="#c25200">
  310. <meta name="color:Accent" content="#c25200">
  311. <meta name="color:Accent Secondary" content="#529ecc">
  312. <meta name="color:Accent Text" content="#ffffff">
  313. <!-- Block Text Colors-->
  314. <meta name="select:Header Text" content="text-light" title="Light">
  315. <meta name="select:Header Text" content="text-dark" title="Dark">
  316. <meta name="select:Content Text" content="text-dark" title="Dark">
  317. <meta name="select:Content Text" content="text-light" title="Light">
  318. <meta name="select:Thumbnail Text" content="text-dark" title="Dark">
  319. <meta name="select:Thumbnail Text" content="text-light" title="Light">
  320. <meta name="select:Thumbnail Hover Text" content="text-light" title="Light">
  321. <meta name="select:Thumbnail Hover Text" content="text-dark" title="Dark">
  322. <meta name="select:Footer Text" content="text-light" title="Light">
  323. <meta name="select:Footer Text" content="text-dark" title="Dark">
  324. <meta name="select:Muted Background Text" content="text-dark" title="Dark">
  325. <meta name="select:Muted Background Text" content="text-light" title="Light">
  326. <meta name="select:Subnav Text" content="text-light" title="Light">
  327. <meta name="select:Subnav Text" content="text-dark" title="Dark">
  328. <meta name="select:Slider 1 Text" content="text-light" title="Light">
  329. <meta name="select:Slider 1 Text" content="text-dark" title="Dark">
  330. <meta name="select:Slider 2 Text" content="text-light" title="Light">
  331. <meta name="select:Slider 2 Text" content="text-dark" title="Dark">
  332. <meta name="select:Slider 3 Text" content="text-light" title="Light">
  333. <meta name="select:Slider 3 Text" content="text-dark" title="Dark">
  334. <!-- Fonts - add font family name like "Open Sans"-->
  335. <meta name="text:Logo Google Font" content="Raleway">
  336. <meta name="text:Heading Google Font" content="Raleway">
  337. <meta name="text:Body Google Font" content="Lora">
  338. <!-- Logo-->
  339. <meta name="image:Logo" content="">
  340. <meta name="image:Header Background" content="">
  341. <meta name="text:Logo Height" content="">
  342. <meta name="if:Enable Transparent Header" content="1">
  343. <meta name="if:Logo Box" content="1">
  344. <meta name="if:Logo Uppercase" content="1">
  345. <meta name="if:Headings Uppercase" content="1">
  346. <meta name="if:Italic Titles" content="1">
  347. <meta name="select:Separator Style" content="anchor" title="anchor">
  348. <meta name="select:Separator Style" content="arrows" title="arrows">
  349. <meta name="select:Separator Style" content="axe" title="axe">
  350. <meta name="select:Separator Style" content="bike" title="bike">
  351. <meta name="select:Separator Style" content="campfire" title="campfire">
  352. <meta name="select:Separator Style" content="cassette" title="cassette">
  353. <meta name="select:Separator Style" content="compass" title="compass">
  354. <meta name="select:Separator Style" content="diamond" title="diamond">
  355. <meta name="select:Separator Style" content="glasses" title="glasses">
  356. <meta name="select:Separator Style" content="globe" title="globe">
  357. <meta name="select:Separator Style" content="indian" title="indian tent">
  358. <meta name="select:Separator Style" content="mountains" title="mountains">
  359. <meta name="select:Separator Style" content="scissors" title="scissors">
  360. <meta name="select:Separator Style" content="smokepipe" title="smoke pipe">
  361. <meta name="select:Separator Style" content="vynilrecord" title="vynil record">
  362. <!-- Tags Submenu-->
  363. <meta name="if:Show Tag Menu" content="0">
  364. <meta name="text:Tag Menu Title" content="Portfolio">
  365. <meta name="text:Tag Menu List" content="">
  366. <!-- Module: Slider-->
  367. <meta name="if:Enable Slider" content="0">
  368. <meta name="text:Slider Height" content="620px">
  369. <meta name="text:Slider Speed" content="4000">
  370. <meta name="select:Slide Blend Effect" content="normal" title="none">
  371. <meta name="select:Slide Blend Effect" content="multiply" title="multiply">
  372. <meta name="select:Slide Blend Effect" content="screen" title="screen">
  373. <meta name="select:Slide Blend Effect" content="overlay" title="overlay">
  374. <meta name="select:Slide Blend Effect" content="darken" title="darken">
  375. <meta name="select:Slide Blend Effect" content="lighten" title="lighten">
  376. <meta name="select:Slide Blend Effect" content="color-dodge" title="color-dodge">
  377. <meta name="select:Slide Blend Effect" content="hard-light" title="hard-light">
  378. <meta name="select:Slide Blend Effect" content="soft-light" title="soft-light">
  379. <meta name="select:Slide Blend Effect" content="difference" title="difference">
  380. <meta name="select:Slide Blend Effect" content="exclusion" title="exclusion">
  381. <meta name="select:Slide Blend Effect" content="hue" title="hue">
  382. <meta name="select:Slide Blend Effect" content="saturation" title="saturation">
  383. <meta name="select:Slide Blend Effect" content="color" title="color">
  384. <meta name="select:Slide Blend Effect" content="luminosity" title="luminosity">
  385. <meta name="text:Slide Blend Intensity" content=".5">
  386. <meta name="if:Show Slide 1" content="0">
  387. <meta name="image:Slide 1 Image" content="">
  388. <meta name="text:Slide 1 Text" content="">
  389. <meta name="text:Slide 1 Button" content="">
  390. <meta name="text:Slide 1 Link" content="">
  391. <meta name="if:Show Slide 2" content="0">
  392. <meta name="image:Slide 2 Image" content="">
  393. <meta name="text:Slide 2 Text" content="">
  394. <meta name="text:Slide 2 Button" content="">
  395. <meta name="text:Slide 2 Link" content="">
  396. <meta name="if:Show Slide 3" content="0">
  397. <meta name="image:Slide 3 Image" content="">
  398. <meta name="text:Slide 3 Text" content="">
  399. <meta name="text:Slide 3 Button" content="">
  400. <meta name="text:Slide 3 Link" content="">
  401. <meta name="select:Slide Animation" content="slide" title="Slide">
  402. <meta name="select:Slide Animation" content="fade" title="Fade">
  403. <meta name="select:Slide 1 Image Align" content="top" title="Top">
  404. <meta name="select:Slide 1 Image Align" content="center" title="Center">
  405. <meta name="select:Slide 1 Image Align" content="bottom" title="Bottom">
  406. <meta name="select:Slide 2 Image Align" content="top" title="Top">
  407. <meta name="select:Slide 2 Image Align" content="center" title="Center">
  408. <meta name="select:Slide 2 Image Align" content="bottom" title="Bottom">
  409. <meta name="select:Slide 3 Image Align" content="top" title="Top">
  410. <meta name="select:Slide 3 Image Align" content="center" title="Center">
  411. <meta name="select:Slide 3 Image Align" content="bottom" title="Bottom">
  412. <!-- Module: Intro-->
  413. <meta name="if:Show Intro" content="0">
  414. <meta name="image:Intro" content="">
  415. <meta name="text:Intro Title" content="">
  416. <meta name="text:Intro Text" content="">
  417. <!-- Sharing Options-->
  418. <meta name="if:Share on Facebook" content="1">
  419. <meta name="if:Share on Twitter" content="1">
  420. <meta name="if:Share on Pinterest" content="1">
  421. <meta name="if:Enable Reblog" content="1">
  422. <meta name="if:Enable Like" content="1">
  423. <!-- Meta-->
  424. <meta name="if:Show Author" content="1">
  425. <meta name="if:Show Date" content="1">
  426. <meta name="if:Show Tags" content="1">
  427. <meta name="if:Show Notes" content="1">
  428. <!-- Other Options-->
  429. <meta name="if:Show EXIF" content="0">
  430. <!-- Widgets-->
  431. <meta name="if:Show Widgets" content="0">
  432. <!-- Widget About-->
  433. <meta name="if:Show Widget About" content="0">
  434. <meta name="text:Widget About Title" content="About">
  435. <!-- Widget: Twitter-->
  436. <meta name="if:Show Widget Twitter" content="0">
  437. <meta name="text:Widget Twitter Title" content="Twitter">
  438. <!-- Widget: Flickr-->
  439. <meta name="if:Show Widget Flickr" content="0">
  440. <meta name="if:Widget Flickr Wide" content="0">
  441. <meta name="text:Widget Flickr Title" content="Flickr">
  442. <meta name="text:Flickr User ID" content="">
  443. <!-- Widget: Instagram-->
  444. <meta name="if:Show Widget Instagram" content="0">
  445. <meta name="if:Widget Instagram Wide" content="0">
  446. <meta name="text:Widget Instagram Title" content="Instagram">
  447. <meta name="text:Instagram User ID" content="">
  448. <meta name="text:Instagram Access Token" content="">
  449. <!-- Widget: Dribbble-->
  450. <meta name="if:Show Widget Dribbble" content="0">
  451. <meta name="text:Widget Dribbble Title" content="Dribbble">
  452. <meta name="text:Dribbble Username" content="">
  453. <!-- Widget: Tumblr Following-->
  454. <meta name="if:Show Widget Following" content="0">
  455. <meta name="text:Widget Following Title" content="Following">
  456. <!-- Widget: Tumblr Likes-->
  457. <meta name="if:Show Widget Likes" content="0">
  458. <meta name="text:Widget Likes Title" content="Likes">
  459. <!-- Widget: Group Members-->
  460. <meta name="if:Show Widget Group Members" content="0">
  461. <meta name="text:Widget Group Members Title" content="Group Members">
  462. <!-- Search-->
  463. <meta name="if:Show Widget Search" content="1">
  464. <!-- Social Media-->
  465. <meta name="if:Show Social Media Icons" content="0">
  466. <meta name="text:Behance URL" content="">
  467. <meta name="text:Dribbble URL" content="">
  468. <meta name="text:Deviantart URL" content="">
  469. <meta name="text:Facebook URL" content="">
  470. <meta name="text:Flickr URL" content="">
  471. <meta name="text:GooglePlus URL" content="">
  472. <meta name="text:Instagram URL" content="">
  473. <meta name="text:Linkedin URL" content="">
  474. <meta name="text:Pinterest URL" content="">
  475. <meta name="text:Tumblr URL" content="">
  476. <meta name="text:Twitter URL" content="">
  477. <meta name="text:Vimeo URL" content="">
  478. <meta name="text:YouTube URL" content="">
  479. <!-- Infinite Scroll-->
  480. <meta name="if:Infinite Scroll" content="0">
  481. <!-- Utilities-->
  482. <meta name="if:Hide Tumblr Controls" content="0">
  483. <meta name="text:Disqus Shortname" content="">
  484. <meta name="text:Google Analytics ID" content="">
  485. <meta name="text:Copyright" content="Copyright © 2016 Vintage Tumblr Theme. All rights reserved.">
  486. <meta name="text:Header HTML Code" content="">
  487. <meta name="text:Footer HTML Code" content="">{/block:Hidden}
  488. <!-- Header Custom Code ////////////////////////////////////////////////////////////////////////////-->{text:Header HTML Code}
  489. </head>
  490. <body id="top" class="{block:IndexPage}is-index is-home {block:IfEnableSlider}with-slider {/block:IfEnableSlider} {block:IfNotEnableSlider}no-slider{/block:IfNotEnableSlider} {block:DayPage}is-nothome{/block:DayPage} {block:Pagination}{block:PreviousPage}is-nothome {/block:PreviousPage}{/block:Pagination}{/block:IndexPage}{block:PermalinkPage}is-page {block:Posts}{block:Date}is-post {/block:Date}is-{PostType} {block:Audio}is-media {/block:Audio}{block:Video}is-media {/block:Video}{block:Photo}is-media {/block:Photo}{block:Photoset}is-photoset {block:Photoset}{block:RebloggedFrom}is-reblog {/block:RebloggedFrom}{block:NotReblog}is-notreblog {/block:NotReblog}{/block:Posts}{/block:PermalinkPage}{block:TagPage}is-tag is-nothome {/block:TagPage}{block:SearchPage}is-search is-nothome {/block:SearchPage}">
  491. <div class="back-top square-box text-white"><a href="#top" class="vertical-align horizontal-align"><i class="fa fa-2x fa-caret-up"></i><span class="sr-only">Back to top</span></a></div>
  492. <div class="wrapper">
  493. <div class="wrapper-content">
  494. <!-- Header-->
  495. <!--//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->
  496.  
  497.  
  498. <header class="site-header {select:Header Text} {block:IfEnableTransparentHeader}is-transparent{/block:IfEnableTransparentHeader}">
  499. <div class="container">
  500. <div class="row">
  501. <!-- Logo-->
  502. <div class="site-logo col-xs-12 col-md-4 nopadding pad-top-double pad-bottom-double"><a href="/" title="{Title}" class="logo">{block:IfLogoImage}<img src="{image:Logo}" alt="{Title}" class="logo-img">
  503. <h1 class="sr-only">{Title}</h1>{/block:IfLogoImage}
  504. {block:IfNotLogoImage}
  505. <h1 class="h1 nomargin logo-text {block:IfLogoUppercase}text-uppercase hf {/block:IfLogoUppercase}{block:IfLogoBox}logo-box{/block:IfLogoBox}">{Title}</h1>{/block:IfNotLogoImage}</a></div>
  506. <!-- Navigation-->
  507. <div class="site-nav col-md-8 nopadding pad-top-double pad-bottom-double">
  508. <!-- Main Navigation-->
  509. <nav class="primary-navigation text-right hidden-xs hidden-sm">
  510. <ul class="text-uppercase list-inline">
  511. <li class="nav h6"><a href="/" title="{lang:Home}">{lang:Home}</a></li>{block:IfShowTagMenu}
  512. {block:IfTagMenuList}
  513. <li class="nav subnav dropdown"><a id="dLabel" data-target="#" href="/" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" class="tags-title h6 dropdown-toggle">{text:Tag Menu Title}<i class="fa fa-caret-down tags-arrow-down"></i></a>
  514. <script>
  515. var list = '{text:Tag Menu List}';
  516. list = list.split(',');
  517. var html = '<ul class="nav-tagslist island-half dropdown-menu nomargin {select:Subnav Text} list-unstyled hf" aria-labelledby="dLabel">';
  518. for (var i = 0; i < list.length; i++) {
  519. html += '<li><a class="nav-tag small" tabindex="-1" href="/tagged/' + list[i] + '">#' + list[i] + '</a></li>';
  520. }
  521. html += '</ul>';
  522. document.write(html);
  523.  
  524. </script>
  525. </li>{/block:IfTagMenuList}
  526. {/block:IfShowTagMenu}
  527. {block:HasPages}
  528. {block:Pages}
  529. <li class="nav h6"><a href="{URL}" title="{Label}">{Label}</a></li>{/block:Pages}
  530. {/block:HasPages}
  531. {block:AskEnabled}
  532. <li class="nav h6"><a href="/ask" title="{AskLabel}">{AskLabel}</a></li>{/block:AskEnabled}
  533. {block:SubmissionsEnabled}
  534. <li class="nav h6"><a href="/submit" title="{SubmitLabel}">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
  535. </ul>
  536. </nav>
  537. <!-- Mobile Navigation-->
  538. <nav class="site-nav-mobile hidden-md hidden-lg {select:Header Text}"><a href="#" class="js-menu-toggle menu-toggle menu-toggle-open"><i class="fa fa-bars icon-nav-toggle"></i>
  539. <div class="sr-only">Nav</div></a>
  540. <div id="menu" style="display: none" class="mobile-nav">
  541. <div class="mobile-nav-wrapper island"><a href="/" title="{Title}" class="logo">
  542. <h1 class="h1 nomargin logo-text {block:IfLogoUppercase}text-uppercase hf {/block:IfLogoUppercase}{block:IfLogoBox}logo-box{/block:IfLogoBox}">{Title}</h1></a>
  543. <ul class="text-uppercase block mobile-nav-items">
  544. <li class="nav h6"><a href="/" title="{lang:Home}">{lang:Home}</a></li>{block:IfShowTagMenu}
  545. {block:IfTagMenuList}
  546. <li class="nav subnav dropdown"><a id="dLabel" data-target="#" href="/" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" class="tags-title h6 dropdown-toggle">{text:Tag Menu Title}<i class="fa fa-caret-down tags-arrow-down"></i></a>
  547. <script>
  548. var list = '{text:Tag Menu List}';
  549. list = list.split(',');
  550. var html = '<ul class="nav-tagslist island-half dropdown-menu nomargin {select:Subnav Text} list-unstyled hf" aria-labelledby="dLabel">';
  551. for (var i = 0; i < list.length; i++) {
  552. html += '<li><a class="nav-tag small" tabindex="-1" href="/tagged/' + list[i] + '">#' + list[i] + '</a></li>';
  553. }
  554. html += '</ul>';
  555. document.write(html);
  556.  
  557. </script>
  558. </li>{/block:IfTagMenuList}
  559. {/block:IfShowTagMenu}
  560. {block:HasPages}
  561. {block:Pages}
  562. <li class="nav h6"><a href="{URL}" title="{Label}">{Label}</a></li>{/block:Pages}
  563. {/block:HasPages}
  564. {block:AskEnabled}
  565. <li class="nav h6"><a href="/ask" title="{AskLabel}">{AskLabel}</a></li>{/block:AskEnabled}
  566. {block:SubmissionsEnabled}
  567. <li class="nav h6"><a href="/submit" title="{SubmitLabel}">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
  568. <li class="nav pad-top-double">
  569. <form action="/search" method="get" class="nav-search search-form">
  570. <input type="text" name="q" value="" class="search-field text-dark h6">
  571. <input type="submit" value="{lang:Search}" class="btn search-button btn-cta h6 text-uppercase">
  572. </form>
  573. </li>
  574. </ul>
  575. </div><a href="#" class="js-menu-toggle menu-toggle menu-toggle-close"><i class="fa fa-close icon-nav-toggle"></i>
  576. <div class="sr-only">Close</div></a>
  577. </div>
  578. </nav>
  579. </div>
  580. </div>
  581. </div>
  582. </header>{block:IndexPage}
  583. <!-- Indexpage-->{block:IfEnableSlider}
  584. <!-- Slider-->
  585. <div id="slides" class="slider hp-only" {block:TagPage}style="display:none" {/block:TagPage}{block:SearchPage}style="display:none" {/block:SearchPage}>
  586. <ul class="slides-container">{block:IfShowSlide1}
  587. <!-- Slide 1-->
  588. <li style="background: RGBA({RGBcolor:Slide Overlay},{text:Slide Blend Intensity}) url({image:Slide 1 Image}) {select:Slide 1 Image Align} center; background-size: cover; background-blend-mode: {select:Slide Blend Effect}" class="slide slide-1 {select:Slider 1 Text}">
  589. <div class="container vertical-align">
  590. <div class="slide-content col-xs-12 col-md-6 col-md-offset-3 text-center">{block:IfSlide1Text}
  591. <div class="hidden-xs">
  592. <div class="separator sep-{select:Separator Style}"></div>
  593. </div>
  594. <div class="slide-text t2 pad-top pad-bottom {block:IfItalicTitles}text-italic{/block:IfItalicTitles}">{text:Slide 1 Text}</div>{/block:IfSlide1Text}
  595. {block:IfSlide1Button}
  596. <p class="clearfix"><a href="{text:Slide 1 Link}" class="slide-link btn btn-cta hf text-uppercase">{text:Slide 1 Button}</a></p>{/block:IfSlide1Button}
  597. </div>
  598. </div>
  599. </li>{/block:IfShowSlide1}
  600. {block:IfShowSlide2}
  601. <!-- Slide 2-->
  602. <li style="background: RGBA({RGBcolor:Slide Overlay},{text:Slide Blend Intensity}) url({image:Slide 2 Image}) {select:Slide 2 Image Align} center; background-size: cover; background-blend-mode: {select:Slide Blend Effect}" class="slide slide-2 {select:Slider 2 Text}">
  603. <div class="container vertical-align">
  604. <div class="slide-content col-xs-12 col-md-6 col-md-offset-3 text-center">{block:IfSlide2Text}
  605. <div class="hidden-xs">
  606. <div class="separator sep-{select:Separator Style}"></div>
  607. </div>
  608. <div class="slide-text t2 pad-top pad-bottom {block:IfItalicTitles}text-italic{/block:IfItalicTitles}">{text:Slide 2 Text}</div>{/block:IfSlide2Text}
  609. {block:IfSlide2Button}
  610. <p class="clearfix"><a href="{text:Slide 2 Link}" class="slide-link btn btn-cta hf text-uppercase">{text:Slide 2 Button}</a></p>{/block:IfSlide2Button}
  611. </div>
  612. </div>
  613. </li>{/block:IfShowSlide2}
  614. {block:IfShowSlide3}
  615. <!-- Slide 3-->
  616. <li style="background: RGBA({RGBcolor:Slide Overlay},{text:Slide Blend Intensity}) url({image:Slide 3 Image}) {select:Slide 3 Image Align} center; background-size: cover; background-blend-mode: {select:Slide Blend Effect}" class="slide slide-3 {select:Slider 3 Text}">
  617. <div class="container vertical-align">
  618. <div class="slide-content col-xs-12 col-md-6 col-md-offset-3 text-center">{block:IfSlide3Text}
  619. <div class="hidden-xs">
  620. <div class="separator sep-{select:Separator Style}"></div>
  621. </div>
  622. <div class="slide-text t2 pad-top pad-bottom {block:IfItalicTitles}text-italic{/block:IfItalicTitles}">{text:Slide 3 Text}</div>{/block:IfSlide3Text}
  623. {block:IfSlide3Button}
  624. <p class="clearfix"><a href="{text:Slide 3 Link}" class="slide-link btn btn-cta hf text-uppercase">{text:Slide 3 Button}</a></p>{/block:IfSlide3Button}
  625. </div>
  626. </div>
  627. </li>{/block:IfShowSlide3}
  628. </ul></div>
  629. {/block:IfEnableSlider}{block:IfShowIntro}
  630. <!-- Intro Block-->
  631. <div style="{block:TagPage}display:none{/block:TagPage}{block:SearchPage}display:none{/block:SearchPage}" class="intro hp-only {select:Muted Background Text}">
  632. <div class="container">
  633. <div class="row pad-top-triple pad-bottom-triple">
  634. <div class="intro-wrapper col-md-8 col-md-offset-2">{block:IfIntroImage}
  635. <div style="background: url({image:Intro}); background-size: cover" class="intro-img"></div>{/block:IfIntroImage}
  636. <div class="col-md-offset-2">{block:IfIntroTitle}
  637. <h3 class="intro-title {block:IfItalicTitles}text-italic{/block:IfItalicTitles}">{text:Intro Title}</h3>{/block:IfIntroTitle}
  638. {block:IfIntroText}
  639. <div class="intro-text t5">{text:Intro Text}</div>{/block:IfIntroText}
  640. </div>
  641. </div>
  642. </div>
  643. </div>
  644. </div>{/block:IfShowIntro}
  645. <!-- IndexPage //////////////////////////////////////////////////////////////////////////////////////-->
  646. <div class="block-thumbnails pad-top-triple pad-bottom-triple {select:Content Text}">
  647. <!-- Title-->
  648. <h2 class="block-title hf h5 pad-bottom">
  649. {block:TagPage}{lang:Posts tagged Tag 2}{/block:TagPage}
  650. {block:DayPage}{Month} {DayOfMonth}, {Year}{/block:DayPage}
  651. {block:SearchPage}{block:NoSearchResults}{lang:Sorry no results for SearchQuery 2}{/block:NoSearchResults}{lang:SearchResultCount results for SearchQuery 2}{/block:SearchPage}
  652. </h2>
  653. <!-- Thumbnails-->
  654. <ul class="thumbs list-unstyled list-thumbs pad-top pad-bottom">{block:Posts}
  655. <li id="{PostID}" class="thumb thumbtype-{PostType} {block:Photoset}thumbtype-photoset{/block:Photoset}">
  656. <div class="thumbnail-wrap thumbnail-wrap-{PostType}"><a href="{Permalink}" class="thumbnail-link">
  657. <article class="thumbnail-content {select:Thumbnail Text}">{block:Photo}
  658. <div style="background: transparent url({PhotoURL-1280}) no-repeat top center; background-size: cover" class="thumb-img thumbnail-content"></div>{/block:Photo}
  659. {block:Photoset}
  660. {block:Photos}
  661. <div style="background: transparent url({PhotoURL-1280}) no-repeat top center; background-size: cover" class="thumb-img thumbnail-content"></div>{/block:Photos}
  662. {/block:Photoset}{block:Panorama}
  663. <div style="background: transparent url({PhotoURL-Panorama}) no-repeat top center; background-size: cover" class="thumb-img thumbnail-content"></div>{/block:Panorama}{block:Video}
  664. <div class="thumb-caption-media thumbnail-content vertical-align horizontal-align island {select:Audio Thumbnail Text}">{block:IfShowThumbnailPostTypeIcon}
  665. <div class="thumb-iconbox vertical-align horizontal-align"><i class="fa muted fa-youtube-play"><span class="sr-only">{PostType}</span></i></div>{/block:IfShowThumbnailPostTypeIcon}
  666. </div>{block:VideoThumbnail}
  667. <div style="background: transparent url({VideoThumbnailURL}) no-repeat center center; background-size: 480px" class="thumb-img thumbnail-content"></div>{/block:VideoThumbnail}
  668. {/block:Video}{block:Audio}
  669. <div class="thumb-audio-info island text-center {select:Thumbnail Hover Text}">{block:TrackName}
  670. <div class="trackname t5">{TrackName}</div>{/block:TrackName}
  671. {block:Artist}
  672. <div class="artist small hf muted">{Artist}</div>{/block:Artist}
  673. </div>
  674. <div class="thumb-caption-media thumbnail-content vertical-align horizontal-align island {select:Audio Thumbnail Text}"></div>{block:AudioEmbed}
  675. <div class="thumb-audioembed thumbnail-content">{AudioEmbed-400}</div>{/block:AudioEmbed}
  676. {block:AlbumArt}
  677. <div style="background: transparent url({AlbumArtURL}) no-repeat top center; background-size: cover" class="thumb-img thumbnail-content"></div>{/block:AlbumArt}
  678. {/block:Audio}
  679. {block:Text}
  680. {block:Title}
  681. <div class="thumb-caption thumbnail-content text-center island {select:Text Thumbnail Text}">
  682. <h4 class="trimtext {block:IfItalicTitles}text-italic{/block:IfItalicTitles}">{Title}</h4>
  683. </div>{/block:Title}
  684. {/block:Text}{block:Chat}
  685. <div class="thumb-caption thumbnail-content text-center island {select:Chat Thumbnail Text}">
  686. <h6 class="muted nomargin hf">{PostType}</h6>
  687. <h4 class="trimtext {block:IfItalicTitles}text-italic{/block:IfItalicTitles}">{Title}</h4>
  688. </div>{/block:Chat}{block:Answer}
  689. <div class="thumb-caption thumbnail-content text-center island {select:Answer Thumbnail Text}">
  690. <h4 class="trimtext {block:IfItalicTitles}text-italic{/block:IfItalicTitles}">{PlaintextQuestion}</h4>
  691. <h6 class="thumb-asker micro hf muted nomargin">{lang:Asked by Asker}</h6>
  692. </div>{/block:Answer}{block:Quote}
  693. <div class="thumb-caption thumbnail-content text-center island {select:Quote Thumbnail Text}">
  694. <div class="thumb-quote">
  695. <h4 class="trimtext text-italic">{PlaintextQuote}</h4>{block:Source}
  696. <div class="thumb-quote-source micro hf muted nomargin">{PlaintextSource}</div>{/block:Source}
  697. </div>
  698. </div>{/block:Quote}{block:Link}
  699. <div class="thumb-caption thumbnail-content text-center island {select:Link Thumbnail Text}">
  700. <h6 class="hf muted nomargin">{Posttype}</h6>
  701. <h4 class="trimtext {block:IfItalicTitles}text-italic{/block:IfItalicTitles}">{PlaintextName}</h4>
  702. </div>{/block:Link}
  703. </article></a>
  704. <!-- Thumbnail Hover-->
  705. <div class="thumbnail-hover outline {select:Thumbnail Hover Text}"><a href="{Permalink}" class="thumbnail-link"></a>
  706. <div class="thumb-icons">
  707. <div class="btn-like thumb-icon">{LikeButton color="white" size="20"}</div>
  708. <div class="btn-reblog thumb-icon">{ReblogButton color="white" size="20"}</div>
  709. </div>
  710. </div>
  711. </div>
  712. </li>{/block:Posts}
  713. </ul>
  714. </div>{block:Pagination}
  715. <!-- Pagination-->
  716. <div class="site-pagination {select:Content Text}">
  717. <div class="container">
  718. <div class="row text-center hf pad-bottom-double {block:IfInfiniteScroll}hidden{/block:IfInfiniteScroll}">{block:PreviousPage}<a href="{PreviousPage}" title="{lang:Previous}" class="pagination-previous page-number"><i class="fa fa-angle-left">
  719. <div class="sr-only">{lang:Previous}</div></i></a>{/block:PreviousPage}
  720. {block:JumpPagination length="5"}
  721. {block:CurrentPage}<span class="page-number current">{PageNumber}</span>{/block:CurrentPage}
  722. {block:JumpPage}<a href="{URL}" class="page-number">{PageNumber}</a>{/block:JumpPage}
  723. {/block:JumpPagination}
  724. {block:NextPage}<a href="{NextPage}" title="{lang:Next}" class="pagination-next page-number"><i class="fa fa-angle-right">
  725. <div class="sr-only">{lang:Next}</div></i></a>{/block:NextPage}
  726. </div>
  727. </div>
  728. </div>{/block:Pagination}{/block:IndexPage}
  729. {block:PermalinkPage}
  730. <!-- Permalinkpage-->
  731. <!-- PermalinkPage //////////////////////////////////////////////////////////////////////////////////////-->{block:Posts}
  732. <div class="main-wrapper container {select:Content Text}">
  733. <div class="row">
  734. <!-- Page Content-->
  735. <div class="page-content col-xs-12 col-md-8 pull-left">{block:PermalinkPagination}
  736. <!-- Pagination-->
  737. <div class="post-navigation t4 pad-top">{block:PreviousPost}<a href="{PreviousPost}" title="{lang:Previous}" class="btn-pagination pagination-previous pull-left"><i class="fa fa-caret-square-o-left">
  738. <div class="sr-only">{lang:Previous}</div></i></a>{/block:PreviousPost}
  739. {block:NextPost}<a href="{NextPost}" title="{lang:Next}" class="btn-pagination pagination-next pull-right"><i class="fa fa-caret-square-o-right"></i>
  740. <div class="sr-only">{lang:Next}</div></a>{/block:NextPost}
  741. </div>{/block:PermalinkPagination}
  742. <!-- Media Content-->
  743. <div class="post-media-content pad-top">{block:Photo}
  744. {LinkOpenTag}<img src="{PhotoURL-1280}" width="{PhotoWidth-1280}" alt="{PhotoAlt}" class="post-media img-responsive">{LinkCloseTag}
  745. {/block:Photo}{block:Photoset}
  746. {block:Photos}
  747. {LinkOpenTag}<img src="{PhotoURL-1280}" width="{PhotoWidth-1280}" alt="{PhotoAlt}" class="post-media img-responsive">{block:Caption}
  748. <div class="img-caption small pad-top pad-bottom-double">{Caption}</div>{/block:Caption}
  749. {LinkCloseTag}
  750. {/block:Photos}
  751. {/block:Photoset}{block:Panorama}
  752. {LinkOpenTag}<img src="{PhotoURL-Panorama}" width="{PhotoWidth-Panorama}" alt="{PhotoAlt}" class="post-media img-responsive">{LinkCloseTag}
  753. {/block:Panorama}
  754. <!-- EXIF-->
  755. {block:IfShowEXIF}
  756. {block:Exif}
  757. <div class="page-exif">
  758. <ul class="exif-list list-inline row text-center clearfix">{block:Camera}
  759. <li class="exif-data col-xs-12 col-sm-3">
  760. <h6 class="micro micro-title hf">Camera:</h6>
  761. <p>{Camera}</p>
  762. </li>{/block:Camera}
  763. {block:Aperture}
  764. <li class="exif-data col-xs-12 col-sm-3">
  765. <h6 class="micro micro-title hf">Aperture:</h6>
  766. <p>{Aperture}</p>
  767. </li>{/block:Aperture}
  768. {block:Exposure}
  769. <li class="exif-data col-xs-12 col-sm-3">
  770. <h6 class="micro micro-title hf">Exposure:</h6>
  771. <p>{Exposure}</p>
  772. </li>{/block:Exposure}
  773. {block:FocalLength}
  774. <li class="exif-data col-xs-12 col-sm-3">
  775. <h6 class="micro micro-title hf">Focal Length:</h6>
  776. <p>{FocalLength}</p>
  777. </li>{/block:FocalLength}
  778. </ul>
  779. </div>{/block:Exif}
  780. {/block:IfShowEXIF}
  781. {block:Audio}
  782. {block:AudioEmbed}
  783. <div class="audio-embed pad-bottom">{AudioEmbed-640}</div>{/block:AudioEmbed}
  784. {block:AudioPlayer}
  785. <div class="audio-player pad-bottom">{block:AlbumArt}<img src="{AlbumArtURL}" class="audio-cover post-media pad-bottom img-responsive">{/block:AlbumArt}
  786. <div class="player-box pad-top">
  787. <div class="player-button">{AudioPlayer}</div>
  788. </div>
  789. </div>{/block:AudioPlayer}
  790. {/block:Audio}{block:Video}
  791. <div class="tmblr-embed pad-bottom">{Video-500}</div>{/block:Video}
  792. </div>
  793. <!-- Post Title-->
  794. <div class="article-header pad-bottom">{block:Title}
  795. <h2 class="post-title {block:IfItalicTitles}text-italic{/block:IfItalicTitles}">{Title}</h2>{block:Title}
  796. {block:Link}
  797. <h2 class="post-title {block:IfItalicTitles}text-italic{/block:IfItalicTitles}">{Name}</h2>{/block:Link}
  798. {block:Answer}
  799. <h2 class="post-title {block:IfItalicTitles}text-italic{/block:IfItalicTitles}">{Question}</h2>
  800. <h6 class="hf muted">{lang:Asked by Asker 2}</h6>{/block:Answer}
  801. {block:Audio}
  802. {block:TrackName}
  803. <h2 class="post-title {block:IfItalicTitles}text-italic{/block:IfItalicTitles}">{TrackName}</h2>{/block:TrackName}
  804. {block:Artist}
  805. <h6 class="hf muted">{Artist}</h6>{/block:Artist}
  806. {/block:Audio}
  807. </div>
  808. <!-- Text Content-->
  809. <div class="post-content">{block:Text}
  810. <div class="post-text pad-bottom-double">{Body}</div>{/block:Text}{block:Chat}
  811. <ul class="chat-body post-text list-unstyled pad-bottom-double">{block:Lines}
  812. <li class="chat-line pad-top pad-bottom chat-line-{Alt}">{block:Label}<span class="h5 hf">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
  813. </ul>{/block:Chat}
  814. <!---->{block:Quote}
  815. <blockquote class="post-text post-quote">{Quote}</blockquote>
  816. <div class="quote-source h6 hf island">
  817. <cite>{Source}</cite>
  818. </div>{/block:Quote}{block:Link}
  819. {block:Thumbnail}<img src="{Thumbnail}" alt="{Name}" class="post-media img-responsive">{/block:Thumbnail}
  820. <div class="post-text">{block:Description}{Description}{/block:Description}
  821. <div class="text-center pad-bottom-double"><a href="{URL}" {target} class="btn btn-cta hf h5 link-url">{lang:Link}</a></div>
  822. </div>{/block:Link}{block:Answer}
  823. <div class="post-answer post-text pad-bottom">{Answer}</div>{/block:Answer}{block:Caption}
  824. <div class="post-media-caption post-text pad-top pad-bottom-double">{Caption}</div>{/block:Caption}
  825. </div>
  826. </div>
  827. <!-- Sidebar Content-->
  828. <div class="col-xs-12 col-md-3 col-md-offset-1 pull-right">
  829. <aside class="main-sidebar pad-top-triple">
  830. <!-- Share-->{block:Date}
  831. <div class="page-share pad-top clearfix">
  832. <div class="page-share-title micro micro-title hf">{lang:Share this}</div>
  833. <div class="share-sites">{block:IfShareonTwitter}<a href="http://twitter.com/share?text={Title}&amp;url={Permalink}" title="Share on Twitter" class="share-btn hover-active"><i class="fa fa-twitter icon"></i><span class="sr-only">Twitter</span></a>{/block:IfShareonTwitter}{block:IfShareonFacebook}<a href="http://www.facebook.com/sharer.php?u={Permalink}" title="Share on Facebook" class="share-btn hover-active"><i class="fa fa-facebook icon"></i><span class="sr-only">{lang:Facebook}</span></a>{/block:IfShareonFacebook}{block:IfShareonPinterest}<a href="https://pinterest.com/pin/create/button/?url={Permalink}&amp;amp;media={PhotoURL-1280}&amp;amp;description={PlaintextCaption}" title="Share on Pinterest" class="share-btn hover-active"><i class="fa fa-pinterest-p icon"></i><span class="sr-only">{lang:Pinterest}</span></a>{/block:IfShareonPinterest}{block:IfEnableReblog}
  834. <div class="btn-reblog share-btn hover-active">{ReblogButton color="white" size="16"}</div>{/block:IfEnableReblog}{block:IfEnableLike}
  835. <div class="btn-like share-btn hover-active">{LikeButton color="white" size="16"}</div>{/block:IfEnableLike}
  836. </div>
  837. </div>{/block:Date}
  838. <!-- Meta-->{block:Date}
  839. <div class="post-meta clearfix">{block:IfShowAuthor}
  840. <!-- Author-->
  841. <div class="page-author-title micro micro-title hf pad-top-double">Posted by</div>
  842. <div class="page-author"><strong><a href="{PostAuthorURL}" target="_blank">{PostAuthorName}</a></strong><span class="sep">—</span><em>{PostAuthorTitle}</em></div>{/block:IfShowAuthor}
  843. {block:IfShowDate}
  844. <!-- Date-->
  845. <div class="page-date"><a href="/{Year}/{MonthNumber}/{DayOfMonth}" class="small muted text-italic">{Month} {DayOfMonth}, {Year}</a></div>{/block:IfShowDate}
  846. {block:IfShowTags}
  847. <!-- Tags-->{block:HasTags}
  848. <div class="page-tags">
  849. <div class="page-tags-title micro micro-title hf pad-top-double">{lang:Tags}</div>
  850. <ul class="post-tags list-inline">{block:Tags}
  851. <li><a href="{TagURL}" title="{Tag}" class="tag-link small hover-active hf">{Tag}</a></li>{/block:Tags}
  852. </ul>
  853. </div>{/block:HasTags}
  854. {/block:IfShowTags}
  855. </div>{/block:Date}
  856. {block:IfShowNotes}
  857. {block:PostNotes}
  858. <div class="notes pad-bottom-double">
  859. <div class="page-notes-title micro micro-title hf pad-top-double">{NoteCountWithLabel}</div>{PostNotes}
  860. </div>{/block:PostNotes}
  861. {/block:IfShowNotes}
  862. </aside>
  863. </div>
  864. <!-- Disqus-->
  865. <div class="col-xs-12 col-md-8 pull-left">
  866. {block:Date}
  867. {block:IfDisqusShortname}
  868. <div class="separator sep-{select:Separator Style}"></div>
  869. <div class="page-comments pad-top-triple pad-bottom-triple clearfix">
  870. <!-- Disqus-->
  871. <div class="disqus-comments">{block:IfDisqusShortname}
  872.  
  873. <div id="disqus_thread"></div>
  874. <script type="text/javascript">
  875. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  876. var disqus_shortname = '{text:Disqus Shortname}'; // Required - Enter shortname in Tumblr Theme Options
  877. var disqus_url = '{Permalink}';
  878.  
  879. /* * * DON'T EDIT BELOW THIS LINE * * */
  880. (function() {
  881. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  882. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  883. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  884. })();
  885. </script>
  886. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  887.  
  888. {/block:IfDisqusShortname}
  889. </div>
  890. </div>{/block:IfDisqusShortname}
  891. {/block:Date}
  892. </div>
  893. </div>
  894. </div>{/block:Posts}{/block:PermalinkPage}
  895. </div>
  896. <div class="wrapper-footer">
  897. <!-- Footer-->{block:IfShowWidgets}
  898. <!-- Widgets-->
  899. <aside class="site-widgets text-center {select:Muted Background Text}">
  900. <div class="container pad-top">
  901. <div class="row text-center">
  902. {block:IfWidgetFlickrWide}
  903. {block:IfShowWidgetFlickr}
  904. <div class="separator sep-{select:Separator Style}"></div>
  905. <div class="widget widget-wide widget-flickr col-xs-12 pad-bottom-triple pad-top">
  906. <h5 class="widget-title hf">{text:Widget Flickr Title}</h5>{block:IfFlickrUserID}
  907. <div id="flickr" class="pad-top"></div>{/block:IfFlickrUserID}
  908. {block:IfNotFlickrUserID}
  909. <p class="pad-top">Please enter your Flickr User ID in the Customizer (or disable the Flickr Widget). You can get your Flickr ID here:<a href="http://idgettr.com/" target="_blank">http://idgettr.com/</a></p>{/block:IfNotFlickrUserID}
  910. </div>{/block:IfShowWidgetFlickr}
  911. {/block:IfWidgetFlickrWide}
  912. {block:IfWidgetInstagramWide}
  913. {block:IfShowWidgetInstagram}
  914. <div class="separator sep-{select:Separator Style}"></div>
  915. <div class="widget widget-wide widget-flickr col-xs-12 pad-bottom-triple pad-top">
  916. <h5 class="widget-title hf">{text:Widget Instagram Title}</h5>{block:IfInstagramUserID}
  917. <div id="instagram" class="mini-thumbs pad-top"></div>{/block:IfInstagramUserID}
  918. {block:IfNotInstagramUserID}
  919. <p class="pad-top">Please enter your Instagram User ID in the Customizer (or disable the Instagram Widget). You can get your Instagram User ID here:<a href="http://on.misspato.com/instagram-setup" target="_blank">http://on.misspato.com/instagram-setup</a></p>{/block:IfNotInstagramUserID}
  920. {block:IfNotInstagramAccessToken}
  921. <p class="pad-top">Please enter your Instagram Access Token in the Customizer (or disable the Instagram Widget). You can get your Instagram Access Token here:<a href="http://on.misspato.com/instagram-setup" target="_blank">http://on.misspato.com/instagram-setup</a></p>{/block:IfNotInstagramAccessToken}
  922. </div>{/block:IfShowWidgetInstagram}
  923. {/block:IfWidgetInstagramWide}
  924. </div>
  925. <div class="row pad-top pad-bottom-triple">{block:IfShowWidgetAbout}
  926. <div class="widget widget-about col-lg-3 col-md-6 col-xs-12 pad-bottom-triple">
  927. <h5 class="widget-title hf">{text:Widget About Title}</h5>
  928. <div class="description pad-top">{Description}</div>
  929. </div>{/block:IfShowWidgetAbout}
  930. {block:IfShowWidgetTwitter}
  931. {TwitterUsername}
  932. <div class="widget widget-twitter col-lg-3 col-md-6 col-sm-12 pad-bottom-triple">
  933. <h5 class="widget-title hf">{text:Widget Twitter Title}</h5>{block:Twitter}
  934. <div id="twitter" style="display:none" class="tweet pad-top pad-bottom">
  935. <div id="tweets"></div>
  936. </div><a href="https://twitter.com/intent/follow?screen_name={TwitterUsername}" title="{lang:Follow on Twitter}" class="btn micro hf">{lang:Follow on Twitter}</a>
  937. <script>
  938. function recent_tweets(data) {
  939. var amount = 2;
  940. for (i = 0; i < amount; i++) {
  941. document.getElementById("tweets").innerHTML =
  942. document.getElementById("tweets").innerHTML +
  943. '<p class="tweet"><a href="http://twitter.com/{TwitterUsername}/status/' +
  944. (data[i].id_str ? data[i].id_str : data[i].id) +
  945. '">' + data[i].text + '</a>' +
  946. '<span class="timeago small block" title="' + data[i].created_at + '"></span>'
  947. '</p>';
  948. }
  949. document.getElementById("twitter").style.display = 'block';
  950. }
  951. </script>{/block:Twitter}
  952. {block:IfNotTwitter}
  953. <p>Please enable your Twitter account in the Tumblr Settings (or disable the Twitter Widget).<a href="https://www.tumblr.com/settings/blog/" target="_blank">https://www.tumblr.com/settings/blog/</a></p>{/block:IfNotTwitter}
  954. </div>{/block:IfShowWidgetTwitter}
  955. {block:IfNotWidgetFlickrWide}
  956. {block:IfShowWidgetFlickr}
  957. <div class="widget widget-flickr col-lg-3 col-md-6 col-xs-12 pad-bottom-triple">
  958. <h5 class="widget-title hf">{text:Widget Flickr Title}</h5>{block:IfFlickrUserID}
  959. <div id="flickr" class="trim4 pad-top"></div>{/block:IfFlickrUserID}
  960. {block:IfNotFlickrUserID}
  961. <p class="pad-top">Please enter your Flickr User ID in the Customizer (or disable the Flickr Widget). You can get your Flickr ID here:<a href="http://idgettr.com/" target="_blank">http://idgettr.com/</a></p>{/block:IfNotFlickrUserID}
  962. </div>{/block:IfShowWidgetFlickr}
  963. {/block:IfNotWidgetFlickrWide}
  964. {block:IfNotWidgetInstagramWide}
  965. {block:IfShowWidgetInstagram}
  966. <div class="widget widget-instagram col-lg-3 col-md-6 col-xs-12 pad-bottom-triple">
  967. <h5 class="widget-title hf">{text:Widget Instagram Title}</h5>{block:IfInstagramUserID}
  968. <div id="instagram" class="mini-thumbs pad-top"></div>{/block:IfInstagramUserID}
  969. {block:IfNotInstagramUserID}
  970. <p class="pad-top">Please enter your Instagram User ID in the Customizer (or disable the Instagram Widget). You can get your Instagram User ID here:<a href="http://on.misspato.com/instagram-setup" target="_blank">http://on.misspato.com/instagram-setup</a></p>{/block:IfNotInstagramUserID}
  971. {block:IfNotInstagramAccessToken}
  972. <p class="pad-top">Please enter your Instagram Access Token in the Customizer (or disable the Instagram Widget). You can get your Instagram Access Token here:<a href="http://on.misspato.com/instagram-setup" target="_blank">http://on.misspato.com/instagram-setup</a></p>{/block:IfNotInstagramAccessToken}
  973. </div>{/block:IfShowWidgetInstagram}
  974. {/block:IfNotWidgetInstagramWide}{block:IfShowWidgetDribbble}
  975. <div class="widget widget-dribbble col-lg-3 col-md-6 col-xs-12 pad-bottom-triple">
  976. <h5 class="widget-title hf">{text:Widget Dribbble Title}</h5>{block:IfDribbbleUsername}
  977. <div id="dribbble-shots" class="mini-thumbs pad-top"></div>{/block:IfDribbbleUsername}
  978. {block:IfNotDribbbleUsername}
  979. <p class="pad-top">Please enter your Dribbble Username in the Customizer (or disable the Dribbble Widget).</p>{/block:IfNotDribbbleUsername}
  980. </div>{/block:IfShowWidgetDribbble}
  981. {block:IfShowWidgetFollowing}
  982. {block:Following}
  983. <div class="widget widget-following col-lg-3 col-md-6 col-xs-12 pad-bottom-triple">
  984. <h5 class="widget-title hf">{text:Widget Following Title}</h5>
  985. <div class="mini-thumbs tiny-thumbs pad-top">{block:Followed}<a href="{FollowedURL}" target="_blank" title="{FollowedName}"><img src="{FollowedPortraitURL-128}" alt="{FollowedName}" class="mini-thumb"></a>{/block:Followed}</div>
  986. </div>{/block:Following}
  987. {/block:IfShowWidgetFollowing}
  988. {block:IfShowWidgetLikes}
  989. {block:Likes}
  990. <div class="widget widget-likes col-lg-3 col-md-6 col-xs-12 pad-bottom-triple">
  991. <h5 class="widget-title hf">{text:Widget Likes Title}</h5>
  992. <div class="likes-list t6 pad-top">{Likes limit="1" summarize="100" width="250"}</div>
  993. </div>{/block:Likes}
  994. {/block:IfShowWidgetLikes}
  995. {block:IfShowWidgetGroupMembers}
  996. {block:GroupMembers}
  997. <div class="widget widget-group col-lg-3 col-md-6 col-xs-12 pad-bottom-triple">
  998. <h5 class="widget-title hf">{text:Widget Group Members Title}</h5>
  999. <div class="mini-thumbs tiny-thumbs pad-top">{block:GroupMember}<a href="{GroupMemberURL}" target="_blank" title="{GroupMemberName}"><img src="{GroupMemberPortraitURL-128}" alt="{GroupMemberName} ({GroupMemberTitle})" class="mini-thumb"></a>{/block:GroupMember}</div>
  1000. </div>{/block:GroupMembers}
  1001. {/block:IfShowWidgetGroupMembers}{block:IfShowWidgetSearch}
  1002. <div class="widget widget-search col-lg-3 col-md-6 col-sm-12 pad-bottom-triple">
  1003. <h5 class="widget-title hf">{lang:Search}</h5>
  1004. <form action="/search" method="get" class="search-form pad-top">
  1005. <input type="text" name="q" value="" class="search-field text-dark h6 block">
  1006. <input type="submit" value="{lang:Search}" class="btn search-button micro hf">
  1007. </form>
  1008. </div>{/block:IfShowWidgetSearch}
  1009. </div>
  1010. </div>
  1011. </aside>{/block:IfShowWidgets}
  1012. <footer class="site-footer text-center {select:Footer Text}">
  1013. <div class="container pad-top-triple pad-bottom-triple">
  1014. <div class="row">{block:IfShowSocialMediaIcons}
  1015. <ul class="social-icons list-inline">{block:IfBehanceURL}
  1016. <li><a href="{text:Behance URL}"><i class="fa fa-behance icon"></i><span class="sr-only">Behance</span></a></li>{/block:IfBehanceURL}
  1017. {block:IfDribbbleURL}
  1018. <li><a href="{text:Dribbble URL}"><i class="fa fa-dribbble icon"></i><span class="sr-only">Dribbble</span></a></li>{/block:IfDribbbleURL}
  1019. {block:IfDeviantartURL}
  1020. <li><a href="{text:Deviantart URL}"><i class="fa fa-deviantart icon"></i><span class="sr-only">Deviantart</span></a></li>{/block:IfDeviantartURL}
  1021. {block:IfFacebookURL}
  1022. <li><a href="{text:Facebook URL}"><i class="fa fa-facebook icon"></i><span class="sr-only">Facebook</span></a></li>{/block:IfFacebookURL}
  1023. {block:IfFlickrURL}
  1024. <li><a href="{text:Flickr URL}"><i class="fa fa-flickr icon"></i><span class="sr-only">Flickr</span></a></li>{/block:IfFlickrURL}
  1025. {block:IfGooglePlusURL}
  1026. <li><a href="{text:GooglePlus URL}"><i class="fa fa-google-plus icon"></i><span class="sr-only">Google+</span></a></li>{/block:IfGooglePlusURL}
  1027. {block:IfInstagramURL}
  1028. <li><a href="{text:Instagram URL}"><i class="fa fa-instagram icon"></i><span class="sr-only">Instagram</span></a></li>{/block:IfInstagramURL}
  1029. {block:IfPinterestURL}
  1030. <li><a href="{text:Pinterest URL}"><i class="fa fa-pinterest-p icon"></i><span class="sr-only">Pinterest</span></a></li>{/block:IfPinterestURL}
  1031. {block:IfTumblrURL}
  1032. <li><a href="{text:Tumblr URL}"><i class="fa fa-tumblr icon"></i><span class="sr-only">Tumblr</span></a></li>{/block:IfTumblrURL}
  1033. {block:IfTwitterURL}
  1034. <li><a href="{text:Twitter URL}"><i class="fa fa-twitter icon"></i><span class="sr-only">Twitter</span></a></li>{/block:IfTwitterURL}
  1035. {block:IfVimeoURL}
  1036. <li><a href="{text:Vimeo URL}"><i class="fa fa-vimeo-square icon"></i><span class="sr-only">Vimeo</span></a></li>{/block:IfVimeoURL}
  1037. {block:IfYouTubeURL}
  1038. <li><a href="{text:YouTube URL}"><i class="fa fa-youtube-play icon"></i><span class="sr-only">YouTube</span></a></li>{/block:IfYouTubeURL}
  1039. </ul>{/block:IfShowSocialMediaIcons}
  1040. </div>
  1041. <div class="row pad-top">
  1042. <div class="copyright small muted">{text:Copyright} {lang:Powered by Tumblr}</div>
  1043. <div class="credits small muted"><a href="https://themelantic.com/vintage/">Vintage Theme by Themelantic</a> - The <a href="https://themelantic.com">Best WordPress &amp; Tumblr Themes</a></div>
  1044. </div>
  1045. </div>
  1046. </footer>
  1047. </div>
  1048. </div>
  1049. <!-- Javascript-->
  1050. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>{block:IfInfiniteScroll}
  1051. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-infinitescroll/2.1.0/jquery.infinitescroll.js"></script>{/block:IfInfiniteScroll}
  1052. <script src="http://static.tumblr.com/y34ywhn/txoo3bhqy/vintage.js"></script>
  1053. <script>
  1054. $(document).ready(function () {
  1055.  
  1056. var pathArray = window.location.pathname.split('/');
  1057. if ( pathArray[1] === 'tagged' ||
  1058. pathArray[1] === 'page' ||
  1059. pathArray[1] === 'search' ||
  1060. pathArray[1] === 'day') {
  1061. $('#top').removeClass('is-home');
  1062. }
  1063. });
  1064.  
  1065.  
  1066.  
  1067. </script>
  1068. <script>
  1069. {block:IndexPage}
  1070. {block:IfEnableSlider}/*! Superslides - v0.6.3-wip - 2013-12-17
  1071. * https://github.com/nicinabox/superslides
  1072. * Copyright (c) 2013 Nic Aitch; Licensed MIT */
  1073. (function(window, $) {
  1074.  
  1075. var Superslides, plugin = 'superslides';
  1076.  
  1077. Superslides = function(el, options) {
  1078. this.options = $.extend({
  1079. play: false,
  1080. animation_speed: 600,
  1081. animation_easing: 'swing',
  1082. animation: 'slide',
  1083. inherit_width_from: window,
  1084. inherit_height_from: window,
  1085. pagination: true,
  1086. hashchange: false,
  1087. scrollable: true,
  1088. elements: {
  1089. preserve: '.preserve',
  1090. nav: '.slides-navigation',
  1091. container: '.slides-container',
  1092. pagination: '.slides-pagination'
  1093. }
  1094. }, options);
  1095.  
  1096. var that = this,
  1097. $control = $('<div>', { "class": 'slides-control' }),
  1098. multiplier = 1;
  1099.  
  1100. this.$el = $(el);
  1101. this.$container = this.$el.find(this.options.elements.container);
  1102.  
  1103. // Private Methods
  1104. var initialize = function() {
  1105. multiplier = that._findMultiplier();
  1106.  
  1107. that.$el.on('click', that.options.elements.nav + " a", function(e) {
  1108. e.preventDefault();
  1109.  
  1110. that.stop();
  1111. if ($(this).hasClass('next')) {
  1112. that.animate('next', function() {
  1113. that.start();
  1114. });
  1115. } else {
  1116. that.animate('prev', function() {
  1117. that.start();
  1118. });
  1119. }
  1120. });
  1121.  
  1122. $(document).on('keyup', function(e) {
  1123. if (e.keyCode === 37) {
  1124. that.animate('prev');
  1125. }
  1126. if (e.keyCode === 39) {
  1127. that.animate('next');
  1128. }
  1129. });
  1130.  
  1131. $(window).on('resize', function() {
  1132. setTimeout(function() {
  1133. var $children = that.$container.children();
  1134.  
  1135. that.width = that._findWidth();
  1136. that.height = that._findHeight();
  1137.  
  1138. $children.css({
  1139. width: that.width,
  1140. left: that.width
  1141. });
  1142.  
  1143. that.css.containers();
  1144. that.css.images();
  1145. }, 10);
  1146. });
  1147.  
  1148. if (that.options.hashchange) {
  1149. $(window).on('hashchange', function() {
  1150. var hash = that._parseHash(), index;
  1151.  
  1152. index = that._upcomingSlide(hash);
  1153.  
  1154. if (index >= 0 && index !== that.current) {
  1155. that.animate(index);
  1156. }
  1157. });
  1158. }
  1159.  
  1160. that.pagination._events();
  1161.  
  1162. that.start();
  1163. return that;
  1164. };
  1165.  
  1166. var css = {
  1167. containers: function() {
  1168. if (that.init) {
  1169. that.$el.css({
  1170. height: that.height
  1171. });
  1172.  
  1173. that.$control.css({
  1174. width: that.width * multiplier,
  1175. left: -that.width
  1176. });
  1177.  
  1178. that.$container.css({
  1179.  
  1180. });
  1181. } else {
  1182. $('body').css({
  1183. margin: 0
  1184. });
  1185.  
  1186. that.$el.css({
  1187. position: 'relative',
  1188. overflow: 'hidden',
  1189. width: '100%',
  1190. height: that.height
  1191. });
  1192.  
  1193. that.$control.css({
  1194. position: 'relative',
  1195. transform: 'translate3d(0)',
  1196. height: '100%',
  1197. width: that.width * multiplier,
  1198. left: -that.width
  1199. });
  1200.  
  1201. that.$container.css({
  1202. display: 'none',
  1203. margin: '0',
  1204. padding: '0',
  1205. listStyle: 'none',
  1206. position: 'relative',
  1207. height: '100%'
  1208. });
  1209. }
  1210.  
  1211. if (that.size() === 1) {
  1212. that.$el.find(that.options.elements.nav).hide();
  1213. }
  1214. },
  1215. images: function() {
  1216. var $images = that.$container.find('img')
  1217. .not(that.options.elements.preserve)
  1218.  
  1219. $images.removeAttr('width').removeAttr('height')
  1220. .css({
  1221. "-webkit-backface-visibility": 'hidden',
  1222. "-ms-interpolation-mode": 'bicubic',
  1223. "position": 'absolute',
  1224. "left": '0',
  1225. "top": '0',
  1226. "z-index": '-1',
  1227. "max-width": 'none'
  1228. });
  1229.  
  1230. $images.each(function() {
  1231. var image_aspect_ratio = that.image._aspectRatio(this),
  1232. image = this;
  1233.  
  1234. if (!$.data(this, 'processed')) {
  1235. var img = new Image();
  1236. img.onload = function() {
  1237. that.image._scale(image, image_aspect_ratio);
  1238. that.image._center(image, image_aspect_ratio);
  1239. $.data(image, 'processed', true);
  1240. };
  1241. img.src = this.src;
  1242.  
  1243. } else {
  1244. that.image._scale(image, image_aspect_ratio);
  1245. that.image._center(image, image_aspect_ratio);
  1246. }
  1247. });
  1248. },
  1249. children: function() {
  1250. var $children = that.$container.children();
  1251.  
  1252. if ($children.is('img')) {
  1253. $children.each(function() {
  1254. if ($(this).is('img')) {
  1255. $(this).wrap('<div>');
  1256.  
  1257. // move id attribute
  1258. var id = $(this).attr('id');
  1259. $(this).removeAttr('id');
  1260. $(this).parent().attr('id', id);
  1261. }
  1262. });
  1263.  
  1264. $children = that.$container.children();
  1265. }
  1266.  
  1267. if (!that.init) {
  1268. $children.css({
  1269. display: 'none',
  1270. left: that.width * 2
  1271. });
  1272. }
  1273.  
  1274. $children.css({
  1275. position: 'absolute',
  1276. overflow: 'hidden',
  1277. height: '100%',
  1278. width: that.width,
  1279. top: 0,
  1280. zIndex: 0
  1281. });
  1282.  
  1283. }
  1284. }
  1285.  
  1286. var fx = {
  1287. slide: function(orientation, complete) {
  1288. var $children = that.$container.children(),
  1289. $target = $children.eq(orientation.upcoming_slide);
  1290.  
  1291. $target.css({
  1292. left: orientation.upcoming_position,
  1293. display: 'block'
  1294. });
  1295.  
  1296. that.$control.animate({
  1297. left: orientation.offset
  1298. },
  1299. that.options.animation_speed,
  1300. that.options.animation_easing,
  1301. function() {
  1302. if (that.size() > 1) {
  1303. that.$control.css({
  1304. left: -that.width
  1305. });
  1306.  
  1307. $children.eq(orientation.upcoming_slide).css({
  1308. left: that.width,
  1309. zIndex: 2
  1310. });
  1311.  
  1312. if (orientation.outgoing_slide >= 0) {
  1313. $children.eq(orientation.outgoing_slide).css({
  1314. left: that.width,
  1315. display: 'none',
  1316. zIndex: 0
  1317. });
  1318. }
  1319. }
  1320.  
  1321. complete();
  1322. });
  1323. },
  1324. fade: function(orientation, complete) {
  1325. var that = this,
  1326. $children = that.$container.children(),
  1327. $outgoing = $children.eq(orientation.outgoing_slide),
  1328. $target = $children.eq(orientation.upcoming_slide);
  1329.  
  1330. $target.css({
  1331. left: this.width,
  1332. opacity: 0,
  1333. display: 'block'
  1334. }).animate({
  1335. opacity: 1
  1336. },
  1337. that.options.animation_speed,
  1338. that.options.animation_easing
  1339. );
  1340.  
  1341. if (orientation.outgoing_slide >= 0) {
  1342. $outgoing.animate({
  1343. opacity: 0
  1344. },
  1345. that.options.animation_speed,
  1346. that.options.animation_easing,
  1347. function() {
  1348. if (that.size() > 1) {
  1349. $children.eq(orientation.upcoming_slide).css({
  1350. zIndex: 2
  1351. });
  1352.  
  1353. if (orientation.outgoing_slide >= 0) {
  1354. $children.eq(orientation.outgoing_slide).css({
  1355. opacity: 1,
  1356. display: 'none',
  1357. zIndex: 0
  1358. });
  1359. }
  1360. }
  1361.  
  1362. complete();
  1363. });
  1364. } else {
  1365. $target.css({
  1366. zIndex: 2
  1367. });
  1368. complete();
  1369. }
  1370. }
  1371. };
  1372.  
  1373. fx = $.extend(fx, $.fn.superslides.fx);
  1374.  
  1375. var image = {
  1376. _centerY: function(image) {
  1377. var $img = $(image);
  1378.  
  1379. $img.css({
  1380. top: (that.height - $img.height()) / 2
  1381. });
  1382. },
  1383. _centerX: function(image) {
  1384. var $img = $(image);
  1385.  
  1386. $img.css({
  1387. left: (that.width - $img.width()) / 2
  1388. });
  1389. },
  1390. _center: function(image) {
  1391. that.image._centerX(image);
  1392. that.image._centerY(image);
  1393. },
  1394. _aspectRatio: function(image) {
  1395. if (!image.naturalHeight && !image.naturalWidth) {
  1396. var img = new Image();
  1397. img.src = image.src;
  1398. image.naturalHeight = img.height;
  1399. image.naturalWidth = img.width;
  1400. }
  1401.  
  1402. return image.naturalHeight / image.naturalWidth;
  1403. },
  1404. _scale: function(image, image_aspect_ratio) {
  1405. image_aspect_ratio = image_aspect_ratio || that.image._aspectRatio(image);
  1406.  
  1407. var container_aspect_ratio = that.height / that.width,
  1408. $img = $(image);
  1409.  
  1410. if (container_aspect_ratio > image_aspect_ratio) {
  1411. $img.css({
  1412. height: that.height,
  1413. width: that.height / image_aspect_ratio
  1414. });
  1415.  
  1416. } else {
  1417. $img.css({
  1418. height: that.width * image_aspect_ratio,
  1419. width: that.width
  1420. });
  1421. }
  1422. }
  1423. };
  1424.  
  1425. var pagination = {
  1426. _setCurrent: function(i) {
  1427. if (!that.$pagination) { return; }
  1428.  
  1429. var $pagination_children = that.$pagination.children();
  1430.  
  1431. $pagination_children.removeClass('current');
  1432. $pagination_children.eq(i)
  1433. .addClass('current');
  1434. },
  1435. _addItem: function(i) {
  1436. var slide_number = i + 1,
  1437. href = slide_number,
  1438. $slide = that.$container.children().eq(i),
  1439. slide_id = $slide.attr('id');
  1440.  
  1441. if (slide_id) {
  1442. href = slide_id;
  1443. }
  1444.  
  1445. var $item = $("<a>", {
  1446. 'href': "#" + href,
  1447. 'text': href
  1448. });
  1449.  
  1450. $item.appendTo(that.$pagination);
  1451. },
  1452. _setup: function() {
  1453. if (!that.options.pagination || that.size() === 1) { return; }
  1454.  
  1455. var $pagination = $("<nav>", {
  1456. 'class': that.options.elements.pagination.replace(/^\./, '')
  1457. });
  1458.  
  1459. that.$pagination = $pagination.appendTo(that.$el);
  1460.  
  1461. for (var i = 0; i < that.size(); i++) {
  1462. that.pagination._addItem(i);
  1463. }
  1464. },
  1465. _events: function() {
  1466. that.$el.on('click', that.options.elements.pagination + ' a', function(e) {
  1467. e.preventDefault();
  1468.  
  1469. var hash = that._parseHash(this.hash), index;
  1470. index = that._upcomingSlide(hash, true);
  1471.  
  1472. if (index !== that.current) {
  1473. that.animate(index, function() {
  1474. that.start();
  1475. });
  1476. }
  1477. });
  1478. }
  1479. };
  1480.  
  1481. this.css = css;
  1482. this.image = image;
  1483. this.pagination = pagination;
  1484. this.fx = fx;
  1485. this.animation = this.fx[this.options.animation];
  1486.  
  1487. this.$control = this.$container.wrap($control).parent('.slides-control');
  1488.  
  1489. that._findPositions();
  1490. that.width = that._findWidth();
  1491. that.height = that._findHeight();
  1492.  
  1493. this.css.children();
  1494. this.css.containers();
  1495. this.css.images();
  1496. this.pagination._setup();
  1497.  
  1498. return initialize();
  1499. };
  1500.  
  1501. Superslides.prototype = {
  1502. _findWidth: function() {
  1503. return $(this.options.inherit_width_from).width();
  1504. },
  1505. _findHeight: function() {
  1506. return $(this.options.inherit_height_from).height();
  1507. },
  1508.  
  1509. _findMultiplier: function() {
  1510. return this.size() === 1 ? 1 : 3;
  1511. },
  1512.  
  1513. _upcomingSlide: function(direction, from_hash_change) {
  1514. if (from_hash_change && !isNaN(direction)) {
  1515. direction = direction - 1;
  1516. }
  1517.  
  1518. if ((/next/).test(direction)) {
  1519. return this._nextInDom();
  1520.  
  1521. } else if ((/prev/).test(direction)) {
  1522. return this._prevInDom();
  1523.  
  1524. } else if ((/\d/).test(direction)) {
  1525. return +direction;
  1526.  
  1527. } else if (direction && (/\w/).test(direction)) {
  1528. var index = this._findSlideById(direction);
  1529. if (index >= 0) {
  1530. return index;
  1531. } else {
  1532. return 0;
  1533. }
  1534.  
  1535. } else {
  1536. return 0;
  1537. }
  1538. },
  1539.  
  1540. _findSlideById: function(id) {
  1541. return this.$container.find('#' + id).index();
  1542. },
  1543.  
  1544. _findPositions: function(current, thisRef) {
  1545. thisRef = thisRef || this;
  1546.  
  1547. if (current === undefined) {
  1548. current = -1;
  1549. }
  1550.  
  1551. thisRef.current = current;
  1552. thisRef.next = thisRef._nextInDom();
  1553. thisRef.prev = thisRef._prevInDom();
  1554. },
  1555.  
  1556. _nextInDom: function() {
  1557. var index = this.current + 1;
  1558.  
  1559. if (index === this.size()) {
  1560. index = 0;
  1561. }
  1562.  
  1563. return index;
  1564. },
  1565.  
  1566. _prevInDom: function() {
  1567. var index = this.current - 1;
  1568.  
  1569. if (index < 0) {
  1570. index = this.size() - 1;
  1571. }
  1572.  
  1573. return index;
  1574. },
  1575.  
  1576. _parseHash: function(hash) {
  1577. hash = hash || window.location.hash;
  1578. hash = hash.replace(/^#/, '');
  1579.  
  1580. if (hash && !isNaN(+hash)) {
  1581. hash = +hash;
  1582. }
  1583.  
  1584. return hash;
  1585. },
  1586.  
  1587. size: function() {
  1588. return this.$container.children().length;
  1589. },
  1590.  
  1591. destroy: function() {
  1592. return this.$el.removeData();
  1593. },
  1594.  
  1595. update: function() {
  1596. this.css.children();
  1597. this.css.containers();
  1598. this.css.images();
  1599.  
  1600. this.pagination._addItem(this.size())
  1601.  
  1602. this._findPositions(this.current);
  1603. this.$el.trigger('updated.slides');
  1604. },
  1605.  
  1606. stop: function() {
  1607. clearInterval(this.play_id);
  1608. delete this.play_id;
  1609.  
  1610. this.$el.trigger('stopped.slides');
  1611. },
  1612.  
  1613. start: function() {
  1614. var that = this;
  1615.  
  1616. if (that.options.hashchange) {
  1617. $(window).trigger('hashchange');
  1618. } else {
  1619. this.animate();
  1620. }
  1621.  
  1622. if (this.options.play) {
  1623. if (this.play_id) {
  1624. this.stop();
  1625. }
  1626.  
  1627. this.play_id = setInterval(function() {
  1628. that.animate();
  1629. }, this.options.play);
  1630. }
  1631.  
  1632. this.$el.trigger('started.slides');
  1633. },
  1634.  
  1635. animate: function(direction, userCallback) {
  1636. var that = this,
  1637. orientation = {};
  1638.  
  1639. if (this.animating) {
  1640. return;
  1641. }
  1642.  
  1643. this.animating = true;
  1644.  
  1645. if (direction === undefined) {
  1646. direction = 'next';
  1647. }
  1648.  
  1649. orientation.upcoming_slide = this._upcomingSlide(direction);
  1650.  
  1651. if (orientation.upcoming_slide >= this.size()) {
  1652. return;
  1653. }
  1654.  
  1655. orientation.outgoing_slide = this.current;
  1656. orientation.upcoming_position = this.width * 2;
  1657. orientation.offset = -orientation.upcoming_position;
  1658.  
  1659. if (direction === 'prev' || direction < orientation.outgoing_slide) {
  1660. orientation.upcoming_position = 0;
  1661. orientation.offset = 0;
  1662. }
  1663.  
  1664. if (that.size() > 1) {
  1665. that.pagination._setCurrent(orientation.upcoming_slide);
  1666. }
  1667.  
  1668. if (that.options.hashchange) {
  1669. var hash = orientation.upcoming_slide + 1,
  1670. id = that.$container.children(':eq(' + orientation.upcoming_slide + ')').attr('id');
  1671.  
  1672. if (id) {
  1673. window.location.hash = id;
  1674. } else {
  1675. window.location.hash = hash;
  1676. }
  1677. }
  1678. if (that.size() === 1) {
  1679. that.stop();
  1680. that.options.play = 0;
  1681. that.options.animation_speed = 0;
  1682. orientation.upcoming_slide = 0;
  1683. orientation.outgoing_slide = -1;
  1684. }
  1685. that.$el.trigger('animating.slides', [orientation]);
  1686.  
  1687. that.animation(orientation, function() {
  1688. that._findPositions(orientation.upcoming_slide, that);
  1689.  
  1690. if (typeof userCallback === 'function') {
  1691. userCallback();
  1692. }
  1693.  
  1694. that.animating = false;
  1695. that.$el.trigger('animated.slides');
  1696.  
  1697. if (!that.init) {
  1698. that.$el.trigger('init.slides');
  1699. that.init = true;
  1700. that.$container.fadeIn('fast');
  1701. }
  1702. });
  1703. }
  1704. };
  1705.  
  1706. // jQuery plugin definition
  1707.  
  1708. $.fn[plugin] = function(option, args) {
  1709. var result = [];
  1710.  
  1711. this.each(function() {
  1712. var $this, data, options;
  1713.  
  1714. $this = $(this);
  1715. data = $this.data(plugin);
  1716. options = typeof option === 'object' && option;
  1717.  
  1718. if (!data) {
  1719. result = $this.data(plugin, (data = new Superslides(this, options)));
  1720. }
  1721.  
  1722. if (typeof option === "string") {
  1723. result = data[option];
  1724. if (typeof result === 'function') {
  1725. return result = result.call(data, args);
  1726. }
  1727. }
  1728. });
  1729.  
  1730. return result;
  1731. };
  1732.  
  1733. $.fn[plugin].fx = {};
  1734.  
  1735. })(this, jQuery);
  1736.  
  1737.  
  1738.  
  1739.  
  1740. $(document).ready(function(){
  1741.  
  1742. $('#slides').superslides({
  1743. animation: '{select:Slide Animation}',
  1744. hashchange: false,
  1745. pagination: true,
  1746. play: {block:IfSliderSpeed}{text:Slider Speed}{/block:IfSliderSpeed}{block:IfNotSliderSpeed}false{/block:IfNotSliderSpeed} // change to false to stop animation
  1747. });
  1748.  
  1749. });{/block:IfEnableSlider}
  1750. {block:IfInfiniteScroll}// infinitescroll() is called on the element that surrounds the items you will be loading more of
  1751. $('.thumbs').infinitescroll({
  1752. navSelector: ".site-pagination", //- selector for the paged navigation (it will be hidden)
  1753. nextSelector: ".site-pagination a.pagination-next", //- selector for the NEXT link (to page 2)
  1754. itemSelector: ".thumbs .thumb", //- selector for all items you'll retrieve
  1755. msgText: "Loading...",
  1756. //animate: true, //- leave off to work on iphone
  1757. bufferPx: 100,
  1758. loadingImg: "http://static.tumblr.com/6az34or/k5Lnwgon3/ajax-loader.gif" // loading image
  1759. });
  1760.  
  1761. // remove the paginator when we're done.
  1762. $(document).ajaxError(function(e,xhr,opt){
  1763. if (xhr.status == 404) $('a.pagination-next').remove();
  1764. });
  1765. {/block:IfInfiniteScroll}
  1766. {/block:IndexPage}
  1767. </script>
  1768. <!-- Widgets-->
  1769. {block:IfShowWidgetTwitter}
  1770. {block:Twitter}
  1771. <script src="/tweets.js"></script><script>/**
  1772. * Timeago is a jQuery plugin that makes it easy to support automatically
  1773. * updating fuzzy timestamps (e.g. "4 minutes ago" or "about 1 day ago").
  1774. *
  1775. * @name timeago
  1776. * @version 1.5.2
  1777. * @requires jQuery v1.2.3+
  1778. * @author Ryan McGeary
  1779. * @license MIT License - http://www.opensource.org/licenses/mit-license.php
  1780. *
  1781. * For usage and examples, visit:
  1782. * http://timeago.yarp.com/
  1783. *
  1784. * Copyright (c) 2008-2015, Ryan McGeary (ryan -[at]- mcgeary [*dot*] org)
  1785. */
  1786.  
  1787. !function(t){"function"==typeof define&&define.amd?define(["jquery"],t):t("object"==typeof module&&"object"==typeof module.exports?require("jquery"):jQuery)}(function(t){function e(){var e=r.settings;if(e.autoDispose&&!t.contains(document.documentElement,this))return t(this).timeago("dispose"),this;var o=a(this);return isNaN(o.datetime)||(0==e.cutoff||Math.abs(n(o.datetime))<e.cutoff)&&t(this).text(i(o.datetime)),this}function a(e){if(e=t(e),!e.data("timeago")){e.data("timeago",{datetime:r.datetime(e)});var a=t.trim(e.text());r.settings.localeTitle?e.attr("title",e.data("timeago").datetime.toLocaleString()):!(a.length>0)||r.isTime(e)&&e.attr("title")||e.attr("title",a)}return e.data("timeago")}function i(t){return r.inWords(n(t))}function n(t){return(new Date).getTime()-t.getTime()}t.timeago=function(e){return i(e instanceof Date?e:"string"==typeof e?t.timeago.parse(e):"number"==typeof e?new Date(e):t.timeago.datetime(e))};var r=t.timeago;t.extend(t.timeago,{settings:{refreshMillis:6e4,allowPast:!0,allowFuture:!1,localeTitle:!1,cutoff:0,autoDispose:!0,strings:{prefixAgo:null,prefixFromNow:null,suffixAgo:"ago",suffixFromNow:"from now",inPast:"any moment now",seconds:"less than a minute",minute:"about a minute",minutes:"%d minutes",hour:"about an hour",hours:"about %d hours",day:"a day",days:"%d days",month:"about a month",months:"%d months",year:"about a year",years:"%d years",wordSeparator:" ",numbers:[]}},inWords:function(e){function a(a,n){var r=t.isFunction(a)?a(n,e):a,o=i.numbers&&i.numbers[n]||n;return r.replace(/%d/i,o)}if(!this.settings.allowPast&&!this.settings.allowFuture)throw"timeago allowPast and allowFuture settings can not both be set to false.";var i=this.settings.strings,n=i.prefixAgo,r=i.suffixAgo;if(this.settings.allowFuture&&0>e&&(n=i.prefixFromNow,r=i.suffixFromNow),!this.settings.allowPast&&e>=0)return this.settings.strings.inPast;var o=Math.abs(e)/1e3,s=o/60,u=s/60,m=u/24,l=m/365,d=45>o&&a(i.seconds,Math.round(o))||90>o&&a(i.minute,1)||45>s&&a(i.minutes,Math.round(s))||90>s&&a(i.hour,1)||24>u&&a(i.hours,Math.round(u))||42>u&&a(i.day,1)||30>m&&a(i.days,Math.round(m))||45>m&&a(i.month,1)||365>m&&a(i.months,Math.round(m/30))||1.5>l&&a(i.year,1)||a(i.years,Math.round(l)),f=i.wordSeparator||"";return void 0===i.wordSeparator&&(f=" "),t.trim([n,d,r].join(f))},parse:function(e){var a=t.trim(e);return a=a.replace(/\.\d+/,""),a=a.replace(/-/,"/").replace(/-/,"/"),a=a.replace(/T/," ").replace(/Z/," UTC"),a=a.replace(/([\+\-]\d\d)\:?(\d\d)/," $1$2"),a=a.replace(/([\+\-]\d\d)$/," $100"),new Date(a)},datetime:function(e){var a=r.isTime(e)?t(e).attr("datetime"):t(e).attr("title");return r.parse(a)},isTime:function(e){return"time"===t(e).get(0).tagName.toLowerCase()}});var o={init:function(){var a=t.proxy(e,this);a();var i=r.settings;i.refreshMillis>0&&(this._timeagoInterval=setInterval(a,i.refreshMillis))},update:function(a){var i=a instanceof Date?a:r.parse(a);t(this).data("timeago",{datetime:i}),r.settings.localeTitle&&t(this).attr("title",i.toLocaleString()),e.apply(this)},updateFromDOM:function(){t(this).data("timeago",{datetime:r.parse(r.isTime(this)?t(this).attr("datetime"):t(this).attr("title"))}),e.apply(this)},dispose:function(){this._timeagoInterval&&(window.clearInterval(this._timeagoInterval),this._timeagoInterval=null)}};t.fn.timeago=function(t,e){var a=t?o[t]:o.init;if(!a)throw new Error("Unknown function name '"+t+"' for timeago");return this.each(function(){a.call(this,e)}),this},document.createElement("abbr"),document.createElement("time")}); $(document).ready(function() {
  1788. jQuery("span.timeago").timeago();
  1789. });
  1790. </script>
  1791. {/block:Twitter}
  1792. {/block:IfShowWidgetTwitter}
  1793. {block:IfShowWidgetFlickr}
  1794. {block:IfFlickrUserID}
  1795. <script>/**
  1796. * Plugin: jquery.FlickrFeed
  1797. * Version: 1.0.0
  1798. *
  1799. * Description: jQuery plugin for display of Flickr photo feeds
  1800. **/
  1801.  
  1802. (function($){
  1803.  
  1804. $.fn.flickrfeed = function(userid, useroptions) {
  1805.  
  1806. // Set pluign defaults
  1807. var defaults = {
  1808. limit: 8,
  1809. imagesize: 'square'
  1810. };
  1811. var options = $.extend(defaults, useroptions);
  1812.  
  1813. // Functions
  1814. return this.each(function(i, e) {
  1815.  
  1816. // Define Flickr feed API address
  1817. var api = 'https://api.flickr.com/services/feeds/photos_public.gne?lang=en-us&format=json&jsoncallback=?';
  1818. if (userid != '') api += '&id=' + userid;
  1819.  
  1820. // Send request
  1821. $.getJSON(api, function(data){
  1822.  
  1823. // Process the feeds
  1824. _callback(e, data, options);
  1825. });
  1826. });
  1827. };
  1828.  
  1829. // Callback function to create HTML result
  1830. var _callback = function(e, data, options) {
  1831. if (!data) {
  1832. return false;
  1833. }
  1834. var html = '';
  1835.  
  1836. // Add body
  1837. html += '<div class="mini-thumbs">';
  1838.  
  1839. var feeds = data.items;
  1840. var count = feeds.length;
  1841. if (count > options.limit) count = options.limit;
  1842.  
  1843. // Add feeds
  1844. for (var i=0; i<count; i++) {
  1845.  
  1846. // Get individual feed
  1847. var photo= feeds[i];
  1848. var link = '<a href="'+ photo.link + '" title="'+ photo.title +' (View on Flickr)" target="_black">';
  1849.  
  1850. // Select image size
  1851. var src = photo.media.m;
  1852. if (options.imagesize == 'square') src = src.replace('_m', '_s');
  1853. if (options.imagesize == 'thumbnail') src = src.replace('_m', '_t');
  1854. if (options.imagesize == 'medium') src = src.replace('_m', '');
  1855.  
  1856. html += link +'<img src="'+ src +'" class="mini-thumb" alt="'+ photo.title +'"></a>';
  1857.  
  1858. }
  1859.  
  1860. html += '</ul>'
  1861.  
  1862. $(e).html(html);
  1863. };
  1864. })(jQuery); $(document).ready(function() {
  1865. $('#flickr').flickrfeed('{text:Flickr User ID}', {
  1866. {block:IfNotWidgetFlickrWide}limit: 4,{/block:IfNotWidgetFlickrWide}
  1867. {block:IfWidgetFlickrWide}limit: 8,{/block:IfWidgetFlickrWide}
  1868. imagesize: 'Large Square'
  1869. });
  1870. });
  1871. </script>
  1872. {/block:IfFlickrUserID}
  1873. {/block:IfShowWidgetFlickr}
  1874. {block:IfShowWidgetInstagram}
  1875. <script>/*
  1876. * jQInstaPics
  1877. * Created by: Abid Din - http://craftedpixelz.co.uk
  1878. * Version: 1.0
  1879. * Copyright: Crafted Pixelz
  1880. * License: MIT license
  1881. * Updated: 26th April 2013
  1882. * Changed by: Misspato / Jun 23, 2015
  1883. */
  1884.  
  1885. (function ($) {
  1886. $.fn.jqinstapics = function (options) {
  1887.  
  1888. // Defaults
  1889. var defaults = {
  1890. "user_id": null,
  1891. "access_token": null,
  1892. "count": 10
  1893. };
  1894.  
  1895. var o = $.extend(defaults, options);
  1896.  
  1897. return this.each(function () {
  1898.  
  1899. // Vars
  1900. var elem = $(this),
  1901. url = "https://api.instagram.com/v1/users/" + o.user_id + "/media/recent?access_token=" + o.access_token + "&count=" + o.count + "&callback=?";
  1902.  
  1903. // Get the images
  1904. $.getJSON(url, function(data){
  1905. $.each(data.data, function (i, val) {
  1906. var a = $("<a/>", {"href": val.link, "target": "_blank"}).appendTo(elem),
  1907. img = $("<img/>", {"src": val.images.thumbnail.url, "class": "mini-thumb"}).appendTo(a);
  1908.  
  1909. if (val.caption){
  1910. a.attr("title", val.caption.text);
  1911. }
  1912. });
  1913. });
  1914.  
  1915. if(o.user_id == null || o.access_token == null){
  1916. elem.append("<p>Please specify a User ID and Access Token, as outlined in the docs.</p>");
  1917. }
  1918.  
  1919. });
  1920. };
  1921. })(jQuery);
  1922. $(document).ready(function() {
  1923. $("#instagram").jqinstapics({
  1924. "user_id": "{text:Instagram User ID}",
  1925. "access_token": "{text:Instagram Access Token}",
  1926. {block:IfWidgetInstagramWide}"count": 8{/block:IfWidgetInstagramWide}
  1927. {block:IfNotWidgetInstagramWide}"count": 4{/block:IfNotWidgetInstagramWide}
  1928. });
  1929. });
  1930. </script>
  1931. {/block:IfShowWidgetInstagram}
  1932. {block:IfShowWidgetDribbble}
  1933. {block:ifDribbbleUsername}
  1934. <!-- Dribbble ///////////////////////////////////////////////////////////////////////////////////////-->
  1935. <script>/**
  1936. * @preserve
  1937. * Jribbble v2.0.4 | Thu Jun 4 01:49:29 2015 -0400
  1938. * Copyright (c) 2015, Tyler Gaw me@tylergaw.com
  1939. * Released under the ISC-LICENSE
  1940. */
  1941. !function(e,t,r,s){"use strict";e.jribbble={};var n=null,o="https://api.dribbble.com/v1",i=["animated","attachments","debuts","playoffs","rebounds","teams"],u={token:"Jribbble: Missing Dribbble access token. Set one with $.jribbble.accessToken = YOUR_ACCESS_TOKEN. If you do not have an access token, you must register a new application at https://dribbble.com/account/applications/new",singular:function(e){return e.substr(0,e.length-1)},idRequired:function(e){return"Jribbble: You have to provide a "+this.singular(e)+' ID. ex: $.jribbble.%@("1234").'.replace(/%@/g,e)},subResource:function(e){return"Jribbble: You have to provide a "+this.singular(e)+' ID to get %@. ex: $.jribbble.%@("1234").%@()'.replace(/%@/g,e)},shotId:function(e){return"Jribbble: You have to provide a shot ID to get %@. ex: "+' $.jribbble.shots("1234").%@()'.replace(/%@/g,e)},commentLikes:'Jribbble: You have to provide a comment ID to get likes. ex: $.jribbble.shots("1234").comments("456").likes()'},c=function(e,t){if(e&&"object"!=typeof e)return e;throw new Error(u.idRequired(t))},l=function(e){var t={};return e.forEach(function(e){t[e]=d.call(this,e)}.bind(this)),t},h=function(t){var r=e.param(t);return r?"?"+r:""},a=function(e){if(0!==e.length){var t=e[0],r=typeof t,s={};if("number"===r||"string"===r){var n=i.indexOf(t);n>-1?s.list=t:s.resource=t}else"object"===r&&(s=t);return s}},b=function(){var t=e.extend({},e.Deferred()),r=function(){return this.methods=[],this.response=null,this.flushed=!1,this.add=function(e){this.flushed?e(this.scope):this.methods.push(e)},this.flush=function(e){if(!this.flushed){for(this.scope=e,this.flushed=!0;this.methods[0];)this.methods.shift()(e);return e}},this};return t.queue=new r,t.url=o,t.get=function(){return n?(e.ajax({type:"GET",url:this.url,beforeSend:function(e){e.setRequestHeader("Authorization","Bearer "+n)},success:function(e){this.resolve(e)}.bind(this),error:function(e){this.reject(e)}.bind(this)}),this):(console.error(u.token),!1)},t},f=function(t){return function(r){return e.extend(this,b()),this.queue.add(function(e){e.url+="/"+t+"/"+r}),setTimeout(function(){this.queue.flush(this).get()}.bind(this)),this}},d=function(e){return function(t){return this.queue.add(function(r){r.url+="/"+e+"/"+h(t||{})}),this}};e.jribbble.shots=function(t,r){var s=a([].slice.call(arguments))||{},n=r||{},o=function(t){return function(r,s){var n=a([].slice.call(arguments))||{},o=s||{};return this.queue.add(function(r){if(!r.shotId)throw new Error(u.shotId(t));r.url+="/"+t+"/",n.resource&&(r.url+=n.resource,delete n.resource),r.url+=h(e.extend(n,o))}),this}},i=function(){return e.extend(this,b()),this.url+="/shots/",this.queue.add(function(t){s.resource&&(t.shotId=s.resource,t.url+=s.resource,delete s.resource),t.url+=h(e.extend(s,n))}),setTimeout(function(){this.queue.flush(this).get()}.bind(this)),this};return i.prototype.attachments=o("attachments"),i.prototype.buckets=o("buckets"),i.prototype.likes=o("likes"),i.prototype.projects=o("projects"),i.prototype.rebounds=o("rebounds"),i.prototype.comments=function(t,r){var s=a([].slice.call(arguments))||{},n=r||{};return this.queue.add(function(t){if(!t.shotId)throw new Error(u.shotId("comments"));t.url+="/comments/",s.resource&&(t.commentId=s.resource,t.url+=s.resource+"/",delete s.resource),t.url+=h(e.extend(s,n))}),this.likes=function(e){var t=e||{};return this.queue.add(function(e){if(!e.commentId)throw new Error(u.commentLikes);e.url+="likes/"+h(t)}),this},this},new i},e.jribbble.teams=function(e){var t="teams",r=c(e,t),s=f.call(this,t);return s.prototype=l.call(this,["members","shots"]),new s(r)},e.jribbble.users=function(e){var t="users",r=c(e,t),s=f.call(this,t);return s.prototype=l.call(this,["buckets","followers","following","likes","projects","shots","teams"]),s.prototype.isFollowing=function(e){return this.queue.add(function(t){t.url+="/following/"+e}),this},new s(r)},e.jribbble.buckets=function(e){var t="buckets",r=c(e,t),s=f.call(this,t);return s.prototype=l.call(this,["shots"]),new s(r)},e.jribbble.projects=function(e){var t="projects",r=c(e,t),s=f.call(this,t);return s.prototype=l.call(this,["shots"]),new s(r)},e.jribbble.setToken=function(e){return n=e,this}}(jQuery,window,document);
  1942. </script>
  1943. <script>
  1944. $.jribbble.setToken('e1b2b748c02ef1fdd3cf942782b54bfb687faa01a7a351cef32deb9f98170d8e');
  1945. $.jribbble.users('{text:Dribbble Username}').shots({per_page: 4}).then(function(shots) {
  1946. var html = [];
  1947. shots.forEach(function(shot) {
  1948. html.push('<a href="' + shot.html_url + '" target="_blank" class="mini-thumb" ');
  1949. html.push('style="background:url(' + shot.images.normal + ') no-repeat top center; background-size: cover" >');
  1950. html.push('</a>');
  1951. });
  1952. $('#dribbble-shots').html(html.join(''));
  1953. });
  1954.  
  1955. </script>{/block:ifDribbbleUsername}
  1956. {/block:IfShowWidgetDribbble}
  1957. {block:PermalinkPage}
  1958. <script>/*!
  1959. * FitVids 1.1
  1960. *
  1961. * Copyright 2013, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com
  1962. * Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
  1963. * Released under the WTFPL license - http://sam.zoy.org/wtfpl/
  1964. *
  1965. */
  1966.  
  1967. !function(t){"use strict";t.fn.fitVids=function(e){var i={customSelector:null,ignore:null};if(!document.getElementById("fit-vids-style")){var r=document.head||document.getElementsByTagName("head")[0],a=".fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}",d=document.createElement("div");d.innerHTML='<p>x</p><style id="fit-vids-style">'+a+"</style>",r.appendChild(d.childNodes[1])}return e&&t.extend(i,e),this.each(function(){var e=['iframe[src*="player.vimeo.com"]','iframe[src*="youtube.com"]','iframe[src*="youtube-nocookie.com"]','iframe[src*="kickstarter.com"][src*="video.html"]',"object","embed"];i.customSelector&&e.push(i.customSelector);var r=".fitvidsignore";i.ignore&&(r=r+", "+i.ignore);var a=t(this).find(e.join(","));a=a.not("object object"),a=a.not(r),a.each(function(e){var i=t(this);if(!(i.parents(r).length>0||"embed"===this.tagName.toLowerCase()&&i.parent("object").length||i.parent(".fluid-width-video-wrapper").length)){i.css("height")||i.css("width")||!isNaN(i.attr("height"))&&!isNaN(i.attr("width"))||(i.attr("height",9),i.attr("width",16));var a="object"===this.tagName.toLowerCase()||i.attr("height")&&!isNaN(parseInt(i.attr("height"),10))?parseInt(i.attr("height"),10):i.height(),d=isNaN(parseInt(i.attr("width"),10))?i.width():parseInt(i.attr("width"),10),o=a/d;if(!i.attr("id")){var h="fitvid"+e;i.attr("id",h)}i.wrap('<div class="fluid-width-video-wrapper"></div>').parent(".fluid-width-video-wrapper").css("padding-top",100*o+"%"),i.removeAttr("height").removeAttr("width")}})})}}(window.jQuery||window.Zepto); $(document).ready(function(){
  1968. $(".tmblr-embed").fitVids();
  1969. });
  1970. </script>
  1971. {/block:PermalinkPage}{block:PermalinkPage}
  1972. <!-- Keyboard Navigation ////////////////////////////////////////////////////////////////////////////-->
  1973. <script src="//static.tumblr.com/kqvcxur/ayhnz5kxe/mousetrap.min.js"></script>{block:Pagination}
  1974. <script>
  1975. {block:PreviousPage}Mousetrap.bind('left', function() { window.location.href="{PreviousPage}"; });{/block:PreviousPage}
  1976. {block:NextPage}Mousetrap.bind('right', function() { window.location.href="{NextPage}"; });{/block:NextPage}
  1977. </script>{/block:Pagination}
  1978. {block:PermalinkPagination}
  1979. <script>
  1980. {block:PreviousPost}Mousetrap.bind('left', function() { window.location.href="{PreviousPost}"; });{/block:PreviousPost}
  1981. {block:NextPost}Mousetrap.bind('right', function() { window.location.href="{NextPost}"; });{/block:NextPost}
  1982. </script>{/block:PermalinkPagination}
  1983. {block:DayPagination}
  1984. <script>
  1985. {block:PreviousDayPage}Mousetrap.bind('left', function() { window.location.href="{PreviousDayPage}"; });{/block:PreviousDayPage}
  1986. {block:NextDayPage}Mousetrap.bind('right', function() { window.location.href="{NextDayPage}"; });{/block:NextDayPage}
  1987. </script>{/block:DayPagination}
  1988. <script>
  1989. Mousetrap.bind('h', function() { window.location.href="/"; });
  1990. Mousetrap.bind('r', function() { window.location.href="/random"; });
  1991. </script>{/block:PermalinkPage}
  1992. <!-- Footer Custom Code ////////////////////////////////////////////////////////////////////////////-->
  1993. {text:Footer HTML Code}
  1994. </body>
  1995. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!