Advertisement
Sammykat

Untitled

May 22nd, 2018
224
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.76 KB | None | 0 0
  1. <!DOCTYPE html><!--Endless scroll *does* work. Look at my demo page !-->
  2. <!--[if IE 8]><html class="lt-ie10 lt-ie9"><![endif]-->
  3. <!--[if IE 9]><html class="lt-ie10"><![endif]-->
  4. <!--[if IE 10]><html><![endif]-->
  5. <head>
  6. <!-- Theme Name: Glossy Mag v1.3.9 2016-04-02
  7. By: Pascal Lessard -->
  8. <meta charset="UTF-8"/>
  9. <meta name="viewport" content="width=device-width, initial-scale=1"/>
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  11. <title>{Title}{block:PostSummary} &bull; {PostSummary}{/block:PostSummary}{block:SearchPage} &bull; {lang:Search results for SearchQuery}{/block:SearchPage}{block:TagPage} &bull; Posts tagged with &lsquo;{Tag}&rsquo;{/block:TagPage}</title>
  12. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  13. <link rel="preload" href="{image:Background Image}" as="image">
  14. <link rel="stylesheet" href="//static.tumblr.com/6mlorgm/pT0o50k9x/glossymag139.css"/>
  15. <link rel="stylesheet" href="//cdn.jsdelivr.net/fontawesome/latest/css/font-awesome.min.css"/>
  16. <link rel="stylesheet" href="//fonts.googleapis.com/css?family={select:Post font}:400,700,700italic,900,900italic,400italic,300"/>
  17. <link rel="stylesheet" href="//fonts.googleapis.com/css?family={select:Sidebar font}:400,700,700italic,900,900italic,400italic,300"/>
  18. <link rel="stylesheet" href="//fonts.googleapis.com/css?family={select:Title font}:400,700,700italic,900,900italic,400italic,300"/>
  19. <!--[if lt IE 9]><script src="//static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script><![endif]-->
  20. <script src="//static.tumblr.com/6mlorgm/FXJo4aur3/js.js"></script>
  21. {block:IfEndlessScrolling}<script src="//cdn.jsdelivr.net/g/jquery.infinitescroll"></script>
  22. {block:IfEndlessScrollingTrigger}<script src="//static.tumblr.com/zdvilra/btsniu93y/manual-trigger.js"></script>{/block:IfEndlessScrollingTrigger}{/block:IfEndlessScrolling}{block:Hidden}<meta name="color:Blog background color" content="#eeeeee"/><meta name="if:Repeat Background" content="1"/><meta name="image:Background image" content=""/><meta name="color:Sidebar background color" content="#fafafa"/><meta name="select:Sidebar background opacity" content="1" title="100%"/><meta name="select:Sidebar background opacity" content="0.9" title="90%"/><meta name="select:Sidebar background opacity" content="0.8" title="80%"/><meta name="select:Sidebar background opacity" content="0.7" title="70%"/><meta name="select:Sidebar background opacity" content="0.6" title="60%"/><meta name="select:Sidebar background opacity" content="0.5" title="50%"/><meta name="select:Sidebar background opacity" content="0.4" title="40%"/><meta name="select:Sidebar background opacity" content="0.3" title="30%"/><meta name="select:Sidebar background opacity" content="0.2" title="20%"/><meta name="select:Sidebar background opacity" content="0.1" title="10%"/><meta name="color:Sidebar font color" content="#dcecf5"/><meta name="select:Sidebar font" content="Arial" title="Arial"/><meta name="select:Sidebar font" content="Cabin" title="Cabin"/><meta name="select:Sidebar font" content="Droid Serif" title="Droid Serif"/><meta name="select:Sidebar font" content="Georgia" title="Georgia"/><meta name="select:Sidebar font" content="Lato" title="Lato"/><meta name="select:Sidebar font" content="Merriweather" title="Merriweather"/><meta name="select:Sidebar font" content="Open Sans" title="Open Sans"/><meta name="select:Sidebar font" content="PT Sans" title="PT Sans"/><meta name="select:Sidebar font" content="Raleway" title="Raleway"/><meta name="select:Sidebar font" content="Roboto Slab" title="Roboto Slab"/><meta name="select:Sidebar font" content="Roboto" title="Roboto"/><meta name="select:Sidebar font" content="Source Sans Pro" title="Source Sans Pro"/><meta name="select:Sidebar font" content="Varela Round" title="Varela Round"/><meta name="select:Sidebar font" content="Varela" title="Varela"/><meta name="select:Sidebar font" content="Vollkorn" title="Volkorn"/><meta name="select:Sidebar font" content="Yanone Kaffeesatz" title="Yanone Kaffeesatz"/><meta name="color:Sidebar toolbar infotext color" content="#ffffff"/><meta name="color:Sidebar search border on focus" content="#102029"/><meta name="image:Sidebar portrait" content=""/><meta name="if:Show archive page" content="1"/><meta name="if:Show feed page" content="1"/><meta name="if:Show random post" content="1"/><meta name="if:Show posts I like" content="0"/><meta name="if:Do not show page link icon" content="0"/><meta name="if:Show people I follow" content="1"/><meta name="color:Post background color" content="#FFF"/><meta name="select:Post background opacity" content="1" title="100%"/><meta name="select:Post background opacity" content="0.9" title="90%"/><meta name="select:Post background opacity" content="0.8" title="80%"/><meta name="select:Post background opacity" content="0.7" title="70%"/><meta name="select:Post background opacity" content="0.6" title="60%"/><meta name="select:Post background opacity" content="0.5" title="50%"/><meta name="select:Post background opacity" content="0.4" title="40%"/><meta name="select:Post background opacity" content="0.3" title="30%"/><meta name="select:Post background opacity" content="0.2" title="20%"/><meta name="select:Post background opacity" content="0.1" title="10%"/><meta name="color:Post font color" content="#000"/><meta name="text:Text size" content="14px"/><meta name="color:Tags color" content="#666"/><meta name="select:Post font" content="Alegreya" title="Alegreya"/><meta name="select:Post font" content="Amiri" title="Amiri"/><meta name="select:Post font" content="Arvo" title="Arvo"/><meta name="select:Post font" content="Cabin" title="Cabin"/><meta name="select:Post font" content="Fira Sans" title="Fira Sans"/><meta name="select:Post font" content="Fjord One" title="Fjord One"/><meta name="select:Post font" content="Lancelot" title="Lancelot"/><meta name="select:Post font" content="Lato:700" title="Lato"/><meta name="select:Post font" content="Lora" title="Lora"/><meta name="select:Post font" content="Mandali" title="Mandali"/><meta name="select:Post font" content="Merriweather Sans" title="Merriweather Sans"/><meta name="select:Post font" content="Merriweather" title="Merriweather"/><meta name="select:Post font" content="Montserrat" title="Montserrat"/><meta name="select:Post font" content="Noto Sans" title="Noto Sans"/><meta name="select:Post font" content="Open Sans" title="Open Sans"/><meta name="select:Post font" content="Palanquin" title="Palanquin"/><meta name="select:Post font" content="Raleway" title="Raleway"/><meta name="select:Post font" content="Rosario" title="Rosario"/><meta name="select:Post font" content="Sorts Mill Goudy" title="Sorts Mill Goudy"/><meta name="select:Post font" content="Source Sans Pro" title="Source Sans Pro"/><meta name="select:Post font" content="Source Serif Pro" title="Source Serif Pro"/><meta name="select:Post font" content="Ubuntu" title="Ubuntu"/><meta name="select:Post font" content="Varela Round" title="Varela Round"/><meta name="text:Title size" content="160%"/><meta name="select:Title font" content="Alegreya Sans" title="Alegreya Sans"/><meta name="select:Title font" content="Amatic SC" title="Amatic SC"/><meta name="select:Title font" content="Architects Daughter" title="Architects Daughter"/><meta name="select:Title font" content="Bangers" title="Bangers"/><meta name="select:Title font" content="Bubblegum Sans" title="Bubblegum Sans"/><meta name="select:Title font" content="Ceviche One" title="Ceviche One"/><meta name="select:Title font" content="Courgette" title="Courgette"/><meta name="select:Title font" content="Domine" title="Domine"/><meta name="select:Title font" content="Fredericka the Great" title="Fredericka the Great"/><meta name="select:Title font" content="Gochi Hand" title="Gochi Hand"/><meta name="select:Title font" content="Indie Flower" title="Indie Flower"/><meta name="select:Title font" content="Itim" title="Itim"/><meta name="select:Title font" content="Knewave" title="Knewave"/><meta name="select:Title font" content="Lato:900" title="Lato"/><meta name="select:Title font" content="Lobster" title="Lobster"/><meta name="select:Title font" content="Montserrat" title="Montserrat"/><meta name="select:Title font" content="Oregano" title="Oregano"/><meta name="select:Title font" content="Patua One" title="Patua One "/><meta name="select:Title font" content="Permanent Marker" title="Permanent Marker"/><meta name="select:Title font" content="Roboto" title="Roboto"/><meta name="select:Title font" content="Rock Salt" title="Rock Salt"/><meta name="select:Title font" content="Shadows Into Light" title="Shadows Into Light"/><meta name="color:Zoom icon color" content="#427ea3"/><meta name="select:Layout type" content="one-column" title="One column"/><meta name="select:Layout type" content="two-column" title="Two column"/><meta name="select:Layout type" content="three-column" title="Three column"/><meta name="if:Endless scrolling" content="0"/><meta name="if:Endless scrolling trigger" content="1"/><meta name="if:Hide captions" content="0"/><meta name="if:Date format Time Ago" content="0"/><meta name="if:Navigation arrows are sidebar font or toolbar infotext color" content="0"/><meta name="text:Tag 1" content=""/><meta name="text:Tag 2" content=""/><meta name="text:Tag 3" content=""/><meta name="text:Tag 4" content=""/><meta name="text:Tag 5" content=""/><meta name="text:Tag 6" content=""/><meta name="text:Tag 7" content=""/><meta name="text:Tag 8" content=""/><meta name="text:Tag 9" content=""/><meta name="text:Tag 10" content=""/><meta name="text:Tag 11" content=""/><meta name="text:Tag 12" content=""/><meta name="text:Tag 13" content=""/><meta name="text:Tag 14" content=""/><meta name="text:Tag 15" content=""/><meta name="text:Behance URL" content=""/><meta name="text:DeviantArt URL" content=""/><meta name="text:Disqus shortname" content=""/><meta name="text:Dribbble URL" content=""/><meta name="text:Facebook URL" content=""/><meta name="text:Flickr URL" content=""/><meta name="text:Flickr ID" content=""/><meta name="text:Flickr limit" content="6"/><meta name="text:GitHub URL" content=""/><meta name="text:Google Plus URL" content=""/><meta name="text:Google analytics ID" content=""/><meta name="text:H site URL" content=""/><meta name="text:H site name" content=""/><meta name="text:Instagram URL" content=""/><meta name="text:Instagram user content to display" content=""/><meta name="text:Instagram access permission" content=""/><meta name="text:Instagram photo count" content="6"/><meta name="text:LinkedIn URL" content=""/><meta name="text:Pinterest URL" content=""/><meta name="text:SoundCloud URL" content=""/><meta name="text:Spotify URL" content=""/><meta name="text:Tumblr URL" content=""/><meta name="text:Tumblr blog name" content=""/><meta name="text:Twitter ID" content=""/><meta name="text:Vimeo URL" content=""/><meta name="text:WebSite URL" content=""/><meta name="text:Website name" content=""/><meta name="text:X site URL" content=""/><meta name="text:X site name" content=""/><meta name="text:Youtube URL" content=""/><meta name="text:Wordpress URL" content=""/><meta name="text:Extra scripts" content=""/>{/block:Hidden}
  23. <link rel="shortcut icon" href="{Favicon}"/>
  24. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}"/>
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  26. <style>
  27. /* Fonts */
  28. a h1.title,h2,.link-text,.question-container,.signature,.odd .label,.even .label,.quotedtext,.sezwho:first-line,.sezwho p:first-of-type:first-line{font-family:"{select:Title font}",sans-serif}
  29. h2,.link-text,.quotedtext,.sezwho:first-line,.sezwho p:first-of-type:first-line{font-size:{text:Title size}}
  30. body{font-family:"{select:Post font}",sans-serif;font-size:{text:Text size}}
  31. .sideBar{font-family:"{select:Sidebar font}",sans-serif}
  32. /* Color */
  33. a,.quotedtext::before,.quotedtext::after,.signature{color:{AccentColor}}
  34. .link-container{background-color:rgba({RGBAccentColor},0.8)}
  35. .question-container,.odd{background-color:rgba({RGBAccentColor},0.1)}
  36. blockquote,.post-notes ol.notes blockquote{border-color:rgba({RGBAccentColor},0.5)}
  37. body{color:{color:Post font color}}
  38. article{background-color:rgba({RGBcolor:Post background color},{select:Post background opacity})}
  39. .sideBar,a#prev,a#next,a#scrollup{background-color:rgba({RGBcolor:Sidebar background color},{select:Sidebar background opacity})}
  40. .sideBar,.input-label::before,.input-label::after{color:{color:Sidebar font color}}
  41. .sideBar hr,#instafeed img,.thumbs li{background-color:{color:Sidebar font color}}
  42. .sideBar hr,ul.followed li{border-color:{color:Sidebar font color}}
  43. .input-label::after{border-color:{color:Sidebar search border on focus}}
  44. #sidebar-toolbar li:hover span{color:{color:Sidebar toolbar infotext color}}
  45. .post-bar,.tags-container,.post-notes ol.notes li.like::after,.post-notes ol.notes li.reblog::after,.post-notes ol.notes li.reply::after,.post-notes ol.notes li.answer::after,.post-notes ol.notes li.original_post::after,.info{color:{color:Tags color}}
  46. .zoom-one,.zoom-icon{background-color:{color:Zoom icon color}}
  47. /* Conditions */
  48. .bg{{block:IfNotBackgroundImageImage}background-color:{color:Blog background color};{/block:IfNotBackgroundImageImage}{block:IfBackgroundImageImage}background:url("{image:Background Image}") {block:IfRepeatBackground}repeat top left;background-size:auto !important{/block:IfRepeatBackground}{/block:IfBackgroundImageImage}}
  49. #container{ {block:IndexPage}opacity:0;transition:opacity 0.5s ease;{/block:IndexPage}{block:PermalinkPage}padding:20px 0 100px 0{/block:PermalinkPage} }
  50. article,.two-column article,.one-column article{ {block:PermalinkPage}right:0;left:0;overflow:visible;width:60%;max-width:none;margin:50px auto{/block:PermalinkPage} }
  51. .avatar-img{background:url({Favicon})}
  52. .pageicon{ {block:IfDoNotShowPageLinkIcon}opacity:0;font-size:0%{/block:IfDoNotShowPageLinkIcon} }
  53. .pagination{ {block:IndexPage}{block:IfEndlessScrolling}{block:IfEndlessScrollingTrigger}width:50px !important;{/block:IfEndlessScrollingTrigger}{/block:IfEndlessScrolling}{/block:IndexPage} }
  54. a#prev,a#next,a#scrollup{color:{color:Sidebar toolbar infotext color};{block:ifNavigationarrowsaresidebarfontortoolbarinfotextcolor}color:{color:Sidebar font color};{/block:ifNavigationarrowsaresidebarfontortoolbarinfotextcolor} }
  55. a#next{ {block:IndexPage}{block:IfEndlessScrolling} opacity:0;{block:IfEndlessScrollingTrigger}opacity:1;-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);{/block:IfEndlessScrollingTrigger}{/block:IfEndlessScrolling}{/block:IndexPage} }
  56. {block:IndexPage}{block:IfHidecaptions}.hideCaption{display:none !important}{/block:IfHidecaptions}{/block:IndexPage}
  57. /* Media conditions */
  58. @media (max-width:1000px){article,.two-column article,.one-column article{ {block:PermalinkPage}right:0;left:0;overflow:visible;width:90%;max-width:none;margin:50px auto{/block:PermalinkPage} } }
  59. @media (max-width:50rem){article,.two-column article,.one-column article{ {block:PermalinkPage}margin:30px auto{/block:PermalinkPage} } }
  60. {CustomCSS}
  61. </style>
  62. </head>
  63. <body><div class="bg"></div>
  64. <div class="sideBar">
  65. {block:ifSidebarPortraitimage}<a class="bump" href="{BlogURL}"><div class="portraitimage"><img src="{image:Sidebar portrait}" alt="{title}"/></div></a>{/block:ifSidebarPortraitimage}{block:ifnotSidebarPortraitimage}{block:ShowAvatar}<a class="bump" href="{BlogURL}"><div class="avatar-img {AvatarShape}"></div></a>{/block:ShowAvatar}{/block:ifnotSidebarPortraitimage}{block:ShowTitle}<a class="bump" href="{BlogURL}"><h1 class="title description">{Title}</h1></a>{/block:ShowTitle}{block:ShowDescription}<p class="description">{Description}</p>{/block:ShowDescription}<hr><div id="sidebar-toolbar"><ul><div class="submenu"><li><div id="submenuactivator"><i class="fa fa-bars fa-lg"></i></div></li></div>{block:AskEnabled}<li><a href="/ask"><i class="fa fa-envelope fa-lg"></i><span>{AskLabel}</span></a></li>{/block:AskEnabled}{block:SubmissionsEnabled}<li><a href="/submit"><i class="fa fa-cloud-upload fa-lg"></i><span>{SubmitLabel}</span></a></li>{/block:SubmissionsEnabled}{block:IfShowArchivePage}<li><a href="/archive"><i class="fa fa-archive fa-lg"></i><span>{lang:Archive}</span></a></li>{/block:IfShowArchivePage}{block:IfShowFeedPage}<li><a href="{RSS}"><i class="fa fa-rss fa-lg"></i><span>{lang:Feed}</span></a></li>{/block:IfShowFeedPage}{block:IfShowRandomPost}<li><a href="/random"><i class="fa fa-random fa-lg"></i><span>{lang:Random}</span></a></li>{/block:IfShowRandomPost}</ul></div><hr>
  66. <div id="submenucontent" role="navigation"><div class="menu"><ul>{block:HasPages}{block:Pages}<li><a href="{URL}" {Target}><span class="pageicon"><i class="fa fa-link"></i></span><span>{Label}</span></a></li>{/block:Pages}</ul><ul>{/block:HasPages}{block:IfTag1}<li><a href="{BlogURL}tagged/{text:Tag 1}"><i class="fa fa-slack"></i><span>{text:Tag 1}</span></a></li>{/block:IfTag1}{block:IfTag2}<li><a href="{BlogURL}tagged/{text:Tag 2}"><i class="fa fa-slack"></i><span>{text:Tag 2}</span></a></li>{/block:IfTag2}{block:IfTag3}<li><a href="{BlogURL}tagged/{text:Tag 3}"><i class="fa fa-slack"></i><span>{text:Tag 3}</span></a></li>{/block:IfTag3}{block:IfTag4}<li><a href="{BlogURL}tagged/{text:Tag 4}"><i class="fa fa-slack"></i><span>{text:Tag 4}</span></a></li>{/block:IfTag4}{block:IfTag5}<li><a href="{BlogURL}tagged/{text:Tag 5}"><i class="fa fa-slack"></i><span>{text:Tag 5}</span></a></li>{/block:IfTag5}{block:IfTag6}<li><a href="{BlogURL}tagged/{text:Tag 6}"><i class="fa fa-slack"></i><span>{text:Tag 6}</span></a></li>{/block:IfTag6}{block:IfTag7}<li><a href="{BlogURL}tagged/{text:Tag 7}"><i class="fa fa-slack"></i><span>{text:Tag 7}</span></a></li>{/block:IfTag7}{block:IfTag8}<li><a href="{BlogURL}tagged/{text:Tag 8}"><i class="fa fa-slack"></i><span>{text:Tag 8}</span></a></li>{/block:IfTag8}{block:IfTag9}<li><a href="{BlogURL}tagged/{text:Tag 9}"><i class="fa fa-slack"></i><span>{text:Tag 9}</span></a></li>{/block:IfTag9}{block:IfTag10}<li><a href="{BlogURL}tagged/{text:Tag 10}"><i class="fa fa-slack"></i><span>{text:Tag 10}</span></a></li>{/block:IfTag10}{block:IfTag11}<li><a href="{BlogURL}tagged/{text:Tag 11}"><i class="fa fa-slack"></i><span>{text:Tag 11}</span></a></li>{/block:IfTag11}{block:IfTag12}<li><a href="{BlogURL}tagged/{text:Tag 12}"><i class="fa fa-slack"></i><span>{text:Tag 12}</span></a></li>{/block:IfTag12}{block:IfTag13}<li><a href="{BlogURL}tagged/{text:Tag 13}"><i class="fa fa-slack"></i><span>{text:Tag 13}</span></a></li>{/block:IfTag13}{block:IfTag14}<li><a href="{BlogURL}tagged/{text:Tag 14}"><i class="fa fa-slack"></i><span>{text:Tag 14}</span></a></li>{/block:IfTag14}{block:IfTag15}<li><a href="{BlogURL}tagged/{text:Tag 15}"><i class="fa fa-slack"></i><span>{text:Tag 15}</span></a></li>{/block:IfTag15}</ul><ul>{block:IfShowpostsIlike}<li><a href="//www.tumblr.com/liked/by/{Name}" target="_blank" title="{lang:Stuff I like}"><i class="fa fa-heart"></i><span>{lang:Likes}</span></a></li>{/block:IfShowpostsIlike}{block:IfTumblrURL}<li><a href="{text:Tumblr URL}" target="_blank"><i class="fa fa-tumblr"></i><span>{text:Tumblr blog name}</span></a></li>{/block:IfTumblrURL}{block:IfWebSiteURL}<li><a href="{text:WebSite URL}" target="_blank"><i class="fa fa-external-link"></i><span>{text:Website name}</span></a></li>{/block:IfWebSiteURL}{block:IfWordpressURL}<li><a href="{text:Wordpress URL}" target="_blank"><i class="fa fa-wordpress"></i><span>Wordpress</span></a></li>{/block:IfWordpressURL}{block:IfFacebookURL}<li><a href="{text:Facebook URL}" target="_blank"><i class="fa fa-facebook"></i><span>{lang:Facebook}</span></a></li>{/block:IfFacebookURL}{block:IfGooglePlusURL}<li><a href="{text:Google Plus URL}" target="_blank"><i class="fa fa-google-plus"></i><span>Google Plus</span></a></li>{/block:IfGooglePlusURL}{block:IfLinkedInURL}<li><a href="{text:LinkedIn URL}" target="_blank"><i class="fa fa-linkedin-square"></i><span>LinkedIn</span></a></li>{/block:IfLinkedInURL}{block:IfTwitterID}<li><a href="//twitter.com/{text:Twitter ID}" target="_blank"><i class="fa fa-twitter"></i><span>Twitter</span></a></li>{/block:IfTwitterID}{block:IfGitHubURL}<li><a href="{text:GitHub URL}" target="_blank"><i class="fa fa-github-alt"></i><span>GitHub</span></a></li>{/block:IfGitHubURL}{block:IfBehanceURL}<li><a href="{text:Behance URL}" target="_blank"><i class="fa fa-behance"></i><span>Behance</span></a></li>{/block:IfBehanceURL}{block:IfDeviantArtURL}<li><a href="{text:DeviantArt URL}" target="_blank"><i class="fa fa-deviantart"></i><span>DeviantArt</span></a></li>{/block:IfDeviantArtURL}{block:IfDribbbleURL}<li><a href="{text:Dribbble URL}" target="_blank"><i class="fa fa-dribbble"></i><span>Dribbble</span></a></li>{/block:IfDribbbleURL}{block:IfFlickrURL}<li><a href="{text:Flickr URL}" target="_blank"><i class="fa fa-flickr"></i><span>Flickr</span></a></li>{/block:IfFlickrURL}{block:IfInstagramURL}<li><a href="{text:Instagram URL}" target="_blank"><i class="fa fa-instagram"></i><span>Instagram</span></a></li>{/block:IfInstagramURL}{block:IfPinterestURL}<li><a href="{text:Pinterest URL}" target="_blank"><i class="fa fa-pinterest"></i><span>{lang:Pinterest}</span></a></li>{/block:IfPinterestURL}{block:IfSoundCloudURL}<li><a href="{text:SoundCloud URL}" target="_blank"><i class="fa fa-soundcloud"></i><span>SoundCloud</span></a></li>{/block:IfSoundCloudURL}{block:IfSpotifyURL}<li><a href="{text:Spotify URL}" target="_blank"><i class="fa fa-spotify"></i><span>Spotify</span></a></li>{/block:IfSpotifyURL}{block:IfVimeoURL}<li><a href="{text:Vimeo URL}" target="_blank"><i class="fa fa-vimeo-square"></i><span>Vimeo</span></a></li>{/block:IfVimeoURL}{block:IfYoutubeURL}<li><a href="{text:Youtube URL}" target="_blank"><i class="fa fa-youtube-play"></i><span>Youtube</span></a></li>{/block:IfYoutubeURL}{block:IfHSiteURL}<li><a href="{text:H site URL}" target="_blank"><i class="fa fa-h-square"></i><span>{text:H site name}</span></a></li>{/block:IfHSiteURL}{block:IfXSiteURL}<li><a href="{text:X site URL}" target="_blank"><i class="fa fa-times"></i><span>{text:X site name}</span></a></li>{/block:IfXSiteURL}</ul>
  67. <form action="/search" method="get"><span class="input"><input class="input-field" name="q" id="searched-item"/><label class="input-label" for="searched-item"><span class="input-label-content">{lang:Search}</span></label></span></form>
  68. </div>{block:IfTwitterID}<p class="description pb0">{lang:Latest Tweets}&nbsp;:</p><ul id="twitter"><div id="tweets"></div></ul>{/block:IfTwitterID}{block:IfFlickrID}<p class="description pt20">Flickr&nbsp;:</p><div><ul id="flickrfeed" class="thumbs"></ul></div>{/block:IfFlickrID}{block:IfInstagramaccesspermission}<p class="description pt20">Instagram&nbsp;:</p><div id="instafeed"></div>{/block:IfInstagramaccesspermission}{block:IfShowPeopleIfollow}{block:Following}<p class="description pt20">{lang:People I follow}&nbsp;:</p><ul class="followed">{block:Followed}<li><a href="{FollowedURL}" target="_blank"><img src="{FollowedPortraitURL-48}" alt=""/></a></li>{/block:Followed}</ul>{/block:Following}{/block:IfShowPeopleIfollow}{block:IfExtraScripts}<p class="menu menubottom">{text:Extra scripts}</p>{/block:IfExtraScripts}</div><p class="menu menubottom">©&nbsp;{CopyrightYears}</p>
  69. <p class="menu menubottom" id="glossy"><i><a href="//www.tumblr.com/theme/40285" target="_blank">Glossy Mag</a></i> <small>v. 1.3.9</small> / {lang:Powered by Tumblr 2}</p>
  70. </div> <!-- Sidebar end -->
  71. <div id="container" class="{select:Layout type}">
  72. {block:SearchPage}<article id=""><div class="post-title"><h2>{lang:Search results for SearchQuery 2}</h2></div><div class="caption halign">{lang:SearchResultCount results}{block:NoSearchResults}{lang:Sorry no search results found}{/block:NoSearchResults}.<br/>&nbsp;</div></article>{block:SearchPage}
  73. <!--*-->{block:Posts}<article class="{block:Photo}photo{/block:Photo}" id="{PostID}">
  74. {block:Answer}<div class="textcontent"><div class="answer-post"><div class="question-container"><div class="question-item">{Question}</div><p class="signature">—&nbsp;{Asker}</p></div>{block:Answerer}<div class="answer-container"><div class="answer-item">{Answer}</div><p class="signature">—&nbsp;{Answerer}</p></div>{/block:Answerer}<div class="caption">{Replies}</div></div></div>{/block:Answer}
  75. {block:Audio}<div class="avcontent">{block:AudioEmbed}<div class="audio">{AudioEmbed}</div>{/block:AudioEmbed}{block:PlayCount}<div class="caption info">{PlayCountWithLabel}</div>{/block:PlayCount}</div>{/block:Audio}
  76. {block:Chat}<div class="textcontent">{block:Title}<div class="post-title"><a href="{Permalink}" {Target}><h2>{Title}</h2></a></div>{/block:Title}<div class="chat-container">{block:Lines}<div class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} <span class="line">{Line}</span></div>{/block:Lines}</div></div>{/block:Chat}
  77. {block:Link}<div class="othercontent"><a href="{URL}" target="_blank"><div class="link-container"><div class="link-img">{block:Thumbnail}<img class="thumbnail" src="{Thumbnail}" alt=""/>{/block:Thumbnail}</div><div class="link-host"><span class="link-text">{Name}</span><br><small>(links to {Host})</small></div><div class="link-icon"><i class="fa fa-external-link"></i></div></div></a>{block:Description}<div class="caption">{Description}</div>{/block:Description}</div>{/block:Link}
  78. {block:Photo}<div class="avcontent"><figure class="zoom-con"><img class="post-img" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"><a class="zoom-lens" href="{PhotoURL-HighRes}" title="{PhotoAlt}"><div class="zoom-one" ></div><div class="zoom-icon"><i class="fa fa-search fa-flip-horizontal"></i></div></a></figure><!-- <div class="caption info"><a href="{LinkURL}" target="_blank"></a></div> --></div>{/block:Photo}
  79. {block:Photoset}<div class="avcontent"><figure class="photo-set photoset-grid photoset{PostID} zoom-con" data-layout="{PhotosetLayout}" data-id="photoset{PostID}" data-popup="{PostID}">{block:Photos}<img width="{PhotoWidth-400}" height="{PhotoHeight-400}" src="{PhotoURL-400}" {block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes} title="{Caption}" alt="{Caption}"/>{/block:Photos}</figure></div>{/block:Photoset}
  80. {block:Quote}<div class="textcontent"><div class="quote-container"><div class="quotedtext">{Quote}</div>{block:Source}<div class="sezwho">{Source}</div>{/block:Source}</div></div>{/block:Quote}
  81. {block:Text}<div class="textcontent">{block:Title}<div class="post-title"><a href="{Permalink}" {Target}><h2>{Title}</h2></a></div>{/block:Title}<div class="caption">{Body}</div></div>{/block:Text}
  82. {block:Video}<div class="avcontent"><figure class="video">{Videoembed-700}</figure><div class="caption info">{PlayCountWithLabel}</div></div>{/block:Video}
  83. <!-- -->{block:Caption}<div class="caption hideCaption">{Caption}</div>{/block:Caption}
  84. {block:RebloggedFrom}<div class="tags-container">{lang:Via}&nbsp;:&nbsp;<a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>/<a href="{ReblogRootURL}" title="{ReblogRootTitle} ({ReblogRootName})">{lang:Source}</a>{block:HasTags}&nbsp;&nbsp;<b>/</b>&nbsp;&nbsp;{lang:Tags}&nbsp;:&nbsp;&nbsp;&nbsp;{block:Tags}<a href="{TagURL}" {Target} class="tags">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:RebloggedFrom}
  85. {block:NotReblog}{block:HasTags}<div class="tags-container">{lang:Tags}&nbsp;:&nbsp;&nbsp;&nbsp;{block:Tags}<a href="{TagURL}" {Target} class="tags">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:NotReblog}
  86. {block:ContentSource}<!-- Leave this section as is! {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}"/>{/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  87. {block:Date}<div class="post-bar"><div class="post-reblog"><a class="icon-reblog" href="{ReblogURL}" target="_blank" title="Reblog"></a></div><div class="post-like" title="Like">{LikeButton size="20"}<i class="icon-heart"></i></div><div class="post-share"><input type="checkbox" id="btn-{PostID}" title="{lang:Share this}"><label for="btn-{PostID}" class="label" title="{lang:Share this}"><i class="fa fa-share-alt"></i></label><div class="social"><ul><a href="https://www.facebook.com/sharer/sharer.php?u={Permalink}" title="Facebook" onclick="javascript:void window.open('https://www.facebook.com/sharer/sharer.php?u={Permalink}','1407949634885','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;"><li><i class="fa fa-facebook"></i></li></a><a href="https://plus.google.com/share?url={Permalink}" title="Google+" onclick="javascript:void window.open('https://plus.google.com/share?url={Permalink}','1407949574551','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;"><li><i class="fa fa-google-plus"></i></li></a><a href="https://twitter.com/intent/tweet?url={Permalink}" title="Twitter" onclick="javascript:void window.open('https://twitter.com/intent/tweet?url={Permalink}','1407949672085','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;"><li><i class="fa fa-twitter"></i></li></a><a class="pinterest" href="https://pinterest.com/pin/create/button/?url={ShortURL}&media={PhotoURL-HighRes}&description={PostTitle}" title="Pinterest" onclick="javascript:void window.open('https://pinterest.com/pin/create/button/?url={ShortURL}&media={PhotoURL-HighRes}&description={PostTitle}','1422084482054','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;"><li><i class="fa fa-pinterest"></i></li></a></ul></div></div><div class="post-date">{block:ifDateFormatTimeAgo}<a href="{Permalink}" {Target} title="Permalink">{NoteCountWithLabel} / {TimeAgo}</a>{/block:ifDateFormatTimeAgo}{block:ifNotDateFormatTimeAgo}<a href="{Permalink}" {Target} title="Permalink">{NoteCountWithLabel} / {Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}</a>{/block:ifNotDateFormatTimeAgo}</div></div>{/block:Date}
  88. {block:PermalinkPage}{block:PostNotes}<div class="post-notes">{PostNotes}</div>{/block:PostNotes}
  89. {block:Date}{block:IfDisqusShortname}<div class="post-notes"><div id="disqus_thread"></div><script src="//disqus.com/forums/{text:Disqus shortname}/embed.js"></script><noscript><a href="//{text:Disqus shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript></div>{/block:IfDisqusShortname}{/block:Date}{/block:PermalinkPage}
  90. <!--*--></article>{/block:Posts}
  91. {block:IndexPage}{block:Pagination}<div class="pagination">{block:PreviousPage}<a id="prev" href="{PreviousPage}" title="{lang:Previous page}"><i class="fa fa-chevron-left"></i></a>{/block:PreviousPage}{block:NextPage}<a id="next" href="{NextPage}" title="{lang:Next page}"><i class="fa fa-chevron-right"></i></a>{/block:NextPage}</div>{/block:Pagination}{/block:IndexPage}
  92. {block:PermalinkPage}{block:PermalinkPagination}<div class="pagination">{block:NextPost}<a id="prev" href="{NextPost}" title="{lang:Next post}"><i class="fa fa-chevron-left"></i></a>{/block:NextPost}{block:PreviousPost}<a id="next" href="{PreviousPost}" title="{lang:Previous post}"><i class="fa fa-chevron-right"></i></a>{/block:PreviousPost}</div>{/block:PermalinkPagination}{/block:PermalinkPage}
  93. </div> <!-- Container end -->
  94. {block:IndexPage}<a id="scrollup" href="/" title="Top"><i class="fa fa-chevron-up"></i></a>{/block:IndexPage}
  95. <script>
  96. var container=$('#container');
  97. $(function(){{block:IndexPage}$("#container").velocity("transition.slideUpIn",1),$(".avcontent").velocity("transition.flipXIn",{delay:80,stagger:250,drag:!0});{/block:IndexPage}});
  98. $(function(){container.masonry({itemSelector:'article'});photoset();container.imagesLoaded(function(){container.masonry({itemSelector:'article'});});{block:IndexPage}{block:IfEndlessScrolling}$(function(){container.infinitescroll({navSelector:'div.pagination',nextSelector:'div.pagination a#next',itemSelector:'#container article',{block:IfEndlessScrollingTrigger}behavior:'twitter'{/block:IfEndlessScrollingTrigger}},function(newElements){var $newElems=$(newElements).css({opacity:0});photoset();container.masonry('appended',$newElems,!0);setTimeout(function(){container.masonry({itemSelector:'article'})},100);setTimeout(function(){container.masonry({itemSelector:'article'})},200);setTimeout(function(){container.masonry({itemSelector:'article'})},300);setTimeout(function(){container.masonry({itemSelector:'article'})},500);setTimeout(function(){container.masonry({itemSelector:'article'})},1000);setTimeout(function(){container.masonry({itemSelector:'article'})},2000);setTimeout(function(){container.masonry({itemSelector:'article'})},4000);setTimeout(function(){container.masonry({itemSelector:'article'})},6000);container.imagesLoaded().progress(function(instance,image){var result=image.isLoaded?'loaded':'broken';if (result=='loaded'){container.masonry()};});var $newElemsIDs=$newElems.map(function(){return this.id;}).get();Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);});});{/block:IfEndlessScrolling}{/block:IndexPage}});
  99. !function(l){l(".sideBar").mCustomScrollbar({theme:"minimal-dark",scrollButtons:{enable:!0},scrollInertia:200,scrollEasing:"easeOut",autoExpandScrollbar:!0})}(jQuery);
  100. $(function(){$("body").click(function(){$(".photoset_photo").addClass("zoom-lens")})});
  101. $("#container").magnificPopup({delegate:".zoom-lens",gallery:{enabled:!0},closeBtnInside:!1,tLoading:'<i class="fa fa-circle-o-notch fa-spin fa-3x"></i>',type:"image",image:{titleSrc:"title",verticalFit:!1}});
  102. var photoset=function(){var t=$(".photoset-grid");t.photosetGrid({highresLinks:!0,gutter:"5px",onComplete:function(){t.each(function(){var t=".photoset"+$(this).data("popup");$(t).magnificPopup({delegate:"a.highres-link",gallery:{enabled:!0},closeBtnInside:!1,tLoading:'<i class="fa fa-circle-o-notch fa-spin fa-3x"></i>',type:"image",image:{titleSrc:"title",verticalFit:!1}})})}})};
  103. $(function(){$(window).scroll(function(){$(this).scrollTop()>400?$("a#scrollup").fadeIn():$("a#scrollup").fadeOut()}),$("a#scrollup").click(function(){return $("body").velocity("scroll",{duration:750}),!1})});
  104. $(window).on("resize",function(){"12px"==$("body").css("font-size")?$("#submenucontent").is(":visible")&&$("#submenucontent").velocity("slideUp",{duration:300},"ease"):$("#submenucontent").is(":hidden")&&$("#submenucontent").velocity("slideDown",{duration:300},"ease")}),$("#submenuactivator").on("click",function(){$("#submenucontent").is(":hidden")&&$("#submenucontent").velocity("slideDown",{duration:300},"ease"),$("#submenucontent").is(":visible")&&$("#submenucontent").velocity("slideUp",{duration:300},"ease")});
  105. </script>
  106. {block:IfInstagramaccesspermission}<script src="//cdn.jsdelivr.net/instafeed.js/latest/instafeed.min.js"></script><script>var userFeed=new Instafeed({get:'user',userId:{text:Instagram user content to display},accessToken:'{text:Instagram access permission}',limit:{text:Instagram photo count}});userFeed.run();</script>{/block:IfInstagramaccesspermission}
  107. {block:IfFlickrID}<script src="//static.tumblr.com/zdvilra/HUanii72l/jflickrfeed.js"></script><script>$(function(){$('#flickrfeed').jflickrfeed({limit:{text:Flickr limit},qstrings:{id:'{text:Flickr ID}'},itemTemplate:'<li><a href="https://www.flickr.com/photos/{text:Flickr ID}" target="_blank"><img src="{{image_q}}" alt="{}"/></a></li>'});});</script>{/block:IfFlickrID}
  108. {block:IfTwitterID}<script>function recent_tweets(t){for(i=0;i<t.length;i++)document.getElementById("tweets").innerHTML=document.getElementById("tweets").innerHTML+'<li><a href="https://twitter.com/{text:Twitter ID}/status/'+(t[i].id_str?t[i].id_str:t[i].id)+'">'+t[i].text+"</a></li>";document.getElementById("twitter").style.display="block"}</script><script src="/tweets.js"></script>{/block:IfTwitterID}
  109. {block:IfGoogleAnalyticsID}<script>!function(e,t,a,n,c,s,o){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,s=t.createElement(a),o=t.getElementsByTagName(a)[0],s.async=1,s.src=n,o.parentNode.insertBefore(s,o)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-XXXXX-Y","auto"),ga("send","pageview");</script>{/block:IfGoogleAnalyticsID}
  110. </body>
  111. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement