Interlace Tumblr Theme

  • Upload
    james

  • View
    226

  • Download
    0

Embed Size (px)

Citation preview

  • 7/25/2019 Interlace Tumblr Theme

    1/39

    {Title}

    {block:Description}

    {/block:Description}

  • 7/25/2019 Interlace Tumblr Theme

    2/39

    {block:Hidden}

  • 7/25/2019 Interlace Tumblr Theme

    3/39

  • 7/25/2019 Interlace Tumblr Theme

    4/39

  • 7/25/2019 Interlace Tumblr Theme

    5/39

  • 7/25/2019 Interlace Tumblr Theme

    6/39

  • 7/25/2019 Interlace Tumblr Theme

    7/39

  • 7/25/2019 Interlace Tumblr Theme

    8/39

    {/block:Hidden}

    {block:IfHeadingGoogleWebFont}

    {/block:IfHeadingGoogleWebFont}

    {block:IfBodyGoogleWebFont}

    {/block:IfBodyGoogleWebFont}

    {block:IfLogoGoogleWebFont}

    {/block:IfLogoGoogleWebFont}

    body {

    color:{color:Body Text Color};

    {block:IfBodyGoogleWebFont}font-family: "{text:Body Google Web Font}";

    {/block:IfBodyGoogleWebFont}

    }

    .blog-sidebar, body {

    background-color:{BackgroundColor};

    }

  • 7/25/2019 Interlace Tumblr Theme

    9/39

    h1, .h1 {

    {block:IfLogoGoogleWebFont}font-family: "{text:Logo Google Web Font}";

    {/block:IfLogoGoogleWebFont}

    }

    h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {

    {block:IfHeadingGoogleWebFont}font-family: "{text:Heading Google Web Font}";

    {/block:IfHeadingGoogleWebFont}

    }

    a, a:hover, a:focus, .more_notes_link {

    color: {AccentColor};

    }

    .sidebar-module, .sidebar-module a, .sidebar-module a:hover, .older-posts a, .newer-

    posts a, .newer-posts a:hover, .older-posts a:hover, a span.icon-arrow-left, a span.icon-

    arrow-right {

    color:{color:Sidebar Text Color};

    }

    .double-bounce1, .double-bounce2 {

    background-color: {AccentColor}; }

    .blog-sidebar .navigation a, .dropdown-menu li a:hover {

    color:{BackgroundColor};

    }

    .blog-sidebar .navigation a, .dropdown-menu li a:hover{

    background-color:{color:Sidebar Text Color};

    }

    .dropdown-menu {

    background: {BackgroundColor};

    }

  • 7/25/2019 Interlace Tumblr Theme

    10/39

    .blog-posts-container.none .blog-post-content.text {

    background-color: {color:Text Post Color};

    }

    .blog-post-content.text, .blog-post-content.text a { color: {color:Text Post Text Color};

    }

    .blog-posts-container.none .blog-post-content.photo {

    background-color: {color:Photo Post Color};

    }

    .blog-post-content.photo, .blog-post-content.photo a {

    color: {color:Photo Post Text Color}; }

    .blog-posts-container.none .blog-post-content.video {

    background-color: {color:Video Post Color};

    }

    .blog-post-content.video, .blog-post-content.video a {

    color: {color:Video Post Text Color};

    }

    .blog-posts-container.none .blog-post-content.audio {

    background-color: {color:Audio Post Color};

    }

    .blog-post-content.audio, .blog-post-content.audio a {

    color: {color:Audio Post Text Color};

    }

    .blog-posts-container.none .blog-post-content.quote {

    background-color: {color:Quote Post Color};

    }

    .blog-post-content.quote, .blog-post-content.quote a {

  • 7/25/2019 Interlace Tumblr Theme

    11/39

    color: {color:Quote Post Text Color};

    }

    .blog-posts-container.none .blog-post-content.answer {

    background-color: {color:Answer Post Color}; }

    .blog-post-content.answer, .blog-post-content.answer a {

    color: {color:Answer Post Text Color};

    }

    .blog-posts-container.none .blog-post-content.chat {

    background-color: {color:Chat Post Color};

    }

    .blog-post-content.chat, .blog-post-content.chat a {

    color: {color:Chat Post Text Color};

    }

    .blog-posts-container.none .blog-post-content.link {

    background-color: {color:Link Post Color};

    }

    .blog-post-content.link, .blog-post-content.link a {

    color: {color:Link Post Text Color};

    }

    [class="icon-"], [class*=" icon-"], .avatar_frame:after {

    color:#fff;

    }

    [class="icon-"]:hover, [class*=" icon-"]:hover {

    color:rgba(255,255,255,0.6);

    }

    .footer a {

    color:rgba({RGBcolor:Body Text Color},0.4);

  • 7/25/2019 Interlace Tumblr Theme

    12/39

    }

    {block:IfEmphasiseFirstParagraph}

    .blog-post-content.text .copy p:first-of-type {

    font-size: 1.25em; line-height: 1.4em;

    margin-top:1.5em;

    }

    {block:IfEmphasiseFirstParagraph}

    /* Custom CSS */

    {CustomCSS}

    {block:IfShowSearch}



    {/block:IfShowSearch}

  • 7/25/2019 Interlace Tumblr Theme

    13/39

    {block:IfLogoImage}

    {/block:IfLogoImage}

    {block:IfShowAvatar}

    {/block:IfShowAvatar}

    {block:IfShowTitle}

    {Title}

    {/block:IfShowTitle}

    {block:Description}

    {Description}

    {/block:Description}

    {block:IfShowArchiveLink}

    {lang:Archive}

    {/block:IfShowArchiveLink}

    {block:IfShowRandomLink}

  • 7/25/2019 Interlace Tumblr Theme

    14/39

    {lang:Random}

    {/block:IfShowRandomLink}

    {block:HasPages}

    {block:Pages}{Label}{/block:Pages}

    {/block:HasPages} {block:AskEnabled}

    {AskLabel}

    {/block:AskEnabled}

    {block:SubmissionsEnabled}

    {SubmitLabel}

    {/block:SubmissionsEnabled}

    {block:IfTagMenuList}

    {text:Tag Menu Title}

    var list = '{text:Tag Menu List}';

    list = list.split(',');

    var html = '';

    for(var i=0; i{/block:IfShowSearch}

    {block:IfShowSocialButtons}

    {block:IfGitHubUsername}

  • 7/25/2019 Interlace Tumblr Theme

    15/39

    Username}" class="icon-github">{/block:IfGitHubUsername}

    {block:IfTwitterUsername}{/block:IfTwitterUsername}

    {block:IfFacebookUsername}{/block:IfFacebookUsername} {block:IfGooglePlusURL}{/block:IfGooglePlusURL}

    {block:IfFlickrUserID}{/block:IfFlickrUserID}

    {block:IfVimeoUsername}{/block:IfVimeoUsername}

    {block:IfPinterestUsername}{/block:IfPinterestUsername}

    {block:IfLinkedInUsername}{/block:IfLinkedInUsername}

    {block:IfDribbbleUsername}{/block:IfDribbbleUsername}

    {block:IfLastfmUsername}{/block:IfLastfmUsername}

    {block:IfInstagramUsername}{/block:IfInstagramUsername}

    {block:IfSkypeUsername}{/block:IfSkypeUsername} {block:IfSoundCloudUsername}{/block:IfSoundCloudUsername}

    {block:If500pxUsername}{/block:If500pxUsername}

    {block:IfRedditURL}{/block:IfRedditURL}

    {block:IfStackOverflowURL}{/block:IfStackOverflowURL}

    {block:IfStumbleUponURL}{/block:IfStumbleUponURL}

    {block:IfAppleURL}{/block:IfAppleURL}

    {block:IfDeviantArtURL}

  • 7/25/2019 Interlace Tumblr Theme

    16/39

    deviantart">{/block:IfDeviantArtURL}

    {block:IfYouTubeURL}{/block:IfYouTubeURL}

    {block:IfPicasaURL}{/block:IfPicasaURL} {block:IfStoreURL}{/block:IfStoreURL}

    {block:IfEmailAddress}{/block:IfEmailAddress}

    {block:IfShowRSSLink}{/block:IfShowRSSLink}

    {/block:IfShowSocialButtons}

    {block:IfShowInstagramPhotos}

    {block:IfInstagramAccessToken}

    {block:IfInstagramUserID}

    Instagram

    {/block:IfInstagramUserID} {/block:IfInstagramAccessToken}

    {/block:IfShowInstagramPhotos}

    {block:IfShowDribbbleShots}

    {block:IfDribbbleUsername}

    Dribbble

    {/block:IfDribbbleUsername}

    {/block:IfShowDribbbleShots}

    {block:IfShowFlickrPhotos}

    {block:IfFlickrUserID}

    Flickr

    {/block:IfFlickrUserID}

    {/block:IfShowFlickrPhotos}

  • 7/25/2019 Interlace Tumblr Theme

    17/39

    {block:IfShowLatestTweets}

    {block:IfTwitterUsername}

    Twitter

    {/block:IfTwitterUsername} {/block:IfShowLatestTweets}

    {block:Likes}

    {lang:Likes}

    {/block:Likes}

    {block:IfShowFollowing}

    {block:Following}

    {lang:Following} {/block:Following}

    {/block:IfShowFollowing}

    {block:IfShowGroupBlogMembers}

    {block:GroupMembers}

    {lang:Group

    members}

    {/block:GroupMembers}

    {/block:IfShowGroupBlogMembers}

    {block:IfShowInstagramPhotos}

    {block:IfInstagramAccessToken}

    {block:IfInstagramUserID}

    {/block:IfInstagramUserID}

    {/block:IfInstagramAccessToken}

    {/block:IfShowInstagramPhotos}

  • 7/25/2019 Interlace Tumblr Theme

    18/39

    {block:IfShowDribbbleShots}

    {block:IfDribbbleUsername}

    {lang:Loading}

    {/block:IfDribbbleUsername}

    {/block:IfShowDribbbleShots}

    {block:IfShowFlickrPhotos}

    {block:IfFlickrUserID}

    {/block:IfFlickrUserID}

    {/block:IfShowFlickrPhotos}

    {block:IfShowLatestTweets} {block:IfTwitterUsername}

    function recent_tweets(data) {

    for (i=0; i

  • 7/25/2019 Interlace Tumblr Theme

    19/39

    var replacePattern2 = /(|[\/])(www\.[\S]+(\b|$))/gim;

    replacedText = replacedText.replace(replacePattern2, '$1$2');

    var replacePattern3 = /(\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,6})/gim;

    replacedText = replacedText.replace(replacePattern3, '$1');

    document.getElementById("tweets").innerHTML =

    document.getElementById("tweets").innerHTML +

    ''+ replacedText + '' +

    ' # ';

    }

    document.getElementById("twitter").style.display = 'block';

    }

    {/block:IfTwitterUsername}

    {/block:IfShowLatestTweets}

    {block:IfShowGroupBlogMembers}

    {block:GroupMembers}

    {lang:Group members}

    {block:GroupMember}

    {/block:GroupMember}

    {/block:GroupMembers}

    {/block:IfShowGroupBlogMembers}

    {block:IfShowFollowing}

    {block:Following}

    {block:Followed}

    {FollowedTitle}

  • 7/25/2019 Interlace Tumblr Theme

    20/39

    {/block:Followed}

    {/block:Following}

    {/block:IfShowFollowing}

    {block:Likes}

    {Likes limit="3" summarize="100" width="150"}

    {lang:See more}

    {/block:Likes}

    {block:IfTextWidgetTitle}

    {text:Text Widget Title}

    {text:Text Widget Content}

    {/block:IfTextWidgetTitle}

    {CopyrightYears} {Title}

    Interlace Theme by

    Themelantic

  • 7/25/2019 Interlace Tumblr Theme

    21/39

    .blog-posts {display:inline-block !important;} .loading-blog-posts {display:none !important;}

    {block:DayPage}

    {Month} {DayOfMonth}, {Year}

    {/block:DayPage}

    {block:SearchPage}

    {block:SearchResults}

    {lang:Found SearchResultCount results

    for SearchQuery}

    {/block:SearchResults}

    {block:NoSearchResults}

    {lang:Sorry no results for

    SearchQuery}

    {/block:NoSearchResults}

    {/block:SearchPage}

    {block:Posts inlineMediaWidth="1000"}

  • 7/25/2019 Interlace Tumblr Theme

    22/39

    {block:Date}

    {DayOfMonth} {ShortMonth}

    {Year}

    {/block:Date}

    {block:Photo}

    {LinkOpenTag}

    {LinkCloseTag}

    {block:Caption}{Caption}{/block:Caption}

    {/block:Photo}

    {block:Panorama}

    {LinkOpenTag}

    {LinkCloseTag}

    {block:Caption}{Caption}{/block:Caption}

    {/block:Panorama}

  • 7/25/2019 Interlace Tumblr Theme

    23/39

    {block:Photoset}

    {block:Photos}

    {/block:Photos}

    {block:Caption}{Caption}{/block:Caption}

    {/block:Photoset}

    {block:Video}

    {Video-700}

    {block:Caption}{Caption}{/block:Caption}

    {/block:Video}

    {block:Audio}

    {AudioEmbed}

    {block:Caption}{Caption}{/block:Caption}

    {/block:Audio}

    {block:Quote}

    {Quote}

    {block:Source}

    {Source}

    {/block:Source}

  • 7/25/2019 Interlace Tumblr Theme

    24/39

    {/block:Quote}

    {block:Text} {block:Title}

    {Title}

    {/block:Title}

    {Body}

    {/block:Text}

    {block:Answer}

    {Question}

    {Asker}

    {Answer}

    {/block:Answer}

    {block:Chat}

    {block:Title}{Title}{/block:Title}

    {block:Lines}

    {block:Label}{Label}{/block:Label} {Line}

    {/block:Lines}

    {/block:Chat}

    {block:Link}

    {Name}

    {block:Description}{Description}{/block:Description}

  • 7/25/2019 Interlace Tumblr Theme

    25/39

    {/block:Link}

    {block:HasTags}{block:Tags}#{Tag} {/block:Tags}{/block:HasTags}

    {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}

    {block:RebloggedFrom}

    {lang:Via}{ReblogParentName}

    {block:RebloggedFromReblog}

    {lang:Originally from

    ReblogRootName}

    {/block:RebloggedFromReblog}

    {/block:RebloggedFrom}

    {block:ContentSource}

    {lang:Source}{SourceTitle}

    {/block:ContentSource}

    {block:IfShowGroupAuthor}

    {lang:By

    PostAuthorName}

    {/block:IfShowGroupAuthor}

    {block:IfShowLikeReblogButtons}

  • 7/25/2019 Interlace Tumblr Theme

    26/39

    {block:Panorama}{block:IfPhotoPostBlackIcons}black{/block:IfPhotoPostBlackIcons}

    {/block:Panorama} {block:Video}

    {block:IfVideoPostBlackIcons}black{/block:IfVideoPostBlackIcons}{/block:Video}

    {block:Audio}{block:IfAudioPostBlackIcons}black{/block:IfAudioPostBlackIcons}

    {/block:Audio} {block:Quote}{block:IfQuotePostBlackIcons}black{/block:IfQuotePostBlackIcons}{/block:Quote}

    {block:Answer}{block:IfAnswerPostBlackIcons}black{/block:IfAnswerPostBlackIcons}

    {/block:Answer} {block:Chat}

    {block:IfChatPostBlackIcons}black{/block:IfChatPostBlackIcons}{/block:Chat}

    {block:Link}{block:IfLinkPostBlackIcons}black{/block:IfLinkPostBlackIcons}

    {/block:Link}">

    Share on Facebook

    Share on Twitter

    Share on Pinterest

  • 7/25/2019 Interlace Tumblr Theme

    27/39

    class="icon-googleplus">Share on

    Google+

    {block:Text}

    {block:IfTextPostBlackIcons}{LikeButton color="black" size="15"}

    {/block:IfTextPostBlackIcons}

    {block:IfNotTextPostBlackIcons}{LikeButton color="white" size="15"}

    {/block:IfNotTextPostBlackIcons}

    {block:IfTextPostBlackIcons}{ReblogButton color="black" size="15"}

    {/block:IfTextPostBlackIcons}{block:IfNotTextPostBlackIcons}{ReblogButton color="white"

    size="15"}{/block:IfNotTextPostBlackIcons}

    {/block:Text}

    {block:Photo}

    {block:IfPhotoPostBlackIcons}{LikeButton color="black" size="15"}

    {/block:IfPhotoPostBlackIcons}{block:IfNotPhotoPostBlackIcons}{LikeButton color="white"

    size="15"}{/block:IfNotPhotoPostBlackIcons}

    {block:IfPhotoPostBlackIcons}{ReblogButton color="black"

    size="15"}{/block:IfPhotoPostBlackIcons}

    {block:IfNotPhotoPostBlackIcons}{ReblogButton color="white"

    size="15"}{/block:IfNotPhotoPostBlackIcons}

    {/block:Photo}

    {block:Video}

    {block:IfVideoPostBlackIcons}{LikeButton color="black" size="15"}

  • 7/25/2019 Interlace Tumblr Theme

    28/39

    {/block:IfVideoPostBlackIcons}

    {block:IfNotVideoPostBlackIcons}{LikeButton color="white"

    size="15"}{/block:IfNotVideoPostBlackIcons}

    {block:IfVideoPostBlackIcons}{ReblogButton color="black"

    size="15"}{/block:IfVideoPostBlackIcons}

    {block:IfNotVideoPostBlackIcons}{ReblogButton color="white"

    size="15"}{/block:IfNotVideoPostBlackIcons}

    {/block:Video}

    {block:Chat}

    {block:IfChatPostBlackIcons}{LikeButton color="black" size="15"}

    {/block:IfChatPostBlackIcons}

    {block:IfNotChatPostBlackIcons}{LikeButton color="white"

    size="15"}{/block:IfNotChatPostBlackIcons}

    {block:IfChatPostBlackIcons}{ReblogButton color="black" size="15"}

    {/block:IfChatPostBlackIcons}

    {block:IfNotChatPostBlackIcons}{ReblogButton color="white"size="15"}{/block:IfNotChatPostBlackIcons}

    {/block:Chat}

    {block:Link}

    {block:IfLinkPostBlackIcons}{LikeButton color="black" size="15"}

    {/block:IfLinkPostBlackIcons}

    {block:IfNotLinkPostBlackIcons}{LikeButton color="white" size="15"}

    {/block:IfNotLinkPostBlackIcons}

    {block:IfLinkPostBlackIcons}{ReblogButton color="black" size="15"}

    {/block:IfLinkPostBlackIcons}

  • 7/25/2019 Interlace Tumblr Theme

    29/39

    {block:IfNotLinkPostBlackIcons}{ReblogButton color="white"

    size="15"}{/block:IfNotLinkPostBlackIcons}

    {/block:Link}

    {block:Quote}

    {block:IfQuotePostBlackIcons}{LikeButton color="black" size="15"}

    {/block:IfQuotePostBlackIcons}

    {block:IfNotQuotePostBlackIcons}{LikeButton color="white"

    size="15"}{/block:IfNotQuotePostBlackIcons}

    {block:IfQuotePostBlackIcons}{ReblogButton color="black"size="15"}{/block:IfQuotePostBlackIcons}

    {block:IfNotQuotePostBlackIcons}{ReblogButton color="white"

    size="15"}{/block:IfNotQuotePostBlackIcons}

    {/block:Quote}

    {block:Panorama}

    {block:IfPhotoPostBlackIcons}{LikeButton color="black" size="15"}{/block:IfPhotoPostBlackIcons}

    {block:IfNotPhotoPostBlackIcons}{LikeButton color="white"

    size="15"}{/block:IfNotPhotoPostBlackIcons}

    {block:IfPhotoPostBlackIcons}{ReblogButton color="black"

    size="15"}{/block:IfPhotoPostBlackIcons}

    {block:IfNotPhotoPostBlackIcons}{ReblogButton color="white"

    size="15"}{/block:IfNotPhotoPostBlackIcons}

    {/block:Panorama}

    {block:Photoset}

  • 7/25/2019 Interlace Tumblr Theme

    30/39

    {block:IfPhotoPostBlackIcons}{LikeButton color="black" size="15"}

    {/block:IfPhotoPostBlackIcons}

    {block:IfNotPhotoPostBlackIcons}{LikeButton color="white"

    size="15"}{/block:IfNotPhotoPostBlackIcons}

    {block:IfPhotoPostBlackIcons}{ReblogButton color="black"

    size="15"}{/block:IfPhotoPostBlackIcons}

    {block:IfNotPhotoPostBlackIcons}{ReblogButton color="white"

    size="15"}{/block:IfNotPhotoPostBlackIcons}

    {/block:Photoset}

    {block:Audio}

    {block:IfAudioPostBlackIcons}{LikeButton color="black" size="15"}

    {/block:IfAudioPostBlackIcons}

    {block:IfNotAudioPostBlackIcons}{LikeButton color="white"

    size="15"}{/block:IfNotAudioPostBlackIcons}

    {block:IfAudioPostBlackIcons}{ReblogButton color="black"

    size="15"}{/block:IfAudioPostBlackIcons}{block:IfNotAudioPostBlackIcons}{ReblogButton color="white"

    size="15"}{/block:IfNotAudioPostBlackIcons}

    {/block:Audio}

    {block:Answer}

    {block:IfAnswerPostBlackIcons}{LikeButton color="black" size="15"}

    {/block:IfAnswerPostBlackIcons}

    {block:IfNotAnswerPostBlackIcons}{LikeButton color="white"

    size="15"}{/block:IfNotAnswerPostBlackIcons}

    {block:IfAnswerPostBlackIcons}{ReblogButton color="black"

  • 7/25/2019 Interlace Tumblr Theme

    31/39

    size="15"}{/block:IfAnswerPostBlackIcons}

    {block:IfNotAnswerPostBlackIcons}{ReblogButton color="white"

    size="15"}{/block:IfNotAnswerPostBlackIcons}

    {/block:Answer}

    {/block:IfShowLikeReblogButtons}

    {block:PostNotes}

    {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}

    {PostNotes-64}

    {/block:PostNotes}

    {block:PermalinkPage} {block:IfEnableDisqusComments}

    {block:IfDisqusShortname}

    var disqus_shortname = '{text:Disqus Shortname}';

    var disqus_url = '{Permalink}';

    (function() {

    var dsq = document.createElement('script'); dsq.type =

    'text/javascript'; dsq.async = true;

    dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';

    (document.getElementsByTagName('head')[0] ||

    document.getElementsByTagName('body')[0]).appendChild(dsq);

    })();

  • 7/25/2019 Interlace Tumblr Theme

    32/39

    Please enable JavaScript to view the comments powered by Disqus.

    {/block:IfDisqusShortname} {/block:IfEnableDisqusComments}

    {block:IfEnableFacebookComments}

    {/block:IfEnableFacebookComments}

    {/block:PermalinkPage}

    {/block:Posts}

    {block:Pagination}

    {block:NextPage}

    {lang:Older posts}

    {/block:NextPage}

    {block:PreviousPage}

    {lang:Newer posts}

    {/block:PreviousPage}

    {/block:Pagination}

  • 7/25/2019 Interlace Tumblr Theme

    33/39

    {block:PermalinkPagination}

    {block:PreviousPost}

    {lang:Previous post}

    {/block:PreviousPost}

    {block:NextPost}

    {lang:Next post}

    {/block:NextPost}

    {/block:PermalinkPagination}

    {block:DayPagination}

    {block:PreviousDayPage}

    {ShortMonth} {DayOfMonth}

    {/block:PreviousDayPage}

    {block:NextDayPage}

    {ShortMonth} {DayOfMonth}

    {/block:NextDayPage}

    {/block:DayPagination}

  • 7/25/2019 Interlace Tumblr Theme

    34/39

    $(document).ready(function() {

    $(".loading-blog-posts").fadeOut("slow", function() { $(".blog-posts").fadeIn("slow");

    $(".pager").fadeIn("slow");

    $('.photoset-grid').photosetGrid({

    highresLinks: true,

    rel: $('.photoset-grid').attr('data-id'),

    gutter: '0px',

    onComplete: function(){

    $('.photoset-grid a').colorbox({ photo: true,

    scalePhotos: true,

    maxHeight:'90%',

    maxWidth:'1000px',

    transition: 'none'

    });

    }

    });

    {block:IfUseGridLayout}

    {block:IndexPage}

    $(function(){

    var $container = $('.blog-posts');

    $container.imagesLoaded(function(){

  • 7/25/2019 Interlace Tumblr Theme

    35/39

    $container.masonry({

    "columnWidth": ".grid-sizer",

    itemSelector: '.blog-post',

    gutter: 30

    }); });

    });

    {/block:IndexPage}

    {/block:IfUseGridLayout}

    });

    })

    {block:IfEnableKeyboardNavigation} {block:Pagination}

    {block:PreviousPage}Mousetrap.bind('left', function()

    { window.location.href="{PreviousPage}"; });{/block:PreviousPage}

    {block:NextPage}Mousetrap.bind('right', function()

    { window.location.href="{NextPage}"; });{/block:NextPage}

    {/block:Pagination}

    {block:PermalinkPagination}

    {block:PreviousPost}Mousetrap.bind('left', function()

    { window.location.href="{PreviousPost}"; });{/block:PreviousPost}

    {block:NextPost}Mousetrap.bind('right', function()

    { window.location.href="{NextPost}"; });{/block:NextPost}

    {/block:PermalinkPagination}

    {block:DayPagination}

    {block:PreviousDayPage}Mousetrap.bind('left', function()

    { window.location.href="{PreviousDayPage}"; });{/block:PreviousDayPage}

    {block:NextDayPage}Mousetrap.bind('right', function()

    { window.location.href="{NextDayPage}"; });{/block:NextDayPage}

  • 7/25/2019 Interlace Tumblr Theme

    36/39

    {/block:DayPagination}

    Mousetrap.bind('h', function() { window.location.href="/"; });

    Mousetrap.bind('r', function() { window.location.href="/random"; });

    {/block:IfEnableKeyboardNavigation}

    {block:IfShowLatestTweets}

    {block:IfTwitterUsername}

    {/block:IfTwitterUsername}

    {/block:IfShowLatestTweets}

    {block:IfShowDribbbleShots}

    {block:IfDribbbleUsername}

    getShotsForID(['{text:Dribbble Username}'], 'dribbble', 4);

    {/block:IfDribbbleUsername}

    {/block:IfShowDribbbleShots}

    {block:IfShowInstagramPhotos}

    {block:IfInstagramAccessToken}

    {block:IfInstagramUserID}

    var feed = new Instafeed({

    get: 'user',

    clientId: '91178e5ab42c42ebbf19ce155142a94b',

    accessToken: '{text:Instagram Access Token}',

    userId: {text:Instagram User ID},

    limit: '6'

    });

    feed.run();

  • 7/25/2019 Interlace Tumblr Theme

    37/39

    {/block:IfInstagramUserID}

    {/block:IfInstagramAccessToken}

    {/block:IfShowInstagramPhotos}

    {block:IfEnableFacebookComments}

    {block:PermalinkPage}

    (function(d, s, id) {

    var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return;

    js = d.createElement(s); js.id = id;

    js.src =

    "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=1455146204772386&v

    ersion=v2.0";

    fjs.parentNode.insertBefore(js, fjs);

    }(document, 'script', 'facebook-jssdk'));

    {/block:PermalinkPage}

    {/block:IfEnableFacebookComments}

    {block:IfEnableInfiniteScroll}

    {block:IndexPage}

    $('.blog-posts').infinitescroll({

    loading: {

    finished: undefined,

    finishedMsg: "",

    msgText: "",

    speed: 'fast',

    start: undefined

    },

  • 7/25/2019 Interlace Tumblr Theme

    38/39

    navSelector : '.pager',

    nextSelector : '.pager a.nextpage',

    itemSelector : '.blog-post'

    },

    // trigger Masonry as a callback function( newElements ) {

    $('.photoset-grid').photosetGrid({

    highresLinks: true,

    rel: $('.photoset-grid').attr('data-id'),

    gutter: '0px',

    onComplete: function(){

    $('.photoset-grid a').colorbox({

    photo: true, scalePhotos: true,

    maxHeight:'90%',

    maxWidth:'1000px',

    transition: 'none'

    });

    }

    });

    var $container = $('.blog-posts');

    var $newElems = $( newElements ).css({ opacity: 0 });

    // Create array of new elements ID's

    var $newElemsIDs = $newElems.map(function () {

    return this.id;

    }).get();

    $newElems.imagesLoaded(function(){

    $newElems.animate({ opacity: 1 });

    $container.masonry( 'appended', $newElems, true );

    });

    // Pull back the Tumblr like state

    Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);

  • 7/25/2019 Interlace Tumblr Theme

    39/39

    }

    );

    {/block:IndexPage}

    {/block:IfEnableInfiniteScroll}

    {block:IfGoogleAnalyticsID}

    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

    m=s.getElementsByTagName(o)

    [0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

    })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', '{text:Google Analytics ID}', 'auto');

    ga('send', 'pageview');

    {/block:IfGoogleAnalyticsID}