Jump to content

[Tumblr] Text Post Image Width Help! (HTML code inside)


Pwishy

Recommended Posts

Hello fellas,

 

I'm in a bit of a pinch.

 

My text post's pictures used to fill up the width of the posts, but now I'm getting this problem: http://puu.sh/t0sRS/9b72f0707b.jpg

 

It shrunk to 500px (or 540px) where before it was wayyyy wider, filling up the black spaces of the post beside it. Sadly there are too few tumblr technical support forums and googling my problem failed to bring me a working solution...

 

Here's my HTML:

 

 

 

 

<!DOCTYPE HTML>
<html lang="en">
    <head>
        <!--  
            Name: 'Elise' theme for tumblr
            Realese date: 07.04.2014;
            Version: 1.8a;
            Last update date: 28.07.2016;
            Author: webgregos - Grzegorz Wisniewski;
        -->
        <meta charset="utf-8">
        <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}
        {block:PermalinkPage}{block:PostSummary} - {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
        {block:Description}
        <meta name="description" content="{MetaDescription}">
        {/block:Description}
        
        {block:Hidden}
        
        <meta name="image:Header image 2" content="">
        <meta name="image:Header image 3" content="">
        <meta name="image:Header image 4" content="">
        <meta name="image:Header image 5" content="">
        <meta name="image:Header image 6" content="">
        <meta name="image:Header image 7" content="">
        <meta name="image:Header image 8" content="">
        <meta name="image:Header image 9" content="">
        <meta name="image:Header image 10" content="">
        <meta name="image:About portrait" content="">
        <meta name="image:Blog logo" content="">
        <meta name="image:Image dropdown category 1 picture" content="">
        <meta name="image:Image dropdown category 2 picture" content="">
        <meta name="image:Image dropdown category 3 picture" content="">
        <meta name="image:Image dropdown category 4 picture" content="">
 
        <meta name="color:Preload page background color" content="#fafafa">
        <meta name="color:Preload page text color" content="#545454">
        <meta name="color:Preload page css animation color" content="#d95e40">
        <meta name="color:Blog title color" content="#fafafa">
        <meta name="color:Blog title background color" content="#fafafa">
        <meta name="color:Blog avatar border color" content="#eaeaea">
        <meta name="color:Header overlay color" content="#000">
        <meta name="color:Header image captions text color" content="#fafafa"/>
        <meta name="color:Blog background color" content="#f1f1f1"/>
        <meta name="color:Accent color" content="#d95e40">
        <meta name="color:Buttons text color" content="#fafafa">
        <meta name="color:Call to action background color" content="#353535">
        <meta name="color:Call to action text color" content="#eaeaea">
        <meta name="color:Call to action button background color" content="#d95e40">
        <meta name="color:Call to action button text color" content="#eaeaea">
        <meta name="color:Menu background color" content="#1d1d1d">
        <meta name="color:Menu link color" content="#fafafa">
        <meta name="color:Menu link hover color" content="#d95e40">
        <meta name="color:Menu second level background color" content="#e3e3e3">
        <meta name="color:Menu second level link color" content="#545454">
        <meta name="color:Menu second level link hover color" content="#d95e40">
        <meta name="color:Posts background color" content="#fafafa">
        <meta name="color:Posts text color" content="#545454">
        <meta name="color:Posts title color" content="#545454">
        <meta name="color:Posts links color" content="#d95e40">
        <meta name="color:Posts separator line color" content="#e8e8e8">
        <meta name="color:Posts quotes background color" content="#efefef">
        <meta name="color:Posts quotes text color" content="#545454">
        <meta name="color:Posts hover overlay color" content="#3f3f3f">
        <meta name="color:Posts hover text color" content="#fbfbfb">
        <meta name="color:Posts tags color" content="#b9b9b9">
        <meta name="color:Posts notes counter background color" content="#e3e3e3">
        <meta name="color:Posts notes counter text color" content="#545454">
        <meta name="color:Posts notes counter hover color" content="#d95e40">
        <meta name="color:Posts buttons background color" content="#dadada">
        <meta name="color:Posts buttons icon color" content="#545454">
        <meta name="color:Posts buttons hover color" content="#d95e40">
        <meta name="color:Posts preload css animation color" content="#d95e40">
        <meta name="color:Sidebar background color" content="#353535">
        <meta name="color:Sidebar text color" content="#eaeaea">
        <meta name="color:Sidebar Twitter separator color" content="#656565">
        <meta name="color:Sidebar Twitter links color" content="#d95e40">
        <meta name="color:Footer background color" content="#353535">
        <meta name="color:Footer text color" content="#eaeaea">
        <meta name="color:Footer copyright background color" content="#1d1d1d">
        <meta name="color:Footer copyright text color" content="#dadada">
        <meta name="color:Pinned posts icon color" content="#eaeaea">
        <meta name="color:Pinned posts icon background color" content="#353535">
        <meta name="color:Search and tag pages text color" content="#444">
        
 
        <meta name="font:Font for header title" content="Capita">
        <meta name="font:Font for header image captions" content="Avalon">
        <meta name="font:Font for navigation menu" content="Avalon">
        <meta name="font:Font for posts text" content="Avalon">
        <meta name="font:Font for posts titles" content="Capita">
        <meta name="font:Font for h tags" content="Capita">
 
        <meta name="if:Use logo image" content="0">
 
        <meta name="text:Preload page title font size" content="21px">
        <meta name="text:Preload page loading text font size" content="12px">
        
        <meta name="text:Header title font size" content="42px">
        <meta name="text:Header image captions font size" content="25px">
 
        <meta name="text:Header image overlay opacity" content="0.1">
        <meta name="text:Header image rotation delay" content="8000">
 
        <meta name="select:Posts layout" content="masonry" title="Masonry">
        <meta name="select:Posts layout" content="grid" title="Grid">
        <meta name="select:Posts layout" content="single" title="One column">
        <meta name="select:Posts layout" content="masonry-2c" title="Two columns">
        
        <meta name="select:Header style" content="header-s2" title="Old style">
        <meta name="select:Header style" content="header-s2 header-fs" title="Old style with fullscreen header">
        <meta name="select:Header style" content="header-s1" title="New style">
 
        <meta name="select:Header title text" content="capitalize" title="Capitalize">
        <meta name="select:Header title text" content="uppercase" title="Uppercase">
        <meta name="select:Header title text" content="none" title="Normal">
        
        <meta name="select:Header title border" content="none" title="No border">
        <meta name="select:Header title border" content="border-3 border-solid-tb" title="Border top and bottom - 3px solid">
        <meta name="select:Header title border" content="border-5 border-solid-tb" title="Border top and bottom - 5px solid">
        <meta name="select:Header title border" content="border-2 border-solid-tb" title="Border top and bottom - 2px solid">
        <meta name="select:Header title border" content="border-3 border-solid" title="Border - 3px solid">
        <meta name="select:Header title border" content="border-2 border-solid" title="Border - 2px solid">
        <meta name="select:Header title border" content="border-5 border-solid" title="Border - 5px solid">
        <meta name="select:Header title border" content="border-3 border-dashed" title="Border - 3px dashed">
        <meta name="select:Header title border" content="border-2 border-dashed" title="Border - 2px dashed">
        <meta name="select:Header title border" content="border-5 border-dashed" title="Border - 5px dashed">
        
        <meta name="select:Header avatar border" content="border-2 border-solid" title="Border - 2px solid">
        <meta name="select:Header avatar border" content="none" title="No border">
        <meta name="select:Header avatar border" content="border-3 border-solid-tb" title="Border top and bottom - 3px solid">
        <meta name="select:Header avatar border" content="border-5 border-solid-tb" title="Border top and bottom - 5px solid">
        <meta name="select:Header avatar border" content="border-2 border-solid-tb" title="Border top and bottom - 2px solid">
        <meta name="select:Header avatar border" content="border-3 border-solid" title="Border - 3px solid">
        <meta name="select:Header avatar border" content="border-5 border-solid" title="Border - 5px solid">
        <meta name="select:Header avatar border" content="border-3 border-dashed" title="Border - 3px dashed">
        <meta name="select:Header avatar border" content="border-2 border-dashed" title="Border - 2px dashed">
        <meta name="select:Header avatar border" content="border-5 border-dashed" title="Border - 5px dashed">
        
        <meta name="select:Header height" content="h-auto" title="Auto">
        <meta name="select:Header height" content="h-500px" title="Big - 500px">
        <meta name="select:Header height" content="h-700px" title="XLarge - 700px">
        <meta name="select:Header height" content="h-600px" title="Large - 600px">
        <meta name="select:Header height" content="h-400px" title="Normal - 400px">
        <meta name="select:Header height" content="h-300px" title="Small - 300px">
        
        <meta name="select:Header image transition effect" content="slide" title="Slide">
        <meta name="select:Header image transition effect" content="fade" title="Fade">
        <meta name="select:Header image transition effect" content="no-effect" title="None">
 
        <meta name="select:Sidebar and posts width" content="size-x" title="400px">
        <meta name="select:Sidebar and posts width" content="size-b" title="330px">
        <meta name="select:Sidebar and posts width" content="size-s" title="250px">
 
        <meta name="select:Single column layout max width" content="sc-600" title="600px">
        <meta name="select:Single column layout max width" content="sc-500" title="500px">
        <meta name="select:Single column layout max width" content="sc-700" title="700px">
        <meta name="select:Single column layout max width" content="sc-800" title="800px">
        <meta name="select:Single column layout max width" content="sc-900" title="900px">
 
        <meta name="select:Two columns layout max width" content="tc-max-900" title="900px">
        <meta name="select:Two columns layout max width" content="tc-max-1200" title="1200px">
        <meta name="select:Two columns layout max width" content="tc-max-1500" title="1500px">
 
        <meta name="select:Pagination style" content="load-more" title="Load more button">
        <meta name="select:Pagination style" content="infinite-load" title="Infinite loading">
        <meta name="select:Pagination style" content="next-previous" title="Next / Previus">
        
        <meta name="select:View post button style" content="post-button-s3" title="Post date link">
        <meta name="select:View post button style" content="post-button-s2" title="Button style">
        <meta name="select:View post button style" content="post-button-s1" title="Text style">
 
        <meta name="select:Social links icons" content="color" title="Square and colorful">
        <meta name="select:Social links icons" content="" title="Square">
        <meta name="select:Social links icons" content="color circle-shape" title="Circle and colorful">
        <meta name="select:Social links icons" content="circle-shape" title="Circle">
        
        <meta name="select:Preloader animation" content="css-preloader-01" title="CSS Circcle spinner">
        <meta name="select:Preloader animation" content="css-preloader-02" title="CSS Pulse">
        <meta name="select:Preloader animation" content="preloader-01" title="Animation 1">
        <meta name="select:Preloader animation" content="preloader-02" title="Animation 2">
        <meta name="select:Preloader animation" content="preloader-03" title="Animation 3">
        <meta name="select:Preloader animation" content="preloader-04" title="Animation 4">
        <meta name="select:Preloader animation" content="none" title="None">
        
        <meta name="select:Space between posts" content="post-spacing-20" title="20px">
        <meta name="select:Space between posts" content="post-spacing-30" title="30px">
        <meta name="select:Space between posts" content="post-spacing-24" title="24px">
        <meta name="select:Space between posts" content="post-spacing-14" title="14px">
        <meta name="select:Space between posts" content="post-spacing-10" title="10px">
        <meta name="select:Space between posts" content="post-spacing-6" title="6px">
        <meta name="select:Space between posts" content="post-spacing-2" title="2px">
        <meta name="select:Space between posts" content="post-spacing-0" title="0px">
 
        <meta name="select:Photoset space between pictures" content="2px" title="2px">
        <meta name="select:Photoset space between pictures" content="0px" title="0px">
        <meta name="select:Photoset space between pictures" content="3px" title="3px">
        <meta name="select:Photoset space between pictures" content="5px" title="5px">
 
        <meta name="select:Posts notes counter on homepage" content="counters-hover" title="Show on hover">
        <meta name="select:Posts notes counter on homepage" content="counters-always" title="Always show">
 
        <meta name="select:Posts buttons on homepage" content="btn-always" title="Always show">
        <meta name="select:Posts buttons on homepage" content="btn-hover" title="Show on hover">
 
        <meta name="select:Masonry layout photosets style" content="msnry-pp-slideshow" title="Pictures slideshow">
        <meta name="select:Masonry layout photosets style" content="msnry-pp-grid" title="Pictures in grid">
        <meta name="select:Masonry layout photosets style" content="msnry-pp-first" title="Only first picture">
 
        <meta name="select:Masonry layout picture post caption" content="masonry-caption-normal" title="Full caption below picture">
        <meta name="select:Masonry layout picture post caption" content="masonry-caption-hover" title="Full caption on hover">
        <meta name="select:Masonry layout picture post caption" content="masonry-caption-hover post-caption-first-only" title="First paragraph on hover">
        <meta name="select:Masonry layout picture post caption" content="masonry-caption-overlay" title="Overlay only">
        <meta name="select:Masonry layout picture post caption" content="masonry-caption-none" title="Don't show">
 
        <meta name="select:Grid layout photosets style" content="grid-pp-slideshow" title="Pictures slideshow">
        <meta name="select:Grid layout photosets style" content="grid-pp-first" title="Only first picture">
 
        <meta name="select:Grid layout picture post caption" content="grid-caption-hover" title="Full caption on hover">
        <meta name="select:Grid layout picture post caption" content="grid-caption-hover post-caption-first-only" title="First paragraph on hover">
        <meta name="select:Grid layout picture post caption" content="grid-caption-overlay" title="Overlay only">
        <meta name="select:Grid layout picture post caption" content="grid-caption-none" title="Don't show">
 
        <meta name="select:Tumblr buttons" content="tumblr-btn-bottom" title="Show in bottom right corner">
        <meta name="select:Tumblr buttons" content="tumblr-btn-top" title="Show in top right corner">
        <meta name="select:Tumblr buttons" content="tumblr-btn-hide" title="Hidden">
 
        <meta name="text:Header image 1 caption" content="">
        <meta name="text:Header image 2 caption" content="">
        <meta name="text:Header image 3 caption" content="">
        <meta name="text:Header image 4 caption" content="">
        <meta name="text:Header image 5 caption" content="">
        <meta name="text:Header image 6 caption" content="">
        <meta name="text:Header image 7 caption" content="">
        <meta name="text:Header image 8 caption" content="">
        <meta name="text:Header image 9 caption" content="">
        <meta name="text:Header image 10 caption" content="">
        
        <meta name="text:Call to action message" content="">
        <meta name="text:Call to action button text" content="">
        <meta name="text:Call to action button link URL" content="">
        <meta name="text:Call to action font size" content="15px">
        
        <meta name="text:Posts titles font size" content="24px">
        <meta name="text:Posts text font size" content="14px">
        
        <meta name="text:Sidebar text font size" content="14px">
        <meta name="text:Tweets text font size" content="13px">
 
        <meta name="if:Preload page" content="1">
        <meta name="if:Header image parallax" content="0">
        <meta name="if:Header scroll down button" content="1">
        <meta name="if:Header scroll down button animated" content="1">
        <meta name="if:Header only on homepage" content="0"> 
        <meta name="if:Header auto scroll" content="0"> 
 
        <meta name="if:Pinned navigation" content="1">        
        <meta name="if:Pinned sidebar on index page" content="1">        
        <meta name="if:Pinned sidebar on permalink page" content="1">        
        <meta name="if:Pinned posts feature" content="0">        
        <meta name="if:Menu links to uppercase" content="0">  
        <meta name="if:Menu show pages in dropdown" content="1">  
        <meta name="if:Menu show my links dropdown" content="0">  
        <meta name="if:Menu show more links dropdown" content="0">  
        <meta name="if:Menu show image links dropdown" content="0">  
        <meta name="if:Menu home link" content="1">     
        <meta name="if:Menu ask link" content="1">     
        <meta name="if:Menu submit link" content="0">     
        <meta name="if:Menu rss link" content="0">     
        <meta name="if:Menu random link" content="0">     
        <meta name="if:Menu archive link" content="1">  
        
        <meta name="if:Show post note count" content="1">     
        <meta name="if:Show post comments count" content="0">
        <meta name="if:Show post tags on homepage" content="0">
        
        <meta name="if:Use Facebook comments widget" content="0">
        
        <meta name="if:Post titles to uppercase" content="0">  
        <meta name="if:Post center smaller pictures" content="1"> 
        <meta name="if:Post notes small avatars" content="1"> 
 
        <meta name="text:Photoset slideshow delay" content="6000">
        
        <meta name="if:Open menu links in new tab" content="0">
        <meta name="if:Open posts in new tab" content="0">
        <meta name="if:Open social links in new tab" content="0">
        <meta name="if:Group blog show author" content="0">
 
        <meta name="text:About label" content="About">
        
        <meta name="if:Sidebar show social links" content="0">
        <meta name="if:Sidebar show text widget 1" content="0">
        <meta name="if:Sidebar show text widget 2" content="0">
        <meta name="if:Sidebar show tags" content="0">
        <meta name="if:Sidebar show twitter feed" content="0">
        <meta name="if:Sidebar turned off completely" content="0">
        <meta name="text:Sidebar text widget 1 label" content="Text widget">
        <meta name="text:Sidebar text widget 1 content" content="">
        <meta name="text:Sidebar text widget 2 label" content="Text widget">
        <meta name="text:Sidebar text widget 2 content" content="">
        
        <meta name='if:Count Tags' content="1">
        <meta name='if:Footer show tags' content="0">
        <meta name='if:Footer show search box' content="0">
        <meta name="if:Footer show social links" content="0">
 
        <meta name="text:Social links label" content="Follow me">
        <meta name="text:Personal website name" content="">
        <meta name="text:Personal website URL" content="">
        <meta name="text:Facebook URL" content="">
        <meta name="text:Twitter URL" content="">
        <meta name="text:Google Plus URL" content="">
        <meta name="text:Tumblr URL" content="">
        <meta name="text:Dribbble URL" content="">
        <meta name="text:Instagram URL" content="">
        <meta name="text:Flickr URL" content="">
        <meta name="text:Youtube URL" content="">
        <meta name="text:Vimeo URL" content="">
        <meta name="text:DeviantArt URL" content="">
        <meta name="text:Pinterest URL" content="">
        <meta name="text:LinkedIn URL" content="">
        <meta name="text:Behance URL" content="">
        <meta name="text:GitHub URL" content="">
        <meta name="text:Spotify URL" content="">
        <meta name="text:SoundCloud URL" content="">
        <meta name="text:Flipboard URL" content="">
        <meta name="text:LastFM URL" content="">
        <meta name="text:500px URL" content="">
        <meta name="text:Twitch URL" content="">
        <meta name="text:Foursquare URL" content="">
        <meta name="text:Patreon URL" content="">
        <meta name="text:Vk URL" content="">
       
        <meta name="text:Instagram feed label" content="Instagram pictures">
        <meta name="text:Instagram access token" content="">
        <meta name="text:Instagram image limit" content="6">
 
        <meta name="text:Flickr feed label" content="Flickr photos">
        <meta name="text:Flickr username" content="">
        <meta name="text:Flickr image limit" content="8">
        
        <meta name="text:Twitter feed label" content="Recent tweets">
        <meta name="text:Twitter feed limit" content="3">
        
        <meta name="text:Facebook page widget label" content="Facebook page">
        <meta name="text:Facebook page name" content="">
 
        <meta name="text:Google analytics ID" content="">
        <meta name='text:Facebook ID' content="">
        <meta name='text:Disqus Shortname' content="">
        <meta name="text:0 comments label" content="0 comments">
 
        <meta name="if:Show share button" content="1">
        <meta name="if:Show cookies usage warning" content="1">
 
        <meta name='text:Search placeholder text' content="Type keyword and press ENTER...">
        <meta name='text:View post button text' content="View post">
        <meta name='text:Preload page text' content="Loading">
        <meta name='text:Loading posts text' content="Loading post...">
        <meta name='text:No more posts text' content="No more posts to load">
        <meta name='text:Sidebar tags label' content="Popular tags">
        <meta name='text:Footer tags label' content="Browse tags">
        <meta name='text:Cookies usage warining text' content="This website uses cookies to ensure you get the best experience on our website.">
        <meta name='text:Cookies usage accept button text' content="Got it!">
        <meta name='text:Cookies usage more info button text' content="What's a cookie?">
        <meta name='text:Cookies usage more info button URL' content="http://www.aboutcookies.org/Default.aspx?page=5">
        
        <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:Pages label" content="Pages">
        
        <meta name="text:My links label" content="Links">
        <meta name="text:My link 1 url" content="">
        <meta name="text:My link 1 text" content="">
        <meta name="text:My link 2 url" content="">
        <meta name="text:My link 2 text" content="">
        <meta name="text:My link 3 url" content="">
        <meta name="text:My link 3 text" content="">
        <meta name="text:My link 4 url" content="">
        <meta name="text:My link 4 text" content="">
        <meta name="text:My link 5 url" content="">
        <meta name="text:My link 5 text" content="">
        <meta name="text:My link 6 url" content="">
        <meta name="text:My link 6 text" content="">
        <meta name="text:My link 7 url" content="">
        <meta name="text:My link 7 text" content="">
        <meta name="text:My link 8 url" content="">
        <meta name="text:My link 8 text" content="">
        <meta name="text:My link 9 url" content="">
        <meta name="text:My link 9 text" content="">
        <meta name="text:My link 10 url" content="">
        <meta name="text:My link 10 text" content="">
        
        <meta name="text:More links label" content="More">
        <meta name="text:More link 1 url" content="">
        <meta name="text:More link 1 text" content="">
        <meta name="text:More link 2 url" content="">
        <meta name="text:More link 2 text" content="">
        <meta name="text:More link 3 url" content="">
        <meta name="text:More link 3 text" content="">
        <meta name="text:More link 4 url" content="">
        <meta name="text:More link 4 text" content="">
        <meta name="text:More link 5 url" content="">
        <meta name="text:More link 5 text" content="">
        <meta name="text:More link 6 url" content="">
        <meta name="text:More link 6 text" content="">
        <meta name="text:More link 7 url" content="">
        <meta name="text:More link 7 text" content="">
        <meta name="text:More link 8 url" content="">
        <meta name="text:More link 8 text" content="">
        <meta name="text:More link 9 url" content="">
        <meta name="text:More link 9 text" content="">
        <meta name="text:More link 10 url" content="">
        <meta name="text:More link 10 text" content="">
        
        <meta name="text:Image dropdown menu label" content="More">
        <meta name="text:Image dropdown category 1 name" content="Category 1">
        <meta name="text:Image dropdown category 1 url" content="">
        <meta name="text:Image dropdown category 2 name" content="Category 2">
        <meta name="text:Image dropdown category 2 url" content="">
        <meta name="text:Image dropdown category 3 name" content="Category 3">
        <meta name="text:Image dropdown category 3 url" content="">
        <meta name="text:Image dropdown category 4 name" content="Category 4">
        <meta name="text:Image dropdown category 4 url" content="">
        
        <meta name="text:Image dropdown cat 1 link 1 url" content="">
        <meta name="text:Image dropdown cat 1 link 1 text" content="">
        <meta name="text:Image dropdown cat 1 link 2 url" content="">
        <meta name="text:Image dropdown cat 1 link 2 text" content="">
        <meta name="text:Image dropdown cat 1 link 3 url" content="">
        <meta name="text:Image dropdown cat 1 link 3 text" content="">
        <meta name="text:Image dropdown cat 1 link 4 url" content="">
        <meta name="text:Image dropdown cat 1 link 4 text" content="">
        <meta name="text:Image dropdown cat 1 link 5 url" content="">
        <meta name="text:Image dropdown cat 1 link 5 text" content="">
        
        <meta name="text:Image dropdown cat 2 link 1 url" content="">
        <meta name="text:Image dropdown cat 2 link 1 text" content="">
        <meta name="text:Image dropdown cat 2 link 2 url" content="">
        <meta name="text:Image dropdown cat 2 link 2 text" content="">
        <meta name="text:Image dropdown cat 2 link 3 url" content="">
        <meta name="text:Image dropdown cat 2 link 3 text" content="">
        <meta name="text:Image dropdown cat 2 link 4 url" content="">
        <meta name="text:Image dropdown cat 2 link 4 text" content="">
        <meta name="text:Image dropdown cat 2 link 5 url" content="">
        <meta name="text:Image dropdown cat 2 link 5 text" content="">
        
        <meta name="text:Image dropdown cat 3 link 1 url" content="">
        <meta name="text:Image dropdown cat 3 link 1 text" content="">
        <meta name="text:Image dropdown cat 3 link 2 url" content="">
        <meta name="text:Image dropdown cat 3 link 2 text" content="">
        <meta name="text:Image dropdown cat 3 link 3 url" content="">
        <meta name="text:Image dropdown cat 3 link 3 text" content="">
        <meta name="text:Image dropdown cat 3 link 4 url" content="">
        <meta name="text:Image dropdown cat 3 link 4 text" content="">
        <meta name="text:Image dropdown cat 3 link 5 url" content="">
        <meta name="text:Image dropdown cat 3 link 5 text" content="">
        
        <meta name="text:Image dropdown cat 4 link 1 url" content="">
        <meta name="text:Image dropdown cat 4 link 1 text" content="">
        <meta name="text:Image dropdown cat 4 link 2 url" content="">
        <meta name="text:Image dropdown cat 4 link 2 text" content="">
        <meta name="text:Image dropdown cat 4 link 3 url" content="">
        <meta name="text:Image dropdown cat 4 link 3 text" content="">
        <meta name="text:Image dropdown cat 4 link 4 url" content="">
        <meta name="text:Image dropdown cat 4 link 4 text" content="">
        <meta name="text:Image dropdown cat 4 link 5 url" content="">
        <meta name="text:Image dropdown cat 4 link 5 text" content="">
 
        <meta name="text:Special tag for homepage hidden posts" content="hide">
        <meta name="text:Special tag for pinned posts" content="pinned">
        
        <meta name="text:Custom copyright text" content="">
        <meta name="text:Custom loading animation URL" content="">
        <meta name="text:Custom Google Fonts NAME for header title" content="">
        <meta name="text:Custom Google Fonts NAME for header image captions" content="">
        <meta name="text:Custom Google Fonts NAME for navigation menu" content="">
        <meta name="text:Custom Google Fonts NAME for posts text" content="">
        <meta name="text:Custom Google Fonts NAME for posts titles" content="">
        <meta name="text:Custom Google Fonts NAME for h tags" content="">
        
        <meta name="text:Custom HTML code in document head section" content="">
        <meta name="text:Custom HTML code in document body section" content="">
 
        {/block:Hidden}
        
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <link rel="shortcut icon" href="{Favicon}">
        <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
        <meta http-equiv="X-UA-Compatible" content="IE=9">
        <meta http-equiv="Cache-control" content="private">
        
        <meta property="fb:admins" content="{text:Facebook ID}"/>
        
        <link href='http://static.tumblr.com/8wlin78/YSWoaxdho/elisetheme.min.css' rel='stylesheet' type='text/css'>
        <link href="http://static.tumblr.com/8wlin78/KZHnt0nmr/nivo-lightbox.min.css" rel="stylesheet" type="text/css">
 
        {block:IfCustomGoogleFontsNAMEForHeaderTitle}
        <link href='http://fonts.googleapis.com/css?family={text:Custom Google Fonts NAME for header title}:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
        {/block:IfCustomGoogleFontsNAMEForHeaderTitle}
        {block:IfCustomGoogleFontsNAMEForHeaderImageCaptions}
        <link href='http://fonts.googleapis.com/css?family={text:Custom Google Fonts NAME for header image captions}:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
        {/block:IfCustomGoogleFontsNAMEForHeaderImageCaptions}
        {block:IfCustomGoogleFontsNAMEForNavigationMenu}
        <link href='http://fonts.googleapis.com/css?family={text:Custom Google Fonts NAME for navigation menu}:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
        {/block:IfCustomGoogleFontsNAMEForNavigationMenu}
        {block:IfCustomGoogleFontsNAMEForPostsText}
        <link href='http://fonts.googleapis.com/css?family={text:Custom Google Fonts NAME for posts text}:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
        {/block:IfCustomGoogleFontsNAMEForPostsText}
        {block:IfCustomGoogleFontsNAMEForPostsTitles}
        <link href='http://fonts.googleapis.com/css?family={text:Custom Google Fonts NAME for posts titles}:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
        {/block:IfCustomGoogleFontsNAMEForPostsTitles}
        {block:IfCustomGoogleFontsNAMEForHTags}
        <link href='http://fonts.googleapis.com/css?family={text:Custom Google Fonts NAME for h tags}:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
        {/block:IfCustomGoogleFontsNAMEForHTags}
 
        <!--[if lt IE 9]>
        <![endif]-->
 
        <!-- THEME STYLE FROM OPTIONS -->        
        <style>
            body {
                font-family: {font:Font for posts text};
                {block:IfCustomGoogleFontsNAMEForPostsText}
                font-family: '{text:Custom Google Fonts NAME for posts text}';
                {/block:IfCustomGoogleFontsNAMEForPostsText}
            }
            .nav-menu {
                font-family: {font:Font for navigation menu};
                {block:IfCustomGoogleFontsNAMEForNavigationMenu}
                font-family: '{text:Custom Google Fonts NAME for navigation menu}';
                {/block:IfCustomGoogleFontsNAMEForNavigationMenu}
            }
            .post-title,
             .link-title,
              .search-overlay input {
                font-family: {font:Font for posts titles};
                {block:IfCustomGoogleFontsNAMEForPostsTitles}
                font-family: '{text:Custom Google Fonts NAME for posts titles}';
                {/block:IfCustomGoogleFontsNAMEForPostsTitles}
            } 
            .post-title,
             .link-title {
                font-size: {text:Posts titles font size};
            } 
            .post .typography {
                font-size: {text:Posts text font size};
            }
            .sidebar .typography {
                font-size: {text:Sidebar text font size};
            }
            .tweet {
                font-size: {text:Tweets text font size};
            }
            .typography h1,
             .typography h2,
              .typography h3,
               .typography h4,
                .typography h5,
                 .typography h6 {
                font-family: {font:Font for h tags};
                {block:IfCustomGoogleFontsNAMEForHTags}
                font-family: '{text:Custom Google Fonts NAME for h tags}';
                {/block:IfCustomGoogleFontsNAMEForHTags}
            }    
            {block:IfCustomLoadingAnimationURL}
            .page-preloader,
             .preloader {
                background: url({text:Custom loading animation URL}) no-repeat center center;
            }
            {/block:IfCustomLoadingAnimationURL}
 
            /*HEADER*/
            .blog-title .wrap, .title-text {
                font-family: {font:Font for header title};
                {block:IfCustomGoogleFontsNAMEForHeaderTitle}
                font-family: '{text:Custom Google Fonts NAME for header title}';
                {/block:IfCustomGoogleFontsNAMEForHeaderTitle}
                font-size: {text:Header title font size};
            }
            .page-preloader > .animation-wrap > .title-text {
                font-size:{text:Preload page title font size};
            }
            .page-preloader > .animation-wrap > .loading-text {
                font-size:{text:Preload page loading text font size};
                margin-top:{text:Preload page loading text font size};
            }
            .slide-caption {
                font-family: {font:Font for header image captions};
                {block:IfCustomGoogleFontsNAMEForHeaderImageCaptions}
                font-family: '{text:Custom Google Fonts NAME for header image captions}';
                {/block:IfCustomGoogleFontsNAMEForHeaderImageCaptions}
            }
            .slide-caption {
                font-size: {text:Header image captions font size};
            }
            .call-to-action .typography {
                font-size: {text:Call to action font size};
            }
            @media all and (max-width: 648px) {
                .blog-title .wrap, .title-text {
                    font-size: 26px;
                }
                .slide-caption {
                    font-size: 17px;
                }
                .call-to-action .typography {
                    font-size: 14px;
                }
            }
            .slide:after {
                background-color: {color:Header overlay color};
                opacity: {text:Header image overlay opacity};
            }
            
            /*== PRELOADER COLORS ==*/
            .page-preloader {
                color: {color:Preload page text color};
                background-color: {color:Preload page background color};
            }
            .css-preloader-01 .css-animation {
                border-left-color: rgba({RGBcolor:Preload page css animation color},.1);
                border-right-color: rgba({RGBcolor:Preload page css animation color},.1);
                border-bottom-color: rgba({RGBcolor:Preload page css animation color},.1);
                border-top-color: rgba({RGBcolor:Preload page css animation color},.8);
            }
            .post .css-preloader-01 .css-animation {
                border-left-color: rgba({RGBcolor:Posts preload css animation color},.1);
                border-right-color: rgba({RGBcolor:Posts preload css animation color},.1);
                border-bottom-color: rgba({RGBcolor:Posts preload css animation color},.1);
                border-top-color: rgba({RGBcolor:Posts preload css animation color},.8);
            }
            .css-preloader-02 .css-animation {
              box-shadow: inset 0 0 0 20px {color:Preload page css animation color};
            }
            .posts .css-preloader-02 .css-animation {
              box-shadow: inset 0 0 0 20px {color:Posts preload css animation color};
            }
            
            /*== HEADER COLORS ==*/
            /*Header text - #F7F7F7*/
            .blog-title .wrap {
                color: {color:Blog title color};
            }
            .blog-title .wrap {
                border-color: {color:Blog title color};
            }
            .slider-nav > li:after {
                background-color: {color:Blog title color};
            }
            /*Header text background*/
            header {
                background-color: {color:Blog title background color};
            }
            /*Avatar border color*/
            .blog-avatar {
                border-color: {color:Blog avatar border color};
            }
            /*Header captions text*/
            .slide-caption {
                color: {color:Header image captions text color};
            }
            .scroll-down-button > svg {
                fill: {color:Header captions text color};
            }
            
            /*== GENERIC COLORS ==*/
            /*Blog background - #F8F8F8 */
            body {
                background-color: {color:Blog background color};
            }
            /*Accent - #F5AD58**/
            a, .post .typography a:hover,
             .post a:hover,
              .post-notes a:hover,
               .tag:hover,
                .post-button-s2 > .post-permalink > a:hover,
                 .question-asked-by > a:hover,
                  .more-button:hover,
                   .pagination > div > a:hover,
                    .sidebar .typography a,
                     .info-label .typography a,
                      .tag-page-label > span,
                       .search-page-label > span,
                        .post-title > a:hover,
                         .standard-pagination > a:hover,
                          .standard-pagination > span,
                           .post-caption a {
                color: {color:Accent color};
            }
            .slider-nav > li.active:after,
             .slider-nav > li:hover:after,
              .scroll-down-button,
               .post-button-s2 > .post-permalink > a,
                .link-title,
                 .more-button,
                  .scroll-top,
                   .loading-info, 
                    .pagination > div > a,
                     .question-text,
                      .standard-pagination > a,
                       .link-website:hover, .color .link-website,
                        .slider-timer-bar,
                         .cookies-warning span {
                background-color: {color:Accent color};
            }
            .typography blockquote,
             .post-button-s2 > .post-permalink > a,
              .post-caption blockquote,
               .photoset-cell.has-caption:before,
                .standard-pagination > a,
                 .standard-pagination > span {
                border-color: {color:Accent color};
            }
            .scroll-top:hover svg,
             .scroll-down-button:hover svg,
              .pagination a:hover > svg {
                  fill: {color:Accent color};
            }
            /*Buttons text*/
            .more-button,
             .standard-pagination > a,
              .pagination > div > a,
               .loading-info,
                .link-title,
                 .question-text {
                color: {color:Buttons text color};
            }
            .scroll-down-button:hover,
             .more-button:hover,
              .scroll-top:hover,
               .standard-pagination > a:hover,
                .standard-pagination > span,
                 .pagination > div > a:hover {
                background-color: {color:Buttons text color};
            }
            .scroll-down-button > svg,
             .scroll-top svg,
              .sidebar .social-links.colorful .icon.icon-website,
               .footer-wrap .social-links.colorful .icon.icon-website {
                fill: {color:Buttons text color};
            }
            .css-preloader-01.loading-info.loading-info .animation-wrap .css-animation {
                border-color: rgba({RGBcolor:Buttons text color}, 0.8) rgba({RGBcolor:Buttons text color}, 0.1) rgba({RGBcolor:Buttons text color}, 0.1);;
            }
            /*== Call to action message COLORS ==*/
            /*Call to action background*/
            .call-to-action {
                background-color: {color:Call to action background color}
            }
            /*Call to action text*/
            .call-to-action {
                color: {color:Call to action text color};
            }
            /*Call to action button background*/
            .call-to-action .button {
                background-color: {color:Call to action button background color}
            }
            .call-to-action .button:hover {
                color: {color:Call to action button background color}
            }
            /*Call to action button text*/
            .call-to-action .button {
                color: {color:Call to action button text color};
            }
            .call-to-action .button:hover {
                background-color: {color:Call to action button text color};
            }
            
            /*== MENU COLORS ==*/
            /*Menu background - #FAFAFA*/
            .nav-menu,
             .nav-fl,
              .nav-sl {
                background-color: {color:Menu background color};
            }
            /*Menu text - #545454*/
            .nav-menu a {
                color: {color:Menu link color};
            }
            .profile-button > svg,
             .menu-button > svg,
              .search-button > svg,
               .drop-down > svg {
                fill: {color:Menu link color};
            }
            .nav-fl > li:after,
             .profile-button:after,
              .menu-button:after,
               .search-button:after {
                background-color: {color:Menu link color};
            }
            /*Menu text hover - #F5AD58**/
            .nav-menu a:hover,
             .nav-menu li:hover > a {
                color: {color:Menu link hover color};
            }
            .profile-button:hover > svg,
             .menu-button:hover > svg,
              .search-button:hover > svg,
               .drop-down:hover > svg {
                fill: {color:Menu link hover color};
            }
            /*Menu second level background - #FAFAFA*/
            .nav-sl {
                background-color: {color:Menu second level background color};
            }
            
            /*Menu second level text - #545454*/
            .nav-sl a {
                color: {color:Menu second level link color};
            }
            .nav-sl > li:after,
             .image-dd-links a:after {
                background-color: {color:Menu second level link color};
            }
            /*Menu second level text hover - #F5AD58**/
            .nav-sl li a:hover {
                color: {color:Menu second level link hover color};
            }
            
            /*== POSTS COLORS ==*/            
            /*Posta background - #FAFAFA*/
            .post > .wrapper:before,
             .preloader,
              .post-notes,
               .disqus,
                .fb-comments {
                background-color: {color:Posts background color};
            }
            /*:Posts text - #545454*/
            .posts,
             .post h1,
              .post h2,
               .post h3,
                .post h4,
                 .post h5,
                  .post h6,
                   .post .typography a,
                    .post-notes a,
                     .post-title > a,
                      .post-caption {
                color: {color:Posts text color};
            }
            .quote-text > svg {
                fill: {color:Posts text color};
            }
            .post-title {
                border-color: {color:Posts text color};
            }
            /*:Posts title - #545454*/
            .post-title,
             .post-title > a {
                color: {color:Posts title color};
            }
            /*:Posts links - #545454*/
            .post .typography a,
             .reblog-info a {
                color: {color:Posts links color};
            }
            /*Posts borders - #E8E8E8*/
            .chat-text > li,
             .notes > li {
                border-color: {color:Posts separator line color};
            }
            /*Posts quotes background - #EFEFEF*/
            .typography blockquote {
                background-color: {color:Posts quotes background color};
            }
            /*Posts quotes text - #EFEFEF*/
            .typography blockquote,
             .typography blockquote h1,
              .typography blockquote h2,
               .typography blockquote h3,
                .typography blockquote h4,
                 .typography blockquote h5,
                  .typography blockquote h6,
                   .post-caption blockquote {
                color: {color:Posts quotes text color};
            }
            /*Posts hover overlay - #F5AD58*/
            .overlay,
             .post-caption a.nivo-lb:after {
                background-color: {color:Posts hover overlay color};
            }
            /*Posts hover text - #F5AD58*/
            .masonry.masonry-caption-hover .caption-o .post-caption,
             .masonry.masonry-caption-hover .caption-o .post-caption a,
              .masonry.masonry-caption-hover .caption-o .post-caption h1,
               .masonry.masonry-caption-hover .caption-o .post-caption h2,
                .masonry.masonry-caption-hover .caption-o .post-caption h3,
                 .masonry.masonry-caption-hover .caption-o .post-caption h4,
                  .masonry.masonry-caption-hover .caption-o .post-caption h5,
                   .masonry.masonry-caption-hover .caption-o .post-caption h6,
                    .masonry.masonry-caption-hover .caption-o .post-caption blockquote,
              .grid.grid-caption-hover .caption-o .post-caption,
               .grid.grid-caption-hover .caption-o .post-caption a,
                .grid.grid-caption-hover .caption-o .post-caption h1,
                 .grid.grid-caption-hover .caption-o .post-caption h2,
                  .grid.grid-caption-hover .caption-o .post-caption h3,
                   .grid.grid-caption-hover .caption-o .post-caption h4,
                    .grid.grid-caption-hover .caption-o .post-caption h5,
                     .grid.grid-caption-hover .caption-o .post-caption h6,
                      .grid.grid-caption-hover .caption-o .post-caption blockquote {
                color: {color:Posts hover text color};
            }
            .masonry.masonry-caption-hover .caption-o .post-caption blockquote,
             .grid.grid-caption-hover .caption-o .post-caption blockquote {
                border-color: {color:Posts hover text color};
            }
            /*Posts tags - #DDDDDD*/
            .tags > .tag {
                color: {color:Posts tags color};
            }
            /*Posts notes counter background - #949494*/
            .post-stats,
             .share-buttons > .option-btn {
                background-color: {color:Posts notes counter background color};
            }
            .share-buttons > .option-btn {
                border-color: {color:Posts notes counter background color}; 
            }
            /*Posts notes counter text - #eaeaea*/
            .post-stats > div,
             .post-stats > div > a,
              .share-buttons > .option-btn {
                color: {color:Posts notes counter text color};
            }
            .share-buttons > .option-btn svg {
                fill: {color:Posts notes counter text color};
            }
            /*Posts notes counter hover color*/
            .post-stats a:hover,
             .share-buttons > .option-btn:hover {
                color: {color:Posts notes counter hover color};
            }
            .share-buttons > .option-btn:hover svg {
                fill: {color:Posts notes counter hover color};
            }
            /*Posts buttons background - #e4e4e4*/
            .wrapper > .post-buttons {
                background-color: {color:Posts buttons background color};
            }
            /*Posts buttons icon - #545454*/
            .post-date,
             .post-date > a,
              .post-button-s1 a {
                color: {color:Posts buttons icon color};
            }
            .post-like svg,
             .post-reblog svg,
              .post-share svg {
                fill: {color:Posts buttons icon color};
            }
            /*Posts buttons hover - #d95e40*/
            .post-buttons .post-date > a:hover,
             .post-button-s1 > .post-permalink > a:hover {
                color: {color:Posts buttons hover color};
            }
            .post-like:hover svg,
             .post-reblog:hover svg,
              .post-share:hover svg {
                fill: {color:Posts buttons hover color};
            }
            /*== SIDEBAR COLORs ==*/
            /*Sidebar background - #444444*/
            .sidebar-tags a:hover {
                color: {color:Sidebar background color};
            }
            .sidebar-content:before,
             .link-host {
                background-color: {color:Sidebar background color};
            }
             /*Sidebar text - #EAEAEA*/
             .sidebar,
              .social-links > li > a,
               .tweet-date,
                .link-host,
                 .sidebar-tags a {
                color: {color:Sidebar text color};
            }
            .sidebar-tags a:hover {
                background-color: {color:Sidebar text color};
            }
            .sidebar .social-links a,
             .sidebar-tags a {
                border-color: {color:Sidebar text color};
            }
            .tweet > svg,
             .sidebar .social-link > svg {
                fill: {color:Sidebar text color};
            }
            .sidebar .social-link:hover > svg,
             .sidebar .color .social-link > svg {
                fill: #fafafa;
            }
            /*Sidebar Twitter separator - #656565*/
            .tweet {
                border-color: {color:Sidebar Twitter separator color};
            }
            /*Sidebar Twitter links color*/
            .tweet-text a {
                color: {color:Sidebar Twitter links color};
            }
 
            /*== FOOTER COLORS ==*/
            /*Footer background - #444444*/
            .tag-cloud a:hover,
             .footer-search input {
                color: {color:Footer background color};
            }
            .footer-wrap {
                background-color: {color:Footer background color};
            }
            /*Footer text - #EAEAEA*/
            .footer-wrap .label,
             .tag-cloud a,
              .footer-sl li a {
                color: {color:Footer text color};
            }
            .footer-wrap .social-links a,
             .tag-cloud a,
              .footer-sl > li > a {
                border-color: {color:Footer text color};
            }
            .tag-cloud a:hover,
             .footer-search input,
              .footer-search:after {
                background-color: {color:Footer text color};
            }
            .footer-wrap .social-link > svg {
                fill: {color:Footer text color};
            }
            .footer-wrap .social-link:hover > svg,
             .footer-wrap .color .social-link > svg {
                fill: #fafafa;
            }
            /*Footer copyright background - #333333*/
            .copyright {
                background-color: {color:Footer copyright background color};
            }
            /*Footer copyright text - #ECECEC*/
            .copyright,
             .copyright a {
                color: {color:Footer copyright text color};
            }
            
            /*Pinned posts icon - #eaeaea*/
            .pinn-icon > svg {
                fill: {color:Pinned posts icon color};
            }
            /*Pinned posts icon background - #353535*/
            .pinn-icon > svg {
                background-color: {color:Pinned posts icon background color};
            }
            /*Search and tag pages color*/
            .search-page-label, .tag-page-label {
                color: {color:Search and tag pages text color};
            }
            
            /*css fix for grid layout*/
            
            .grid .photo-cover {
                display: block;
            }
            .center-pictures .post-caption figure img {
                margin: 0 auto;
            }
            
            /*== CUSTOM CSS START ==*/
                {CustomCSS}
            /*== CUSTOM CSS END ==*/
            
        </style>
        
        {block:IfGoogleAnalyticsID}
        <script>
          (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');
        
        </script>
        {/block:IfGoogleAnalyticsID}
        
        <!-- CUSTOM HTML CODE - HEAD START -->
        {text:Custom HTML code in document head section}
        <!-- CUSTOM HTML CODE - HEAD END -->
      
    </head>
    <body class="{select:Tumblr buttons} {block:IfCountTags}count-tags{/block:IfCountTags}">
 
        <svg display="none" width="0" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
            <defs>
                <symbol id="icon-arrow-down" viewBox="0 0 1024 1024">
                    <title>arrow-down</title>
                    <path class="path1" d="M843.787 307.216c3.638-0.023 16.943 1.956 20.416 3.040s15.517 7.032 18.496 9.12c2.979 2.088 12.677 11.409 14.88 14.304s8.604 14.717 9.824 18.144c1.22 3.427 3.72 16.62 3.84 20.256s-1.505 16.98-2.496 20.48c-0.991 3.5-6.6 15.718-8.608 18.752-1.986 3-10.791 12.653-13.728 15.072v0.032l-0.16 0.128-331.744 274.816c-3.138 2.601-16.198 10.074-20.032 11.456s-18.676 3.968-22.752 3.968c-4.076 0-18.918-2.586-22.752-3.968s-16.894-8.855-20.032-11.456l-331.904-274.944c-1.814-1.498-7.816-7.492-9.28-9.28-1.469-1.794-6.206-8.93-7.296-10.976s-4.355-9.972-5.024-12.192c-0.669-2.22-2.306-10.62-2.528-12.928s-0.202-10.877 0.032-13.184c0.234-2.307 1.911-10.712 2.592-12.928s3.987-10.12 5.088-12.16c1.101-2.040 5.913-9.126 7.392-10.912s7.545-7.818 9.344-9.28c1.799-1.462 8.958-6.182 11.008-7.264s9.97-4.3 12.192-4.96c2.222-0.66 10.619-2.283 12.928-2.496s10.878-0.179 13.184 0.064c2.306 0.243 10.714 1.967 12.928 2.656s10.092 4.044 12.128 5.152c2.025 1.102 9.021 5.847 10.848 7.36 0.010 0.008 0.054 0.024 0.064 0.032l289.088 239.488 289.184-239.488c3.299-2.743 16.112-10.291 19.936-11.712 3.862-1.435 18.824-4.167 22.944-4.192z"></path>
                </symbol>
                <symbol id="icon-arrow-down-double" viewBox="0 0 1024 1024">
                    <title>arrow-down-double</title>
                    <path class="path1" d="M159.971 197.282c-4.616 0.006-9.076 3.089-10.712 7.405s-0.34 9.581 3.112 12.645l352.029 312.307c2.074 1.834 4.831 2.879 7.599 2.879s5.525-1.044 7.599-2.879l352.029-312.307c3.452-3.064 4.748-8.328 3.112-12.645s-6.096-7.399-10.712-7.405h-141.857c-2.773 0.009-5.53 1.065-7.599 2.91l-202.572 179.693-202.545-179.693c-2.069-1.846-4.827-2.902-7.599-2.91z"></path>
                    <path class="path2" d="M159.971 491.483c-4.616 0.006-9.076 3.089-10.712 7.405s-0.34 9.581 3.112 12.645l352.029 312.307c2.074 1.834 4.831 2.879 7.599 2.879s5.525-1.044 7.599-2.879l352.029-312.307c3.452-3.064 4.748-8.328 3.112-12.645s-6.096-7.399-10.712-7.405h-141.857c-2.773 0.009-5.53 1.065-7.599 2.91l-202.572 179.693-202.545-179.693c-2.069-1.846-4.827-2.902-7.599-2.91z"></path>
                </symbol>
                <symbol id="icon-arrow-left-double" viewBox="0 0 1024 1024">
                    <title>arrow-left-double</title>
                    <path class="path1" d="M826.718 864.029c-0.006 4.616-3.089 9.076-7.405 10.712s-9.581 0.34-12.645-3.112l-312.307-352.029c-1.834-2.074-2.879-4.831-2.879-7.599s1.044-5.525 2.879-7.599l312.307-352.029c3.064-3.452 8.328-4.748 12.645-3.112s7.399 6.096 7.405 10.712v141.857c-0.009 2.773-1.065 5.53-2.91 7.599l-179.693 202.572 179.693 202.545c1.846 2.069 2.902 4.827 2.91 7.599z"></path>
                    <path class="path2" d="M532.517 864.029c-0.006 4.616-3.089 9.076-7.405 10.712s-9.581 0.34-12.645-3.112l-312.307-352.029c-1.834-2.074-2.879-4.831-2.879-7.599s1.044-5.525 2.879-7.599l312.307-352.029c3.064-3.452 8.328-4.748 12.645-3.112s7.399 6.096 7.405 10.712v141.857c-0.009 2.773-1.065 5.53-2.91 7.599l-179.693 202.572 179.693 202.545c1.846 2.069 2.902 4.827 2.91 7.599z"></path>
                </symbol>
                <symbol id="icon-arrow-right-double" viewBox="0 0 1024 1024">
                    <title>arrow-right-double</title>
                    <path class="path1" d="M197.282 864.029c0.006 4.616 3.089 9.076 7.405 10.712s9.581 0.34 12.645-3.112l312.307-352.029c1.834-2.074 2.879-4.831 2.879-7.599s-1.044-5.525-2.879-7.599l-312.307-352.029c-3.064-3.452-8.328-4.748-12.645-3.112s-7.399 6.096-7.405 10.712v141.857c0.009 2.773 1.065 5.53 2.91 7.599l179.693 202.572-179.693 202.545c-1.846 2.069-2.902 4.827-2.91 7.599z"></path>
                    <path class="path2" d="M491.483 864.029c0.006 4.616 3.089 9.076 7.405 10.712s9.581 0.34 12.645-3.112l312.307-352.029c1.834-2.074 2.879-4.831 2.879-7.599s-1.044-5.525-2.879-7.599l-312.307-352.029c-3.064-3.452-8.328-4.748-12.645-3.112s-7.399 6.096-7.405 10.712v141.857c0.009 2.773 1.065 5.53 2.91 7.599l179.693 202.572-179.693 202.545c-1.846 2.069-2.902 4.827-2.91 7.599z"></path>
                </symbol>
                <symbol id="icon-arrow-up" viewBox="0 0 1024 1024">
                    <title>arrow-up</title>
                    <path class="path1" d="M843.787 716.784c3.638 0.023 16.943-1.956 20.416-3.040s15.517-7.032 18.496-9.12c2.979-2.088 12.677-11.409 14.88-14.304s8.604-14.717 9.824-18.144c1.22-3.427 3.72-16.62 3.84-20.256s-1.505-16.98-2.496-20.48c-0.991-3.5-6.6-15.718-8.608-18.752-1.986-3-10.791-12.653-13.728-15.072v-0.032l-0.16-0.128-331.744-274.816c-3.138-2.601-16.198-10.074-20.032-11.456s-18.676-3.968-22.752-3.968c-4.076 0-18.918 2.586-22.752 3.968s-16.894 8.855-20.032 11.456l-331.904 274.944c-1.814 1.498-7.816 7.492-9.28 9.28-1.469 1.794-6.206 8.93-7.296 10.976s-4.355 9.972-5.024 12.192c-0.669 2.22-2.306 10.62-2.528 12.928s-0.202 10.877 0.032 13.184c0.234 2.307 1.911 10.712 2.592 12.928s3.987 10.12 5.088 12.16c1.101 2.040 5.913 9.126 7.392 10.912s7.545 7.818 9.344 9.28c1.799 1.462 8.958 6.182 11.008 7.264s9.97 4.3 12.192 4.96c2.222 0.66 10.619 2.283 12.928 2.496s10.878 0.179 13.184-0.064c2.306-0.243 10.714-1.967 12.928-2.656s10.092-4.044 12.128-5.152c2.025-1.102 9.021-5.847 10.848-7.36 0.010-0.008 0.054-0.024 0.064-0.032l289.088-239.488 289.184 239.488c3.299 2.743 16.112 10.291 19.936 11.712 3.862 1.435 18.824 4.167 22.944 4.192z"></path>
                </symbol>
                <symbol id="icon-arrow-up-double" viewBox="0 0 1024 1024">
                    <title>arrow-up-double</title>
                    <path class="path1" d="M159.971 826.718c-4.616-0.006-9.076-3.089-10.712-7.405s-0.34-9.581 3.112-12.645l352.029-312.307c2.074-1.834 4.831-2.879 7.599-2.879s5.525 1.044 7.599 2.879l352.029 312.307c3.452 3.064 4.748 8.328 3.112 12.645s-6.096 7.399-10.712 7.405h-141.857c-2.773-0.009-5.53-1.065-7.599-2.91l-202.572-179.693-202.545 179.693c-2.069 1.846-4.827 2.902-7.599 2.91z"></path>
                    <path class="path2" d="M159.971 532.517c-4.616-0.006-9.076-3.089-10.712-7.405s-0.34-9.581 3.112-12.645l352.029-312.307c2.074-1.834 4.831-2.879 7.599-2.879s5.525 1.044 7.599 2.879l352.029 312.307c3.452 3.064 4.748 8.328 3.112 12.645s-6.096 7.399-10.712 7.405h-141.857c-2.773-0.009-5.53-1.065-7.599-2.91l-202.572-179.693-202.545 179.693c-2.069 1.846-4.827 2.902-7.599 2.91z"></path>
                </symbol>
                <symbol id="icon-heart" viewBox="0 0 1024 1024">
                    <title>heart</title>
                    <path class="path1" d="M314.339 177.952c-54.060 0.416-101.283 18.63-137.588 53.056-48.776 46.252-70.611 103.48-71.054 186.304-0.23 42.928 3.261 66.855 15.121 103.712 36.545 113.564 132.535 213.245 301.154 312.704 49.279 29.067 85.853 47.808 93.402 47.872 3.863 0.032 25.33-9.917 47.72-22.112 236.572-128.848 353.963-266.351 361.607-423.584 2.109-43.383-2.547-81.403-14.23-116.352-11.687-34.96-25.288-57.181-51.222-83.552-24.263-24.673-58.019-43.682-93.752-52.832-26.956-6.903-70.416-6.86-93.943 0.096-39.838 11.778-83.786 41.871-128.993 88.352l-27.346 28.16-28.078-28.896c-62.241-64.1-116.638-93.36-172.797-92.928zM314.88 248.928c31.446-0.242 66.362 14.461 121.735 71.488 0.011 0.011 0.021 0.021 0.032 0.032l28.078 28.896c13.108 13.48 34.597 33.095 48.99 43.968 18.147-11.722 38.881-30.488 51.989-43.968l27.346-28.128c39.866-40.99 76.339-63.356 98.432-69.888 1.081-0.32 47.353-1.792 56.602 0.576 23.336 5.976 46.947 19.732 60.963 33.984 20.671 21.019 25.212 28.447 34.509 56.256 8.567 25.627 12.396 53.991 10.633 90.272-6.022 123.87-98.040 241.216-324.711 364.672-5.43 2.958-9.657 4.945-14.58 7.424-14.249-7.36-34.12-18.414-57.206-32.032-160.953-94.937-240.576-182.804-269.701-273.312-10.355-32.179-11.892-42.552-11.683-81.472 0.377-70.464 13.627-101.659 48.898-135.104 23.103-21.907 51.048-33.367 89.678-33.664zM502.034 811.008c-2.899 1.322-5.495 2.403-5.985 2.592-0.426 0.164-5.546-1.798 5.985-2.592zM528.584 811.168c10.234 0.871 5.345 2.46 3.311 1.6-0.561-0.237-2.484-1.226-3.311-1.6z"></path>
                </symbol>
                <symbol id="icon-home" viewBox="0 0 1024 1024">
                    <title>home</title>
                    <path class="path1" d="M690.263 171.773c-9.5 0.008-18.103 8.763-17.944 18.261l1.667 96.466c0.105 5.912 3.343 11.68 8.337 14.847l67.646 42.953c5.401 3.451 12.693 3.694 18.311 0.61s9.329-9.366 9.318-15.775v-139.42c-0.008-9.419-8.604-17.977-18.023-17.944zM505.429 218.219c-3.436 0.077-6.843 1.166-9.686 3.096l-388.724 264.389c-6.278 4.288-9.272 12.843-7.038 20.11s9.518 12.662 17.121 12.681h51.211c3.63 0.010 7.254-1.115 10.242-3.176l327.43-225.962 339.419 221.277c2.905 1.904 6.372 2.938 9.845 2.938h51.608c7.681-0.002 15.040-5.502 17.217-12.867s-1.007-15.983-7.452-20.161l-400.951-259.467c-3.024-1.95-6.645-2.96-10.242-2.858zM506.064 360.459c-3.63-0.010-7.254 1.115-10.242 3.176l-282.73 196.426c-4.738 3.297-7.71 8.995-7.701 14.768v259.455c0.008 9.393 8.551 17.935 17.944 17.944h195.076c9.393-0.008 17.935-8.551 17.944-17.944v-214.478h144.025v214.478c0.008 9.393 8.551 17.935 17.944 17.944h206.748c9.419 0.033 18.015-8.524 18.023-17.944v-258.74c-0.027-5.896-3.171-11.689-8.098-14.926l-299.006-197.22c-2.927-1.918-6.425-2.953-9.925-2.938z"></path>
                </symbol>
                <symbol id="icon-menu" viewBox="0 0 1024 1024">
                    <title>menu</title>
                    <path class="path1" d="M224.646 194.016h574.708c15.565 0 28.183 12.618 28.183 28.183v64.308c0 15.565-12.618 28.183-28.183 28.183h-574.708c-15.565 0-28.183-12.618-28.183-28.183v-64.308c0-15.565 12.618-28.183 28.183-28.183z"></path>
                    <path class="path2" d="M224.646 451.663h574.708c15.565 0 28.183 12.618 28.183 28.183v64.308c0 15.565-12.618 28.183-28.183 28.183h-574.708c-15.565 0-28.183-12.618-28.183-28.183v-64.308c0-15.565 12.618-28.183 28.183-28.183z"></path>
                    <path class="path3" d="M224.646 709.309h574.708c15.565 0 28.183 12.618 28.183 28.183v64.308c0 15.565-12.618 28.183-28.183 28.183h-574.708c-15.565 0-28.183-12.618-28.183-28.183v-64.308c0-15.565 12.618-28.183 28.183-28.183z"></path>
                </symbol>
                <symbol id="icon-movie" viewBox="0 0 1024 1024">
                    <title>movie</title>
                    <path class="path1" d="M167.609 107.057c-25.868 0-46.695 20.827-46.695 46.695v716.495c0 25.868 20.827 46.695 46.695 46.695h688.814c25.868 0 46.663-20.827 46.663-46.695v-716.495c0-25.868-20.795-46.695-46.663-46.695zM329.333 160.099h365.302c5.375 0 9.712 4.856 9.712 10.883v307.494c0 6.027-4.337 10.883-9.712 10.883h-365.302c-5.375 0-9.649-4.856-9.649-10.883v-307.494c0-6.027 4.274-10.883 9.649-10.883zM188.584 181.909h66.689c6.769 0 12.212 5.443 12.212 12.212v63.462c0 6.769-5.443 12.212-12.212 12.212h-66.689c-6.769 0-12.212-5.443-12.212-12.212v-63.462c0-6.769 5.443-12.212 12.212-12.212zM768.727 181.909h66.689c6.769 0 12.212 5.443 12.212 12.212v63.462c0 6.769-5.443 12.212-12.212 12.212h-66.689c-6.769 0-12.212-5.443-12.212-12.212v-63.462c0-6.769 5.443-12.212 12.212-12.212zM188.584 324.999h66.689c6.769 0 12.212 5.443 12.212 12.212v63.43c0 6.769-5.443 12.212-12.212 12.212h-66.689c-6.769 0-12.212-5.443-12.212-12.212v-63.43c0-6.769 5.443-12.212 12.212-12.212zM768.727 324.999h66.689c6.769 0 12.212 5.443 12.212 12.212v63.43c0 6.769-5.443 12.212-12.212 12.212h-66.689c-6.769 0-12.212-5.443-12.212-12.212v-63.43c0-6.769 5.443-12.212 12.212-12.212zM188.584 468.057h66.689c6.769 0 12.212 5.443 12.212 12.212v63.462c0 6.769-5.443 12.212-12.212 12.212h-66.689c-6.769 0-12.212-5.443-12.212-12.212v-63.462c0-6.769 5.443-12.212 12.212-12.212zM768.727 468.057h66.689c6.769 0 12.212 5.443 12.212 12.212v63.462c0 6.769-5.443 12.212-12.212 12.212h-66.689c-6.769 0-12.212-5.443-12.212-12.212v-63.462c0-6.769 5.443-12.212 12.212-12.212zM329.017 547.201h365.967c5.184 0 9.364 4.69 9.364 10.503v293.645c0 5.813-4.18 10.503-9.364 10.503h-365.967c-5.184 0-9.333-4.69-9.333-10.503v-293.645c0-5.813 4.149-10.503 9.333-10.503zM188.584 611.148h66.689c6.769 0 12.212 5.443 12.212 12.212v63.43c0 6.769-5.443 12.212-12.212 12.212h-66.689c-6.769 0-12.212-5.443-12.212-12.212v-63.43c0-6.769 5.443-12.212 12.212-12.212zM768.727 611.148h66.689c6.769 0 12.212 5.443 12.212 12.212v63.43c0 6.769-5.443 12.212-12.212 12.212h-66.689c-6.769 0-12.212-5.443-12.212-12.212v-63.43c0-6.769 5.443-12.212 12.212-12.212zM188.584 754.206h66.689c6.769 0 12.212 5.443 12.212 12.212v63.462c0 6.769-5.443 12.212-12.212 12.212h-66.689c-6.769 0-12.212-5.443-12.212-12.212v-63.462c0-6.769 5.443-12.212 12.212-12.212zM768.727 754.206h66.689c6.769 0 12.212 5.443 12.212 12.212v63.462c0 6.769-5.443 12.212-12.212 12.212h-66.689c-6.769 0-12.212-5.443-12.212-12.212v-63.462c0-6.769 5.443-12.212 12.212-12.212z"></path>
                </symbol>
                <symbol id="icon-profile" viewBox="0 0 1024 1024">
                    <title>profile</title>
                    <path class="path1" d="M408.374 600.699c-132.152 41.115-227.557 158.705-227.557 297.368h662.365c0-138.663-95.405-256.253-227.557-297.368-30.162 17.488-65.647 27.573-103.626 27.573s-73.464-10.084-103.626-27.573z"></path>
                    <path class="path2" d="M729.12 349.816c0 119.912-97.208 217.12-217.12 217.12s-217.12-97.208-217.12-217.12c0-119.912 97.208-217.12 217.12-217.12s217.12 97.208 217.12 217.12z"></path>
                </symbol>
                <symbol id="icon-quotes-close" viewBox="0 0 1024 1024">
                    <title>quotes-close</title>
                    <path class="path1" d="M125.712 198.313v249.978h199.776c1.401 16.531 1.342 41.953-5.44 75.353-12.719 62.637-49.517 148.91-151.584 242.511l87.296 59.533c116.192-106.555 162.38-210.272 178.080-287.591 7.268-35.792 7.858-66.808 6.432-89.806h1.44v-249.978h-316zM582.288 198.313v249.978h199.776c1.401 16.531 1.342 41.953-5.44 75.353-12.719 62.637-49.517 148.91-151.584 242.511l87.264 59.533c116.192-106.555 162.412-210.272 178.112-287.591 7.268-35.792 7.858-66.808 6.432-89.806h1.44v-249.978h-316z"></path>
                </symbol>
                <symbol id="icon-quotes-open" viewBox="0 0 1024 1024">
                    <title>quotes-open</title>
                    <path class="path1" d="M898.288 825.687v-249.978h-199.776c-1.401-16.531-1.342-41.953 5.44-75.353 12.719-62.637 49.517-148.91 151.584-242.511l-87.296-59.533c-116.192 106.555-162.38 210.272-178.080 287.591-7.268 35.792-7.858 66.808-6.432 89.806h-1.44v249.978h316zM441.712 825.687v-249.978h-199.776c-1.401-16.531-1.342-41.953 5.44-75.353 12.719-62.637 49.517-148.91 151.584-242.511l-87.264-59.533c-116.192 106.555-162.412 210.272-178.112 287.591-7.268 35.792-7.858 66.808-6.432 89.806h-1.44v249.978h316z"></path>
                </symbol>
                <symbol id="icon-reblog" viewBox="0 0 1024 1024">
                    <title>reblog</title>
                    <path class="path1" d="M494.572 151.754c-45.266 0.407-90.326 9.852-132.449 28.174-167.503 72.857-246.779 265.829-181.113 434.589 0.364 0.914 0.576 1.972 0.576 3.080 0 2.879-1.426 5.425-3.611 6.97l-59.672 41.734 216.352 100.949-10.363-118.877-10.363-118.936-59.439 41.598c-1.363 0.965-3.060 1.542-4.892 1.542-3.847 0-7.099-2.546-8.163-6.045-37.696-127.63 24.547-265.391 149.714-319.834 54.946-23.899 116.238-28.553 174.047-13.424l20.608-69.713c-28.508-7.663-57.684-11.693-86.847-11.805-1.505-0.006-2.971-0.013-4.387 0zM689.345 256.765l10.363 118.877 10.363 118.936 59.439-41.598c1.363-0.965 3.060-1.542 4.892-1.542 3.847 0 7.099 2.546 8.163 6.045 37.696 127.63-24.547 265.391-149.714 319.834-54.946 23.899-116.238 28.553-174.047 13.424l-20.637 69.831c74.205 19.954 153.096 14.229 223.712-16.486 167.503-72.857 246.779-265.829 181.113-434.589-0.364-0.914-0.576-1.972-0.576-3.080 0-2.879 1.426-5.425 3.611-6.97l59.672-41.734-216.352-100.949z"></path>
                </symbol>
                <symbol id="icon-share" viewBox="0 0 1024 1024">
                    <title>share</title>
                    <path class="path1" d="M740.869 126.366c-95.73 0-174.001 68.453-174.001 152.089 0 15.383 2.785 30.22 7.703 44.247l-149.336 75.637c-34.066-29.165-80.546-47.386-131.753-47.386-103.79 0-188.683 74.206-188.683 164.886s84.899 164.826 188.683 164.826c53.477 0 101.835-19.81 136.244-51.28l145.018 75.728c-6.046 15.42-9.5 31.886-9.5 49.016 0 83.636 78.278 152.029 174.001 152.029s174.070-68.387 174.070-152.029c0-83.642-78.34-152.089-174.070-152.089-47.171 0-90.017 16.737-121.424 43.583l-146.089-76.331c6.65-16.795 10.467-34.742 10.467-53.453 0-20.616-4.607-40.334-12.609-58.584l145.917-73.887c31.703 28.902 76.156 47.115 125.362 47.115 95.724 0 174.070-68.387 174.070-152.029s-78.34-152.089-174.070-152.089zM740.869 192.768c54.685 0 98.072 37.909 98.072 85.688s-43.387 85.688-98.072 85.688c-54.685 0-98.072-37.909-98.072-85.688s43.387-85.688 98.072-85.688zM293.481 421.369c60.259 0 108.125 41.822 108.125 94.471s-47.866 94.471-108.125 94.471c-60.259 0-108.125-41.822-108.125-94.471s47.866-94.471 108.125-94.471zM739.245 668.412c54.68 0 98.072 37.939 98.072 85.718s-43.387 85.688-98.072 85.688c-54.685 0-98.072-37.909-98.072-85.688s43.392-85.718 98.072-85.718z"></path>
                </symbol>
                <symbol id="icon-behance" viewBox="0 0 1024 1024">
                    <title>behance</title>
                    <path class="path1" d="M798.623 739.991c32.379-14.29 59.464-40.716 74.387-72.576 17.224-36.775 13.429-41.33-34.434-41.33-39.023 0-40.384 0.434-59.307 18.911-16.34 15.956-23.702 19.271-47.11 21.212-43.236 3.586-75.878-20.225-75.878-55.349 0-10.349 2.506-10.578 115.768-10.578 132.988 0 125.777 3.076 119.048-50.784-6.158-49.288-21.912-82.905-53.791-114.784-37.677-37.677-67.095-48.148-126.511-45.030-36.339 1.907-47.029 4.792-75.516 20.375-60.938 33.334-90.226 87.127-89.522 164.42 0.805 88.317 41.812 147.812 118.906 172.514 35.063 11.235 100.376 7.821 133.961-7.001zM656.281 519.774c0-4.541 7.896-16.153 17.546-25.804 15.426-15.426 20.768-17.546 44.205-17.546 14.662 0 31.127 2.391 36.588 5.314 9.82 5.255 25.518 30.402 25.518 40.876 0 3.481-22.13 5.417-61.928 5.417-53.327 0-61.928-1.147-61.928-8.257zM447.273 730.325c30.977-14.257 56.304-37.529 71.323-65.535 15.855-29.566 15.738-94.42-0.226-124.498-10.837-20.42-35.008-44.922-48.973-49.645-4.392-1.485-0.203-9.394 12.368-23.352 28.13-31.233 36.226-68.564 24.321-112.148-8.502-31.127-28.546-53.859-60.841-69.003-28.579-13.401-30.608-13.59-164.629-15.304-100.692-1.288-137.632-0.126-143.21 4.502-6.369 5.286-7.516 40.33-7.516 229.675 0 122.89 1.46 227.243 3.246 231.894 2.919 7.608 17.567 8.299 145.79 6.873 136.085-1.513 143.714-2.123 168.348-13.461zM252.026 648.448c-1.892-1.892-3.44-26.277-3.44-54.187v-50.747l63.219 0.021c75.031 0.021 93.787 7.253 99.632 38.406 6.636 35.371-5.161 55.479-37.877 64.566-21.175 5.881-116.077 7.398-121.532 1.943zM248.586 411.916v-43.866h58.652c51.522 0 60.305 1.3 72.25 10.696 9.849 7.747 13.598 15.456 13.598 27.962 0 40.648-15.463 49.074-90.056 49.074h-54.444zM818.291 354.726c4.769-12.427 3.748-32.651-2.21-43.783-4.977-9.299-11.672-9.982-97.872-9.982s-92.895 0.683-97.872 9.982c-5.958 11.132-6.978 31.356-2.21 43.783 2.703 7.043 16.437 8.163 100.082 8.163s97.379-1.12 100.082-8.163z"></path>
                </symbol>
                <symbol id="icon-deviantart" viewBox="0 0 1024 1024">
                    <title>deviantart</title>
                    <path class="path1" d="M420.070 913.456c7.262-6.376 19.635-27.704 43.672-75.278 23.795-47.096 35.888-67.974 41.626-71.864 7.512-5.093 16.783-5.586 130.32-6.938l122.233-1.455v-206.631l-66.449-1.455c-61.359-1.344-66.763-1.886-70.553-7.074-3.733-5.112 2.329-18.317 67.177-146.32l71.28-140.701v-74.033c0-70.216-0.29-74.189-5.629-77.046-3.413-1.827-32.018-3.013-72.656-3.013h-67.027l-9.78 8.587c-6.781 5.954-20.227 29.103-43.846 75.486-28.1 55.183-35.767 67.95-43.778 72.901-9.397 5.808-13.585 6.002-129.363 6.002h-119.651l-1.596 6.548c-0.878 3.601-1.23 50.421-0.783 104.043l0.813 97.495 66.449 1.455c60.288 1.32 66.813 1.954 70.376 6.832 2.16 2.957 3.034 7.567 1.943 10.243s-33.088 66.143-71.103 141.038l-69.12 136.172v73.896c0 67.307 0.454 74.16 5.093 76.862 3.049 1.776 32.203 3.002 72.656 3.055l67.563 0.088 10.133-8.897z"></path>
                </symbol>
                <symbol id="icon-dribbble" viewBox="0 0 1024 1024">
                    <title>dribbble</title>
                    <path class="path1" d="M542.553 339.817c21.515 37.878 16.018 36.079 54.282 17.766 47.848-22.9 85.976-48.992 116.557-79.767 9.572-9.633 17.381-19.171 17.352-21.196-0.056-3.91-20.251-20.086-39.731-31.826-36.226-21.831-79.678-38.55-119.494-45.977-36.217-6.756-129.743-4.242-129.743 3.488 0 0.972 8.249 13.465 18.331 27.762 25.89 36.715 60.871 91.766 82.445 129.749zM183.226 427.938l-1.404 7.485h26.184c63.766 0 156.864-11.508 241.033-29.794 16.612-3.609 31.408-7.306 32.88-8.216 6.446-3.984-111.119-187.721-120.115-187.721-4.498 0-31.859 15.628-50.158 28.65-30.64 21.804-68.465 62.817-89.345 96.873-16.863 27.505-34.845 70.176-39.075 92.723zM829.95 499.574c8.702 1.596 16.478 3.004 17.28 3.129 3.395 0.532 3.742-4.833 1.576-24.402-4.802-43.387-15.188-79.277-33.425-115.511-12.106-24.051-33.491-58.165-36.463-58.165-0.916 0-9.032 7.715-18.037 17.145-33.811 35.408-79.685 68.167-133.271 95.17-17.916 9.028-32.905 16.744-33.308 17.147s4.070 11.548 9.94 24.767c5.87 13.219 11.586 26.21 12.703 28.87 1.961 4.67 2.59 4.778 18.385 3.164 46.32-4.732 145.611-0.301 194.619 8.685zM246.31 724.788c3.66 4.41 7.209 8.035 7.886 8.056s4.949-5.4 9.493-12.046c42.794-62.591 114.488-130.634 175.509-166.571 25.75-15.165 58.041-30.379 82.27-38.762 17.688-6.12 19.432-7.195 18.161-11.199-2.928-9.227-20.517-43.527-22.32-43.527-1.037 0-17.009 3.802-35.493 8.45-87.563 22.015-175.417 34.262-267.549 37.297-32.535 1.072-41.042 1.956-41.965 4.361-1.824 4.753 3.37 54.554 7.775 74.549 10.595 48.094 37.559 104.842 66.233 139.392zM706.59 782.986c1.372 6.020 2.145 5.958 11.35-0.915 29.511-22.035 61.764-57.506 80.608-88.649 21.929-36.243 40.677-83.164 45.152-113.005l1.448-9.659-8.127-2.3c-4.47-1.265-20.943-4.844-36.607-7.952-26.74-5.307-32.154-5.66-88.605-5.77-33.069-0.065-61.739 0.547-63.713 1.359-3.251 1.338-2.897 3.515 3.775 23.206 19.31 56.992 37.262 121.626 48.442 174.417 2.857 13.487 5.68 26.659 6.275 29.269zM489.243 850.869c39.090 2.653 86.711-2.928 123.414-14.465 29.941-9.411 28.494-7.008 22.333-37.076-13.312-64.973-38.332-152.996-58.494-205.795-6.483-16.976-6.64-17.171-12.904-15.918-9.58 1.916-44.184 17.028-69.075 30.166-51.337 27.097-107.86 70.64-139.481 107.45-18.136 21.113-38.3 48.572-44.307 60.337l-4.023 7.879 8.673 6.283c47.434 34.361 111.557 56.91 173.863 61.138zM582.119 914.544c-22.494 4.19-89.399 7.149-108.697 4.807-98.343-11.936-177.886-48.885-244.412-113.533-67.035-65.143-106.543-140.996-121.512-233.297-2.108-12.999-3.248-34.171-3.254-60.413-0.013-59.119 7.394-98.329 28.831-152.631 46.276-117.224 152.771-210.834 276-242.607 246.587-63.58 491.391 112.67 509.627 366.914 6.677 93.085-18.392 183.178-73.13 262.812-17.642 25.665-69.854 78.713-95.060 96.581-50.839 36.039-107.381 60.002-168.392 71.368z"></path>
                </symbol>
                <symbol id="icon-facebook" viewBox="0 0 1024 1024">
                    <title>facebook</title>
                    <path class="path1" d="M579.152 705.675l-0.231-210.712h126.973v-138.351h-126.518v-27.658c0-26.243 0.108-28.032 2.116-34.962 2.588-8.935 6.678-15.98 13.642-23.498 8.322-8.983 16.502-13.774 29.752-17.424 3.975-1.095 12.835-1.462 43.007-1.78l38.001-0.402v-137.301l-81.691 0.006c-89.088 0.006-90.092 0.055-108.086 5.279-31.469 9.136-57.551 25.525-78.501 49.328-7.385 8.391-18.334 24.39-22.868 33.416-7.137 14.209-12.772 31.556-15.574 47.946-1.685 9.855-1.838 14.754-1.838 58.899v48.15h-115.596v138.351h115.596v421.423h182.048l-0.231-210.712z"></path>
                </symbol>
                <symbol id="icon-flickr" viewBox="0 0 1024 1024">
                    <title>flickr</title>
                    <path class="path1" d="M469.586 512c0 101.507-82.288 183.795-183.795 183.795s-183.795-82.288-183.795-183.795c0-101.507 82.288-183.795 183.795-183.795s183.795 82.288 183.795 183.795z"></path>
                    <path class="path2" d="M922.004 512c0 101.507-82.288 183.795-183.795 183.795s-183.795-82.288-183.795-183.795c0-101.507 82.288-183.795 183.795-183.795s183.795 82.288 183.795 183.795z"></path>
                </symbol>
                <symbol id="icon-flipboard" viewBox="0 0 1024 1024">
                    <title>flipboard</title>
                    <path class="path1" d="M143.817 143.817v736.367h244.295v-244.295h243.921v-243.921h248.15v-248.15h-736.367z"></path>
                </symbol>
                <symbol id="icon-github" viewBox="0 0 1024 1024">
                    <title>github</title>
                    <path class="path1" d="M206.139 186.992c-35.202 0.037-45.773 33.321-45.773 106.255 0 60.954-5.876 88.808-28.593 135.241-25.899 52.936-28.080 66.986-23.024 148.027 11.064 177.342 55.835 242.057 242.476 282.797 129.021 13.417 236.671 16.923 359.046 1.216 172.866-39.594 237.004-135.958 229.218-330.57-3.044-76.088-8.584-100.512-30.829-136.103-20.854-33.366-27.336-58.917-28.162-110.765-1.699-106.636-24.61-117.256-134.534-62.364-44.237 22.090-60.063 23.894-168.109 19.102-65.596-2.909-140.715-0.334-166.933 5.766-43.15 10.040-52.891 8.221-102.999-19.376-46.518-25.62-79.218-39.247-101.783-39.223zM624.961 446.53c124.171-0.325 233.737 54.956 219.413 178.974-19.802 171.44-175.567 185.564-318.607 183.995-163.671-1.796-298.141-16.124-325.589-183.995-26.229-160.41 185.554-195.736 337.827-170.031 28.872-5.834 58.302-8.868 86.957-8.943z"></path>
                    <path class="path2" d="M436.494 624.617c0 58.007-23.512 105.031-52.516 105.031s-52.516-47.024-52.516-105.031c0-58.007 23.512-105.031 52.516-105.031s52.516 47.024 52.516 105.031z"></path>
                    <path class="path3" d="M723.579 624.617c0 58.007-23.512 105.031-52.516 105.031s-52.516-47.024-52.516-105.031c0-58.007 23.512-105.031 52.516-105.031s52.516 47.024 52.516 105.031z"></path>
                </symbol>
                <symbol id="icon-google-plus" viewBox="0 0 1024 1024">
                    <title>google-plus</title>
                    <path class="path1" d="M554.96 128.764c-115.885 0-144.193 1.657-181.435 10.502-53.198 12.634-98.284 43.025-126.572 85.319-27.421 40.998-36.703 97.284-23.189 140.477 13.046 41.697 40.681 75.453 77.128 94.183 27.448 14.105 45.703 18.456 81.203 19.408 16.048 0.43 29.5 1.144 29.91 1.554s-0.783 5.2-2.647 10.67c-2.495 7.323-3.145 15.036-2.479 29.238 0.981 20.891 3.885 28.802 17.854 48.436 4.001 5.623 6.507 10.922 5.545 11.762s-14.524 2.651-30.12 4.033c-54.562 4.834-113.886 20.307-146.274 38.186-43.748 24.149-66.716 50.731-80.909 93.553-6.676 20.144-6.779 50.494-0.252 71.163 16.803 53.206 73.789 92.642 151.819 104.979 25.496 4.031 93.927 4.001 121.153-0.042 101.736-15.106 178.758-73.082 199.415-150.097 4.549-16.961 5.105-55.095 1.050-71.415-10.128-40.759-32.869-68.472-100.191-122.245-29.318-23.418-35.209-29.363-39.614-39.908-9.604-22.991 2.18-45.617 39.11-75.027 31.893-25.399 51.387-50.564 62.257-80.32 5.278-14.45 5.629-17.633 5.629-51.124 0-33.459-0.333-36.66-5.587-51.040-8.597-23.53-22.14-45.36-39.992-64.441-8.922-9.537-15.644-17.921-14.913-18.652s13.142-1.344 27.558-1.344h26.213l22.265-11.888c30.020-16.044 38.412-21.457 36.926-23.861-0.778-1.258-42.751-2.058-110.861-2.058zM398.646 164.598c12.954-0.092 26.099 2.78 38.774 8.738 12.399 5.828 36.38 28.362 47.302 44.445 27.345 40.268 43.375 102.577 37.766 146.82-3.488 27.511-7.5 37.622-20.584 51.755-23.971 25.891-60.755 37.049-93.259 28.314-49.64-13.339-89.884-76.393-98.594-154.508-1.574-14.112-1.562-25.327 0.042-38.438 3.672-30.018 10.925-45.806 28.692-62.425 17.248-16.134 38.273-24.547 59.862-24.701zM730.976 377.665l-0.546 36.673c-0.411 26.11-1.318 37.147-3.151 38.312-1.416 0.899-18.329 1.663-37.556 1.68-29.92 0.028-35.12 0.517-36.211 3.361-2.568 6.692-1.418 40.157 1.47 42.555 1.708 1.418 16.484 2.543 38.354 2.899l35.539 0.546 0.546 34.657c0.299 19.061 1.008 35.904 1.554 37.388 0.744 2.020 6.673 2.547 23.609 2.1l22.601-0.63 2.1-73.515 35.581-0.546c21.87-0.355 36.603-1.481 38.312-2.899 2.889-2.397 4.080-35.863 1.512-42.555-1.091-2.844-6.334-3.333-36.253-3.361-19.227-0.017-36.098-0.781-37.514-1.68-1.833-1.165-2.74-12.202-3.151-38.312l-0.588-36.673h-23.105zM455.273 612.283c6.869 0.051 10.775 0.754 14.325 2.268 9.771 4.17 56.708 39.27 72.045 53.855 24.708 23.497 37.052 48.567 37.052 75.279 0 57.357-42.006 96.728-112.373 105.316-17.804 2.173-50.32 2.675-61.963 0.966-2.888-0.424-12.34-1.786-21.004-3.067-56.426-8.338-101.828-38.765-117.96-79.060-4.127-10.307-4.837-15.92-4.873-38.354-0.040-24.77 0.31-26.968 6.091-38.858 9.074-18.663 33.479-42.040 54.317-52.049 30.353-14.579 67.342-22.629 118.212-25.709 6.825-0.413 12.010-0.619 16.131-0.588z"></path>
                </symbol>
                <symbol id="icon-instagram" viewBox="0 0 1024 1024">
                    <title>instagram</title>
                    <path class="path1" d="M256.704 100.608c-4.617 0-9.176 0.208-13.696 0.608v162.272h-80.032v-131.296c-37.79 28.582-62.368 73.857-62.368 124.512v510.592c0 85.726 70.37 156.096 156.096 156.096h510.592c85.726 0 156.096-70.37 156.096-156.096v-510.592c0-85.726-70.37-156.096-156.096-156.096h-418.592v162.88h-80.032v-162.88h-11.968zM750.336 161.024h36c25.93 0 48.064 22.166 48.064 48.096v35.968c0 25.93-22.134 48.096-48.064 48.096h-36c-25.93 0-48.064-22.166-48.064-48.096v-35.968c0-25.93 22.134-48.096 48.064-48.096zM512 310.592c96.060 0 179.128 58.198 215.744 141.088h108.256v315.616c0 38.828-29.876 68.704-68.704 68.704h-510.592c-38.828 0-68.704-29.876-68.704-68.704v-315.616h108.224c36.616-82.89 119.716-141.088 215.776-141.088z"></path>
                    <path class="path2" d="M511.996 339.625c-113.583 0-206.656 93.073-206.656 206.656s93.073 206.656 206.656 206.656c113.583 0 206.656-93.073 206.656-206.656s-93.073-206.656-206.656-206.656zM511.996 431.785c63.776 0 114.496 50.72 114.496 114.496s-50.72 114.496-114.496 114.496c-63.776 0-114.496-50.72-114.496-114.496s50.72-114.496 114.496-114.496z"></path>
                </symbol>
                <symbol id="icon-linkedin" viewBox="0 0 1024 1024">
                    <title>linkedin</title>
                    <path class="path1" d="M294.787 329.528c-19.945 0-36.276-5.921-48.991-17.764s-19.073-26.365-19.073-43.568c0-17.701 6.358-32.161 19.073-43.381 12.715-11.219 29.045-16.828 48.991-16.829 20.195 0.001 36.587 5.61 49.178 16.829 12.59 11.22 18.886 25.68 18.886 43.381 0 17.951-6.295 32.661-18.886 44.129s-28.983 17.203-49.178 17.203zM353.127 773.064h-118.176v-382.952h118.176z"></path>
                    <path class="path2" d="M823.215 773.064h-117.803v-212.792c0-59.337-21.192-89.006-63.576-89.006-20.444 0-37.273 7.854-50.487 23.56s-19.821 35.653-19.821 59.836v218.402h-118.176v-382.952h118.176v60.584h1.496c28.173-46.622 69.185-69.933 123.038-69.934 84.768 0 127.151 52.606 127.152 157.818z"></path>
                </symbol>
                <symbol id="icon-pinterest" viewBox="0 0 1024 1024">
                    <title>pinterest</title>
                    <path class="path1" d="M312.632 858.997c1.25-38.063 2.917-51.507 10.104-81.496 4.734-19.752 20.955-88.138 36.047-151.968l27.44-116.055-7.266-22.075c-6.257-19.008-7.301-27.063-7.515-57.988-0.259-37.456 2.451-50.818 15.692-77.352 19.174-38.424 54.323-58.247 90.261-50.904 12.668 2.589 17.557 5.407 27.964 16.123 29.088 29.948 26.888 59.554-14.384 193.63-9.627 31.275-11.525 41.308-11.756 62.158-0.243 21.916 0.599 26.522 7.102 38.851 8.848 16.776 25.945 32.854 43.382 40.795 18.785 8.555 59.11 8.265 81.349-0.585 32.836-13.068 65.884-45.628 87.185-85.898 36.309-68.642 51.336-188.625 31.842-254.228-21.64-72.823-84.034-123.419-167.192-135.578-31.874-4.661-89.247-2.007-118.486 5.481-30.173 7.727-73.815 29.401-96.619 47.984-46.059 37.534-78.925 95.020-88.595 154.962-1.945 12.057-2.793 33.864-2.023 52.001 1.87 44.019 8.221 61.333 37.138 101.239 4.102 5.66 4.276 8.437 1.404 22.342-6.22 30.116-11.397 43.986-17.090 45.793-6.915 2.195-33.617-11.826-47.439-24.908-27.19-25.736-43.069-53.676-54.024-95.058-6.038-22.81-7.013-32.367-7.064-69.28-0.053-37.517 0.832-46.165 7.144-69.831 14.513-54.417 43.098-103.905 83.42-144.427 48.346-48.584 106.891-79.401 181.845-95.719 24.038-5.233 36.615-6.132 86.161-6.155 51.786-0.025 60.832 0.673 84.259 6.498 61.938 15.4 106.897 39.12 147.987 78.075 38.727 36.714 65.134 78.814 80.371 128.131 7.287 23.586 7.633 27.294 7.719 82.707 0.079 50.701-0.73 61.838-6.411 88.347-32.906 153.534-133.027 250.070-259.358 250.070-45.645 0-82.283-14.486-110.758-43.791-13.859-14.263-18.421-17.454-21.855-15.287-2.815 1.775-11.369 29.882-24.332 79.944-10.995 42.463-22.692 84.043-25.993 92.4-5.594 14.163-25.769 53.727-37.537 73.612-4.17 7.047-4.492 9.476-28.939 1.083s-22.699-17.45-21.182-63.645z"></path>
                </symbol>
                <symbol id="icon-soundcloud" viewBox="0 0 1024 1024">
                    <title>soundcloud</title>
                    <path class="path1" d="M269.957 674.756c19.872-7.626 22.939-239.702 3.076-239.702-7.137 0-25.602 21.771-30.867 31.051-12.139 21.399-9.584 57.3-9.584 119.757 0 59.412 3.109 85.414 10.574 88.426 5.816 2.347 11.214 4.567 11.997 4.935s7.444-1.643 14.804-4.467zM337.63 674.756c11.446-4.392 13.381-25.115 13.381-143.308 0-81.046-3.425-140.29-8.284-143.293-4.556-2.816-22.547 5.567-31.948 10.598-16.006 8.566-10.523 10.795-10.523 131.706 0 89.154 3.142 132.271 10.151 139.28 11.863 11.863 10.187 11.554 27.224 5.016zM873.225 660.714c62.809-34.326 70.921-122.561 15.905-172.98-23.533-21.567-37.768-27.783-63.622-27.783-30.354 0-34.143-2.54-42.766-28.665-11.778-35.69-61.678-87.992-98.711-103.466-64.547-26.97-174.125-4.92-198.091 39.86-8.298 15.504-15.771 17.296-61.612 14.776l-52.169-2.868-2.329 138.452c-1.405 83.522 1.029 142.499 6.135 148.651 6.25 7.531 68.812 10.038 239.187 9.584 203.882-0.543 233.905-2.353 258.072-15.561zM211.434 574.15v-93.051h-21.148c-22.851 0-21.168 0.691-23.587 83.99-2.833 97.543-0.154 108.487 25.664 104.821 18.469-2.623 19.071-5.647 19.071-95.76zM147.99 573.651c0-68.126-11.406-81.522-37.587-44.144-21.639 30.894-13.295 91.135 15.186 109.644 17.393 11.303 22.4-3.339 22.4-65.5z"></path>
                </symbol>
                <symbol id="icon-spotify" viewBox="0 0 1024 1024">
                    <title>spotify</title>
                    <path class="path1" d="M494.795 910.858c-0.773-0.062-4.074-0.26-7.337-0.441-58.147-3.216-117.625-20.576-169.438-49.457-22.108-12.323-42.774-26.563-62.532-43.090-15.876-13.279-35.935-33.336-49.354-49.348-53.575-63.928-85.621-142.346-92.053-225.258-1.286-16.581-1.446-42.289-0.359-57.758 6.374-90.742 41.398-173.47 101.973-240.868 5.271-5.865 21.175-21.877 26.993-27.176 63.753-58.073 142.899-93.602 228.068-102.381 12.904-1.33 21.047-1.768 36.232-1.947 19.168-0.227 32.121 0.371 49.313 2.275 80.813 8.953 156.338 42.151 217.921 95.792 13.598 11.844 29.053 27.432 40.852 41.201 55.574 64.858 88.857 145.581 94.951 230.294 0.991 13.774 1.276 35.781 0.626 48.392-3.477 67.52-22.559 130.264-56.97 187.326-46.124 76.485-117.95 136.142-201.64 167.478-32.112 12.024-65.283 19.767-99.642 23.26-13.873 1.41-18.796 1.636-37.777 1.728-10.131 0.049-19.052 0.039-19.825-0.023zM680.289 700.333c9.061-2.322 16.221-9.522 18.366-18.47 0.969-4.043 0.894-9.729-0.173-13.153-1.64-5.261-4.575-9.633-8.66-12.902-6.549-5.24-32.329-19.127-49.851-26.854-73.727-32.511-157.843-44.075-251.795-34.615-26.605 2.679-55.698 7.402-85.389 13.862-4.733 1.030-6.879 1.71-9.373 2.969-6.704 3.386-11.29 8.806-13.738 16.234-0.994 3.018-1.006 9.107-0.025 12.801 2.825 10.637 11.385 18.066 22.091 19.173 4.205 0.435 7.695-0.063 17.28-2.467 9.962-2.498 30.567-6.261 48.704-8.893 39.941-5.796 80.052-7.592 114.892-5.143 64.796 4.554 123.436 22.038 173.275 51.664 2.662 1.582 5.542 3.229 6.4 3.661 2.307 1.159 5.988 2.392 8.117 2.719 2.563 0.394 7.107 0.124 9.878-0.586zM725.048 594.499c5.836-1.428 10.643-4.177 14.998-8.577 5.982-6.044 8.788-12.605 9.095-21.272 0.145-4.097 0.097-4.596-0.768-7.965-3.026-11.787-6.844-16.074-22.389-25.141-68.354-39.867-154.823-64.464-245.239-69.759-16.489-0.966-43.113-1.251-58.851-0.631-45.989 1.813-88.569 8.375-129.722 19.991-11.076 3.126-15.396 5.325-20.711 10.539-3.889 3.815-6.832 8.966-8.39 14.684-0.784 2.879-0.946 9.986-0.297 13.011 1.508 7.022 4.487 12.411 9.539 17.258 6.041 5.796 13.249 8.662 21.732 8.641 4.542-0.011 6.94-0.456 13.425-2.492 9.104-2.858 25.122-6.711 38.827-9.338 23.575-4.52 45.667-7.172 72.162-8.665 9.045-0.509 42.090-0.505 51.514 0.006 53.325 2.896 98.588 11.168 144.552 26.415 29.239 9.7 54.434 20.833 78.65 34.754 3.449 1.982 7.207 4.141 8.352 4.797 3.903 2.236 8.662 3.936 12.436 4.442 2.269 0.304 8.613-0.097 11.083-0.701zM772.9 471.905c8.516-1.265 15.934-5.056 21.84-11.162 7.111-7.353 10.708-16.36 10.699-26.791-0.008-9.224-4.049-18.904-10.731-25.705-3.438-3.499-6.615-5.768-13.708-9.79-57.624-32.677-128.597-55.316-209.559-66.847-39.396-5.611-75.981-8.13-118.171-8.136-64.714-0.010-118.59 6.115-171.402 19.484-18.543 4.694-24.693 6.8-29.602 10.133-7.986 5.423-13.495 13.476-16.017 23.41-0.77 3.033-0.9 4.148-0.9 7.716 0 12.346 5.405 23.409 14.94 30.583 7.154 5.382 15.238 7.905 24.229 7.562 4.541-0.173 6.148-0.49 14.686-2.899 35.289-9.956 74.917-16.407 116.922-19.032 15.605-0.975 20.267-1.129 39.65-1.306 29.699-0.272 51.059 0.597 78.676 3.198 85.322 8.036 162.492 29.76 217.452 61.213 8.073 4.62 12.253 6.623 15.931 7.632 4.634 1.271 9.776 1.523 15.062 0.739z"></path>
                </symbol>
                <symbol id="icon-twitter" viewBox="0 0 1024 1024">
                    <title>twitter</title>
                    <path class="path1" d="M313.354 844.637c-38.809-3.758-86.153-14.338-120.61-26.953-20.477-7.496-81.408-36.904-84.712-40.885-1.717-2.069 4.271-2.669 34.791-3.489 59.196-1.59 99.244-11.307 148.477-36.028 18.99-9.535 53.445-31.71 53.445-34.396 0-1.91-3.789-2.895-17.718-4.607-43.984-5.404-88.266-32.799-114.607-70.903-8.519-12.323-20.609-35.525-20.609-39.551 0-0.792 12.799-1.526 28.442-1.632 27.521-0.186 39.979-1.941 39.311-5.537-0.177-0.952-6.471-3.9-13.988-6.552-45.059-15.894-79.836-47.44-99.703-90.44-9.357-20.252-18.418-64.11-13.83-66.945 0.982-0.607 6.803 1.009 12.936 3.59 20.586 8.664 54.663 16.136 56.922 12.481 0.602-0.975-4.092-6.26-10.431-11.746-24.629-21.311-45.585-54.829-54.045-86.441-5.203-19.441-5.79-60.778-1.127-79.358 3.86-15.382 9.613-30.735 14.511-38.721l3.787-6.176 23.673 24.572c57.187 59.359 117.092 98.17 191.655 124.169 38.003 13.251 95.459 24.908 122.871 24.93l10.968 0.009-1.246-6.994c-14.081-79.064 29.517-157.997 103.609-187.582 22.171-8.853 35.85-11.273 63.138-11.169 29.442 0.112 45.883 3.719 70.423 15.45 18.066 8.636 29.711 16.339 41.95 27.75 8.599 8.017 9.141 8.23 18.179 7.16 13.387-1.586 51.645-14.791 75.050-25.905 11.052-5.248 20.506-9.131 21.008-8.629s-2.734 8.399-7.191 17.55c-10.323 21.192-26.652 41.717-45.277 56.912-13.753 11.22-14.332 11.982-9.536 12.536 7.832 0.905 33.51-4.827 57.769-12.895 12.035-4.003 22.788-7.278 23.895-7.278 6.566 0-34.644 46.489-59.162 66.741l-18.707 15.452-1.107 34.904c-1.579 49.814-8.841 91.438-23.888 136.935-35.354 106.895-101.683 195.013-192.478 255.706-52.761 35.268-125.131 61.733-195.25 71.401-24.304 3.351-88.283 4.821-111.589 2.564z"></path>
                </symbol>
                <symbol id="icon-vimeo" viewBox="0 0 1024 1024">
                    <title>vimeo</title>
                    <path class="path1" d="M453.849 871.706c-32.511-6.096-61.339-34.607-87.396-86.437-13.729-27.307-17.335-38.875-54.227-173.921-19.895-72.829-39.57-142.524-43.721-154.878-17.718-52.731-41.926-90.347-62.016-96.366-12.542-3.758-18.911-1.42-48.709 17.884-13.049 8.453-25.146 14.824-26.883 14.157-3.717-1.426-31.761-37.496-31.761-40.85 0-2.347 108.9-100.247 138.492-124.503 22.628-18.548 54.989-39.751 72.468-47.481 40.996-18.131 85.061-5.832 110.076 30.722 17.748 25.935 24.86 49.226 36.005 117.91 20.191 124.436 30.943 177.288 45.048 221.434 17.798 55.706 35.185 76.639 58.346 70.244 27.88-7.698 101.215-114.25 123.454-179.373 7.1-20.791 9.203-47.726 5.071-64.948-8.207-34.209-45.907-48.108-95.444-35.188-9.265 2.416-16.846 3.5-16.846 2.409 0-5.151 13.809-37.713 25.36-59.802 37.963-72.593 94.307-112.151 169.952-119.318 83.39-7.901 130.562 21.889 145.254 91.732 5.055 24.030 5.076 79.066 0.040 103.009-8.961 42.597-34.358 102.017-66.030 154.482-71.491 118.427-183.464 252.919-255.295 306.636-52.715 39.422-105.725 59.106-141.239 52.447z"></path>
                </symbol>
                <symbol id="icon-youtube" viewBox="0 0 1024 1024">
                    <title>youtube</title>
                    <path class="path1" d="M818.228 920.858c45.988-9.949 83.973-40.172 98.302-78.215 5.061-13.438 5.235-18.992 4.511-144.008-0.74-127.747-0.854-130.23-6.441-141.299-16.681-33.050-47.501-57.317-87.826-69.15l-16.77-4.921-287.521-0.607c-205.707-0.435-292.616 0.083-305.428 1.818-51.92 7.032-98.593 43.318-110.82 86.156-3.529 12.363-3.998 32.013-3.334 139.522l0.773 125.132 6.796 14.18c16.395 34.207 48.859 59.118 91.67 70.343 13.47 3.532 34.23 3.793 308.527 3.876 240.57 0.073 296.537-0.441 307.56-2.826zM386.729 834.305c-19.616-9.718-22.124-24.362-21.2-123.827l0.723-77.871h36.761l1.313 79.036c1.179 70.962 1.788 79.625 5.968 84.805 3.546 4.394 6.78 5.769 13.571 5.769 23.913 0 23.57 1.237 25.099-90.672l1.313-78.938 38.125-1.255-1.364 201.8h-17.067c-16.755 0-17.083-0.11-17.913-5.993-1.261-8.937-7.788-9.677-15.424-1.749-12.715 13.201-33.671 16.936-49.903 8.895zM598.631 835.401c-3.61-1.602-9.31-5.941-12.665-9.641-7.16-7.895-11.754-7.501-13.618 1.167-1.317 6.126-1.609 6.224-18.38 6.224h-17.042v-270.949h36.761l0.719 38.347c0.397 21.183 1.864 39.277 3.277 40.425 1.66 1.349 5.555-0.271 11.096-4.614 11.047-8.658 21.613-11.783 34.057-10.075 22.171 3.043 34.276 22.318 39.119 62.285 3.275 27.027 1.556 89.971-2.953 108.119-4.197 16.896-14.308 32.62-24.090 37.466-10.045 4.976-26.597 5.545-36.281 1.246zM616.098 796.242c7.969-9.642 9.422-22.351 8.353-73.092-0.777-36.889-1.656-44.816-5.704-51.459-9.503-15.593-28.9-14.538-38.999 2.121-5.774 9.525-6.061 12.218-6.061 56.934 0 25.815 0.913 50.419 2.028 54.677 5.023 19.169 28.323 25.411 40.383 10.819zM740.669 835.73c-14.137-3.667-25.542-14.6-32.156-30.825-5.313-13.035-5.976-19.551-6.888-67.758-1.057-55.827 0.8-71.89 10.008-86.555 14.606-23.262 52.839-31.939 83.936-19.049 21.876 9.068 31.54 31.986 32.338 76.692l0.478 26.779-86.65 2.133-0.784 22.401c-1.197 34.208 6.632 49.070 25.849 49.070 9.346 0 20.104-10.079 22.271-20.864 4.314-21.477 2.34-19.672 21.512-19.672h17.229l-1.356 17.601c-1.453 18.865-8.086 33.746-18.629 41.793-12.931 9.871-45.497 13.873-67.159 8.255zM789.841 696.611c2.082-26.39-6.272-39.469-25.209-39.469-12.759 0-20.239 5.988-23.985 19.201-3.458 12.197-3.528 19.609-0.25 26.613 2.561 5.473 2.942 5.547 25.601 4.939l23.001-0.617zM264.389 832.881c-1.020-0.829-1.855-52.112-1.855-113.963 0-89.852-0.688-112.921-3.424-114.766-1.883-1.27-14.585-2.588-28.227-2.928l-24.803-0.619v-38.402h152.294v38.402l-52.515 2.133-2.626 230.413-18.495 0.618c-10.172 0.34-19.33-0.060-20.35-0.889zM549.975 435.485c5.821-2.106 15.445-8.136 21.388-13.4 21.449-18.999 27.943-45.438 27.943-113.764 0-67.686-6.156-93.389-26.966-112.598-14.214-13.12-30.407-18.956-53.666-19.341-24.529-0.406-40.935 3.727-55.148 13.892-25.705 18.384-33.692 46.37-33.692 118.048 0 66.545 6.48 93.753 26.811 112.566 17.004 15.736 35.942 21.348 65.76 19.487 9.343-0.583 21.75-2.783 27.571-4.889zM501.851 385.026c-8.562-8.844-9.563-17.209-9.563-79.905 0-50.631 0.611-59.766 4.459-66.666 5.546-9.946 15.047-13.998 24.561-10.476 13.377 4.952 15.431 13.653 16.45 69.675 1.097 60.314-0.355 75.072-8.336 84.729-7.86 9.511-19.813 10.657-27.571 2.643zM693.736 439.435c5.372-1.212 14.004-5.45 19.182-9.418l9.414-7.214 2.416 5.163c2.342 5.006 3.249 5.163 29.771 5.163 22.522 0 27.636-0.596 28.948-3.375 0.877-1.856 1.594-56.501 1.594-121.433s-0.717-119.577-1.594-121.433c-2.364-5.006-57.466-5.006-59.831 0-0.877 1.856-1.6 42.418-1.608 90.139-0.007 53.7-1.059 89.82-2.756 94.785-3.201 9.365-12.844 15.407-21.705 13.6-13.009-2.653-13.502-6.188-14.911-106.959l-1.313-93.872-56.183-1.209-1.632 7.069c-0.898 3.888-1.192 53.123-0.654 109.411 1.096 114.608 1.135 114.861 19.837 129.561 13.991 10.997 31.48 14.432 51.025 10.021zM386.916 428.329c0.871-2.64 1.599-34.673 1.619-71.183l0.036-66.383 38.189-90.308c21.004-49.669 37.842-92.281 37.417-94.693-0.722-4.099-2.778-4.424-31.51-4.986-29.562-0.577-30.879-0.414-34.412 4.267-2.021 2.677-12.336 28.161-22.924 56.632s-20.032 51.032-20.988 50.136c-0.956-0.896-10.223-24.19-20.594-51.765s-19.977-52.296-21.347-54.937c-2.393-4.612-3.772-4.8-35.088-4.8-27.167 0-32.86 0.557-34.176 3.342-0.868 1.838 16.434 44.8 38.449 95.472l40.027 92.131 0.7 68.271c0.385 37.549 1.234 69.471 1.887 70.937 0.855 1.921 9.565 2.667 31.159 2.667 28.863 0 30.031-0.178 31.556-4.8z"></path>
                </symbol>
                <symbol id="icon-tumblr" viewBox="0 0 1024 1024">
                    <title>tumblr</title>
                    <path class="path1" d="M541.318 878.123c-25.534-3.511-67.387-17.855-87.856-30.11-20.626-12.349-48.92-39.935-56.798-55.377-15.258-29.908-15.782-35.91-17.157-196.458l-1.287-150.304h-46.52c-32.234 0-47.612-1.091-50.074-3.554-3.961-3.961-5.126-93.283-1.287-98.775 1.197-1.713 8.84-5.553 16.984-8.534 30.035-10.993 60.011-28.665 76.69-45.212 30.877-30.632 49.924-68.272 60.398-119.36l5.161-25.174 50.082-0.814c38.084-0.619 50.657 0.090 52.479 2.962 1.318 2.077 2.417 40.093 2.442 84.481l0.045 80.705h82.334c60.089 0 83.294 0.96 85.888 3.554 2.528 2.528 3.554 20.732 3.554 63.083s-1.026 60.555-3.554 63.083c-2.594 2.594-25.799 3.554-85.888 3.554h-82.334v126.981c0 69.84 0.833 131.148 1.852 136.241 2.764 13.821 22.166 34.028 40.24 41.908 33.526 14.619 85.972 10.304 129.746-10.674 11.92-5.712 23.446-9.705 25.613-8.873 3.073 1.179 3.941 12.937 3.941 53.366v51.854l-7.345 4.812c-13.364 8.756-59.794 24.631-89.385 30.56-35.478 7.109-81.578 9.703-107.966 6.074z"></path>
                </symbol>
                <symbol id="icon-heart-full" viewBox="0 0 1024 1024">
                    <title>heart-full</title>
                    <path class="path1" d="M565.484 859.485c237.802-128.848 355.795-266.353 363.479-423.586 2.12-43.383-2.55-81.393-14.294-116.342-11.748-34.96-25.445-57.175-51.514-83.546-24.389-24.673-58.315-43.699-94.234-52.849-27.096-6.903-70.764-6.856-94.414 0.1-40.045 11.778-84.223 41.886-129.665 88.367l-27.513 28.142-28.207-28.899c-62.565-64.1-117.246-93.352-173.697-92.92-54.342 0.416-101.817 18.626-138.311 53.053-49.029 46.252-70.972 103.498-71.417 186.322-0.231 42.928 3.274 66.844 15.196 103.701 36.735 113.564 133.226 213.232 302.722 312.691 49.536 29.067 86.301 47.816 93.89 47.88 3.883 0.032 25.474-9.918 47.981-22.113z"></path>
                </symbol>
                <symbol id="icon-website" viewBox="0 0 1024 1024">
                    <title>website</title>
                    <path class="path1" d="M512 91.392c-231.926 0-420.608 188.682-420.608 420.608s188.682 420.608 420.608 420.608c231.926 0 420.608-188.682 420.608-420.608s-188.682-420.608-420.608-420.608zM601.793 167.777c77.782 20.174 145.155 65.898 192.623 127.785h-107.268c-21.766-46.447-50.485-89.552-85.355-127.785zM422.063 167.812c-34.836 38.227-63.525 81.321-85.267 127.75h-107.211c47.438-61.849 114.756-107.556 192.478-127.75zM485.15 180.152v115.41h-88.204c22.944-42.594 52.569-81.641 88.204-115.41zM538.85 180.272c35.602 33.737 65.205 72.742 88.14 115.29h-88.14v-115.29zM195.625 349.262h119.573c-13.465 39.973-22.018 81.766-25.27 124.507h-131.481c4.74-44.504 17.617-86.492 37.178-124.507zM372.302 349.262h112.848v124.507h-141.343c3.661-42.998 13.342-84.86 28.495-124.507zM538.85 349.262h112.804c15.165 39.645 24.858 81.508 28.53 124.507h-141.335v-124.507zM708.761 349.262h119.614c19.562 38.015 32.439 80.003 37.178 124.507h-131.492c-3.262-42.743-11.825-84.535-25.301-124.507zM156.775 527.469h131.943c1.39 43.9 8.382 86.97 20.548 128.295h-122.667c-17.438-39.493-27.879-82.744-29.824-128.295zM342.454 527.469h142.696v128.295h-119.573c-13.659-41.032-21.561-84.175-23.123-128.295zM538.85 527.469h142.7c-1.551 44.118-9.441 87.26-23.088 128.295h-119.612v-128.295zM735.285 527.469h131.94c-1.945 45.551-12.385 88.802-29.824 128.295h-122.632c12.155-41.326 19.135-84.397 20.515-128.295zM216.022 709.463h112.423c22.545 53.666 54.15 103.325 93.696 146.698-85.494-22.199-158.413-75.243-206.12-146.698zM387.401 709.463h97.749v134.173c-40.805-38.677-73.752-84.238-97.749-134.173zM538.85 709.463h97.81c-24.001 49.981-56.972 95.586-97.81 134.295v-134.295zM695.607 709.463h112.373c-47.681 71.417-120.548 124.444-205.982 146.665 39.511-43.369 71.088-93.017 93.609-146.665z"></path>
                </symbol>
                <symbol id="icon-thumbtack" viewBox="0 0 1024 1024">
                    <title>thumbtack</title>
                    <path class="path1" d="M214.957 417.379c60.524-60.524 197.265-21.911 305.42 86.244 0 0 0 0 0 0 108.155 108.155 146.768 244.896 86.244 305.42 0 0 0 0 0 0l-195.832-195.832z"></path>
                    <path class="path2" d="M606.184 134.039c-46.009 46.009-19.781 146.832 58.582 225.195 0 0 0 0 0 0 78.363 78.363 179.186 104.591 225.195 58.582l-141.888-141.888z"></path>
                    <path class="path3" d="M602.107 296.457l125.436 125.436-162.608 196.607-159.436-159.436z"></path>
                    <path class="path4" d="M312.718 628.751l82.531 82.531-255.192 172.661 86.331-127.596z"></path>
                </symbol>
                <symbol id="icon-lastfm" viewBox="0 0 1024 1024">
                    <title>lastfm</title>
                    <path class="path1" d="M418.192 744.108c50.714-15.263 121.653-62.096 121.653-80.314 0-5.653-7.282-27.707-16.183-49.009l-16.183-38.731-25.833 33.008c-75.3 96.216-229.136 77.205-278.512-34.418-29.080-65.74-19.031-119.968 32.461-175.169 34.453-36.935 45.727-42.373 96.59-46.591 103.886-8.615 141.19 24.902 212.935 191.32 57.47 133.305 79.162 167.211 120.728 188.706 38.501 19.91 128.258 20.027 166.565 0.218 50.356-26.040 84.527-75.425 84.527-122.161 0-79.807-39.324-120.131-151.886-155.747-56.638-17.921-68.087-28.757-68.087-64.443 0-22.79 6.556-32.894 26.187-40.358 27.438-10.432 70.939 0.141 83.376 20.265 4.617 7.471 16.954 5.857 37.855-4.951 26.303-13.602 29.335-19.157 19.987-36.624-37.778-70.59-159.496-79.521-219.098-16.078-31.651 33.691-39.286 97.867-16.814 141.324 16.744 32.38 50.849 52.503 175.874 103.774 21.73 8.911 28.767 18.944 28.646 40.843-0.193 34.889-8.167 48.194-38.432 64.124-32.91 17.323-70.949 14.84-96.341-6.288-12.117-10.082-48.294-77.252-80.395-149.267-32.256-72.364-73.292-146.737-91.735-166.258-91.817-97.188-252.819-99.791-346.051-5.595-130.971 132.326-78.001 352.522 97.946 407.155 61.171 18.994 80.727 19.17 140.218 1.266z"></path>
                </symbol>
                <symbol id="icon-search" viewBox="0 0 1024 1024">
                    <title>search</title>
                    <path class="path1" d="M419.84 117.408c-167.735 0-304.64 136.937-304.64 304.672s136.905 304.672 304.64 304.672c64.112 0 123.712-20.029 172.896-54.112 83.396 79.655 166.74 159.362 250.176 238.976l71.968-75.328c-82.541-78.923-165.182-157.771-247.744-236.672 36.077-50.055 57.376-111.392 57.376-177.536 0-167.735-136.937-304.672-304.672-304.672zM419.84 205.696c120.026 0 216.416 96.358 216.416 216.384s-96.39 216.384-216.416 216.384c-120.026 0-216.352-96.358-216.352-216.384s96.326-216.384 216.352-216.384zM419.488 251.776c-43.323 0.116-86.68 16.17-120.512 48.416-55.476 52.876-68.661 133.365-38.688 199.424-10.414-58.774 11.168-125.634 62.432-174.496 51.321-48.916 119.254-67.291 177.504-53.984-25.222-12.968-52.965-19.434-80.736-19.36z"></path>
                </symbol>
                <symbol id="icon-cancel" viewBox="0 0 1024 1024">
                    <title>cancel</title>
                    <path class="path1" d="M274.56 213.12c-33.929 0.009-61.431 27.516-61.431 61.446 0 17.273 7.127 32.881 18.601 44.044l193.358 193.39-193.344 193.344c-11.29 11.147-18.283 26.623-18.283 43.733 0 33.936 27.51 61.446 61.446 61.446 17.117 0 32.6-6.999 43.742-18.292l193.351-193.351 193.344 193.344c11.149 11.299 26.631 18.299 43.748 18.299 33.936 0 61.446-27.51 61.446-61.446 0-17.109-6.993-32.585-18.276-43.726l-193.35-193.35 193.344-193.376c11.485-11.176 18.61-26.783 18.61-44.053 0-33.936-27.51-61.446-61.446-61.446-0.646 0-1.289 0.010-1.93 0.030-16.823 0.515-31.945 7.793-42.738 19.207l-192.752 192.727-193.344-193.344c-11.178-11.493-26.79-18.624-44.067-18.624-0.010 0-0.020 0-0.031 0z"></path>
                </symbol>
                <symbol id="icon-500px" viewBox="0 0 1024 1024">
                    <title>500px</title>
                    <path class="path1" d="M188.395 741.982c-34.853-5.528-65.118-22.367-87.19-48.511-19.684-23.314-32.881-57.94-32.881-86.27v-6.061l83.568 0.004 4.312 16.308c5.986 22.64 22.713 41.43 42.599 47.852 35.872 11.585 69.146-6.14 85.853-45.731 5.25-12.44 6.123-18.057 6.121-39.368-0.001-20.385-0.975-27.211-5.409-37.94-12.192-29.498-35.695-45.79-66.056-45.79-22.853 0-36.088 5.844-51.149 22.585l-12.638 14.050h-36.538c-33.232 0-36.538-0.414-36.531-4.579 0.008-4.303 36.138-230.642 38.846-243.342l1.255-5.887h230.604v75.816l-170.47 1.374-7.651 47.098c-4.208 25.904-7.695 49.141-7.749 51.637-0.076 3.525 2.663 2.205 12.26-5.908 17.293-14.618 34.167-21.065 59.439-22.71 26.35-1.715 44.678 1.977 65.913 13.277 20.662 10.995 35.959 25.993 48.507 47.562l9.769 16.791 6.448-15c14.581-33.918 45.018-62.825 78.457-74.512 22.789-7.965 69.033-8.464 88.689-0.958 36.28 13.855 67.393 38.301 97.859 76.886 10.266 13.002 19.336 23.458 20.156 23.236s10.447-11.614 21.395-25.315c41.841-52.366 82.56-77.467 130.126-80.217 74.755-4.322 130.926 43.003 145.755 122.799 10.327 55.57-1.916 117.443-31.268 158.017-28.543 39.457-81.274 59.427-131.875 49.944-38.74-7.26-71.507-28.463-110.173-71.292l-23.984-26.566-18.388 20.795c-35.961 40.668-66.094 63.331-98.566 74.131-19.302 6.419-62.828 6.413-82.15-0.014-38.218-12.71-69.45-40.742-85.938-77.135l-5.185-11.443-8.632 15.725c-28.674 52.237-77.773 82.186-133.395 81.366-10.358-0.153-25.71-1.369-34.117-2.702zM526.685 643.030c18.665-7.292 41.282-24.46 61.676-46.817l17.622-19.319-18.715-20.007c-37.476-40.063-65.819-57.666-92.866-57.674-26.477-0.009-43.669 12.768-56.172 41.746-5.146 11.927-6.204 18.019-6.178 35.578 0.028 18.344 0.979 23.246 7.092 36.531 15.476 33.636 48.876 45.068 87.541 29.962zM842.194 644.217c37.417-17.373 47.992-83.579 19.487-121.992-11.103-14.962-28.192-23.144-48.183-23.069-28.872 0.108-49.51 12.596-87.457 52.92l-22.387 23.789 16.017 18.092c43.255 48.858 86.943 66.779 122.523 50.259z"></path>
                </symbol>
                <symbol id="icon-foursquare" viewBox="0 0 1024 1024">
                    <title>foursquare</title>
                    <path class="path1" d="M231.449 917.012c-7.694-10.984-8.731-57.652-8.731-392.876 0-417.854-1.114-403.94 33.783-421.986 14.548-7.523 50.889-8.464 274.572-7.106l257.804 1.565 12.591 12.595c10.042 10.045 12.483 18.561 12.060 42.064-0.666 37.008-84.339 455.78-95.305 476.991-4.454 8.615-14.452 18.080-22.217 21.032s-50.509 5.368-94.988 5.368c-80.547 0-80.935 0.062-97.108 15.423-8.931 8.483-63.378 70.317-120.995 137.409-98.124 114.261-105.96 121.986-123.746 121.986-13.264 0-21.621-3.758-27.72-12.465zM398.992 679.897l81.994-98.149h78.637c99.15 0 100.219-0.749 114.534-80.255 11.119-61.755 8.639-80.471-11.69-88.2-7.826-2.976-50.156-5.41-94.067-5.41-54.617 0-81.963-2.126-86.567-6.73-3.702-3.702-6.73-15.816-6.73-26.921s3.029-23.219 6.73-26.921c4.701-4.701 35.557-6.755 102.356-6.813 65.364-0.057 100.063-2.31 109.647-7.121 11.033-5.538 16.124-15.383 23.889-46.188 5.427-21.532 11.417-52.088 13.31-67.903 2.941-24.562 1.707-30.49-8.465-40.662-11.679-11.679-15.639-11.908-205.657-11.908h-193.749l-27.533 27.533v288.16c0 158.488 1.683 289.842 3.739 291.899 9.774 9.774 23.278-3.024 99.623-94.41z"></path>
                </symbol>
                <symbol id="icon-twitch" viewBox="0 0 1024 1024">
                    <title>twitch</title>
                    <path class="path1" d="M319.27 872v-53.709h-196.825l0.020-572.143 53.815-143.438 733.468-0.323v501.392l-214.515 214.512h-160.806l-107.412 107.418h-107.742v-53.709zM614.186 693.507h98.41l125.752-125.747v-393.974h-590.475v519.721h160.805v107.093l107.099-107.093h98.41zM444.698 424.641v-107.418h71.397v214.835h-71.397v-107.418zM641.523 424.641v-107.418h71.397v214.835h-71.397v-107.418z"></path>
                </symbol>
                <symbol id="icon-patreon" viewBox="0 0 32 32">
                    <title>social-patreon</title>
                    <path class="path1" d="M2.843 22.069c0.005-3.926 0.039-7.357 0.076-7.624s0.076-0.427 0.086-0.354c0.010 0.073 0.098-0.245 0.194-0.707 0.258-1.234 0.639-2.298 1.234-3.445 1.812-3.495 5.108-5.982 9.009-6.797 0.916-0.279 1.731-0.347 2.608-0.347s1.726 0.162 2.608 0.347c1.846 0.386 3.793 1.253 5.223 2.326 0.982 0.737 2.401 2.219 3.018 3.151 1.31 1.98 2.165 4.467 2.205 6.416 0.065 1.115 0.062 0.638 0.062 0.959s-0.041-0.059-0.062 0.959c-0.041 1.955-0.901 4.452-2.212 6.421-0.632 0.949-2.037 2.415-3.015 3.146-1.927 1.439-4.766 2.485-6.868 2.528-0.687 0.014-0.689 0.015-0.207 0.074 0.267 0.033-1.165 0.065-3.182 0.073s-3.629-0.016-3.58-0.052c0.058-0.042 0.088-2.451 0.088-6.916 0-5.309 0.026-6.98 0.116-7.425 0.064-0.316 0.298-0.953 0.52-1.414 0.335-0.696 0.527-0.963 1.121-1.557 0.595-0.595 0.86-0.786 1.557-1.12 0.985-0.473 1.621-0.62 2.652-0.615 1.616 0.008 2.944 0.569 4.115 1.741 1.185 1.185 1.738 2.509 1.738 4.16s-0.553 2.975-1.738 4.16c-1.185 1.185-2.511 1.739-4.16 1.737-0.893-0.001-1.413-0.101-2.232-0.428-0.308-0.123-0.619-0.202-0.689-0.175-0.107 0.041-0.128 0.403-0.128 2.207 0 1.619 0.028 2.18 0.111 2.249 0.479 0.395 3.378 0.599 4.776 0.335 2.185-0.411 3.972-1.387 5.553-3.031 1.431-1.488 2.307-3.17 2.684-5.157 0.179-0.944 0.179-2.849 0-3.793-0.678-3.576-3.25-6.565-6.686-7.77-1.129-0.396-2.048-0.544-3.387-0.544-2.796 0-5.063 0.906-7.053 2.821-1.6 1.539-2.497 3.138-3.004 5.356-0.174 0.76-0.183 1.119-0.218 7.947-0.030 5.866-0.015 7.164 0.081 7.225 0.066 0.042-0.572 0.075-1.452 0.076l-1.569 0.001 0.009-7.138z"></path>
                </symbol>
                <symbol id="icon-vk" viewBox="0 0 32 32">
                    <title>social-vk</title>
                    <path class="path1" d="M24.3 26.106c-0.502-0.168-0.964-0.469-1.373-0.893-0.31-0.321-0.543-0.628-1.798-2.373-0.828-1.15-1.298-1.538-1.706-1.407-0.229 0.074-0.656 0.689-0.786 1.131-0.172 0.588-0.226 0.963-0.274 1.903-0.050 0.987-0.127 1.225-0.47 1.455-0.209 0.14-0.297 0.147-1.891 0.144l-1.672-0.003-0.647-0.225c-0.883-0.307-1.609-0.705-2.397-1.317-1.801-1.398-2.565-2.324-4.102-4.97-1.055-1.817-1.722-3.134-2.611-5.164-0.67-1.528-1.504-3.618-1.947-4.881-0.217-0.618-0.442-1.249-0.5-1.403-0.142-0.378-0.183-0.754-0.103-0.945 0.036-0.086 0.17-0.216 0.298-0.288 0.213-0.121 0.422-0.133 2.503-0.151 2.127-0.018 2.283-0.011 2.463 0.111 0.348 0.238 0.482 0.47 0.803 1.404 0.175 0.507 0.562 1.537 0.86 2.29 1.093 2.755 1.592 3.811 2.142 4.528 0.395 0.515 0.704 0.735 1.034 0.735 0.259 0 0.39-0.126 0.548-0.526 0.453-1.15 0.508-5.376 0.089-6.81-0.192-0.658-0.458-0.948-1.059-1.158-0.436-0.152-0.46-0.294-0.115-0.683 0.138-0.155 0.337-0.335 0.442-0.399 0.734-0.446 4.024-0.577 5.282-0.211 0.64 0.186 0.876 0.469 1.026 1.225 0.081 0.412 0.085 0.747 0.032 3.474-0.035 1.812-0.039 3.232-0.010 3.553 0.076 0.843 0.244 1.253 0.59 1.44 0.154 0.083 0.206 0.082 0.384-0.013 0.912-0.485 2.852-4.333 3.937-7.811 0.2-0.64 0.451-1.034 0.694-1.089 0.099-0.022 1.355-0.047 2.792-0.054l2.612-0.013 0.266 0.169c0.327 0.207 0.417 0.411 0.376 0.847-0.097 1.031-0.851 2.637-2.762 5.883-1.343 2.281-1.68 2.915-1.766 3.321-0.077 0.364-0.026 0.777 0.141 1.135 0.072 0.154 0.739 1.054 1.484 2 1.369 1.739 1.999 2.651 2.461 3.566 0.312 0.617 0.414 0.975 0.414 1.447 0 0.32-0.022 0.391-0.184 0.591-0.313 0.389-0.49 0.42-2.652 0.465-1.078 0.023-2.071 0.054-2.207 0.070-0.139 0.016-0.417-0.028-0.637-0.102z"></path>
                </symbol>
           </defs>
        </svg>
        
        {block:IfShowCookiesUsageWarning}
        <div class="cookies-policy">
            <div class="cookies-warning">
                <p>{text:Cookies usage warining text}</p>
                <a href="{text:Cookies usage more info button URL}" target="_blank">{text:Cookies usage more info button text}</a>
                <span class="cookies-btn">{text:Cookies usage accept button text}</span>
            </div>
        </div>
        {/block:IfShowCookiesUsageWarning}
    
        <div class="page-preloader {select:Preloader animation} {block:IfNotPreloadPage}disabled{/block:IfNotPreloadPage}">
            <div class="animation-wrap">
                <div class="title-text {select:Header title text}">{Title}</div>
                <div class="loading-text">{text:Preload page text}</div>
                <div class="css-animation"></div>
            </div>
        </div>
        
        <div class="search-overlay">
            <div class="search-close-button">
                <svg class="icon icon-cancel"><use xlink:href="#icon-cancel"></use></svg>
            </div>
            <form action="/search" method="get">
                <input class="search-box" type="text" name="q" value="{SearchQuery}" placeholder="{text:Search placeholder text}"/>
            </form>
        </div>
        
        <header id="top" class="{select:Header style}">
        
             <div class="blog-title {block:HideTitle}{block:HideAvatar}disabled{/block:HideAvatar}{/block:HideTitle} {block:ShowTitle} has-title{/block:ShowTitle}{block:IfHeaderOnlyOnHomepage}{block:PermalinkPage} disabled{/block:PermalinkPage}{/block:IfHeaderOnlyOnHomepage}">
                <a href="/">
                    {block:IfNotUseLogoImage}
                        {block:ShowAvatar}
                        <span><img class="blog-avatar {AvatarShape} {select:Header avatar border}" src="{PortraitURL-96}"></span>
                        {/block:ShowAvatar}
                        {block:ShowTitle}
                        <span class="wrap {select:Header title border} {block:HideTitle}disabled{/block:HideTitle}">
                            <h1 class="blog-name {select:Header title text}">{Title}</h1>
                        </span>
                        {/block:ShowTitle}
                    {/block:IfNotUseLogoImage}
                    {block:IfUseLogoImage}
                        <span><img class="blog-logo" src="{image:Blog logo}" alt="Blog logo image"></span>
                    {/block:IfUseLogoImage}
                </a>
             </div>
 
            <!-- NAVIGATION MENU START -->
            <div class="nav-menu-wrap">
                <div id="menu" class="nav-menu{block:IfMenuLinksToUppercase} uppercase{block:IfMenuLinksToUppercase}{block:IfOpenMenuLinksInNewTab} new-tab-links{/block:IfOpenMenuLinksInNewTab}">
                    {block:IfNotSidebarTurnedOffCompletely}
                    <div class="profile-button">
                        <svg class="icon icon-profile"><use xlink:href="#icon-profile"></use></svg>
                    </div>
                    {/block:IfNotSidebarTurnedOffCompletely}
                    <!--NAVIGATION FIRST LEVEL -->
                    <ul class="nav-fl menu">
                        {block:IfMenuHomeLink}
                        <li><a href="/">{lang:Home}</a></li>
                        {/block:IfMenuHomeLink}
                        {block:IfMenuShowPagesInDropdown}{block:HasPages}
                        <li>
                            <a href="#" class="drop-down blog-pages">
                                {text:Pages label}
                                <svg class="icon icon-arrow-down"><use xlink:href="#icon-arrow-down"></use></svg>
                                <svg class="icon icon-arrow-up"><use xlink:href="#icon-arrow-up"></use></svg>
                            </a>
                            <!-- NAVIGATION SECOND LEVEL -->
                            <ul class="nav-sl">
                                {block:Pages}
                                <li><a href="{URL}">{Label}</a></li>
                                {/block:Pages}
                            </ul>
                        </li>
                        {/block:HasPages}{/block:IfMenuShowPagesInDropdown}
                        {block:IfNotMenuShowPagesInDropdown}{block:HasPages}
                        {block:Pages}
                        <li><a href="{URL}">{Label}</a></li>
                        {/block:Pages}
                        {/block:HasPages}{/block:IfNotMenuShowPagesInDropdown}
                        {block:IfMenuShowMyLinksDropdown}
                        <li>
                            <a href="#" class="drop-down my-links">
                                {text:My links label}
                                <svg class="icon icon-arrow-down"><use xlink:href="#icon-arrow-down"></use></svg>
                                <svg class="icon icon-arrow-up"><use xlink:href="#icon-arrow-up"></use></svg>
                            </a>
                            <!-- NAVIGATION SECOND LEVEL -->
                            <ul class="nav-sl">
                                {block:IfMyLink1Url}
                                    <li><a class="link-validate" href="{text:My link 1 url}">{text:My link 1 text}</a></li>
                                {/block:IfMyLink1Url}
                                {block:IfMyLink2Url}
                                    <li><a class="link-validate" href="{text:My link 2 url}">{text:My link 2 text}</a></li>
                                {/block:IfMyLink2Url}
                                {block:IfMyLink3Url}
                                    <li><a class="link-validate" href="{text:My link 3 url}">{text:My link 3 text}</a></li>
                                {/block:IfMyLink3Url}
                                {block:IfMyLink4Url}
                                    <li><a class="link-validate" href="{text:My link 4 url}">{text:My link 4 text}</a></li>
                                {/block:IfMyLink4Url}
                                {block:IfMyLink5Url}
                                    <li><a class="link-validate" href="{text:My link 5 url}">{text:My link 5 text}</a></li>
                                {/block:IfMyLink5Url}
                                {block:IfMyLink6Url}
                                    <li><a class="link-validate" href="{text:My link 6 url}">{text:My link 6 text}</a></li>
                                {/block:IfMyLink6Url}
                                {block:IfMyLink7Url}
                                    <li><a class="link-validate" href="{text:My link 7 url}">{text:My link 7 text}</a></li>
                                {/block:IfMyLink7Url}
                                {block:IfMyLink8Url}
                                    <li><a class="link-validate" href="{text:My link 8 url}">{text:My link 8 text}</a></li>
                                {/block:IfMyLink8Url}
                                {block:IfMyLink9Url}
                                    <li><a class="link-validate" href="{text:My link 9 url}">{text:My link 9 text}</a></li>
                                {/block:IfMyLink9Url}
                                {block:IfMyLink10Url}
                                    <li><a class="link-validate" href="{text:My link 10 url}">{text:My link 10 text}</a></li>
                                {/block:IfMyLink10Url}
                            </ul>
                        </li>
                        {/block:IfMenuShowMyLinksDropdown}
                        {block:IfMenuShowImageLinksDropdown}
                        <li>
                            <a href="#" class="drop-down">
                                {text:Image dropdown menu label}
                                <svg class="icon icon-arrow-down"><use xlink:href="#icon-arrow-down"></use></svg>
                                <svg class="icon icon-arrow-up"><use xlink:href="#icon-arrow-up"></use></svg>
                            </a>
                            <!-- NAVIGATION SECOND LEVEL -->
                            <ul class="nav-sl image-dd-menu">
                                <li class="image-dd-cat image-cat-1">
                                    {block:IfImageDropdownCategory1URL}
                                    <a class="link-validate image-dd-pic" href="{text:Image dropdown category 1 url}">
                                        <img src="{image:Image dropdown category 1 picture}">
                                        {block:IfImageDropdownCategory1Name}
                                            <div>{text:Image dropdown category 1 name}</div>
                                        {/block:IfImageDropdownCategory1Name}
                                    </a>
                                    {/block:IfImageDropdownCategory1URL}
                                    {block:IfNotImageDropdownCategory1URL}
                                    <div class="image-dd-pic">
                                        <img src="{image:Image dropdown category 1 picture}">
                                        {block:IfImageDropdownCategory1Name}
                                            <div>{text:Image dropdown category 1 name}</div>
                                        {/block:IfImageDropdownCategory1Name}
                                    </div>
                                    {/block:IfNotImageDropdownCategory1URL}
                                    <div class="image-dd-links">
                                        {block:IfImageDropdownCat1Link1Url}
                                        <a class="link-validate" href="{text:Image dropdown cat 1 link 1 url}">{text:Image dropdown cat 1 link 1 text}</a>
                                        {/block:IfImageDropdownCat1Link1Url}
                                        {block:IfImageDropdownCat1Link2Url}
                                        <a class="link-validate" href="{text:Image dropdown cat 1 link 2 url}">{text:Image dropdown cat 1 link 2 text}</a>
                                        {/block:IfImageDropdownCat1Link2Url}
                                        {block:IfImageDropdownCat1Link3Url}
                                        <a class="link-validate" href="{text:Image dropdown cat 1 link 3 url}">{text:Image dropdown cat 1 link 3 text}</a>
                                        {/block:IfImageDropdownCat1Link3Url}
                                        {block:IfImageDropdownCat1Link4Url}
                                        <a class="link-validate" href="{text:Image dropdown cat 1 link 4 url}">{text:Image dropdown cat 1 link 4 text}</a>
                                        {/block:IfImageDropdownCat1Link4Url}
                                        {block:IfImageDropdownCat1Link5Url}
                                        <a class="link-validate" href="{text:Image dropdown cat 1 link 5 url}">{text:Image dropdown cat 1 link 5 text}</a>
                                        {/block:IfImageDropdownCat1Link5Url}
                                    </div>    
                                </li>
                                <li class="image-dd-cat image-cat-2">
                                    {block:IfImageDropdownCategory2URL}
                                    <a class="link-validate image-dd-pic" href="{text:Image dropdown category 2 url}">
                                        <img src="{image:Image dropdown category 2 picture}">
                                        {block:IfImageDropdownCategory2Name}
                                            <div>{text:Image dropdown category 2 name}</div>
                                        {/block:IfImageDropdownCategory2Name}
                                    </a>
                                    {/block:IfImageDropdownCategory2URL}
                                    {block:IfNotImageDropdownCategory2URL}
                                    <div class="image-dd-pic">
                                        <img src="{image:Image dropdown category 2 picture}">
                                        {block:IfImageDropdownCategory2Name}
                                            <div>{text:Image dropdown category 2 name}</div>
                                        {/block:IfImageDropdownCategory2Name}    
                                    </div>
                                    {/block:IfNotImageDropdownCategory2URL}
                                    <div class="image-dd-links">
                                        {block:IfImageDropdownCat2Link1Url}
                                        <a class="link-validate" href="{text:Image dropdown cat 2 link 1 url}">{text:Image dropdown cat 2 link 1 text}</a>
                                        {/block:IfImageDropdownCat2Link1Url}
                                        {block:IfImageDropdownCat2Link2Url}
                                        <a class="link-validate" href="{text:Image dropdown cat 2 link 2 url}">{text:Image dropdown cat 2 link 2 text}</a>
                                        {/block:IfImageDropdownCat2Link2Url}
                                        {block:IfImageDropdownCat2Link3Url}
                                        <a class="link-validate" href="{text:Image dropdown cat 2 link 3 url}">{text:Image dropdown cat 2 link 3 text}</a>
                                        {/block:IfImageDropdownCat2Link3Url}
                                        {block:IfImageDropdownCat2Link4Url}
                                        <a class="link-validate" href="{text:Image dropdown cat 2 link 4 url}">{text:Image dropdown cat 2 link 4 text}</a>
                                        {/block:IfImageDropdownCat2Link4Url}
                                        {block:IfImageDropdownCat2Link5Url}
                                        <a class="link-validate" href="{text:Image dropdown cat 2 link 5 url}">{text:Image dropdown cat 2 link 5 text}</a>
                                        {/block:IfImageDropdownCat2Link5Url}
                                    </div>    
                                </li>
                                <li class="image-dd-cat image-cat-3">
                                    {block:IfImageDropdownCategory3URL}
                                    <a class="link-validate image-dd-pic" href="{text:Image dropdown category 3 url}">
                                        <img src="{image:Image dropdown category 3 picture}">
                                        {block:IfImageDropdownCategory3Name}
                                            <div>{text:Image dropdown category 3 name}</div>
                                        {/block:IfImageDropdownCategory3Name}    
                                    </a>
                                    {/block:IfImageDropdownCategory3URL}
                                    {block:IfNotImageDropdownCategory3URL}
                                    <div class="image-dd-pic">
                                        <img src="{image:Image dropdown category 3 picture}">
                                        {block:IfImageDropdownCategory3Name}
                                            <div>{text:Image dropdown category 3 name}</div>
                                        {/block:IfImageDropdownCategory3Name}    
                                    </div>
                                    {/block:IfNotImageDropdownCategory3URL}
                                    <div class="image-dd-links">
                                        {block:IfImageDropdownCat3Link1Url}
                                        <a class="link-validate" href="{text:Image dropdown cat 3 link 1 url}">{text:Image dropdown cat 3 link 1 text}</a>
                                        {/block:IfImageDropdownCat3Link1Url}
                                        {block:IfImageDropdownCat3Link2Url}
                                        <a class="link-validate" href="{text:Image dropdown cat 3 link 2 url}">{text:Image dropdown cat 3 link 2 text}</a>
                                        {/block:IfImageDropdownCat3Link2Url}
                                        {block:IfImageDropdownCat3Link3Url}
                                        <a class="link-validate" href="{text:Image dropdown cat 3 link 3 url}">{text:Image dropdown cat 3 link 3 text}</a>
                                        {/block:IfImageDropdownCat3Link3Url}
                                        {block:IfImageDropdownCat3Link4Url}
                                        <a class="link-validate" href="{text:Image dropdown cat 3 link 4 url}">{text:Image dropdown cat 3 link 4 text}</a>
                                        {/block:IfImageDropdownCat3Link4Url}
                                        {block:IfImageDropdownCat3Link5Url}
                                        <a class="link-validate" href="{text:Image dropdown cat 3 link 5 url}">{text:Image dropdown cat 3 link 5 text}</a>
                                        {/block:IfImageDropdownCat3Link5Url}
                                    </div>    
                                </li>
                                <li class="image-dd-cat image-cat-4">
                                    {block:IfImageDropdownCategory4URL}
                                    <a class="link-validate image-dd-pic" href="{text:Image dropdown category 4 url}">
                                        <img src="{image:Image dropdown category 4 picture}">
                                        {block:IfImageDropdownCategory4Name}
                                            <div>{text:Image dropdown category 4 name}</div>
                                        {/block:IfImageDropdownCategory4Name}    
                                    </a>
                                    {/block:IfImageDropdownCategory4URL}
                                    {block:IfNotImageDropdownCategory4URL}
                                    <div class="image-dd-pic">
                                        <img src="{image:Image dropdown category 4 picture}">
                                        {block:IfImageDropdownCategory4Name}
                                            <div>{text:Image dropdown category 4 name}</div>
                                        {/block:IfImageDropdownCategory4Name}    
                                    </div>
                                    {/block:IfNotImageDropdownCategory4URL}
                                    <div class="image-dd-links">
                                        {block:IfImageDropdownCat4Link1Url}
                                        <a class="link-validate" href="{text:Image dropdown cat 4 link 1 url}">{text:Image dropdown cat 4 link 1 text}</a>
                                        {/block:IfImageDropdownCat4Link1Url}
                                        {block:IfImageDropdownCat4Link2Url}
                                        <a class="link-validate" href="{text:Image dropdown cat 4 link 2 url}">{text:Image dropdown cat 4 link 2 text}</a>
                                        {/block:IfImageDropdownCat4Link2Url}
                                        {block:IfImageDropdownCat4Link3Url}
                                        <a class="link-validate" href="{text:Image dropdown cat 4 link 3 url}">{text:Image dropdown cat 4 link 3 text}</a>
                                        {/block:IfImageDropdownCat4Link3Url}
                                        {block:IfImageDropdownCat4Link4Url}
                                        <a class="link-validate" href="{text:Image dropdown cat 4 link 4 url}">{text:Image dropdown cat 4 link 4 text}</a>
                                        {/block:IfImageDropdownCat4Link4Url}
                                        {block:IfImageDropdownCat4Link5Url}
                                        <a class="link-validate" href="{text:Image dropdown cat 4 link 5 url}">{text:Image dropdown cat 4 link 5 text}</a>
                                        {/block:IfImageDropdownCat4Link5Url}
                                    </div>    
                                </li>
                            </ul>
                        </li>
                        {/block:IfMenuShowImageLinksDropdown}
                        {block:IfMenuShowMoreLinksDropdown}
                        <li>
                            <a href="#" class="drop-down more-links">
                                {text:More links label}
                                <svg class="icon icon-arrow-down"><use xlink:href="#icon-arrow-down"></use></svg>
                                <svg class="icon icon-arrow-up"><use xlink:href="#icon-arrow-up"></use></svg>
                            </a>
                            <!-- NAVIGATION SECOND LEVEL -->
                            <ul class="nav-sl">
                                {block:IfMoreLink1Url}
                                    <li><a class="link-validate" href="{text:More link 1 url}">{text:More link 1 text}</a></li>
                                {/block:IfMoreLink1Url}
                                {block:IfMoreLink2Url}
                                    <li><a class="link-validate" href="{text:More link 2 url}">{text:More link 2 text}</a></li>
                                {/block:IfMoreLink2Url}
                                {block:IfMoreLink3Url}
                                    <li><a class="link-validate" href="{text:More link 3 url}">{text:More link 3 text}</a></li>
                                {/block:IfMoreLink3Url}
                                {block:IfMoreLink4Url}
                                    <li><a class="link-validate" href="{text:More link 4 url}">{text:More link 4 text}</a></li>
                                {/block:IfMoreLink4Url}
                                {block:IfMoreLink5Url}
                                    <li><a class="link-validate" href="{text:More link 5 url}">{text:More link 5 text}</a></li>
                                {/block:IfMoreLink5Url}
                                {block:IfMoreLink6Url}
                                    <li><a class="link-validate" href="{text:More link 6 url}">{text:More link 6 text}</a></li>
                                {/block:IfMoreLink6Url}
                                {block:IfMoreLink7Url}
                                    <li><a class="link-validate" href="{text:More link 7 url}">{text:More link 7 text}</a></li>
                                {/block:IfMoreLink7Url}
                                {block:IfMoreLink8Url}
                                    <li><a class="link-validate" href="{text:More link 8 url}">{text:More link 8 text}</a></li>
                                {/block:IfMoreLink8Url}
                                {block:IfMoreLink9Url}
                                    <li><a class="link-validate" href="{text:More link 9 url}">{text:More link 9 text}</a></li>
                                {/block:IfMoreLink9Url}
                                {block:IfMoreLink10Url}
                                    <li><a class="link-validate" href="{text:More link 10 url}">{text:More link 10 text}</a></li>
                                {/block:IfMoreLink10Url}
                            </ul>
                        </li>
                        {/block:IfMenuShowMoreLinksDropdown}
                        {block:IfMenuSubmitLink}{block:SubmissionsEnabled}
                        <li><a href="/submit">{SubmitLabel}</a></li>
                        {/block:SubmissionsEnabled}{/block:IfMenuSubmitLink}
                        {block:IfMenuAskLink}{block:AskEnabled}
                        <li><a href="/ask">{AskLabel}</a></li>
                        {/block:AskEnabled}{/block:IfMenuAskLink}
                        {block:IfMenuRssLink}
                        <li><a href="{RSS}">{lang:RSS}</a></li>
                        {/block:IfMenuRssLink}
                        {block:IfMenuRandomLink}
                        <li><a href="/random">{lang:Random}</a></li>
                        {/block:IfMenuRandomLink}
                        {block:IfMenuArchiveLink}
                        <li><a href="/archive">{lang:Archive}</a></li>
                        {/block:IfMenuArchiveLink}
                    </ul>
                    <div class="menu-button">
                        <svg class="icon icon-menu"><use xlink:href="#icon-menu"></use></svg>
                    </div>
                    <div class="search-button">
                        <svg class="icon icon-search"><use xlink:href="#icon-search"></use></svg>
                    </div>
                </div>
             </div>    
            <!-- NAVIGATION MENU END -->
            
            {block:ShowHeaderImage}
            <div class="elise-slider {select:Header height} {block:IfHeaderOnlyOnHomepage}{block:PermalinkPage} disabled{/block:PermalinkPage}{/block:IfHeaderOnlyOnHomepage}{block:IfHeaderImageParallax} parallax-efect{/block:IfHeaderImageParallax}">
                
                <div class="slides-wrap">
                    <div class="slide">
                        <img src="{HeaderImage}">
                        <div class="caption typography slide-caption">{text:Header image 1 caption}</div>
                    </div>
                    <div class="slide">
                        <img src="{image:Header image 2}">
                        <div class="caption typography slide-caption">{text:Header image 2 caption}</div>                    </div>
                    <div class="slide">
                        <img src="{image:Header image 3}">
                        <div class="caption typography slide-caption">{text:Header image 3 caption}</div>
                    </div>
                    <div class="slide">
                        <img src="{image:Header image 4}">
                        <div class="caption typography slide-caption">{text:Header image 4 caption}</div>
                    </div>
                    <div class="slide">
                        <img src="{image:Header image 5}">
                        <div class="caption typography slide-caption">{text:Header image 5 caption}</div>
                    </div>
                    <div class="slide">
                        <img src="{image:Header image 6}">
                        <div class="caption typography slide-caption">{text:Header image 6 caption}</div>
                    </div>
                    <div class="slide">
                        <img src="{image:Header image 7}">
                        <div class="caption typography slide-caption">{text:Header image 7 caption}</div>
                    </div>
                    <div class="slide">
                        <img src="{image:Header image 8}">
                        <div class="caption typography slide-caption">{text:Header image 8 caption}</div>
                    </div>
                    <div class="slide">
                        <img src="{image:Header image 9}">
                        <div class="caption typography slide-caption">{text:Header image 9 caption}</div>
                    </div>
                    <div class="slide">
                        <img src="{image:Header image 10}">
                        <div class="caption typography slide-caption">{text:Header image 10 caption}</div>
                    </div>
                </div>
 
                {block:IfHeaderScrollDownButton}
                <a class="scroll-down-button {block:IfHeaderScrollDownButtonAnimated}animated{block:IfHeaderScrollDownButtonAnimated}" href="#content">
                    <svg class="icon icon-arrow-down-double"><use xlink:href="#icon-arrow-down-double"></use></svg>
                </a>
                {/block:IfHeaderScrollDownButton}
                
            </div>
            {/block:ShowHeaderImage}
            <!-- HEADER IMAGE END -->
            
        </header>
        
        <section id="content" class="content-wrap {select:Space between posts} {block:IfSidebarTurnedOffCompletely}sidebar-off{/block:IfSidebarTurnedOffCompletely}">
            
             <!--call to action message-->
            {block:IndexPage}{block:IfCallToActionMessage}
            <section class="call-to-action">
                <table><tr>
                    <td class="message typography">
                        {text:Call to action message}
                    </td>
                    {block:IfCallToActionButtonLinkURL}
                    <td><a class="button link-validate" href="{text:Call to action button link URL}">{text:Call to action button text}</a></td>
                    {/block:IfCallToActionButtonLinkURL}
                </tr></table>
            </section>
            {/block:IfCallToActionMessage}{/block:IndexPage}
            
            <!--page info for tag pages-->
            {block:TagPage}
            <section class="info-label {select:Single column layout max width}">
                <div class="tag-page-label" data-tn="{lang:TagResultCount posts tagged Tag}">
                    {lang:Showing TagResultCount posts tagged Tag 2}
                </div>
            </section>
            {/block:TagPage}
            
            <!--page info for search pages-->
            {block:SearchPage}
            <section class="info-label {select:Single column layout max width}">
                <div class="search-page-label">
                    {lang:SearchResultCount results for SearchQuery 2}
                    {block:NoSearchResults}
                        <div class="no-search-results">{lang:Sorry no search results found}</div>
                    {/block:NoSearchResults}
                </div>
            </section>
            {/block:SearchPage}
            
            <div id="posts" class="posts {block:IndexPage}index-page{/block:IndexPage} 
                {select:Posts layout} {block:IfPostCenterSmallerPictures}center-pictures{/block:IfPostCenterSmallerPictures}
                {select:Single column layout max width} {select:Two columns layout max width} {block:PermalinkPage}permalink-page{/block:PermalinkPage}
                {select:Masonry layout picture post caption} {select:Grid layout picture post caption}" data-elise-page="{CurrentPage}" data-elise-last="{TotalPages}">
                
                <div class="column-sizer {select:Sidebar and posts width}"></div>
 
                <!-- PERMALINK PAGE NAVIGATION START-->
                {block:PermalinkPagination}
                    <div class="pagination">
                        <div class="pagination-wrap {block:NextPost}active{/block:NextPost}">
                            <a class="pagination-next" href="{NextPost}" title="{lang:Previous post}">
                                <svg class="icon icon-arrow-left-double"><use xlink:href="#icon-arrow-left-double"></use></svg>
                                <span>{lang:Previous post}</span>
                            </a>
                        </div>
                        <div class="pagination-wrap-middle active">
                            <a class="pagination-back" href="/" title="{lang:Home}">
                                <svg class="icon icon-arrow-up-double"><use xlink:href="#icon-arrow-up-double"></use></svg>
                                <span>{lang:Home}</span>
                            </a>
                        </div>
                        <div class="pagination-wrap {block:PreviousPost}active{/block:PreviousPost}">
                            <a class="pagination-previous" href="{PreviousPost}" title="{lang:Next post}">
                                <span>{lang:Next post}</span>
                                <svg class="icon icon-arrow-right-double"><use xlink:href="#icon-arrow-right-double"></use></svg>
                            </a>
                        </div>
                    </div>
                {/block:PermalinkPagination}
                <!-- PERMALINK PAGE NAVIGATION END-->
                
                    {block:Posts inlineMediaWidth="900"}
 
                    <article class="post {select:Sidebar and posts width}
                        {block:Text}text{/block:Text}
                        {block:Photo}photo{/block:Photo}
                        {block:Panorama}panorama{/block:Panorama}
                        {block:Photoset}photoset {select:Masonry layout photosets style} {select:Grid layout photosets style}{/block:Photoset}
                        {block:Quote}quote{/block:Quote}
                        {block:Link}link{/block:Link}
                        {block:Chat}chat{/block:Chat}
                        {block:Audio}audio{/block:Audio}
                        {block:Video}video{/block:Video}
                        {block:Answer}answer{/block:Answer}" 
                        data-tags=" {TagsAsClasses} " data-postID="{PostID}">
                        
                        <div class="wrapper {select:Posts buttons on homepage} {select:Posts notes counter on homepage}
                                {block:Photo}caption-o{/block:Photo}
                                {block:Panorama}caption-o{/block:Panorama}
                                {block:Photoset}caption-o{/block:Photoset}"> 
                        
                            {block:Text}
                                {block:Title}
                                    <div class="post-title {block:IfPostTitlesToUppercase}uppercase{/block:IfPostTitlesToUppercase}">
                                        {block:IndexPage}
                                        <a href="{Permalink}" {block:IfOpenPostsInNewTab}target="_blank"{/block:IfOpenPostsInNewTab}>
                                        {/block:IndexPage}
                                            {Title}
                                        {block:IndexPage}
                                        </a>
                                        {/block:IndexPage}
                                    </div>
                                {/block:Title}
                                <div class="post-caption post-text typography">
                                    {Body}
                                </div>
                            {/block:Text}
                            
                            {block:Photo}
                                <div class="overlay"></div>
                                <div class="photo-cover" style="background-image: url({PhotoURL-HighRes})">
                                    <a class="overlay-link" href="{Permalink}" {block:IfOpenPostsInNewTab}target="_blank"{/block:IfOpenPostsInNewTab}></a>
                                    {block:LinkURL}
                                        <a class="click-through-picture" href="{LinkURL}" {block:IfOpenPostsInNewTab}target="_blank"{/block:IfOpenPostsInNewTab}></a>
                                    {/block:LinkURL}
                                </div>    
                                <div class="photo-wrap">
                                    <a class="nivo-lb" href="{PhotoURL-HighRes}">
                                        <img src="{PhotoURL-HighRes}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}" alt="{PhotoAlt}">
                                    </a>
                                    {block:LinkURL}
                                        <a class="click-through-picture" href="{LinkURL}" {block:IfOpenPostsInNewTab}target="_blank"{/block:IfOpenPostsInNewTab}></a>
                                    {/block:LinkURL}
                                </div>
                            {/block:Photo}
                            
                            {block:Panorama}
                                <div class="overlay"></div>
                                <a class="photo-cover" href="{Permalink}" {block:IfOpenPostsInNewTab}target="_blank"{/block:IfOpenPostsInNewTab} style="background-image: url({PhotoURL-HighRes})"></a>
                                <div class="panorama-wrap">{LinkOpenTag}<img src="{PhotoURL-Panorama}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
                                <a class="overlay-link" href="{Permalink}" {block:IfOpenPostsInNewTab}target="_blank"{/block:IfOpenPostsInNewTab}></a>
                            {/block:Panorama}
    
                            {block:Photoset}
                                <div class="overlay"></div>
                                <div class="photoset-wrap">
                                {block:Photos}
                                    <div class="ps-cell">
                                        <a class="ps-photo-cover " href="{Permalink}" {block:IfOpenPostsInNewTab}target="_blank"{/block:IfOpenPostsInNewTab} style="background-image: url({PhotoURL-HighRes})" data-imageW="{PhotoWidth-HighRes}" data-imageH="{PhotoHeight-HighRes}"></a>
                                    </div>
                                {/block:Photos}
                                </div>
                                <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>
                                <a class="overlay-link" href="{Permalink}" {block:IfOpenPostsInNewTab}target="_blank"{/block:IfOpenPostsInNewTab}></a>
                            {/block:Photoset}
 
                            {block:Quote}                            
                                    <div class="quote-text">
                                        <svg class="icon icon-quotes-open"><use xlink:href="#icon-quotes-open"></use></svg>
                                        {Quote}
                                        <svg class="icon icon-quotes-close"><use xlink:href="#icon-quotes-close"></use></svg>
                                    </div>
                                    {block:Source}
                                        <div class="source typography">- {Source}</div>
                                    {/block:Source}
                            {/block:Quote}
                            
                            {block:Link}
                                <div class="link-content">
                                    {block:Thumbnail}
                                    <img class="link-preview" src="{Thumbnail-HighRes}" alt="Link picture">
                                    {/block:Thumbnail}
                                    <div class="link-wrap">
                                        <a class="link-title {block:IfPostTitlesToUppercase}uppercase{/block:IfPostTitlesToUppercase}" href="{URL}" {block:IfOpenPostsInNewTab}target="_blank"{/block:IfOpenPostsInNewTab} title="{URL}">
                                            {Name}
                                        </a>
                                        <div class="link-host">{block:Host}{Host}{/block:Host}</div>
                                    </div>
                                    {block:Description}
                                    <div class="post-caption typography">
                                        {Description}
                                    </div>
                                    {/block:Description}
                                </div>
                            {/block:Link}
                            
                            {block:Chat}
                                {block:Title}
                                    <div class="post-title {block:IfPostTitlesToUppercase}uppercase{/block:IfPostTitlesToUppercase}">
                                    {block:IndexPage}
                                    <a href="{Permalink}" {block:IfOpenPostsInNewTab}target="_blank"{/block:IfOpenPostsInNewTab}>
                                    {/block:IndexPage}
                                        {Title}
                                    {block:IndexPage}
                                    </a>
                                    {/block:IndexPage}
                                    </div>
                                {/block:Title}
                                <ul class="chat-text">
                                    {block:Lines}
                                        <li class="{Alt} user_{UserNumber}">
                                            {block:Label}
                                                <span class="label">{Label}</span>
                                            {/block:Label}{Line}
                                        </li>
                                    {/block:Lines}
                                </ul>
                            {/block:Chat}
                            
                            {block:Audio}
                                <div class="overlay"></div>
                                {block:AudioEmbed}
                                    <div class="audio-wrapper">{AudioEmbed-640}</div>
                                {/block:AudioEmbed}
                                <a class="overlay-link" href="{Permalink}" {block:IfOpenPostsInNewTab}target="_blank"{/block:IfOpenPostsInNewTab}></a>
                            {/block:Audio}
                            
                            {block:Video}                            
                                <div class="overlay"></div>
                                <div class="video-wrapper">{Video-700}</div>
                                <a class="overlay-link" href="{Permalink}" {block:IfOpenPostsInNewTab}target="_blank"{/block:IfOpenPostsInNewTab}></a>
                            {/block:Video}
                            
                            {block:Answer}
                                <div class="question-text typography {block:IfPostTitlesToUppercase}uppercase{/block:IfPostTitlesToUppercase}">
                                    {Question}
                                </div>
                                <div class="question-asked-by">
                                    {lang:Asked by Asker 2}
                                </div>
                                <div class="replies typography">
                                    {Replies}
                                </div>
                            {/block:Answer}
                            
                            <!-- POST CAPTION START-->
                            {block:Caption}
                            <div class="post-caption typography">
                                {Caption}
                            </div>
                            {/block:Caption}
                            {block:PermalinkPage}{block:RebloggedFrom}
                            <div class="reblog-info">
                                ({block:ContentSource}{lang:Source}: <a href="{SourceURL}">{SourceTitle}</a>{block:RebloggedFrom}, {/block:RebloggedFrom}{/block:ContentSource}<span>{lang:Via}</span> <a href="{ReblogParentURL}">{ReblogParentName}</a>)
                            </div>
                            {/block:RebloggedFrom}{/block:PermalinkPage}
                            <!-- POST CAPTION END-->
                            
                            <!-- TAGS START -->
                            {block:HasTags}
                            <div class="tags {block:IfShowPostTagsOnHomepage}show{/block:IfShowPostTagsOnHomepage}">
                                {block:Tags}
                                    <a class="tag" href="{TagURL}" {block:IfOpenPostsInNewTab}target="_blank"{/block:IfOpenPostsInNewTab}>{Tag}</a>
                                {/block:Tags}
                            </div>
                            {/block:HasTags}
                            <!--TAGS END-->
                                                    
                            <!--POST STATS START-->
                            <div class="post-stats">
                                {block:IfGroupBlogShowAuthor}
                                <div class="post-author">
                                    <a href="{PostAuthorURL}" {block:IfOpenPostsInNewTab}target="_blank"{/block:IfOpenPostsInNewTab}>{PostAuthorName}</a>
                                    <img src="{PostAuthorPortraitURL-30}" alt="post author logo">
                                </div>
                                {/block:IfGroupBlogShowAuthor}
                                <div class="notes {block:IfNotShowPostNoteCount}disabled{block:IfNotShowPostNoteCount}">
                                    <a href="{permalink}#post-notes" {block:IndexPage}{block:IfOpenPostsInNewTab}target="_blank"{/block:IfOpenPostsInNewTab}{/block:IndexPage}>{NoteCountWithLabel}</a>
                                </div>
                                {block:IfShowPostCommentsCount}
                                {block:IfDisqusShortname}
                                <div class="comments">
                                    <a class="dsq-comment-count" href="{Permalink}#disqus_thread" {block:IndexPage}{block:IfOpenPostsInNewTab}target="_blank"{/block:IfOpenPostsInNewTab}{/block:IndexPage}>{text:0 comments label}</a>
                                </div>
                                {/block:IfDisqusShortname}
                                {block:IfUseFacebookCommentsWidget}
                                <div class="comments">
                                    <a href="{Permalink}" {block:IndexPage}{block:IfOpenPostsInNewTab}target="_blank"{/block:IfOpenPostsInNewTab}{/block:IndexPage}><span class="fb-comments-count" data-href="{Permalink}"></span>
                                    comments
                                    </a>
                                </div>
                                {/block:IfUseFacebookCommentsWidget}
                                {/block:IfShowPostCommentsCount}
                            </div>
                            <!-- DATE AND POST COUNTS END-->
                            
                            <!-- POST BUTTONS START -->
                            <div class="post-buttons {select:View post button style}">
                                <div class="post-permalink">
                                    {block:IndexPage}
                                    <a href="{Permalink}" {block:IfOpenPostsInNewTab}target="_blank"{/block:IfOpenPostsInNewTab}>{text:View post button text}</a>
                                    {/block:IndexPage}
                                    {block:Date}
                                        <div class="post-date">
                                            {block:IndexPage}
                                                <a href="{Permalink}" {block:IfOpenPostsInNewTab}target="_blank"{/block:IfOpenPostsInNewTab}>
                                            {/block:IndexPage}
                                            {DayOfMonth} {Month}, {Year}
                                            {block:IndexPage}
                                                </a>                                            
                                            {/block:IndexPage}
                                        </div>
                                    {/block:Date}
                                </div>
                                
                                {block:IfShowShareButton}
                                <div class="post-share">
                                    <svg class="icon icon-share"><use xlink:href="#icon-share"></use></svg>
                                </div>
                                {/block:IfShowShareButton}
                                <div class="post-reblog">
                                    <a href="{ReblogURL}" title="Reblog" {block:IfOpenPostsInNewTab}target="_blank"{/block:IfOpenPostsInNewTab}>
                                        <svg class="icon icon-reblog"><use xlink:href="#icon-reblog"></use></svg>
                                    </a>
                                </div>
                                <div class="post-like">
                                    <svg class="icon icon-heart"><use xlink:href="#icon-heart"></use></svg>
                                    <svg class="icon icon-heart-full"><use xlink:href="#icon-heart-full"></use></svg>
                                    {LikeButton size="20"}
                                </div>
                            </div>
                            <!-- POST BUTTONS END -->
                            
                            <!-- SHARE BUTTONS START -->
                            {block:IfShowShareButton}
                            <div class="share-buttons">
                                <div class="option-btn" onClick="window.open('http://www.facebook.com/sharer/sharer.php?u={ShortURL}&t={URLEncodedTitle}' 'facebook_share', 'height=320, width=640, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no');">
                                    <svg class="icon icon-facebook"><use xlink:href="#icon-facebook"></use></svg>
                                    <span>Facebook</span>   
                                </div>
                                <div class="option-btn" onClick="window.open('http://twitter.com/share?text={URLEncodedTitle}&url={ShortURL}' 'twitter_share', 'height=320, width=640, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no');">
                                    <svg class="icon icon-twitter"><use xlink:href="#icon-twitter"></use></svg>
                                    <span>Twitter</span>   
                                </div>                                        
                                <div class="option-btn" onClick="window.open('https://plus.google.com/share?url={ShortURL}' 'google_plus_share', 'height=320, width=500, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no');">
                                    <svg class="icon icon-google-plus"><use xlink:href="#icon-google-plus"></use></svg>
                                    <span>Google+</span>   
                                </div>                                      
                            </div>
                            {/block:IfShowShareButton}
                            <!-- SHARE BUTTONS END -->
 
                        </div>
                        
                        <div class="pinn-icon">
                            <svg class="icon icon-thumbtack"><use xlink:href="#icon-thumbtack"></use></svg>
                        </div>
                        
                    </article>
                    
                {/block:Posts}
                
                <!-- POST NOTES AND DISQUS COMMENTS START-->
                {block:PermalinkPage}
                
                {block:IfUseFacebookCommentsWidget}
                <div class="fb-comments-wrap">
                    <div class="fb-comments" data-href="{Permalink}" data-width="100%" data-numposts="5"></div>
                </div>
                {/block:IfUseFacebookCommentsWidget}
                
                {block:IfDisqusShortname}
                <div class="disqus-wrap">
                    <div id="disqus_thread" class="disqus"></div>
                    <script type="text/javascript">
                        var disqus_shortname = '{text:Disqus Shortname}';
                        (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);
                        })();
                    </script>
                    <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">{lang:Blog 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>
                </div>
                {/block:IfDisqusShortname}
                
                {block:PostNotes}
                <div class="post-notes-wrap">
                    <div id="post-notes" class="post-notes {block:IfPostNotesSmallAvatars}small-avatars{/block:IfPostNotesSmallAvatars}">{PostNotes-64}</div>
                </div>
                {/block:PostNotes}
                {/block:PermalinkPage}
                <!-- POST NOTES AND DISQUS COMMENTS END-->
                
                <!-- SIDBAR START-->
                {block:IfNotSidebarTurnedOffCompletely}
                <div id="sidebar" class="sidebar {select:Sidebar and posts width}">
                    <div class="sidebar-content">
                        <div class="sidebar-portrait">
                            <img src="{image:About portrait}">
                        </div>
                        <div class="sidebar-wrap">
                            {block:ShowDescription}
                                <div class="sidebar-label">{text:About label}</div>
                                <div class="sidebar-block typography">{Description}</div>
                            {/block:ShowDescription}
                            
                            {block:IfSidebarShowTextWidget1}
                                <div class="sidebar-label">{text:Sidebar text widget 1 label}</div>
                                <div class="sidebar-block typography">{text:Sidebar text widget 1 content}</div>
                            {/block:IfSidebarShowTextWidget1}
                            
                            {block:IfSidebarShowSocialLinks}
                                <div class="sidebar-label">{text:Social links label}</div>
                                <ul class="sidebar-block social-links {select:Social links icons}{block:IfOpenSocialLinksInNewTab} new-tab-links{/block:IfOpenSocialLinksInNewTab}">
                                    {block:IfPersonalWebsiteURL}<li><a class="social-link link-validate link-website" href="{text:Personal website URL}" title="{text:Personal website name}">
                                        <svg class="icon icon-website"><use xlink:href="#icon-website"></use></svg>
                                    </a></li>{/block:IfPersonalWebsiteURL}
                                    {block:IfFacebookURL}<li><a class="social-link link-validate link-facebook" href="{text:Facebook URL}" title="Facebook">
                                        <svg class="icon icon-facebook"><use xlink:href="#icon-facebook"></use></svg>
                                    </a></li>{/block:IfFacebookURL}
                                    {block:IfTwitterURL}<li><a class="social-link link-validate link-twitter" href="{text:Twitter URL}" title="Twitter">
                                        <svg class="icon icon-twitter"><use xlink:href="#icon-twitter"></use></svg>
                                    </a></li>{/block:IfTwitterURL}
                                    {block:IfGooglePlusURL}<li><a class="social-link link-validate link-google-plus" href="{text:Google Plus URL}" title="Google Plus">
                                        <svg class="icon icon-google-plus"><use xlink:href="#icon-google-plus"></use></svg>
                                    </a></li>{/block:IfGooglePlusURL}
                                    {block:IfTumblrURL}<li><a class="social-link link-validate link-tumblr" href="{text:Tumblr URL}" title="Tumblr">
                                        <svg class="icon icon-tumblr"><use xlink:href="#icon-tumblr"></use></svg>
                                    </a></li>{/block:IfTumblrURL}
                                    {block:IfDribbbleURL}<li><a class="social-link link-validate link-dribbble" href="{text:Dribbble URL}" title="Dribbble">
                                        <svg class="icon icon-dribbble"><use xlink:href="#icon-dribbble"></use></svg>
                                    </a></li>{/block:IfDribbbleURL}
                                    {block:IfInstagramURL}<li><a class="social-link link-validate link-instagram" href="{text:Instagram URL}" title="Instagram">
                                        <svg class="icon icon-instagram"><use xlink:href="#icon-instagram"></use></svg>
                                    </a></li>{/block:IfInstagramURL}
                                    {block:IfFlickrURL}<li><a class="social-link link-validate link-flickr" href="{text:Flickr URL}" title="Flickr">
                                        <svg class="icon icon-flickr"><use xlink:href="#icon-flickr"></use></svg>
                                    </a></li>{/block:IfFlickrURL}
                                    {block:IfYoutubeURL}<li><a class="social-link link-validate link-youtube" href="{text:Youtube URL}" title="YouTube">
                                        <svg class="icon icon-youtube"><use xlink:href="#icon-youtube"></use></svg>
                                    </a></li>{/block:IfYoutubeURL}
                                    {block:IfVimeoURL}<li><a class="social-link link-validate link-vimeo" href="{text:Vimeo URL}" title="Vimeo">
                                        <svg class="icon icon-vimeo"><use xlink:href="#icon-vimeo"></use></svg>
                                    </a></li>{/block:IfVimeoURL}
                                    {block:IfDeviantArtURL}<li><a class="social-link link-validate link-deviantart" href="{text:DeviantArt URL}" title="DeviantArt">
                                        <svg class="icon icon-deviantart"><use xlink:href="#icon-deviantart"></use></svg>
                                    </a></li>{/block:IfDeviantArtURL}
                                    {block:IfPinterestURL}<li><a class="social-link link-validate link-pinterest" href="{text:Pinterest URL}" title="Pinterest">
                                        <svg class="icon icon-pinterest"><use xlink:href="#icon-pinterest"></use></svg>
                                    </a></li>{/block:IfPinterestURL}
                                    {block:IfLinkedInURL}<li><a class="social-link link-validate link-linkedin" href="{text:LinkedIn URL}" title="LinkedIn">
                                        <svg class="icon icon-linkedin"><use xlink:href="#icon-linkedin"></use></svg>
                                    </a></li>{/block:IfLinkedInURL}
                                    {block:IfBehanceURL}<li><a class="social-link link-validate link-behance" href="{text:Behance URL}" title="Behance">
                                        <svg class="icon icon-behance"><use xlink:href="#icon-behance"></use></svg>
                                    </a></li>{/block:IfBehanceURL}
                                    {block:IfGitHubURL}<li><a class="social-link link-validate link-github" href="{text:GitHub URL}" title="GitHub">
                                        <svg class="icon icon-github"><use xlink:href="#icon-github"></use></svg>
                                    </a></li>{/block:IfGitHubURL}
                                    {block:IfSpotifyURL}<li><a class="social-link link-validate link-spotify" href="{text:Spotify URL}" title="Spotify">
                                        <svg class="icon icon-spotify"><use xlink:href="#icon-spotify"></use></svg>
                                    </a></li>{/block:IfSpotifyURL}
                                    {block:IfSoundCloudURL}<li><a class="social-link link-validate link-soundcloud" href="{text:SoundCloud URL}" title="SoundCloud">
                                        <svg class="icon icon-soundcloud"><use xlink:href="#icon-soundcloud"></use></svg>
                                    </a></li>{/block:IfSoundCloudURL}
                                    {block:IfFlipboardURL}<li><a class="social-link link-validate link-flipboard" href="{text:Flipboard URL}" title="Flipboard">
                                        <svg class="icon icon-flipboard"><use xlink:href="#icon-flipboard"></use></svg>
                                    </a></li>{/block:IfFlipboardURL}
                                    {block:IfLastFMURL}<li><a class="social-link link-validate link-lastfm" href="{text:LastFM URL}" title="Last.fm">
                                        <svg class="icon icon-lastfm"><use xlink:href="#icon-lastfm"></use></svg>
                                    </a></li>{/block:IfLastFMURL}
                                    {block:If500pxURL}<li><a class="social-link link-validate link-500px" href="{text:500px URL}" title="500px">
                                        <svg class="icon icon-500px"><use xlink:href="#icon-500px"></use></svg>
                                    </a></li>{/block:If500pxURL}
                                    {block:IfTwitchURL}<li><a class="social-link link-validate link-twitch" href="{text:Twitch URL}" title="Twitch">
                                        <svg class="icon icon-twitch"><use xlink:href="#icon-twitch"></use></svg>
                                    </a></li>{/block:IfTwitchURL}
                                    {block:IfFoursquareURL}<li><a class="social-link link-validate link-foursquare" href="{text:Foursquare URL}" title="Foursquare">
                                        <svg class="icon icon-foursquare"><use xlink:href="#icon-foursquare"></use></svg>
                                    </a></li>{/block:IfFoursquareURL}
                                    {block:IfPatreonURL}<li><a class="social-link link-validate link-patreon" href="{text:Patreon URL}" title="Patreon">
                                        <svg class="icon icon-patreon"><use xlink:href="#icon-patreon"></use></svg>
                                    </a></li>{/block:IfPatreonURL}
                                    {block:IfVkURL}<li><a class="social-link link-validate link-vk" href="{text:Vk URL}" title="Vk">
                                        <svg class="icon icon-vk"><use xlink:href="#icon-vk"></use></svg>
                                    </a></li>{/block:IfVkURL}
                                </ul>
                            {/block:IfSidebarShowSocialLinks}
                            
                            {block:IfSidebarShowTextWidget2}
                                <div class="sidebar-label">{text:Sidebar text widget 2 label}</div>
                                <div class="sidebar-block typography">{text:Sidebar text widget 2 content}</div>
                            {/block:IfSidebarShowTextWidget2}
                            
                            {block:IfSidebarShowTags}
                                <div class="sidebar-label">{text:Sidebar tags label}</div>
                                <ul class="sidebar-block sidebar-tags">
                                    {block:IfTag1}<li><a href="{BlogURL}tagged/{text:Tag 1}">{text:Tag 1}</a></li>{/block:IfTag1}
                                    {block:IfTag2}<li><a href="{BlogURL}tagged/{text:Tag 2}">{text:Tag 2}</a></li>{/block:IfTag2}
                                    {block:IfTag3}<li><a href="{BlogURL}tagged/{text:Tag 3}">{text:Tag 3}</a></li>{/block:IfTag3}
                                    {block:IfTag4}<li><a href="{BlogURL}tagged/{text:Tag 4}">{text:Tag 4}</a></li>{/block:IfTag4}
                                    {block:IfTag5}<li><a href="{BlogURL}tagged/{text:Tag 5}">{text:Tag 5}</a></li>{/block:IfTag5}
                                    {block:IfTag6}<li><a href="{BlogURL}tagged/{text:Tag 6}">{text:Tag 6}</a></li>{/block:IfTag6}
                                    {block:IfTag7}<li><a href="{BlogURL}tagged/{text:Tag 7}">{text:Tag 7}</a></li>{/block:IfTag7}
                                    {block:IfTag8}<li><a href="{BlogURL}tagged/{text:Tag 8}">{text:Tag 8}</a></li>{/block:IfTag8}
                                    {block:IfTag9}<li><a href="{BlogURL}tagged/{text:Tag 9}">{text:Tag 9}</a></li>{/block:IfTag9}
                                    {block:IfTag10}<li><a href="{BlogURL}tagged/{text:Tag 10}">{text:Tag 10}</a></li>{/block:IfTag10}
                                    {block:IfTag11}<li><a href="{BlogURL}tagged/{text:Tag 11}">{text:Tag 11}</a></li>{/block:IfTag11}
                                    {block:IfTag12}<li><a href="{BlogURL}tagged/{text:Tag 12}">{text:Tag 12}</a></li>{/block:IfTag12}
                                    {block:IfTag13}<li><a href="{BlogURL}tagged/{text:Tag 13}">{text:Tag 13}</a></li>{/block:IfTag13}
                                    {block:IfTag14}<li><a href="{BlogURL}tagged/{text:Tag 14}">{text:Tag 14}</a></li>{/block:IfTag14}
                                    {block:IfTag15}<li><a href="{BlogURL}tagged/{text:Tag 15}">{text:Tag 15}</a></li>{/block:IfTag15}
                                </ul>
                            {/block:IfSidebarShowTags}
                          
                            {block:IfFacebookPageName}
                                <div class="sidebar-label">{text:Facebook page widget label}</div>
                                <div class="sidebar-block social-feed facebook-feed">
                                    <div id="fb-root"></div>
                                    <div class="fb-page" data-href="https://www.facebook.com/{text:Facebook page name}/" data-width="316" data-height="400" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/{text:Facebook page name}/"><a href="https://www.facebook.com/{text:Facebook page name}/">{text:Facebook page name}</a></blockquote></div></div>
                                </div>
                            {/block:IfFacebookPageName}
                            
                            {block:IfInstagramAccessToken}
                                <div class="sidebar-label">{text:Instagram feed label}</div>
                                <div class="sidebar-block social-feed instagram-feed"></div>
                            {/block:IfInstagramAccessToken}
 
                            {block:IfFlickrUsername}
                                <div class="sidebar-label">{text:Flickr feed label}</div>
                                <div class="sidebar-block social-feed flickr-feed"></div>
                            {/block:IfFlickrUsername}
                            
                            {block:IfSidebarShowTwitterFeed}{block:Twitter}
                            <div class="sidebar-label">{text:Twitter feed label}</div>
                            <div id="tweets" class="tweets"></div>
                            <script type="text/javascript">
                                function recent_tweets(data) {
                                    String.prototype.parseURL = function() {
                                        return this.replace(/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+/g, function(url) {
                                            return url.link(url);
                                        });
                                    };
                                    String.prototype.parseUsername = function() {
                                        return this.replace(/[@]+[A-Za-z0-9-_]+/g, function(u) {
                                        var username = u.replace("@","")
                                            return u.link("http://twitter.com/" + username);
                                        });
                                    };
                                    String.prototype.parseHashtag = function() {
                                        return this.replace(/[#]+[A-Za-z0-9-_]+/g, function(t) {
                                        var tag = t.replace("#","%23")
                                            return t.link("https://twitter.com/hashtag/" + tag + "?src=hash");
                                        });
                                    }; 
                                    for (i=0; i<{text:Twitter feed limit}; i++) {
                                        document.getElementById("tweets").innerHTML =
                                            document.getElementById("tweets").innerHTML +
                                            '<div class="tweet"><svg class="icon icon-twitter"><use xlink:href="#icon-twitter"></use></svg><div class="tweet-text">' + data.text.parseURL().parseUsername().parseHashtag() + '</div><div class="tweet-date" data-livestamp="' + data.created_at + '"></div></div>';
                                    }
                                }
                            </script>
                            {/block:Twitter}{/block:IfSidebarShowTwitterFeed}
                        </div>
                    </div>
                </div>
                {/block:IfNotSidebarTurnedOffCompletely}
                <!-- SIDBAR START-->
                
            </div>
 
            <!-- LOAD MORE POST BUTTON START-->
            {block:IndexPage}
            <div class="more-posts {select:Pagination style} {select:Single column layout max width} {select:Pagination style}">
                <div id="more" class="more-button">{lang:Load more posts}</div>
                <div class="standard-pagination">
                    {block:Pagination}{block:PreviousPage}
                        <a href="{PreviousPage}">Previous</a>
                    {/block:PreviousPage}
                    {block:JumpPagination length="5"}{block:CurrentPage}
                            <span class="current-page">{PageNumber}</span>
                        {/block:CurrentPage}{block:JumpPage}
                            <a class="jump-page" href="{URL}">{PageNumber}</a>
                        {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
                        <a href="{NextPage}">Next</a>
                    {/block:NextPage}{/block:Pagination}
                </div>
            </div>
            {/block:IndexPage}
            <!-- LOAD MORE POST BUTTON END-->
            
        </section>
        
        <div class="loading-info {select:Preloader animation}">
            <div class="animation-wrap">
                <div class="css-animation"></div>
            </div>
            <div class="loading">{text:Loading posts text}</div>
            <div class="no-more">{text:No more posts text}</div>
        </div>
        <div class="scroll-top">
            <a href="#top" title="Scroll top">
                <svg class="icon icon-arrow-up-double"><use xlink:href="#icon-arrow-up-double"></use></svg>
            </a>
        </div>
        
        <footer>
            <div class="footer-wrap {block:IfFooterShowTags} widget{/block:IfFooterShowTags} 
                    {block:IfFooterShowSearchBox} widget{/block:IfFooterShowSearchBox}
                    {block:IfFooterShowSocialLinks} widget{block:IfFooterShowSocialLinks}">
               
               {block:IfFooterShowTags}
               <div class="tag-cloud">
                    <div class="label">{text:Footer tags label}</div>
                    <ul>
                        {block:IfTag1}<li><a href="{BlogURL}tagged/{text:Tag 1}">{text:Tag 1}</a>
                        </li>{/block:IfTag1}{block:IfTag2}<li><a href="{BlogURL}tagged/{text:Tag 2}">{text:Tag 2}</a>
                        </li>{/block:IfTag2}{block:IfTag3}<li><a href="{BlogURL}tagged/{text:Tag 3}">{text:Tag 3}</a>
                        </li>{/block:IfTag3}{block:IfTag4}<li><a href="{BlogURL}tagged/{text:Tag 4}">{text:Tag 4}</a>
                        </li>{/block:IfTag4}{block:IfTag5}<li><a href="{BlogURL}tagged/{text:Tag 5}">{text:Tag 5}</a>
                        </li>{/block:IfTag5}{block:IfTag6}<li><a href="{BlogURL}tagged/{text:Tag 6}">{text:Tag 6}</a>
                        </li>{/block:IfTag6}{block:IfTag7}<li><a href="{BlogURL}tagged/{text:Tag 7}">{text:Tag 7}</a>
                        </li>{/block:IfTag7}{block:IfTag8}<li><a href="{BlogURL}tagged/{text:Tag 8}">{text:Tag 8}</a>
                        </li>{/block:IfTag8}{block:IfTag9}<li><a href="{BlogURL}tagged/{text:Tag 9}">{text:Tag 9}</a>
                        </li>{/block:IfTag9}{block:IfTag10}<li><a href="{BlogURL}tagged/{text:Tag 10}">{text:Tag 10}</a>
                        </li>{/block:IfTag10}{block:IfTag11}<li><a href="{BlogURL}tagged/{text:Tag 11}">{text:Tag 11}</a>
                        </li>{/block:IfTag11}{block:IfTag12}<li><a href="{BlogURL}tagged/{text:Tag 12}">{text:Tag 12}</a>
                        </li>{/block:IfTag12}{block:IfTag13}<li><a href="{BlogURL}tagged/{text:Tag 13}">{text:Tag 13}</a>
                        </li>{/block:IfTag13}{block:IfTag14}<li><a href="{BlogURL}tagged/{text:Tag 14}">{text:Tag 14}</a>
                        </li>{/block:IfTag14}{block:IfTag15}<li><a href="{BlogURL}tagged/{text:Tag 15}">{text:Tag 15}</a>
                        </li>{/block:IfTag15}
                    </ul>
                </div>
                {/block:IfFooterShowTags}
                {block:IfFooterShowSearchBox}
                <div class="footer-search">
                   <form action="/search" method="get">
                        <input type="text" name="q" placeholder="{lang:Search keywords}..." value="{SearchQuery}"/>
                   </form>
                </div>
                {/block:IfFooterShowSearchBox}
                {block:IfFooterShowSocialLinks}
                <div class="social-links">
                    <div class="label">{text:Social links label}</div>
                    <ul class="footer-sl social-links {select:Social links icons}{block:IfOpenSocialLinksInNewTab} new-tab-links{/block:IfOpenSocialLinksInNewTab}">
                        {block:IfPersonalWebsiteURL}<li><a class="social-link link-validate link-website" href="{text:Personal website URL}" title="{text:Personal website name}"><svg class="icon icon-website"><use xlink:href="#icon-website"></use></svg></a></li>{/block:IfPersonalWebsiteURL}{block:IfFacebookURL}<li><a class="social-link link-validate link-facebook" href="{text:Facebook URL}" title="Facebook"><svg class="icon icon-facebook"><use xlink:href="#icon-facebook"></use></svg></a></li>{/block:IfFacebookURL}{block:IfTwitterURL}<li><a class="social-link link-validate link-twitter" href="{text:Twitter URL}" title="Twitter"><svg class="icon icon-twitter"><use xlink:href="#icon-twitter"></use></svg></a></li>{/block:IfTwitterURL}{block:IfGooglePlusURL}<li><a class="social-link link-validate link-google-plus" href="{text:Google Plus URL}" title="Google Plus"><svg class="icon icon-google-plus"><use xlink:href="#icon-google-plus"></use></svg></a></li>{/block:IfGooglePlusURL}{block:IfTumblrURL}<li><a class="social-link link-validate link-tumblr" href="{text:Tumblr URL}" title="Tumblr"><svg class="icon icon-tumblr"><use xlink:href="#icon-tumblr"></use></svg></a></li>{/block:IfTumblrURL}{block:IfDribbbleURL}<li><a class="social-link link-validate link-dribbble" href="{text:Dribbble URL}" title="Dribbble"><svg class="icon icon-dribbble"><use xlink:href="#icon-dribbble"></use></svg></a></li>{/block:IfDribbbleURL}{block:IfInstagramURL}<li><a class="social-link link-validate link-instagram" href="{text:Instagram URL}" title="Instagram"><svg class="icon icon-instagram"><use xlink:href="#icon-instagram"></use></svg></a></li>{/block:IfInstagramURL}{block:IfFlickrURL}<li><a class="social-link link-validate link-flickr" href="{text:Flickr URL}" title="Flickr"><svg class="icon icon-flickr"><use xlink:href="#icon-flickr"></use></svg></a></li>{/block:IfFlickrURL}{block:IfYoutubeURL}<li><a class="social-link link-validate link-youtube" href="{text:Youtube URL}" title="YouTube"><svg class="icon icon-youtube"><use xlink:href="#icon-youtube"></use></svg></a></li>{/block:IfYoutubeURL}{block:IfVimeoURL}<li><a class="social-link link-validate link-vimeo" href="{text:Vimeo URL}" title="Vimeo"><svg class="icon icon-vimeo"><use xlink:href="#icon-vimeo"></use></svg></a></li>{/block:IfVimeoURL}{block:IfDeviantArtURL}<li><a class="social-link link-validate link-deviantart" href="{text:DeviantArt URL}" title="DeviantArt"><svg class="icon icon-deviantart"><use xlink:href="#icon-deviantart"></use></svg></a></li>{/block:IfDeviantArtURL}{block:IfPinterestURL}<li><a class="social-link link-validate link-pinterest" href="{text:Pinterest URL}" title="Pinterest"><svg class="icon icon-pinterest"><use xlink:href="#icon-pinterest"></use></svg></a></li>{/block:IfPinterestURL}{block:IfLinkedInURL}<li><a class="social-link link-validate link-linkedin" href="{text:LinkedIn URL}" title="LinkedIn"><svg class="icon icon-linkedin"><use xlink:href="#icon-linkedin"></use></svg></a></li>{/block:IfLinkedInURL}{block:IfBehanceURL}<li><a class="social-link link-validate link-behance" href="{text:Behance URL}" title="Behance"><svg class="icon icon-behance"><use xlink:href="#icon-behance"></use></svg></a></li>{/block:IfBehanceURL}{block:IfGitHubURL}<li><a class="social-link link-validate link-github" href="{text:GitHub URL}" title="GitHub"><svg class="icon icon-github"><use xlink:href="#icon-github"></use></svg></a></li>{/block:IfGitHubURL}{block:IfSpotifyURL}<li><a class="social-link link-validate link-spotify" href="{text:Spotify URL}" title="Spotify"><svg class="icon icon-spotify"><use xlink:href="#icon-spotify"></use></svg></a></li>{/block:IfSpotifyURL}{block:IfSoundCloudURL}<li><a class="social-link link-validate link-soundcloud" href="{text:SoundCloud URL}" title="SoundCloud"><svg class="icon icon-soundcloud"><use xlink:href="#icon-soundcloud"></use></svg></a></li>{/block:IfSoundCloudURL}{block:IfFlipboardURL}<li><a class="social-link link-validate link-flipboard" href="{text:Flipboard URL}" title="Flipboard"><svg class="icon icon-flipboard"><use xlink:href="#icon-flipboard"></use></svg></a></li>{/block:IfFlipboardURL}{block:IfLastFMURL}<li><a class="social-link link-validate link-lastfm" href="{text:LastFM URL}" title="Last.fm"><svg class="icon icon-lastfm"><use xlink:href="#icon-lastfm"></use></svg></a></li>{/block:IfLastFMURL}{block:If500pxURL}<li><a class="social-link link-validate link-500px" href="{text:500px URL}" title="500px"><svg class="icon icon-500px"><use xlink:href="#icon-500px"></use></svg></a></li>{/block:If500pxURL}{block:IfTwitchURL}<li><a class="social-link link-validate link-twitch" href="{text:Twitch URL}" title="Twitch"><svg class="icon icon-twitch"><use xlink:href="#icon-twitch"></use></svg></a></li>{/block:IfTwitchURL}{block:IfFoursquareURL}<li><a class="social-link link-validate link-foursquare" href="{text:Foursquare URL}" title="Foursquare"><svg class="icon icon-foursquare"><use xlink:href="#icon-foursquare"></use></svg></a></li>{/block:IfFoursquareURL}{block:IfPatreonURL}<li><a class="social-link link-validate link-patreon" href="{text:Patreon URL}" title="Patreon"><svg class="icon icon-patreon"><use xlink:href="#icon-patreon"></use></svg></a></li>{/block:IfPatreonURL}{block:IfVkURL}<li><a class="social-link link-validate link-vk" href="{text:Vk URL}" title="Vk"><svg class="icon icon-vk"><use xlink:href="#icon-vk"></use></svg></a></li>{/block:IfVkURL}
                    </ul>
                </div>    
                {/block:IfFooterShowSocialLinks}
            </div>    
            <div class="copyright">
                <span>{block:IfNotCustomCopyrightText}© {Title} {CopyrightYears}{/block:IfNotCustomCopyrightText}
                {block:IfCustomCopyrightText}{text:Custom copyright text}{block:IfCustomCopyrightText}
                | Theme <a href="http://www.elise-theme.tumblr.com">Elise</a></span>
            </div>
        </footer>
        <script>FB = null; </script>
 
        <script>
            $( document ).ready(function() {
                scLoad = function() {
                    var images = $('figure img');
                    for (var j = 0; j < images.length; j++) {
                        var i = $(images[j]),
                            iSrc = i.attr('src');
                        if (!i.is('.wraped')) {
                            i.wrap('<a href="' + iSrc + '" class="nivo-lb" />');
                            i.addClass('wraped');
                       }
                    }
                    $('a.nivo-lb').nivoLightbox({
                        effect: 'fadeScale'
                    });
                    var photosets = $('.photoset-grid');
                    imagesLoaded(photosets, function() {
                        photosets.photosetGrid({
                            highresLinks: true,
                            gutter: '{select:Photoset space between pictures}',
                            
                            onComplete: function(){
                                var photosets = $('.photoset-grid');
                                for (var i = 0; i < photosets.length; i++) {
                                    var curSet = $(photosets),
                                        pictures = curSet.find('a'),
                                        photosetID = curSet.attr('data-id');
                                    pictures.attr('data-lightbox-gallery', photosetID)
                                    .nivoLightbox({
                                        effect: 'fadeScale'
                                    });
                                }
                                var pictures = $('.photoset-grid a'),
                                    images = pictures.children();
                                for (var i = 0; i < pictures.length; i++) {
                                    var elem =  $(images),
                                        elemAlt = elem.attr('Alt'),
                                        anchor = $(pictures);
                                    if (elemAlt && elemAlt.length > 0) {
                                        anchor.attr('Title', elemAlt).addClass('has-caption');
                                    }
                                }
                            }
                        });
                    });
                    var iframes = $('.typography iframe, .video-wrapper iframe, .video-wrapper video, .single-column .audio-wrapper iframe, .masonry .audio-wrapper iframe, .masonry-2c .audio-wrapper iframe');
                    for (var i = 0; i < iframes.length; i++) {
                        var ci = $(iframes),
                            ciW = ci.attr('width'),
                            ciH = ci.attr('height'),
                            aspect = ciH / ciW,
                            parentW = ci.parent().width();
                        ci.css({"width": parentW, "height": parentW * aspect});
                    }
                    {block:IfUseFacebookCommentsWidget}
                    if (FB) {FB.XFBML.parse();}
                    {/block:IfUseFacebookCommentsWidget}
                }
                
                /* === Flickr FEED === */
                {block:IfFlickrUsername}
                $('.flickr-feed').socialstream({
                    socialnetwork: 'flickr',
                    limit: {text:Flickr image limit},
                    username: '{text:Flickr username}'
                });
                {/block:IfFlickrUsername}
                
                /* Instagram feed */
                {block:IfInstagramAccessToken}
                var InstaToken = '{text:Instagram access token}',     
                    InstaImageLimit = '{text:instagram image limit}',
                    InstaFeed = $('.instagram-feed'),
                    InstaFeedUl = $('<ul/>').addClass('instagram-list').appendTo(InstaFeed);
                $.ajax({
                    url: 'https://api.instagram.com/v1/users/self/media/recent/?access_token=' + InstaToken,
                    dataType: 'jsonp'
                })
                    .done(function ® {
                        $.each(r.data, function (i, item) {
                            if (i <= 10) {
                                var imgCap = item.caption,
                                    imgAlt = '';
                                if (imgCap) {
                                    imgAlt = item.caption.text;
                                }
                                $('<img/>').attr({
                                    alt: imgAlt,
                                    src: item.images.thumbnail.url
                                })
                                    .appendTo(InstaFeedUl).wrap('<li><a href="' + item.link + '" title="' + imgAlt + '"></a></li>');
                            }
                        })
                    })
                {/block:IfInstagramAccessToken}
                
                /* === ELISE SCRIPT === */
                $(document).elisetheme({
                    disqusID: '{text:Disqus Shortname}',
                    postSize: '{select:Sidebar and posts width}',
                    paginationStyle: '{select:Pagination style}',
                    menuPin: {block:IfPinnedNavigation}true{/block:IfPinnedNavigation}{block:IfNotPinnedNavigation}false{/block:IfNotPinnedNavigation},
                    sidebarPin: {block:IndexPage}{block:IfPinnedSidebarOnIndexPage}true{/block:IfPinnedSidebarOnIndexPage}{block:IfNotPinnedSidebarOnIndexPage}false{/block:IfNotPinnedSidebarOnIndexPage}{/block:IndexPage}{block:PermalinkPage}{block:IfPinnedSidebarOnPermalinkPage}true{/block:IfPinnedSidebarOnPermalinkPage}{block:IfNotPinnedSidebarOnPermalinkPage}false{/block:IfNotPinnedSidebarOnPermalinkPage}{/block:PermalinkPage},
                    pinnedPosts: {block:IfPinnedPostsFeature}true{/block:IfPinnedPostsFeature}{block:IfNotPinnedPostsFeature}false{/block:IfNotPinnedPostsFeature},
                    headerAutoScroll: {block:IfHeaderAutoScroll}true{block:IfHeaderAutoScroll}{block:IfNotHeaderAutoScroll}false{block:IfNotHeaderAutoScroll},
                    photosetDelay: '{text:Photoset slideshow delay}',
                    postsLayout: '{select:Posts layout}',
                    hideTag: '{text:Special tag for homepage hidden posts}',
                    pinTag: '{text:Special tag for pinned posts}'
                });
                $('.elise-slider').eliseSlider({
                    rotationDelay: '{text:Header image rotation delay}',
                    transition: '{select:Header image transition effect}'
                });
            });
        </script>
        
        {block:IfSidebarShowTwitterFeed}{block:Twitter}
        <script type="text/javascript" src="/tweets.js"></script>
        {/block:Twitter}{/block:IfSidebarShowTwitterFeed}
        
        {block:IfDisqusShortname}{block:IfShowPostCommentsCount}
        <script type="text/javascript">
            var disqus_shortname = '{text:Disqus Shortname}';        
            (function () {
                var s = document.createElement('script'); s.async = true;
                s.type = 'text/javascript';
                s.src = '//' + disqus_shortname + '.disqus.com/count.js';
                (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
            }());
        </script>
        {/block:IfShowPostCommentsCount}{/block:IfDisqusShortname}
        
        <!-- CUSTOM HTML CODE - BODY START -->
        {text:Custom HTML code in document body section}
        <!-- CUSTOM HTML CODE - BODY END -->
        
    </body>
</html>

 

 

 

I could really, really use a hand as I've burnt nights trying to troubleshoot this shit. Especially since I know peanuts about codes.

 

D:

Link to comment

Looks OK on my end, in both Chrome and Firefox and a 1920x1080 display.

http://puu.sh/t1Bhq/837a101e94.jpg

Did you fix it already?

EDIT: Well shit, they LOOK okay but are actually the 500px sized ones, and link to those. Will think for a bit.

EDIT 2: I see a relevant instance of '500' (from CTRL+F) here:

{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}

Does anywhere on the CMS (content management service, the Tumblr interface) indicate that your posts' images will be in 500 sizes?

Link to comment

Looks OK on my end, in both Chrome and Firefox and a 1920x1080 display.

 

http://puu.sh/t1Bhq/837a101e94.jpg

 

Did you fix it already?

 

EDIT: Well shit, they LOOK okay but are actually the 500px sized ones, and link to those. Will think for a bit.

 

EDIT 2: I see a relevant instance of '500' (from CTRL+F) here:

{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}

Does anywhere on the CMS (content management service, the Tumblr interface) indicate that your posts' images will be in 500 sizes?

 

Oh hey! Your name sounds awfully familiar ;) Thanks for the follow btw!

 

Sorry, for some reason I didn't get a notification that someone replied to this thread.

 

I had a web programmer take a look at it, ultimately this was the fix:

 

<figure data-orig-width="1920" data-orig-height="1080" class="tmblr-full"><img src="https://68.media.tumblr.com/7de99854300324d163c5049bb9d922d0/tumblr_inline_ock4psfC1F1t65i4k_540.jpg"alt="image" data-orig-width="1920" data-orig-height="1080"></figure>

 

to

 

<figure data-orig-width="1920" data-orig-height="1080" class="tmblr-full"><img src="https://68.media.tumblr.com/7de99854300324d163c5049bb9d922d0/tumblr_inline_ock4psfC1F1t65i4k_5401280.jpg" alt="image" data-orig-width="1920" data-orig-height="1080"></figure>

 
While it does fix the image width issue and allows proper expansion, I have to apply this to each and every image I post; which can get quite tiresome. I was hoping for a one-liner in my HTML that could apply a blanket fix.
 
Until then... ugh.
Link to comment

 

 

Oh hey! Your name sounds awfully familiar ;) Thanks for the follow btw!

 

Sorry, for some reason I didn't get a notification that someone replied to this thread.

 

I had a web programmer take a look at it, ultimately this was the fix:

 

<figure data-orig-width="1920" data-orig-height="1080" class="tmblr-full"><img src="https://68.media.tumblr.com/7de99854300324d163c5049bb9d922d0/tumblr_inline_ock4psfC1F1t65i4k_540.jpg"alt="image" data-orig-width="1920" data-orig-height="1080"></figure>

 

to

 

<figure data-orig-width="1920" data-orig-height="1080" class="tmblr-full"><img src="https://68.media.tumblr.com/7de99854300324d163c5049bb9d922d0/tumblr_inline_ock4psfC1F1t65i4k_5401280.jpg" alt="image" data-orig-width="1920" data-orig-height="1080"></figure>

 
While it does fix the image width issue and allows proper expansion, I have to apply this to each and every image I post; which can get quite tiresome. I was hoping for a one-liner in my HTML that could apply a blanket fix.
 
Until then... ugh.

 

Well, putting it like that, I'd say you're right on the guess on who I am. Happy New Year!

 

Glad there's at least some workaround to the issue. I wish I had even a slightest idea on what Tumblr's posting interface looks like to be able to even venture a guess on what might be the little quirk that's causing small pictures.

Link to comment

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. For more information, see our Privacy Policy & Terms of Use