Last active
January 31, 2017 22:16
-
-
Save x5gtrn/fa366044a404ebfd9af3f8304c246dff to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title> | |
| {Title}{block:PostSummary} — {PostSummary}{/block:PostSummary} | |
| </title> | |
| {block:Description} | |
| <meta name="description" content="{MetaDescription}"> | |
| {/block:Description} | |
| <meta name="image:Header Background" content=""> | |
| <meta name="image:Logo" content=""> | |
| <meta name="color:Text" content="#333"> | |
| <meta name="color:Link" content="#999"> | |
| <meta name="color:Header Text" content="#333"> | |
| <meta name="color:Header Background" content="#FFF"> | |
| <meta name="color:Navbar Icons" content="#333"> | |
| <meta name="color:Navbar Background" content="#FFF"> | |
| <meta name="color:Page Background" content="#FFF"> | |
| <meta name="color:Footer Background" content="#FFF"> | |
| <meta name="color:Menu Background" content="#FFF"> | |
| <meta name="color:Search Text" content="#333"> | |
| <meta name="color:Search Background" content="#FFF"> | |
| <meta name="color:Button Background" content="#333"> | |
| <meta name="color:Button Text" content="#FFF"> | |
| <meta name="if:Show Title" content="1"> | |
| <meta name="if:Show Description" content="1"> | |
| <meta name="if:Show Social" content="1"> | |
| <meta name="if:Show Title In Navbar" content="1"> | |
| <meta name="if:Show Search" content="1"> | |
| <meta name="if:Show Exif Data" content="1"> | |
| <meta name="if:Show Notes" content="1"> | |
| <meta name="if:Show Like Button" content="1"> | |
| <meta name="if:Show Reblog Button" content="1"> | |
| <meta name="if:Show Sharing Options" content="1"> | |
| <meta name="if:Load More Button" content="0"> | |
| <meta name="if:Infinite Scroll" content="0"> | |
| <meta name="if:Full Width Photos" content="1"> | |
| <meta name="if:Fixed Header Background" content="0"> | |
| <meta name="if:Show RSS" content="1"> | |
| <meta name="text:Email" content=""> | |
| <meta name="text:Facebook" content=""> | |
| <meta name="text:Google Plus" content=""> | |
| <meta name="text:Twitter" content=""> | |
| <meta name="text:LinkedIn" content=""> | |
| <meta name="text:Github" content=""> | |
| <meta name="text:Dribbble" content=""> | |
| <meta name="text:Pinterest" content=""> | |
| <meta name="text:Flickr" content=""> | |
| <meta name="text:Instagram" content=""> | |
| <meta name="text:YouTube" content=""> | |
| <meta name="text:Photo Max Width" content="960px"> | |
| <meta name="text:Video Max Width" content="960px"> | |
| <meta name="text:Google Web Font" content=""> | |
| <meta name="text:Google Analytics ID" content=""> | |
| <meta name="text:Disqus Shortname" content=""> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <link rel="shortcut icon" href="{Favicon}"> | |
| <link rel="apple-touch-icon" href="{PortraitURL-128}"> | |
| <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
| <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> | |
| {block:ifGoogleWebFont} | |
| <link href='http://fonts.googleapis.com/css?family={text:Google Web Font}' rel='stylesheet' type='text/css'> | |
| {/block:ifGoogleWebFont} | |
| <link href="http://static.tumblr.com/7esz91z/uVAn5wo0l/main.min.css" rel="stylesheet"> | |
| <style> | |
| html { | |
| color: {color:Text}; | |
| font: 100%/1.5 {block:ifGoogleWebFont}{text:Google Web Font},{/block:ifGoogleWebFont} Avenir, 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
| -webkit-font-smoothing: antialiased; | |
| -webkit-text-size-adjust: 100%; | |
| -ms-text-size-adjust: 100%; | |
| } | |
| a { | |
| color: {color:Link}; | |
| text-decoration: none; | |
| transition: color 0.3s; | |
| } | |
| a > h1, | |
| a > h2, | |
| a > h3 { | |
| color: {color:Text}; | |
| } | |
| .btn { | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| appearance: none; | |
| background: {color:Button Background}; | |
| border: 0; | |
| border-radius: 0; | |
| color: {color:Button Text}; | |
| cursor: pointer; | |
| font: inherit; | |
| -webkit-font-smoothing: inherit; | |
| margin: 0; | |
| outline: 0; | |
| padding: .5rem 1.5rem; | |
| } | |
| .site-header { | |
| background: url({image:Header Background}) no-repeat center center {block:ifFixedHeaderBackground} fixed {block:ifFixedHeaderBackground}; | |
| -webkit-background-size: cover; | |
| -moz-background-size: cover; | |
| -o-background-size: cover; | |
| background-size: cover; | |
| background-color: {color:Header Background}; | |
| color: {color:Header Text}; | |
| display: table; | |
| height: 50%; | |
| {block:IndexPage} | |
| height: 100%; | |
| {block:IndexPage} | |
| text-align: center; | |
| width: 100%; | |
| } | |
| .site-header a, | |
| .site-header h1, | |
| .nav-bar h1 { | |
| color: {color:Header Text}; | |
| } | |
| .nav-bar { | |
| background: transparent; | |
| height: 48px; | |
| position: fixed; | |
| top: 0; left: 0; | |
| text-align: center; | |
| -webkit-transition: background 0.3s; | |
| -moz-transition: background 0.3s; | |
| transition: background 0.3s; | |
| width: 100%; | |
| z-index: 9999; | |
| } | |
| .nav-bar button { | |
| color: {color:Navbar Icons}; | |
| } | |
| .nav-bar.active { | |
| background: {color:Navbar Background}; | |
| border-bottom: 1px solid #EEE; | |
| } | |
| {block:ifShowSearch} | |
| .toggle-search { | |
| top: 0; right: 0; | |
| } | |
| {/block:ifShowSearch} | |
| {block:ifShowExifData} | |
| .toggle-exif { | |
| background: #FFF; | |
| border-radius: 1rem; | |
| color: #000; | |
| top: 1rem; right: 1rem; | |
| height: 1.5rem; | |
| opacity: .5; | |
| padding: 0; | |
| width: 1.5rem; | |
| } | |
| {/block:ifShowExifData} | |
| .site-nav { | |
| background: {color:Menu Background}; | |
| border-bottom: 1px solid #EEE; | |
| display: none; | |
| padding: 48px 1.5rem 0 1.5rem; | |
| position: fixed; | |
| top: 0; left: 0; | |
| width: 100%; | |
| z-index: 999; | |
| } | |
| {block:ifShowSearch} | |
| .input-search { | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| appearance: none; | |
| background: {color:Search Background}; | |
| border: 0; | |
| border-radius: 0; | |
| color: {color:Search Text}; | |
| font: inherit; | |
| -webkit-font-smoothing: inherit; | |
| height: 100%; | |
| margin: 0; | |
| outline: 0; | |
| padding: 0; | |
| position: fixed; | |
| top: 0; right: 0; | |
| width: 0; | |
| -webkit-transition: all 0.3s; | |
| -moz-transition: all 0.3s; | |
| transition: all 0.3s; | |
| } | |
| .input-search.active { | |
| padding: 0 1.5rem; | |
| width: 100%; | |
| z-index: 99; | |
| } | |
| {/block:ifShowSearch} | |
| .posts { | |
| background: {color:Page Background}; | |
| padding: 1.5rem; | |
| } | |
| .photo { | |
| max-width: {text:Photo Max Width}; | |
| } | |
| .photo-wrapper { | |
| position: relative; | |
| } | |
| {block:ifShowExifData} | |
| .exif { | |
| background: rgba(255,255,255,.8); | |
| font-size: .875rem; | |
| opacity: 0; | |
| padding: 1rem; | |
| position: absolute; | |
| pointer-events: none; | |
| top: 0; right: 0; bottom: 0; left: 0; | |
| -webkit-transition: opacity 0.3s; | |
| -moz-transition: opacity 0.3s; | |
| transition: opacity 0.3s; | |
| } | |
| .exif.active { | |
| opacity: 1; | |
| pointer-events: auto; | |
| } | |
| .exif ul { | |
| list-style: none; | |
| padding: 0; | |
| } | |
| {/block:ifShowExifData} | |
| .video { | |
| max-width: {text:Video Max Width}; | |
| } | |
| .photo img, | |
| .photoset-grid { | |
| display: block; | |
| height: auto; | |
| margin: 0 auto 1rem auto; | |
| {block:ifFullWidthPhotos} | |
| width: 100%; | |
| {/block:ifFullWidthPhotos} | |
| } | |
| .site-footer { | |
| background: {color:Footer Background}; | |
| text-align: center; | |
| padding-bottom: 3rem; | |
| } | |
| {block:ifLoadMoreButton} | |
| .previous, | |
| .next { | |
| display: none; | |
| } | |
| {/block:ifLoadMoreButton} | |
| {block:ifInfiniteScroll} | |
| .previous, | |
| .next { | |
| display: none; | |
| } | |
| {block:ifInfiniteScroll} | |
| img.avatar { | |
| display: inline; | |
| margin: 0 .5rem 0 0; | |
| width: auto; | |
| } | |
| .logo { | |
| display: block; | |
| margin: 0 auto 1rem auto; | |
| } | |
| {CustomCSS} | |
| </style> | |
| </head> | |
| <body> | |
| <header class="site-header"> | |
| <div class="site-header-inner"> | |
| {block:IfLogoImage} | |
| <a href="/"> | |
| <img src="{image:Logo}" class="logo"> | |
| </a> | |
| {/block:IfLogoImage} | |
| {block:ifShowTitle} | |
| <a href="https://twitter.com/ASUOLA"> | |
| <!-- | |
| <h1>{Title}</h1> | |
| --> | |
| <h2>{Title}</h2> | |
| </a> | |
| {/block:ifShowTitle} | |
| {block:ifShowDescription} | |
| {block:Description} | |
| <p><a href="https://twitter.com/ASUOLA">{Description}</a></p> | |
| {/block:Description} | |
| {/block:ifShowDescription} | |
| {block:ifShowSocial} | |
| <ul class="social"> | |
| <!-- | |
| {block:ifShowRSS} | |
| <li> | |
| <a href="{RSS}"> | |
| <i class="fa fa-rss"></i> | |
| </a> | |
| </li> | |
| --> | |
| {/block:ifShowRSS} | |
| {block:ifEmail} | |
| <li> | |
| <a href="mailto:{text:Email}"> | |
| <i class="fa fa-envelope-o"></i> | |
| </a> | |
| </li> | |
| {/block:ifEmail} | |
| {block:ifFacebook} | |
| <li> | |
| <a href="{text:Facebook}"> | |
| <i class="fa fa-facebook"></i> | |
| </a> | |
| </li> | |
| {/block:ifFacebook} | |
| {block:ifGooglePlus} | |
| <li><a href="{text:Google Plus}"> | |
| <i class="fa fa-google-plus"></i> | |
| </a> | |
| </li> | |
| {/block:ifGooglePlus} | |
| {block:ifTwitter} | |
| <li> | |
| <a href="{text:Twitter}"> | |
| <i class="fa fa-twitter"></i> | |
| </a> | |
| </li> | |
| {/block:ifTwitter} | |
| {block:ifLinkedIn} | |
| <li> | |
| <a href="{text:LinkedIn}"> | |
| <i class="fa fa-linkedin"></i> | |
| </a> | |
| </li> | |
| {/block:ifLinkedIn} | |
| {block:ifGithub} | |
| <li> | |
| <a href="{text:Github}"> | |
| <i class="fa fa-github"></i> | |
| </a> | |
| </li> | |
| {/block:ifGithub} | |
| {block:ifDribbble} | |
| <li> | |
| <a href="{text:Dribbble}"> | |
| <i class="fa fa-dribbble"></i> | |
| </a> | |
| </li> | |
| {/block:ifDribbble} | |
| {block:ifPinterest} | |
| <li> | |
| <a href="{text:Pinterest}"> | |
| <i class="fa fa-pinterest"></i> | |
| </a> | |
| </li> | |
| {/block:ifPinterest} | |
| {block:ifFlickr} | |
| <li> | |
| <a href="{text:Flickr}"> | |
| <i class="fa fa-flickr"></i> | |
| </a> | |
| </li> | |
| {/block:ifFlickr} | |
| {block:ifInstagram} | |
| <li> | |
| <a href="{text:Instagram}"> | |
| <i class="fa fa-instagram"></i> | |
| </a> | |
| </li> | |
| {/block:ifInstagram} | |
| {block:ifYouTube} | |
| <li> | |
| <a href="{text:YouTube}"> | |
| <i class="fa fa-youtube"></i> | |
| </a> | |
| </li> | |
| {/block:ifYouTube} | |
| </ul> | |
| {block:ifShowSocial} | |
| {block:SearchPage} | |
| <div class="results"> | |
| {lang:SearchResultCount results for SearchQuery} | |
| {block:NoSearchResults} | |
| {lang:Sorry no results for SearchQuery} | |
| {/block:NoSearchResults} | |
| </div> | |
| {/block:SearchPage} | |
| {block:TagPage} | |
| <div class="results"> | |
| {lang:Showing posts tagged Tag} | |
| </div> | |
| {/block:TagPage} | |
| </div><!-- /.site-header-inner --> | |
| </header> | |
| <div class="nav-bar"> | |
| <div class="nav-bar-inner"> | |
| {block:ifShowTitleInNavbar} | |
| <a href="/"> | |
| <h1>{Title}</h1> | |
| </a> | |
| {/block:ifShowTitleInNavbar} | |
| <button class="toggle-menu" type="button"> | |
| <i class="fa fa-bars"></i> | |
| </button> | |
| {block:ifShowSearch} | |
| <button class="toggle-search" type="button"> | |
| <i class="fa fa-search"></i> | |
| </button> | |
| {/block:ifShowSearch} | |
| </div> | |
| </div> | |
| <nav class="site-nav"> | |
| <ul class="pages"> | |
| {block:HasPages} | |
| {block:Pages} | |
| <li><a href="{URL}">{Label}</a></li> | |
| {/block:Pages} | |
| {/block:HasPages} | |
| {block:AskEnabled} | |
| <li><a href="/ask">{AskLabel}</a></li> | |
| {/block:AskEnabled} | |
| {block:SubmissionsEnabled} | |
| <li><a href="/submit">{SubmitLabel}</a></li> | |
| {/block:SubmissionsEnabled} | |
| <li><a href="/archive">{lang:Archive}</a></li> | |
| </ul> | |
| </nav> | |
| {block:ifShowSearch} | |
| <form id="search" action="/search" method="get"> | |
| <input class="input-search" type="text" name="q" value="{SearchQuery}" placeholder="Type then press enter" autocomplete="off"> | |
| </form> | |
| {/block:ifShowSearch} | |
| <!-- | |
| <section class="posts"> | |
| <div class="posts-inner"> | |
| {block:Posts} | |
| <article class="post {PostType}"> | |
| {block:Text} | |
| {block:Title} | |
| <a href="{Permalink}"> | |
| <h3>{Title}</h3> | |
| </a> | |
| {/block:Title} | |
| {Body} | |
| {block:More} | |
| <p> | |
| <a href="{Permalink}">{lang:Read more}</a> | |
| </p> | |
| {/block:More} | |
| {/block:Text} | |
| {block:Photoset} | |
| <div class="photoset-grid" data-layout="{PhotosetLayout}" data-id="photoset{PostID}"> | |
| {block:Photos} | |
| <img src="{PhotoURL-500}"{block:HighRes} data-highres="{PhotoURL-HighRes}"{/block:HighRes}width="{PhotoWidth-500}" height="{PhotoHeight-500}" {block:Caption}alt="{Caption}"{/block:caption} /> | |
| {/block:Photos} | |
| </div> | |
| {block:Caption} | |
| {Caption} | |
| {/block:Caption} | |
| {/block:Photoset} | |
| {block:Photo} | |
| <figure> | |
| <div class="photo-wrapper"> | |
| {LinkOpenTag} | |
| <img src="{PhotoURL-1280}" alt="{PhotoAlt}"> | |
| {LinkCloseTag} | |
| {block:ifShowExifData} | |
| {block:Exif} | |
| <div class="exif"> | |
| <ul> | |
| {block:Camera} | |
| <li> | |
| Camera: {Camera} | |
| </li> | |
| {/block:Camera} | |
| {block:Aperture} | |
| <li> | |
| Aperture: {Aperture} | |
| </li> | |
| {/block:Aperture} | |
| {block:Exposure} | |
| <li> | |
| Exposure: {Exposure} | |
| </li> | |
| {/block:Exposure} | |
| {block:FocalLength} | |
| <li>Focal Length: {FocalLength} | |
| </li> | |
| {/block:FocalLength} | |
| </ul> | |
| </div><!-- /.exif --> | |
| <button class="toggle-exif" type="button"> | |
| <i class="fa fa-info"></i> | |
| </button> | |
| {/block:Exif} | |
| {block:ifShowExifData} | |
| </div><!-- /.photo-wrapper --> | |
| {block:Caption} | |
| <figcaption> | |
| {Caption} | |
| </figcaption> | |
| {/block:Caption} | |
| </figure> | |
| {/block:Photo} | |
| {block:Quote} | |
| <blockquote> | |
| <p class="big-quote">{Quote}</p> | |
| {block:Source} | |
| <footer><p>– {Source}</p></footer> | |
| {/block:Source} | |
| </blockquote> | |
| {/block:Quote} | |
| {block:Link} | |
| <a href="{URL}" {Target} class="big-link"> | |
| {Name} | |
| </a> | |
| {block:Description} | |
| {Description} | |
| {/block:Description} | |
| {/block:Link} | |
| {block:Chat} | |
| {block:Title} | |
| <a href="{Permalink}"> | |
| <h3>{Title}</h3> | |
| </a> | |
| {/block:Title} | |
| <ul class="chat-list"> | |
| {block:Lines} | |
| <li class="{Alt}"> | |
| {block:Label} | |
| {Label} | |
| {/block:Label} | |
| {Line} | |
| </li> | |
| {/block:Lines} | |
| </ul> | |
| {/block:Chat} | |
| {block:Audio} | |
| {block:AudioEmbed} | |
| <div class="audio-wrapper"> | |
| {AudioEmbed} | |
| </div> | |
| {/block:AudioEmbed} | |
| {block:AudioPlayer} | |
| <div class="audio-player"> | |
| {block:AlbumArt} | |
| <div class="album-art"> | |
| <img src="{AlbumArtURL}"> | |
| </div> | |
| {/block:AlbumArt} | |
| {AudioPlayer} | |
| </div><!-- /.audio-player --> | |
| {/block:AudioPlayer} | |
| {block:Caption} | |
| {Caption} | |
| {/block:Caption} | |
| {/block:Audio} | |
| {block:Video} | |
| <div class="video-wrapper"> | |
| {Video-700} | |
| </div> | |
| {block:Caption} | |
| {Caption} | |
| {/block:Caption} | |
| {/block:Video} | |
| {block:Answer} | |
| <p>{Asker}: <q>{Question}</q></p> | |
| {Answer} | |
| {/block:Answer} | |
| <footer class="post-footer"> | |
| {block:HasTags} | |
| <ul class="tags"> | |
| <li> | |
| <strong>{lang:Tags}</strong>: | |
| </li> | |
| {block:Tags} | |
| <li> | |
| #<a href="{TagURL}" class="tag">{Tag}</a> | |
| </li> | |
| {/block:Tags} | |
| </ul> | |
| {/block:HasTags} | |
| {block:IndexPage} | |
| <div class="notes-options"> | |
| <div class="post-info"> | |
| <ul> | |
| {block:Date} | |
| <li> | |
| <a href="{Permalink}" title="{DayOfWeek}, {DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}:{Seconds}"> | |
| {TimeAgo} | |
| </a> | |
| </li> | |
| {/block:Date} | |
| {block:IfDisqusShortname} | |
| <li> | |
| <a href="{Permalink}#disqus_thread"> | |
| {lang:View comments} | |
| </a> | |
| </li> | |
| {/block:IfDisqusShortname} | |
| {block:ifShowNotes} | |
| {block:NoteCount} | |
| <li> | |
| <a href="{Permalink}"> | |
| {NoteCountWithLabel} | |
| </a> | |
| </li> | |
| {/block:NoteCount} | |
| {/block:ifShowNotes} | |
| </ul> | |
| </div><!-- /.footer-post-info --> | |
| <div class="post-options"> | |
| <ul> | |
| {block:ifShowReblogButton} | |
| <li> | |
| {ReblogButton size="16"} | |
| </li> | |
| {/block:ifShowReblogButton} | |
| {block:ifShowLikeButton} | |
| <li> | |
| {LikeButton size="16"} | |
| </li> | |
| {/block:ifShowLikeButton} | |
| </ul> | |
| </div><!-- /.footer-post-options --> | |
| </div><!-- /.notes-options --> | |
| {/block:IndexPage} | |
| {block:PermalinkPage} | |
| {block:ifShowSharingOptions} | |
| <ul class="share"> | |
| <li> | |
| <strong>{lang:Share this}</strong>: | |
| </li> | |
| <li> | |
| <a href="mailto:?Body={Permalink}"> | |
| <i class="fa fa-envelope-o"></i> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="http://www.facebook.com/sharer.php?u={Permalink}" target="_blank"> | |
| <i class="fa fa-facebook"></i> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="https://plus.google.com/share?url={Permalink}" target="_blank"> | |
| <i class="fa fa-google-plus"></i> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="http://twitter.com/share?url={Permalink}" target="_blank"> | |
| <i class="fa fa-twitter"></i> | |
| </a> | |
| </li> | |
| </ul> | |
| {/block:ifShowSharingOptions} | |
| {block:IfDisqusShortname} | |
| <div id="disqus_thread"></div> | |
| <noscript> | |
| Please enable JavaScript to view the | |
| <a href="http://disqus.com/?ref_noscript"> | |
| comments powered by Disqus. | |
| </a> | |
| </noscript> | |
| <a href="http://disqus.com" class="dsq-brlink"> | |
| blog comments powered by <span class="logo-disqus">Disqus</span> | |
| </a> | |
| {/block:IfDisqusShortname} | |
| {block:ifShowNotes} | |
| {block:PostNotes} | |
| <div id="#notes"> | |
| {PostNotes-16} | |
| </div> | |
| {/block:PostNotes} | |
| {/block:ifShowNotes} | |
| {/block:PermalinkPage} | |
| </footer> | |
| </article> | |
| {/block:Posts} | |
| </div><!-- /.posts-inner --> | |
| </section><!-- /.posts --> | |
| <!-- | |
| <footer class="site-footer"> | |
| {block:Pagination} | |
| {block:PreviousPage} | |
| <a href="{PreviousPage}" class="previous"> | |
| <i class="fa fa-angle-left"></i> | |
| </a> | |
| {/block:PreviousPage} | |
| {block:NextPage} | |
| <a href="{NextPage}" class="next"> | |
| <i class="fa fa-angle-right"></i> | |
| </a> | |
| {/block:NextPage} | |
| {block:ifLoadMoreButton} | |
| <button class="load-more btn" type="button"> | |
| {lang:Load more posts} | |
| </button> | |
| {/block:ifLoadMoreButton} | |
| {block:ifInfiniteScroll} | |
| <button class="load-more btn" type="button"> | |
| {lang:Load more posts} | |
| </button> | |
| {/block:ifInfiniteScroll} | |
| {/block:Pagination} | |
| {block:PermalinkPagination} | |
| {block:PreviousPost} | |
| <a href="{PreviousPost}"> | |
| <i class="fa fa-angle-left"></i> | |
| </a> | |
| {/block:PreviousPost} | |
| {block:NextPost} | |
| <a href="{NextPost}"> | |
| <i class="fa fa-angle-right"></i> | |
| </a> | |
| {/block:NextPost} | |
| {/block:PermalinkPagination} | |
| </footer> | |
| --> | |
| <script src="http://static.tumblr.com/fk7a7ro/6pcn48tuo/jquery-2.1.0.min.js"></script> | |
| <script src="http://static.tumblr.com/7esz91z/rUin4yx1g/photosetgrid1.0.1.js"></script> | |
| <script> | |
| $(document).ready(function() { | |
| // Photoset | |
| var gridOptions = { | |
| highresLinks: true, | |
| rel: $('.photoset-grid').attr('data-id'), | |
| gutter: '1px' | |
| }; | |
| $('.photoset-grid').photosetGrid(gridOptions); | |
| // Navbar | |
| var navBar = $('.nav-bar'); | |
| function revealNavbar() { | |
| if ($(window).scrollTop() >= $('.site-header').height() -48) | |
| navBar.addClass('active'); | |
| else | |
| navBar.removeClass('active'); | |
| } | |
| $(window).on('scroll', revealNavbar); | |
| // Menu | |
| var toggleMenu = $('.toggle-menu'), | |
| siteNav = $('.site-nav'); | |
| function revealMenu() { | |
| siteNav.slideToggle(300); | |
| $(this).find('i').toggleClass('fa-bars fa-times'); | |
| } | |
| toggleMenu.on('click', revealMenu) | |
| {block:ifShowSearch} | |
| var toggleSearch = $('.toggle-search'), | |
| inputAndSearch = $('.input-search, .toggle-search'); | |
| function revealSearch() { | |
| inputAndSearch.toggleClass('active'); | |
| $('.input-search.active').focus(); | |
| $(this).find('i').toggleClass('fa-search fa-times'); | |
| } | |
| toggleSearch.on('click', revealSearch); | |
| {/block:ifShowSearch} | |
| {block:ifShowExifData} | |
| function revealExif() { | |
| $('.exif').toggleClass('active'); | |
| $(this).find('i').toggleClass('fa-info fa-times'); | |
| } | |
| $('.toggle-exif').on('click', revealExif); | |
| {/block:ifShowExifData} | |
| var loadMore = $('.load-more'), | |
| page = 2, | |
| loading = false, | |
| loadingText = '{lang:Loading}', | |
| loadMoreText = '{lang:Load more posts}', | |
| noMoreText = '{lang:No more posts}'; | |
| function getMorePosts() { | |
| var newPosts = ''; | |
| if (location.href.indexOf('/tagged/') != -1) | |
| newPosts = location.href + '/page/' + page; | |
| else { | |
| newPosts = '/page/' + page; | |
| } | |
| var posts = $('.posts'); | |
| loadMore.html(loadingText); | |
| $.ajax(newPosts).done(function(response) { | |
| var data = $(response).find('.posts-inner'); | |
| if (data.find('.post').length != 0) { | |
| posts.append(data); | |
| page++; | |
| Tumblr.LikeButton.get_status_by_page(page); | |
| $('.photoset-grid').photosetGrid(gridOptions); | |
| {block:ifDisqusShortname} | |
| $.getScript('http://' + disqus_shortname + '.disqus.com/count.js'); | |
| {/block:ifDisqusShortname} | |
| {block:ifShowExifData} | |
| $('.toggle-exif').on('click', revealExif); | |
| {/block:ifShowExifData} | |
| loadMore.html(loadMoreText); | |
| } | |
| else { | |
| loadMore.html(noMoreText); | |
| setTimeout(function() { | |
| loadMore.fadeOut(); | |
| }, 3000); | |
| loadMore.off(); | |
| $(window).off('scroll', infiniteScroll); | |
| } | |
| loading = false; | |
| }); // /.done | |
| } | |
| {block:ifLoadMoreButton} | |
| {block:Pagination} | |
| loadMore.on('click', function() { | |
| if (loading) { | |
| return false; | |
| } | |
| else { | |
| loading = true; | |
| getMorePosts(); | |
| } | |
| }); | |
| {/block:Pagination} | |
| {/block:ifLoadMoreButton} | |
| {block:ifInfiniteScroll} | |
| {block:Pagination} | |
| function infiniteScroll() { | |
| if (loading) { | |
| return false; | |
| } | |
| else if ($(window).scrollTop() >= $(document).height() - ($(window).height() * 2)){ | |
| loading = true; | |
| getMorePosts(); | |
| } | |
| } | |
| $(window).on('scroll', infiniteScroll); | |
| {/block:Pagination} | |
| {block:ifInfiniteScroll} | |
| }); // /ready | |
| </script> | |
| {block:ifDisqusShortname} | |
| <script> | |
| var disqus_shortname = '{text:Disqus Shortname}'; | |
| </script> | |
| {block:PermalinkPage} | |
| <script src="http://static.tumblr.com/7esz91z/rNVn5kqnp/disqusembed.js"></script> | |
| {/block:PermalinkPage} | |
| {block:IndexPage} | |
| <script src="http://static.tumblr.com/7esz91z/tN5n5kqx4/disquscount.js"></script> | |
| {/block:IndexPage} | |
| {/block:ifDisqusShortname} | |
| {block:IfGoogleAnalyticsID} | |
| <script> | |
| var gaID = '{text:Google Analytics ID}'; | |
| </script> | |
| <script src="http://static.tumblr.com/7esz91z/9IRn5krc2/googleanalytics.js"> | |
| </script> | |
| {/block:IfGoogleAnalyticsID} | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment