Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <!--
- gardenia @ shythemes
- -->
- <title>{Title}</title>
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link rel="shortcut icon" href="{Favicon}">
- {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="image:sidebar" content="">
- <meta name="color:link" content="#d4ebff">
- <meta name="if:justify text" content="1">
- <meta name="if:show captions" content="1">
- <meta name="if:show tags" content="1">
- <meta name="if:infinite scroll" content="0">
- <meta name="select:posts" content="400" title="400px">
- <meta name="select:posts" content="500" title="500px">
- <meta name="select:posts" content="540" title="540px">
- <meta name="text:home link" content="">
- <meta name="text:archive link" content="archive">
- <meta name="text:ask link" content="message">
- <meta name="text:link 1" content="">
- <meta name="text:link 1 url" content="">
- <meta name="text:link 2" content="">
- <meta name="text:link 2 url" content="">
- <meta name="text:link 3" content="">
- <meta name="text:link 3 url" content="">
- <meta name="text:link 4" content="">
- <meta name="text:link 4 url" content="">
- <meta name="text:link 5" content="">
- <meta name="text:link 5 url" content="">
- <meta name="text:link 6" content="">
- <meta name="text:link 6 url" content="">
- <script src="//use.edgefonts.net/karla.js"></script>
- <style type="text/css">
- /* general */
- body {
- margin:0;
- font-size:10px;
- font-family:'karla', 'helvetica neue', sans-serif;
- line-height:16px;
- word-break:break-word;
- -moz-osx-font-smoothing:grayscale;
- -webkit-font-smoothing:antialiased;
- font-smoothing:antialiased;
- color:rgb(100,100,100);
- background-color:rgb(255,255,255);
- {block:ifJustifyText}text-align:justify;{/block:ifJustifyText}
- }
- a {
- color:inherit;
- text-decoration:none;
- -webkit-transition:all .4s ease-out;
- transition:all .4s ease-out;
- }
- a:hover {
- color:rgb(100,100,100)!important;
- }
- small, sub {
- font-size:inherit;
- vertical-align:baseline;
- }
- blockquote, ol, ul, p, pre {
- margin:0 0 9px;
- }
- .text figure, .text img {
- padding:3px 0;
- margin:0 0 9px;
- }
- h1, h2, h3, h4, h5, h6 {
- margin:0;
- font-size:inherit;
- font-weight:inherit;
- }
- ol, ul {
- list-style:none;
- padding:0;
- }
- pre {
- white-space:normal;
- }
- img {
- border:0;
- max-width:100%;
- height:auto;
- display:block;
- }
- hr {
- border:0;
- -moz-box-sizing:border-box;
- box-sizing:border-box;
- }
- ::-webkit-scrollbar {
- width:17px;
- height:17px;
- }
- ::-webkit-scrollbar {
- background-color:rgb(255,255,255);
- }
- ::-webkit-scrollbar-track {
- border:8px solid rgb(255,255,255);
- background-color:rgb(230,230,230);
- }
- ::-webkit-scrollbar-thumb {
- border:8px solid rgb(255,255,255);
- background-color:rgb(144,144,144);
- min-height:24px;
- min-width:24px;
- }
- /* accents */
- .title {
- color:rgb(75,75,75);
- }
- h1.title {
- font-size:14px;
- margin-bottom:9px;
- }
- .accent {
- color:rgb(160,160,160);
- }
- .text a {
- color:rgb(160,160,160);
- border-bottom:1px solid {color:link};
- }
- blockquote:after,
- blockquote > p:first-child > .tumblr_blog:first-child:before {
- content:'';
- display:block;
- }
- hr,
- blockquote:after,
- blockquote > p:first-child > .tumblr_blog:first-child:before {
- margin:11px 0 12px;
- width:25px;
- height:1px;
- background-color:rgb(230,230,230);
- }
- blockquote:last-child:after,
- .source .tumblr_blog:before {
- display:none;
- }
- hr {
- margin:13px 0 14px;
- width:25px;
- height:1px;
- background-color:rgb(230,230,230);
- }
- ol, ul {
- padding:0;
- list-style-type:none;
- }
- ol li,
- ul li {
- position:relative;
- padding-left:24px;
- }
- ol li:before,
- ul li:before {
- content:'∗';
- position:absolute;
- display:block;
- left:0;
- top:-1px;
- font-size:16px;
- color:rgb(190,190,190);
- }
- .chat li,
- .notes li {
- padding-left:0;
- }
- .chat li:before,
- .notes li:before {
- display:none;
- }
- svg {
- width:10px;
- height:auto;
- opacity:.75;
- overflow:visible;
- }
- svg path {
- fill:rgb(160,160,160);
- -webkit-transition:fill .6s ease-out;
- transition:fill .6s ease-out;
- }
- /* container */
- .main {
- margin:0 auto;
- width:{select:posts}px;
- }
- .content {
- margin:150px 0;
- }
- /* sidebar */
- aside {
- position:fixed;
- top:150px;
- margin-left:{select:posts}px;
- padding-left:75px;
- width:200px;
- }
- aside .sidebar {
- display:block;
- margin-bottom:20px;
- }
- aside .title, aside section {
- margin-bottom:18px;
- }
- aside .links li {
- display:block;
- margin:0 0 9px;
- float:left;
- width:100px;
- }
- aside section a,
- aside .search {
- color:rgb(160,160,160);
- }
- aside .search .query {
- border:0;
- outline:0;
- padding:0;
- font-family:inherit;
- font-size:inherit;
- color:inherit;
- background-color:transparent;
- }
- ::-webkit-input-placeholder {color: inherit;}
- :-moz-placeholder {color: inherit; opacity:1;}
- ::-moz-placeholder {color: inherit; opacity:1;}
- :-ms-input-placeholder {color: inherit;}
- input:focus::-webkit-input-placeholder {color: transparent;}
- input:focus:-moz-placeholder {color: transparent;}
- input:focus::-moz-placeholder {color: transparent;}
- input:focus:-ms-input-placeholder { color: transparent;}
- /* navigation */
- aside nav {
- display:none;
- position:absolute;
- left:100px;
- bottom:100px;
- top:0;
- bottom:0;
- padding:0 24px;
- border-right:1px solid rgb(237,237,237);
- }
- aside nav li {
- display:block;
- max-height:10px;
- overflow:visible;
- margin-bottom:24px;
- }
- aside nav li a.active svg path {
- fill:rgb(75,75,75);
- }
- aside #updates svg {
- width:14px;
- margin:-2px;
- }
- /* entries */
- .entry {
- position:relative;
- overflow:hidden;
- margin:0 0 150px;
- background-color:rgb(255,255,255);
- }
- .ph .media {
- width:{select:posts}px;
- margin-bottom:16px;
- border-bottom:1px solid rgb(236,236,236);
- }
- .body,
- .info {
- float:left;
- }
- .body {
- width:{select:posts}px;
- }
- .p400 .body.w {
- width:276px;
- }
- .p500 .body.w {
- width:376px;
- }
- .p540 .body.w {
- width:416px;
- }
- .info {
- width:124px;
- overflow:hidden;
- }
- .tags {
- position:relative;
- padding-left:26px;
- margin-top:14px;
- }
- {block:IndexPage}
- {block:ifNotShowTags}.tags { display: none; } {/block:ifNotShowTags}
- .tags{block:ifShowCaptions}:first-child{/block:ifShowCaptions} {
- margin-top:0;
- }
- {/block:IndexPage}
- {block:PermalinkPage}
- .tags:first-child {
- margin-top:0;
- }
- {/block:PermalinkPage}
- .tags .comma {
- margin:0 2px;
- opacity:0;
- }
- .tags .comma:last-child {
- display:none;
- }
- .tags svg {
- width:11px;
- position:absolute;
- left:0;
- top:3px;
- }
- /* post types */
- .text {
- margin-bottom:9px;
- }
- .text:last-of-type,
- .text *:last-child {
- margin-bottom:0;
- }
- .media > a,
- .media > img,
- .media .photo-slideshow,
- .media .video {
- display:block!important;
- width:{select:posts}px;
- max-width:{select:posts}px;
- padding:0 0 4px;
- margin:0;
- }
- .media .photo-slideshow .row:last-of-type .photo-data.count-1 {
- margin-bottom:0!important;
- }
- .media .video iframe {
- display:block;
- }
- .question {
- margin:-24px -24px 20px;
- padding:24px;
- border-bottom:1px solid rgb(236,236,236);
- }
- .question .sender {
- margin-bottom:9px;
- }
- /* audio posts */
- .audiowrap {
- position:relative;
- height:60px;
- overflow:hidden;
- padding:8px;
- }
- .audio {
- position:absolute;
- display:inline-block;
- left:0;
- top:0;
- right:0;
- bottom:0;
- text-align:right;
- line-height:60px;
- }
- .audio .player {
- width:27px;
- height:27px;
- left:16px;
- top:16px;
- opacity:.4;
- line-height:0;
- overflow:hidden;
- position:absolute;
- }
- .audio .track {
- overflow:hidden;
- line-height:15px;
- margin-left:60px;
- width: calc(100% - 60px);
- display:inline-block;
- vertical-align:middle;
- }
- .audio .track span {
- display:block;
- max-height:15px;
- white-space:nowrap;
- overflow:hidden;
- text-overflow:ellipsis;
- margin-right:15px;
- }
- /* pagination */
- .pagination {
- text-align:center;
- margin:0 0 150px;
- }
- .pagination a {
- display:inline-block;
- vertical-align:top;
- max-height:10px;
- overflow:visible;
- margin-bottom:24px;
- }
- .pagination a svg {
- width:8px;
- padding:4px;
- }
- .pagination span {
- margin:0 24px;
- }
- /* notes */
- .notes {
- padding:0;
- }
- .notes li {
- display:block;
- }
- .notes img {
- display:none;
- }
- .notes .more_notes_link_container {
- text-align:inherit!important;
- }
- #notes .info {
- width:115px;
- padding-right:9px;
- }
- .rf {
- margin:9px 0 0;
- }
- /* etc */
- #tumblr_controls,
- .tmblr-iframe {
- position:fixed!important;
- top:0!important;
- right:0!important;
- max-width:calc(100%-788px);
- opacity:.5!important;
- -webkit-filter:invert(100%);
- -webkit-backface-visibility:hidden;
- padding:10px 40px 10px 10px;
- -webkit-transition:opacity .3s ease-out;
- transition:opacity .3s ease-out;
- }
- #tumblr_lightbox, .tmblr-lightbox {
- background-color:rgba(255,255,255,.98)!important;
- }
- #vignette, .vignette {
- opacity:0;
- }
- #tumblr_lightbox img, .lightbox-image {
- box-shadow:none!important;
- border-radius:0!important;
- -moz-box-sizing:border-box;
- box-sizing:border-box;
- max-width:none;
- }
- #tumblr_lightbox_caption, .lightbox-caption {
- visibility:hidden;
- }
- #theme {
- position:fixed;
- display:block;
- bottom:10px;
- right:10px;
- z-index:999;
- padding:5px;
- line-height:1em;
- background-color:rgb(255,255,255);
- }
- {block:ifInfiniteScroll}
- .pagination,
- #infscr-loading {
- display:none!important;
- }
- {/block:ifInfiniteScroll}
- </style>
- <link href="//static.tumblr.com/wupwnyt/1iho27ad1/gkthm.css" rel="stylesheet" type="text/css">
- <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
- </head>
- <body class="p{select:posts}">
- <div class="main">
- <aside>
- {block:ifSidebarImage}<a href="/" class="sidebar"><img src="{image:sidebar}"></a>{/block:ifSidebarImage}
- <h1 class="title"><a href="/">{Title}</a></h1>
- <section class="about-content">
- <p>{Description}</p>
- </section>
- <section class="links">
- {block:ifHomeLink}<li><a href="/">{text:home link}</a></li>{/block:ifHomeLink}
- {block:ifArchiveLink}<li><a href="/archive">{text:archive link}</a></li>{/block:ifArchiveLink}
- {block:ifAskLink}<li><a href="/ask">{text:ask link}</a></li>{/block:ifAskLink}
- {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li> {/block:Pages}{/block:HasPages}
- {block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:ifLink1}
- {block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:ifLink2}
- {block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:ifLink3}
- {block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:ifLink4}
- {block:ifLink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:ifLink5}
- {block:ifLink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:ifLink6}
- </section>
- </aside>
- <div class="content">
- {block:Posts}
- <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}{block:Video}ph{/block:Video}{block:Audio}ph{/block:Audio}" id="{PostID}">
- <section class="media">
- {block:Audio}
- <div class="audiowrap">
- <div class="audio accent">
- {block:AudioPlayer}
- <div class="player">{AudioPlayerWhite}</div>
- {/block:AudioPlayer}
- <div class="track">{block:TrackName}<span class="title">{TrackName}</span>{/block:TrackName}{block:Artist}<span>{Artist}</span>{/block:Artist}</div>
- </div>
- </div>
- {/block:Audio}
- {block:Photo}
- {LinkOpenTag}
- <img src="{PhotoURL-HighRes}">
- {LinkCloseTag}
- {/block:Photo}
- {block:Photoset}
- <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
- {/block:Photoset}
- {block:Video}
- <div class="video">{Video-500}</div>
- {/block:Video}
- </section>
- {block:Date}
- <section class="info accent">
- <a class="permalink" href="{Permalink}">{Month} {DayOfMonth}{block:PermalinkPage}, {Year}{/block:PermalinkPage}</a>
- </section>
- {/block:Date}
- <section class="body{block:Date} w{/block:Date}">
- {block:Answer}
- <div class="question">
- <div class="sender accent">{Asker}:</div>
- {Question}
- </div>
- <div class="answer text">{Answer}</div>
- {/block:Answer}
- {block:Chat}
- {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
- <div class="chat text">
- {block:Lines}
- <p class="line">
- {block:Label}
- <span class="label title">{Label} </span>
- {/block:Label}
- {Line}
- </p>
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:Link}
- <h1 class="title"><a href="{URL}">{Name}</a></h1>
- {block:Description}<div class="text">{Description}</div>{/block:Description}
- {/block:Link}
- {block:Quote}
- <h1 class="quote title">{Quote}</h1>
- {block:Source}
- <div class="source text">{Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Text}
- {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
- <div class="text">{Body}</div>
- {/block:Text}
- {block:Caption}
- {block:ifNotShowCaptions}{block:IndexPage}<!--{/block:IndexPage}{/block:ifNotShowCaptions}
- <div class="caption text">{Caption}</div>
- {block:ifNotShowCaptions}{block:IndexPage}-->{/block:IndexPage}{/block:ifNotShowCaptions}
- {/block:Caption}
- {block:HasTags}
- <div class="tags accent">
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 524.237 524.237" style="enable-background:new 0 0 524.237 524.237;" xml:space="preserve"><g><g><path d="M209.95,465.552c3.117,3.117,7.367,4.533,11.9,4.533h0.283c4.533,0,8.783-1.7,11.9-4.817l183.6-188.983 c6.517-6.8,6.517-17.283-0.283-23.8L220.15,55.569c-3.117-3.117-7.65-4.817-11.9-4.817l0,0L18.133,51.035 c-9.35,0-17,7.367-17,16.717L0,254.469c0,4.533,1.7,9.067,5.1,12.183L209.95,465.552z M35.133,84.752l166.033-0.567l180.2,180.2 l-160.083,164.9L34,247.385L35.133,84.752z"/><path d="M321.017,77.669c-6.8,6.517-6.8,17.283-0.283,24.083l162.633,165.467L311.383,444.585 c-6.517,6.8-6.233,17.567,0.283,24.083c3.4,3.117,7.65,4.817,11.9,4.817c4.533,0,8.783-1.7,12.183-5.1l183.6-189.267 c6.517-6.517,6.517-17.283,0-23.8L345.1,77.952C338.3,71.435,327.533,71.152,321.017,77.669z"/><circle cx="118.15" cy="163.235" r="6.233"/><path d="M118.15,140.002c-12.75,0-23.233,10.483-23.233,23.233s10.483,23.233,23.233,23.233s23.233-10.483,23.233-23.233 C141.1,150.485,130.9,140.002,118.15,140.002z M118.15,174.002c-5.95,0-10.767-4.817-10.767-10.767 c0-5.95,4.817-10.767,10.767-10.767c5.95,0,10.767,4.817,10.767,10.767C128.917,169.185,124.1,174.002,118.15,174.002z"/></g></g></svg>
- {block:Tags}<a href="{TagURL}">{Tag}</a><span class="comma"> / </span>{/block:Tags}
- </div>
- {/block:HasTags}
- </section>
- </article>
- {block:PostNotes}
- <article class="entry" id="notes">
- <section class="info accent">
- {NoteCountWithLabel}
- {block:RebloggedFrom}
- <div class="rf accent">
- via <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
- {block:ContentSource}
- by <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:ContentSource}
- </div>
- {/block:RebloggedFrom}
- </section>
- <section class="body w">
- {PostNotes}
- </section>
- </article>
- {/block:PostNotes}
- {/block:Posts}
- </div>
- {block:Pagination}
- <div class="pagination">
- {block:PreviousPage}
- <a class="prev" href="{PreviousPage}">
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 375.473 375.473" style="enable-background:new 0 0 375.473 375.473;" xml:space="preserve"><g><g><path d="M315.817,6.856c-5.667-7.65-16.15-9.067-23.8-3.4L63.083,174.023c-4.25,3.117-6.8,8.217-6.8,13.6 c0,5.383,2.55,10.483,6.8,13.6l228.933,170.85c3.117,2.267,6.517,3.4,10.2,3.4c5.1,0,10.2-2.267,13.6-6.8 c5.667-7.65,3.967-18.133-3.4-23.8l-210.8-157.25l210.8-157.25C319.783,24.99,321.483,14.223,315.817,6.856z"/></g></g></svg>
- </a>
- {/block:PreviousPage}
- <span class="accent">{CurrentPage} of {TotalPages}</span>
- {block:NextPage}
- <a class="next" href="{NextPage}">
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 375.39 375.39" style="enable-background:new 0 0 375.39 375.39;" xml:space="preserve"><g><g><path d="M59.615,368.59c3.4,4.533,8.5,6.8,13.6,6.8c3.4,0,7.083-1.133,10.2-3.4l228.933-170.85c4.25-3.117,6.8-8.217,6.8-13.6 s-2.55-10.483-6.8-13.6L83.415,3.373c-7.65-5.667-18.133-3.967-23.8,3.4c-5.667,7.65-3.967,18.133,3.4,23.8l210.8,157.25 l-210.8,157.25C55.648,350.456,53.948,361.223,59.615,368.59z"/></g></g></svg>
- </a>
- {/block:NextPage}</span>
- </div>
- {/block:Pagination}
- </div>
- <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
- <a href="http://shythemes.tumblr.com" id="theme" class="accent" title="theme">k.</a>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- {block:IndexPage}
- {block:ifInfiniteScroll}
- <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
- {/block:ifInfiniteScroll}
- {/block:IndexPage}
- <script>
- $(document).ready(function(){
- // search
- $('.search').submit(function(event){
- var value = $('input:first').val();
- location.replace('http://{Name}.tumblr.com/tagged/' + value);
- });
- // tumblr audio players
- $('.tumblr_audio_player').each(function(){
- $(this).attr({ src: $(this).attr('src').split('&color=')[0] + '&color=transparent&simple=1 '});
- });
- // pxu photosets
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- // soundcloud players
- var color = '{color:link}'; // color of play button (hex)
- $('.soundcloud_audio_player').each(function(){
- $(this).attr({ src: $(this).attr('src').split('&')[0] + '&liking=false&sharing=false&auto_play=false&show_comments=false&continuous_play=false&buying=false&show_playcount=false&show_artwork=false&origin=tumblr&color=' + color.split('#')[1], height: 116, width: '100%' });
- });
- {block:ifInfiniteScroll}
- // infinite scroll
- var $container = $('.content');
- $container.infinitescroll({
- itemSelector: '.entry',
- navSelector: '.pagination',
- nextSelector: '.next',
- loadingImg: '',
- loadingText: '<em></em>',
- bufferPx: 2000
- },
- function( newElements ) {
- var $newElems = $( newElements );
- // likes
- var $newElemsIDs = $newElems.map(function () {
- return this.id;
- }).get();
- Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
- // pxu photosets
- $newElems.find('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- // videos
- resizeVideos();
- // soundcloud players
- $newElems.find('.soundcloud_audio_player').each(function(){
- $(this).attr({ src: $(this).attr('src').split('&')[0] + '&liking=false&sharing=false&auto_play=false&show_comments=false&continuous_play=false&buying=false&show_playcount=false&show_artwork=false&origin=tumblr&color=' + color.split('#')[1], height: 116, width: '100%' });
- });
- // tumblr audio players
- $newElems.find('.tumblr_audio_player').each(function(){
- $(this).attr({ src: $(this).attr('src').split('&color=')[0] + '&color=transparent&simple=1 '});
- });
- });
- {/block:ifInfiniteScroll}
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement