husnulhamidiah · May 25, 2017 03:02
diff --git a/shiyorihook.html b/shiyorihook.html
 <html>
 <head>
 	<!--[if lt IE 9]>
 	<script src="http://static.tumblr.com/0nxdyrj/6zenchlfy/html5shiv.min.js"></script>
 	<![endif]-->

 	<!-- Charset -->
 	<meta charset="UTF-8">

 	<!-- Title -->
 	<title>{Title}</title>

 	<!-- Description -->
 	{block:Description}
 	<meta name="description" content="{MetaDescription}">
 	{/block:Description}

 	<!-- Viewport -->
 	<meta name="viewport" content="width=device-width, user-scalable=no">

 	<!-- Icons -->
 	<link rel="shortcut icon" href="{Favicon}">
 	<link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">

 	<!-- Fonts -->
 	<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
 	<link href='http://fonts.googleapis.com/css?family=Merriweather:400,700,400italic' rel='stylesheet' type='text/css'>

 	<!-- RSS -->
 	<link rel="alternate" type="application/rss+xml" href="{RSS}">

 	{block:Hidden}
 	<!-- Header -->
 	<meta name="if:Show Header" content="1">

 	<!-- Menu -->
 	<meta name="if:Show Menu" content="1">
 	<meta name="if:Show Archive" content="1">
 	<meta name="if:Show Random" content="1">
 	<meta name="if:Show RSS" content="1">
 	<meta name="if:Show Search" content="1">

 	<!-- Content -->
 	<meta name="text:Google Web Font" content="Lato">

 	<!-- Colors -->
 	<meta name="color:Background" content="#FFFFFF">
 	<meta name="color:Body Text" content="#888888">
 	<meta name="color:Links" content="#666666">
 	<meta name="color:Title" content="#333333">
 	<meta name="color:Meta" content="#CCCCCC">
 	<meta name="color:Dividers" content="#EEEEEE">

 	<!-- Endless Scrolling -->
 	<meta name="if:Endless Scrolling" content="1">

 	<!-- Layout -->
 	<meta name="select:Layout" content="_500px" title="500px">

 	<!-- Grid -->
 	<meta name="if:Grid" content="0">

 	<!-- Effects -->
 	<meta name="if:Header Effect" content="1">
 	<meta name="select:Header Effect" content="bounceIn" title="bounceIn">
 	<meta name="select:Header Effect" content="bounceInDown" title="bounceInDown">
 	<meta name="select:Header Effect" content="bounceInLeft" title="bounceInLeft">
 	<meta name="select:Header Effect" content="bounceInRight" title="bounceInRight">
 	<meta name="select:Header Effect" content="bounceInUp" title="bounceInUp">
 	<meta name="select:Header Effect" content="fadeIn" title="fadeIn">
 	<meta name="select:Header Effect" content="fadeInDown" title="fadeInDown">
 	<meta name="select:Header Effect" content="fadeInDownBig" title="fadeInDownBig">
 	<meta name="select:Header Effect" content="fadeInLeft" title="fadeInLeft">
 	<meta name="select:Header Effect" content="fadeInLeftBig" title="fadeInLeftBig">
 	<meta name="select:Header Effect" content="fadeInRight" title="fadeInRight">
 	<meta name="select:Header Effect" content="fadeInRightBig" title="fadeInRightBig">
 	<meta name="select:Header Effect" content="fadeInUp" title="fadeInUp">
 	<meta name="select:Header Effect" content="fadeInUpBig" title="fadeInUpBig">
 	<meta name="select:Header Effect" content="flipInX" title="flipInX">
 	<meta name="select:Header Effect" content="flipInY" title="flipInY">
 	<meta name="select:Header Effect" content="lightSpeedIn" title="lightSpeedIn">
 	<meta name="select:Header Effect" content="rotateIn" title="rotateIn">
 	<meta name="select:Header Effect" content="rotateInDownLeft" title="rotateInDownLeft">
 	<meta name="select:Header Effect" content="rotateInDownRight" title="rotateInDownRight">
 	<meta name="select:Header Effect" content="rotateInUpLeft" title="rotateInUpLeft">
 	<meta name="select:Header Effect" content="rotateInUpRight" title="rotateInUpRight">
 	<meta name="select:Header Effect" content="rollIn" title="rollIn">
 	<meta name="select:Header Effect" content="zoomIn" title="zoomIn">
 	<meta name="select:Header Effect" content="zoomInDown" title="zoomInDown">
 	<meta name="select:Header Effect" content="zoomInLeft" title="zoomInLeft">
 	<meta name="select:Header Effect" content="zoomInRight" title="zoomInRight">
 	<meta name="select:Header Effect" content="zoomInUp" title="zoomInUp">

 	<meta name="if:Post Effect" content="1">
 	<meta name="select:Post Effect" content="bounceIn" title="bounceIn">
 	<meta name="select:Post Effect" content="bounceInDown" title="bounceInDown">
 	<meta name="select:Post Effect" content="bounceInLeft" title="bounceInLeft">
 	<meta name="select:Post Effect" content="bounceInRight" title="bounceInRight">
 	<meta name="select:Post Effect" content="bounceInUp" title="bounceInUp">
 	<meta name="select:Post Effect" content="fadeIn" title="fadeIn">
 	<meta name="select:Post Effect" content="fadeInDown" title="fadeInDown">
 	<meta name="select:Post Effect" content="fadeInDownBig" title="fadeInDownBig">
 	<meta name="select:Post Effect" content="fadeInLeft" title="fadeInLeft">
 	<meta name="select:Post Effect" content="fadeInLeftBig" title="fadeInLeftBig">
 	<meta name="select:Post Effect" content="fadeInRight" title="fadeInRight">
 	<meta name="select:Post Effect" content="fadeInRightBig" title="fadeInRightBig">
 	<meta name="select:Post Effect" content="fadeInUp" title="fadeInUp">
 	<meta name="select:Post Effect" content="fadeInUpBig" title="fadeInUpBig">
 	<meta name="select:Post Effect" content="flipInX" title="flipInX">
 	<meta name="select:Post Effect" content="flipInY" title="flipInY">
 	<meta name="select:Post Effect" content="lightSpeedIn" title="lightSpeedIn">
 	<meta name="select:Post Effect" content="rotateIn" title="rotateIn">
 	<meta name="select:Post Effect" content="rotateInDownLeft" title="rotateInDownLeft">
 	<meta name="select:Post Effect" content="rotateInDownRight" title="rotateInDownRight">
 	<meta name="select:Post Effect" content="rotateInUpLeft" title="rotateInUpLeft">
 	<meta name="select:Post Effect" content="rotateInUpRight" title="rotateInUpRight">
 	<meta name="select:Post Effect" content="rollIn" title="rollIn">
 	<meta name="select:Post Effect" content="zoomIn" title="zoomIn">
 	<meta name="select:Post Effect" content="zoomInDown" title="zoomInDown">
 	<meta name="select:Post Effect" content="zoomInLeft" title="zoomInLeft">
 	<meta name="select:Post Effect" content="zoomInRight" title="zoomInRight">
 	<meta name="select:Post Effect" content="zoomInUp" title="zoomInUp">
 	{/block:Hidden}

 	<!-- Fonts -->
 	<script src="http://static.tumblr.com/0nxdyrj/YrHnmpggp/webfont.js"></script>
 	<script>
 	WebFont.load({
 	google: {
 	families: [{block:IfGoogleWebFont}'{text:Google Web Font}', {/block:IfGoogleWebFont}'Montserrat']
 	}
 	});
 	</script>

 	<!-- Styles -->
 	<link rel="stylesheet" href="http://static.tumblr.com/jtpfmsy/Ynbnnrrzv/efekt.css">
 	<link rel="stylesheet" href="http://static.tumblr.com/jtpfmsy/enmnnrv0n/dummy.css">

 	<style>
 			html{
 				background-color: {color:Background};
 				-webkit-font-smoothing: antialiased;
 			}
 			
 			 h1, h2{
 				font-family: 'Montserrat', 'malgun gothic', 'Helvetica Neue', "Arial", sans-serif;
 			}
 			
 			h1{
 				font-size: 22px;
 				line-height: 24px;
 			}
 			
 			h2{
 				font-size: 18px;
 				line-height: 20px;
 				text-transform: lowercase;
 			}
 			
 			a:link, a:visited{
 				color: {color:Links};
 				text-decoration: none;
 				font-weight: 700;
 			}
 			
 			a:hover{
 				text-decoration: underline;
 			}
 			
 			hr{
 				border:0 #aaa solid;
 				border-top-width: 1px;
 				clear: both;
 				height: 0;
 			}
 			
 			ol{
 				list-style:decimal
 			}
 			
 			ul{ 
 				list-style:disc;
 				margin-left: 0;
 			}
 			
 			li{
 				margin-left: 0
 			}
 			
 			p,dl,hr,h1,h2,ol,ul,pre,table,address,fieldset{ margin: 0 0 10px 0;}
 			
 			.wrapper{
 				width: 500px;
 				margin: auto;
 				padding: 20px 0;
 			}
 		 
 			.header{ 
 				margin: auto;
 			}
 		 
 			.logotitle{
 				margin: 20px 0;
 			}
 		 
 			.logo{
 				text-align: center;
 			}
 		 
 			.title{
 				text-align: center;
 				font-size: 27px;
 				letter-spacing: 5px;
 				font-family: 'Montserrat', 'malgun gothic', 'Helvetica Neue', "Arial", sans-serif;
 				margin-top: 30px;
 			}
 		 
 			.title a{
 				color: {color:Title};
 			}
 		 
 			.description{
 				text-align: center;
 				padding: 0 0 20px 0;
 			}
 		 
 			.nav{ 
 				text-align: center;
 				font-size: 11px;
 				text-transform: uppercase;
 				font-family: 'Montserrat', 'malgun gothic', 'Helvetica Neue', "Arial", sans-serif;
 			}
 			  
 			.nav li{
 				margin: 15px;
 				display: inline;
 			}
 		 
 			.posts{
 			padding-top: 110px;
 				}
 		 
 			.meta{
 				display: block;
 				height:14px;
 				line-height:1em;
 				font-family: 'Montserrat', 'malgun gothic', 'Helvetica Neue', "Arial", sans-serif;
 				padding-bottom:2px;
 				margin-top: 25px;
 				margin-bottom: 15px;
 				font-size:11px;
 				color: {color:Meta};
 				text-transform: uppercase;
 				border-bottom: 2px solid {color:Dividers}; 
 			}

 			.meta a{
 				color: {color:Meta};
 			}
 		 
 			.date{
 				margin-right: 20px;
 			}
 		 
 			.quote{
 				font-size: 18px;
 				font-family: 'Merriweather', serif;
 				letter-spacing: -1px;
 				line-height: 1.2em;
 				padding-bottom: 10px;
 				font-weight: 700;
 			}
 		 
 			blockquote{
 				margin-left: 20px;
 				padding-left: 15px;
 				border-left: 2px {color:Body Text} solid;
 			}
 		 
 			.chat{
 				list-style: none;
 				padding: 0;
 			}

 			.notes{
 				list-style: none;
 				padding: 10px 0 50px 0;
 				margin: 0;
 				line-height: 1.9em;
 			}
 		  
 			.notes .avatar{
 				margin: 0 5px 0 0;
 				position: relative;
 				top: 4px;
 			}

 			.notes blockquote{
 				margin: 10px 0 0 35px;
 				padding-left: 10px;
 				border-left: 2px solid {color:Body Text};
 			}
 			
 			.asker-avatar{
 				 margin: 0 0 -3px;
 			}

 			.media{
 				margin-bottom: 10px;
 			}
 		  
 			.media img{
 				width: 100%;	
 			}
 		  
 			.pagination{
 				text-align: center;
 				font-family: 'Montserrat', 'Helvetica Neue', "Arial", sans-serif;
 				margin-top: 40px;
 			}

 			.pagination ul{
 				list-style: none;
 				padding: 0 15px;
 			}

 			.pagination li{
 				margin: 0 25px 0 25px;
 				display: inline;
 			}

 			.header a:hover{
 				text-decoration: none;
 			}

 			.datenotes {
 				float: left;
 			}
 		  
 			.like-button {
 				display: inline-block;
 				float: right;
 				margin: -3px 2px 0 10px;
 			}

 			.reblog-button {
 				display: inline-block;
 				float: right;
 				margin: -3px 0 0 0;
 			}
 	</style>

 </head>
 <body class="{select:Layout}{block:IfGrid} is-grid{/block:IfGrid}{block:PermalinkPage} is-permalink{/block:PermalinkPage}">
 	<!-- HEADER SECTION -->
 	{block:IfShowHeader}
 	<header id="header" class="header">
 		<div class="logotitle">
 			<div class="header-center{block:IfHeaderEffect} wow {select:Header Effect}{/block:IfHeaderEffect} logo">
 				{block:ShowAvatar}
 				<figure class="header-avatar is-{AvatarShape}">
 					<a href="/"><img src="{PortraitURL-128}" alt="{Title}" title="{Title}" class="header-avatar-img"></a>
 				</figure>
 				{/block:ShowAvatar}
 				{block:ShowTitle}
 				<h1 class="header-title title">
 					<a href="/">{Title}</a>
 				</h1>
 				{/block:ShowTitle}
 				{block:ShowDescription}
 				<div class="header-description description">
 					{Description}
 				</div>
 			{/block:ShowDescription}
 			</div>
 		</div>
 	</header>
 	{/block:IfShowHeader}
 	
 	<!-- MENU SECTION -->
 	{block:IfShowMenu}
 	<nav id="menu" class="menu">
 		<div class="menu-responsive">
 			<a href="#" class="menu-responsive-icon"></a>
 		</div>

 		<ul class="menu-list">
 			{block:HasPages}
 			{block:Pages}
 				<li class="menu-item">
 					<a href="{URL}" title="{Label}" class="menu-link">
 						{Label} <span class="menu-line"></span>
 					</a>
 				</li>
 			{/block:Pages}
 			{/block:HasPages}
 			
 			{block:AskEnabled}
 				<li class="menu-item">
 					<a href="/ask" title="{AskLabel}" class="menu-link">
 						{AskLabel} <span class="menu-line"></span>
 					</a>
 				</li>
 			{/block:AskEnabled}
 			
 			{block:SubmissionsEnabled}
 				<li class="menu-item">
 					<a href="/submit" title="{SubmitLabel}" class="menu-link">
 						{SubmitLabel} <span class="menu-line"></span>
 					</a>
 				</li>
 			{/block:SubmissionsEnabled}
 			
 			{block:IfShowArchive}
 				<li class="menu-item">
 					<a href="/archive" title="{lang:Archive}" class="menu-link">
 						{lang:Archive} <span class="menu-line"></span>
 					</a>
 				</li>
 			{/block:IfShowArchive}
 			
 			{block:IfShowRandom}
 				<li class="menu-item">
 					<a href="/random" title="{lang:Random}" class="menu-link">
 						{lang:Random} <span class="menu-line"></span>
 					</a>
 				</li>
 			{/block:IfShowRandom}
 			
 			{block:IfShowRSS}
 				<li class="menu-item">
 					<a href="{RSS}" title="{lang:Subscribe via RSS}" class="menu-link">
 						{lang:RSS} <span class="menu-line"></span>
 					</a>
 				</li>
 			{/block:IfShowRSS}

 			{block:IfShowSearch}
 				<li class="menu-item">
 					<form class="menu-form" action="/search" method="get">
 						<input class="menu-search" type="text" name="q" value="{SearchQuery}" placeholder="{lang:Search}" />
 					</form>
 				</li>
 			{/block:IfShowSearch}
 			</ul>
 	</nav>
 	{/block:IfShowMenu}
 	
 	<!-- CONTENT SECTION -->
 	<div id="container" class="container">
 		{block:SearchPage}
 		<div class="posts-header">
 			{lang:SearchResultCount results for SearchQuery}
 			{block:NoSearchResults}{lang:No posts containing SearchQuery}{/block:NoSearchResults}
 		</div>
 		{/block:SearchPage}
 		
 		{block:TagPage}
 		<div class="posts-header">
 			{lang:TagResultCount posts tagged Tag}
 		</div>
 		{/block:TagPage}
 		
 		<section id="posts" class="posts-wrapper">
 		{block:Posts}
 			<article class="post{block:Text} post-text{/block:Text}{block:Photo} post-photo{/block:Photo}{block:Panorama} post-panorama{/block:Panorama}{block:Photoset} post-photoset{/block:Photoset}{block:Quote} post-quote{/block:Quote}{block:Link} post-link{/block:Link}{block:Chat} post-chat{/block:Chat}{block:Audio} post-audio{/block:Audio}{block:Video} post-video{/block:Video}{block:Answer} post-answer{/block:Answer}{block:IfPostEffect}{block:IfNotGrid} wow{/block:IfNotGrid}{block:IfGrid} is-animated{/block:IfGrid} {select:Post Effect}{/block:IfPostEffect}">

 		{block:Photo}
 			<div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
 			{block:Caption}<div>{Caption}</div>{/block:Caption}
 		{/block:Photo}

 		{block:Photoset}
 			<div class="media">{Photoset-500}</div>
 			{block:Caption}<div>{Caption}</div>{/block:Caption}
 		{/block:Photoset}

 		{block:Audio}
 			{block:AlbumArt}
 				<img src="{AlbumArtURL}" height="207" width="207" />
 			{/block:AlbumArt}
 			<div>{AudioPlayerGrey}</div>
 			<div>{block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}</div>
 			{block:Caption}<div>{Caption}</div>{/block:Caption}
 		{/block:Audio}

 		{block:Video}
 			<div class="media">{Video-500}</div>
 			{block:Caption}<div>{Caption}</div>{/block:Caption} 
 		{/block:Video}

 		{block:Answer}
 			<h2><img class="asker-avatar" src="{AskerPortraitURL-96}" width="18" height="18"><span style="color:{color:Links}"> {Asker}</span> said:</h2><h2>{Question}</h2></br>
 			<div>{Answer}</div>
 		{/block:Answer}

 		{block:Text}
 			{block:Title}<h1>{Title}</h1>{/block:Title}
 			{Body}
 		{/block:Text}

 		{block:Link}
 			<h2><a href="{URL}" {Target}>{Name}</a></h2>
 			{block:Description}<div>{Description}</div>{/block:Description}
 		{/block:Link} 

 		{block:Quote}
 			<div class="quote">{Quote}</div>
 			{block:Source}<p>- {Source}</p>{/block:Source}
 		{/block:Quote}      

 		{block:Chat}
 			{block:Title}<h1>{Title}</h1>{/block:Title}
 			<ul class="chat">
 				{block:Lines}
 					<li>{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li>
 				{/block:Lines}
 			</ul>
 		{/block:Chat}

 		<div class="meta">
 			<div class="datenotes">
 				{block:Date}<span class="date"><a href="{Permalink}">{DayOfMOnth} {ShortMonth} {Year}</a></span>{/block:Date}
 				{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}
 			</div>
 			<div class="like-button">{LikeButton color="grey" size="15"}</div>
 			<div class="reblog-button">{ReblogButton color="grey" size="15"}</div>
 		</div>
 		
 		{block:PostNotes}
 			{PostNotes}
 		{/block:PostNotes}
 			</article>
 		{/block:Posts}
 		</section>
 		
 		{block:Pagination}
 			<nav id="pager" class="pager">
 				<ul class="pager-list">
 					{block:PreviousPage}
 						<li class="pager-item"><a href="{PreviousPage}" class="pager-link pager-prev">&lsaquo;</a></li>
 					{/block:PreviousPage}
 					
 					{block:JumpPagination length="5"}
 						{block:CurrentPage}
 							<li class="pager-item"><a href="javascript: void(0);" class="pager-link is-active">{PageNumber}</a></li>
 						{/block:CurrentPage}
 						
 						{block:JumpPage}
 						<li class="pager-item"><a href="{URL}" class="pager-link">{PageNumber}</a></li>
 						{/block:JumpPage}
 					{/block:JumpPagination}
 					
 					{block:NextPage}
 						<li class="pager-item"><a href="{NextPage}" class="pager-link pager-next">&rsaquo;</a></li>
 							{/block:NextPage}
 				</ul>
 			</nav>
 		{/block:Pagination}

 		{block:PermalinkPagination}
 			<nav id="pager" class="pager">
 				<ul class="pager-list">
 					{block:NextPost}
 						<li class="pager-item"><a href="{NextPost}" class="pager-link">&lsaquo;</a></li>
 					{/block:NextPost}
 					
 					{block:PreviousPost}
 						<li class="pager-item"><a href="{PreviousPost}" class="pager-link">&rsaquo;</a></li>
 					{/block:PreviousPost}
 				</ul>
 			</nav>
 		{/block:PermalinkPagination}

 		<footer id="footer" class="footer">
                Made from <a href="http://shiyori-theme.tumblr.com/" class="footer-link">Shiyori</a> and <a href="http://safe.txmblr.com/theme/preview/38997" class="footer-link">Simple Hook</a><br>
 					 Cook with &#9829; by<a href="http://husnulanwari.ga" class="footer-link">Husnul Anwari</a>.
        </footer>
 	</div>

 	<!-- SCRIPTS -->
 	<script src="http://static.tumblr.com/0nxdyrj/vbpnch7i1/jquery.1.9.0.min.js"></script>

 	<script>
 	var Shiyori = {};

 	Shiyori.INDEX = {block:IndexPage}true{/block:IndexPage}{block:PermalinkPage}false{/block:PermalinkPage};
 	Shiyori.GRID = {block:IfGrid}true{/block:IfGrid}{block:IfNotGrid}false{/block:IfNotGrid};
 	Shiyori.LAYOUT = "{select:Layout}";
 	Shiyori.ENDLESS_SCROLLING = {block:IfEndlessScrolling}true{/block:IfEndlessScrolling}{block:IfNotEndlessScrolling}false{/block:IfNotEndlessScrolling};
 	Shiyori.ENDLESS_SCROLLING_LOADING = "{lang:Loading}";
 	Shiyori.ENDLESS_SCROLLING_FINISHED = "{lang:No more posts}";
 	Shiyori.HEADER_EFFECT = {block:IfHeaderEffect}true{/block:IfHeaderEffect}{block:IfNotHeaderEffect}false{/block:IfNotHeaderEffect};
 	Shiyori.POST_EFFECT = {block:IfPostEffect}true{/block:IfPostEffect}{block:IfNotPostEffect}false{/block:IfNotPostEffect};
 	</script>

 	<script src="http://static.tumblr.com/0nxdyrj/eTdnmxhr3/shiyori.js"></script>
 </body>
 </html>
	<html>
	<head>
	<!--[if lt IE 9]>
	<script src="http://static.tumblr.com/0nxdyrj/6zenchlfy/html5shiv.min.js"></script>
	<![endif]-->

	<!-- Charset -->
	<meta charset="UTF-8">

	<!-- Title -->
	<title>{Title}</title>

	<!-- Description -->
	{block:Description}
	<meta name="description" content="{MetaDescription}">
	{/block:Description}

	<!-- Viewport -->
	<meta name="viewport" content="width=device-width, user-scalable=no">

	<!-- Icons -->
	<link rel="shortcut icon" href="{Favicon}">
	<link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">

	<!-- Fonts -->
	<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Merriweather:400,700,400italic' rel='stylesheet' type='text/css'>

	<!-- RSS -->
	<link rel="alternate" type="application/rss+xml" href="{RSS}">

	{block:Hidden}
	<!-- Header -->
	<meta name="if:Show Header" content="1">

	<!-- Menu -->
	<meta name="if:Show Menu" content="1">
	<meta name="if:Show Archive" content="1">
	<meta name="if:Show Random" content="1">
	<meta name="if:Show RSS" content="1">
	<meta name="if:Show Search" content="1">

	<!-- Content -->
	<meta name="text:Google Web Font" content="Lato">

	<!-- Colors -->
	<meta name="color:Background" content="#FFFFFF">
	<meta name="color:Body Text" content="#888888">
	<meta name="color:Links" content="#666666">
	<meta name="color:Title" content="#333333">
	<meta name="color:Meta" content="#CCCCCC">
	<meta name="color:Dividers" content="#EEEEEE">

	<!-- Endless Scrolling -->
	<meta name="if:Endless Scrolling" content="1">

	<!-- Layout -->
	<meta name="select:Layout" content="_500px" title="500px">

	<!-- Grid -->
	<meta name="if:Grid" content="0">

	<!-- Effects -->
	<meta name="if:Header Effect" content="1">
	<meta name="select:Header Effect" content="bounceIn" title="bounceIn">
	<meta name="select:Header Effect" content="bounceInDown" title="bounceInDown">
	<meta name="select:Header Effect" content="bounceInLeft" title="bounceInLeft">
	<meta name="select:Header Effect" content="bounceInRight" title="bounceInRight">
	<meta name="select:Header Effect" content="bounceInUp" title="bounceInUp">
	<meta name="select:Header Effect" content="fadeIn" title="fadeIn">
	<meta name="select:Header Effect" content="fadeInDown" title="fadeInDown">
	<meta name="select:Header Effect" content="fadeInDownBig" title="fadeInDownBig">
	<meta name="select:Header Effect" content="fadeInLeft" title="fadeInLeft">
	<meta name="select:Header Effect" content="fadeInLeftBig" title="fadeInLeftBig">
	<meta name="select:Header Effect" content="fadeInRight" title="fadeInRight">
	<meta name="select:Header Effect" content="fadeInRightBig" title="fadeInRightBig">
	<meta name="select:Header Effect" content="fadeInUp" title="fadeInUp">
	<meta name="select:Header Effect" content="fadeInUpBig" title="fadeInUpBig">
	<meta name="select:Header Effect" content="flipInX" title="flipInX">
	<meta name="select:Header Effect" content="flipInY" title="flipInY">
	<meta name="select:Header Effect" content="lightSpeedIn" title="lightSpeedIn">
	<meta name="select:Header Effect" content="rotateIn" title="rotateIn">
	<meta name="select:Header Effect" content="rotateInDownLeft" title="rotateInDownLeft">
	<meta name="select:Header Effect" content="rotateInDownRight" title="rotateInDownRight">
	<meta name="select:Header Effect" content="rotateInUpLeft" title="rotateInUpLeft">
	<meta name="select:Header Effect" content="rotateInUpRight" title="rotateInUpRight">
	<meta name="select:Header Effect" content="rollIn" title="rollIn">
	<meta name="select:Header Effect" content="zoomIn" title="zoomIn">
	<meta name="select:Header Effect" content="zoomInDown" title="zoomInDown">
	<meta name="select:Header Effect" content="zoomInLeft" title="zoomInLeft">
	<meta name="select:Header Effect" content="zoomInRight" title="zoomInRight">
	<meta name="select:Header Effect" content="zoomInUp" title="zoomInUp">

	<meta name="if:Post Effect" content="1">
	<meta name="select:Post Effect" content="bounceIn" title="bounceIn">
	<meta name="select:Post Effect" content="bounceInDown" title="bounceInDown">
	<meta name="select:Post Effect" content="bounceInLeft" title="bounceInLeft">
	<meta name="select:Post Effect" content="bounceInRight" title="bounceInRight">
	<meta name="select:Post Effect" content="bounceInUp" title="bounceInUp">
	<meta name="select:Post Effect" content="fadeIn" title="fadeIn">
	<meta name="select:Post Effect" content="fadeInDown" title="fadeInDown">
	<meta name="select:Post Effect" content="fadeInDownBig" title="fadeInDownBig">
	<meta name="select:Post Effect" content="fadeInLeft" title="fadeInLeft">
	<meta name="select:Post Effect" content="fadeInLeftBig" title="fadeInLeftBig">
	<meta name="select:Post Effect" content="fadeInRight" title="fadeInRight">
	<meta name="select:Post Effect" content="fadeInRightBig" title="fadeInRightBig">
	<meta name="select:Post Effect" content="fadeInUp" title="fadeInUp">
	<meta name="select:Post Effect" content="fadeInUpBig" title="fadeInUpBig">
	<meta name="select:Post Effect" content="flipInX" title="flipInX">
	<meta name="select:Post Effect" content="flipInY" title="flipInY">
	<meta name="select:Post Effect" content="lightSpeedIn" title="lightSpeedIn">
	<meta name="select:Post Effect" content="rotateIn" title="rotateIn">
	<meta name="select:Post Effect" content="rotateInDownLeft" title="rotateInDownLeft">
	<meta name="select:Post Effect" content="rotateInDownRight" title="rotateInDownRight">
	<meta name="select:Post Effect" content="rotateInUpLeft" title="rotateInUpLeft">
	<meta name="select:Post Effect" content="rotateInUpRight" title="rotateInUpRight">
	<meta name="select:Post Effect" content="rollIn" title="rollIn">
	<meta name="select:Post Effect" content="zoomIn" title="zoomIn">
	<meta name="select:Post Effect" content="zoomInDown" title="zoomInDown">
	<meta name="select:Post Effect" content="zoomInLeft" title="zoomInLeft">
	<meta name="select:Post Effect" content="zoomInRight" title="zoomInRight">
	<meta name="select:Post Effect" content="zoomInUp" title="zoomInUp">
	{/block:Hidden}

	<!-- Fonts -->
	<script src="http://static.tumblr.com/0nxdyrj/YrHnmpggp/webfont.js"></script>
	<script>
	WebFont.load({
	google: {
	families: [{block:IfGoogleWebFont}'{text:Google Web Font}', {/block:IfGoogleWebFont}'Montserrat']
	}
	});
	</script>

	<!-- Styles -->
	<link rel="stylesheet" href="http://static.tumblr.com/jtpfmsy/Ynbnnrrzv/efekt.css">
	<link rel="stylesheet" href="http://static.tumblr.com/jtpfmsy/enmnnrv0n/dummy.css">

	<style>
	html{
	background-color: {color:Background};
	-webkit-font-smoothing: antialiased;
	}

	h1, h2{
	font-family: 'Montserrat', 'malgun gothic', 'Helvetica Neue', "Arial", sans-serif;
	}

	h1{
	font-size: 22px;
	line-height: 24px;
	}

	h2{
	font-size: 18px;
	line-height: 20px;
	text-transform: lowercase;
	}

	a:link, a:visited{
	color: {color:Links};
	text-decoration: none;
	font-weight: 700;
	}

	a:hover{
	text-decoration: underline;
	}

	hr{
	border:0 #aaa solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
	}

	ol{
	list-style:decimal
	}

	ul{
	list-style:disc;
	margin-left: 0;
	}

	li{
	margin-left: 0
	}

	p,dl,hr,h1,h2,ol,ul,pre,table,address,fieldset{ margin: 0 0 10px 0;}

	.wrapper{
	width: 500px;
	margin: auto;
	padding: 20px 0;
	}

	.header{
	margin: auto;
	}

	.logotitle{
	margin: 20px 0;
	}

	.logo{
	text-align: center;
	}

	.title{
	text-align: center;
	font-size: 27px;
	letter-spacing: 5px;
	font-family: 'Montserrat', 'malgun gothic', 'Helvetica Neue', "Arial", sans-serif;
	margin-top: 30px;
	}

	.title a{
	color: {color:Title};
	}

	.description{
	text-align: center;
	padding: 0 0 20px 0;
	}

	.nav{
	text-align: center;
	font-size: 11px;
	text-transform: uppercase;
	font-family: 'Montserrat', 'malgun gothic', 'Helvetica Neue', "Arial", sans-serif;
	}

	.nav li{
	margin: 15px;
	display: inline;
	}

	.posts{
	padding-top: 110px;
	}

	.meta{
	display: block;
	height:14px;
	line-height:1em;
	font-family: 'Montserrat', 'malgun gothic', 'Helvetica Neue', "Arial", sans-serif;
	padding-bottom:2px;
	margin-top: 25px;
	margin-bottom: 15px;
	font-size:11px;
	color: {color:Meta};
	text-transform: uppercase;
	border-bottom: 2px solid {color:Dividers};
	}

	.meta a{
	color: {color:Meta};
	}

	.date{
	margin-right: 20px;
	}

	.quote{
	font-size: 18px;
	font-family: 'Merriweather', serif;
	letter-spacing: -1px;
	line-height: 1.2em;
	padding-bottom: 10px;
	font-weight: 700;
	}

	blockquote{
	margin-left: 20px;
	padding-left: 15px;
	border-left: 2px {color:Body Text} solid;
	}

	.chat{
	list-style: none;
	padding: 0;
	}

	.notes{
	list-style: none;
	padding: 10px 0 50px 0;
	margin: 0;
	line-height: 1.9em;
	}

	.notes .avatar{
	margin: 0 5px 0 0;
	position: relative;
	top: 4px;
	}

	.notes blockquote{
	margin: 10px 0 0 35px;
	padding-left: 10px;
	border-left: 2px solid {color:Body Text};
	}

	.asker-avatar{
	margin: 0 0 -3px;
	}

	.media{
	margin-bottom: 10px;
	}

	.media img{
	width: 100%;
	}

	.pagination{
	text-align: center;
	font-family: 'Montserrat', 'Helvetica Neue', "Arial", sans-serif;
	margin-top: 40px;
	}

	.pagination ul{
	list-style: none;
	padding: 0 15px;
	}

	.pagination li{
	margin: 0 25px 0 25px;
	display: inline;
	}

	.header a:hover{
	text-decoration: none;
	}

	.datenotes {
	float: left;
	}

	.like-button {
	display: inline-block;
	float: right;
	margin: -3px 2px 0 10px;
	}

	.reblog-button {
	display: inline-block;
	float: right;
	margin: -3px 0 0 0;
	}
	</style>

	</head>
	<body class="{select:Layout}{block:IfGrid} is-grid{/block:IfGrid}{block:PermalinkPage} is-permalink{/block:PermalinkPage}">
	<!-- HEADER SECTION -->
	{block:IfShowHeader}
	<header id="header" class="header">
	<div class="logotitle">
	<div class="header-center{block:IfHeaderEffect} wow {select:Header Effect}{/block:IfHeaderEffect} logo">
	{block:ShowAvatar}
	<figure class="header-avatar is-{AvatarShape}">
	<a href="/"><img src="{PortraitURL-128}" alt="{Title}" title="{Title}" class="header-avatar-img"></a>
	</figure>
	{/block:ShowAvatar}
	{block:ShowTitle}
	<h1 class="header-title title">
	<a href="/">{Title}</a>
	</h1>
	{/block:ShowTitle}
	{block:ShowDescription}
	<div class="header-description description">
	{Description}
	</div>
	{/block:ShowDescription}
	</div>
	</div>
	</header>
	{/block:IfShowHeader}

	<!-- MENU SECTION -->
	{block:IfShowMenu}
	<nav id="menu" class="menu">
	<div class="menu-responsive">
	<a href="#" class="menu-responsive-icon"></a>
	</div>

	<ul class="menu-list">
	{block:HasPages}
	{block:Pages}
	<li class="menu-item">
	<a href="{URL}" title="{Label}" class="menu-link">
	{Label} <span class="menu-line"></span>
	</a>
	</li>
	{/block:Pages}
	{/block:HasPages}

	{block:AskEnabled}
	<li class="menu-item">
	<a href="/ask" title="{AskLabel}" class="menu-link">
	{AskLabel} <span class="menu-line"></span>
	</a>
	</li>
	{/block:AskEnabled}

	{block:SubmissionsEnabled}
	<li class="menu-item">
	<a href="/submit" title="{SubmitLabel}" class="menu-link">
	{SubmitLabel} <span class="menu-line"></span>
	</a>
	</li>
	{/block:SubmissionsEnabled}

	{block:IfShowArchive}
	<li class="menu-item">
	<a href="/archive" title="{lang:Archive}" class="menu-link">
	{lang:Archive} <span class="menu-line"></span>
	</a>
	</li>
	{/block:IfShowArchive}

	{block:IfShowRandom}
	<li class="menu-item">
	<a href="/random" title="{lang:Random}" class="menu-link">
	{lang:Random} <span class="menu-line"></span>
	</a>
	</li>
	{/block:IfShowRandom}

	{block:IfShowRSS}
	<li class="menu-item">
	<a href="{RSS}" title="{lang:Subscribe via RSS}" class="menu-link">
	{lang:RSS} <span class="menu-line"></span>
	</a>
	</li>
	{/block:IfShowRSS}

	{block:IfShowSearch}
	<li class="menu-item">
	<form class="menu-form" action="/search" method="get">
	<input class="menu-search" type="text" name="q" value="{SearchQuery}" placeholder="{lang:Search}" />
	</form>
	</li>
	{/block:IfShowSearch}
	</ul>
	</nav>
	{/block:IfShowMenu}

	<!-- CONTENT SECTION -->
	<div id="container" class="container">
	{block:SearchPage}
	<div class="posts-header">
	{lang:SearchResultCount results for SearchQuery}
	{block:NoSearchResults}{lang:No posts containing SearchQuery}{/block:NoSearchResults}
	</div>
	{/block:SearchPage}

	{block:TagPage}
	<div class="posts-header">
	{lang:TagResultCount posts tagged Tag}
	</div>
	{/block:TagPage}

	<section id="posts" class="posts-wrapper">
	{block:Posts}
	<article class="post{block:Text} post-text{/block:Text}{block:Photo} post-photo{/block:Photo}{block:Panorama} post-panorama{/block:Panorama}{block:Photoset} post-photoset{/block:Photoset}{block:Quote} post-quote{/block:Quote}{block:Link} post-link{/block:Link}{block:Chat} post-chat{/block:Chat}{block:Audio} post-audio{/block:Audio}{block:Video} post-video{/block:Video}{block:Answer} post-answer{/block:Answer}{block:IfPostEffect}{block:IfNotGrid} wow{/block:IfNotGrid}{block:IfGrid} is-animated{/block:IfGrid} {select:Post Effect}{/block:IfPostEffect}">

	{block:Photo}
	<div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
	{block:Caption}<div>{Caption}</div>{/block:Caption}
	{/block:Photo}

	{block:Photoset}
	<div class="media">{Photoset-500}</div>
	{block:Caption}<div>{Caption}</div>{/block:Caption}
	{/block:Photoset}

	{block:Audio}
	{block:AlbumArt}
	<img src="{AlbumArtURL}" height="207" width="207" />
	{/block:AlbumArt}
	<div>{AudioPlayerGrey}</div>
	<div>{block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}</div>
	{block:Caption}<div>{Caption}</div>{/block:Caption}
	{/block:Audio}

	{block:Video}
	<div class="media">{Video-500}</div>
	{block:Caption}<div>{Caption}</div>{/block:Caption}
	{/block:Video}

	{block:Answer}
	<h2><img class="asker-avatar" src="{AskerPortraitURL-96}" width="18" height="18"><span style="color:{color:Links}"> {Asker}</span> said:</h2><h2>{Question}</h2></br>
	<div>{Answer}</div>
	{/block:Answer}

	{block:Text}
	{block:Title}<h1>{Title}</h1>{/block:Title}
	{Body}
	{/block:Text}

	{block:Link}
	<h2><a href="{URL}" {Target}>{Name}</a></h2>
	{block:Description}<div>{Description}</div>{/block:Description}
	{/block:Link}

	{block:Quote}
	<div class="quote">{Quote}</div>
	{block:Source}<p>- {Source}</p>{/block:Source}
	{/block:Quote}

	{block:Chat}
	{block:Title}<h1>{Title}</h1>{/block:Title}
	<ul class="chat">
	{block:Lines}
	<li>{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li>
	{/block:Lines}
	</ul>
	{/block:Chat}

	<div class="meta">
	<div class="datenotes">
	{block:Date}<span class="date"><a href="{Permalink}">{DayOfMOnth} {ShortMonth} {Year}</a></span>{/block:Date}
	{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}
	</div>
	<div class="like-button">{LikeButton color="grey" size="15"}</div>
	<div class="reblog-button">{ReblogButton color="grey" size="15"}</div>
	</div>

	{block:PostNotes}
	{PostNotes}
	{/block:PostNotes}
	</article>
	{/block:Posts}
	</section>

	{block:Pagination}
	<nav id="pager" class="pager">
	<ul class="pager-list">
	{block:PreviousPage}
	<li class="pager-item"><a href="{PreviousPage}" class="pager-link pager-prev">&lsaquo;</a></li>
	{/block:PreviousPage}

	{block:JumpPagination length="5"}
	{block:CurrentPage}
	<li class="pager-item"><a href="javascript: void(0);" class="pager-link is-active">{PageNumber}</a></li>
	{/block:CurrentPage}

	{block:JumpPage}
	<li class="pager-item"><a href="{URL}" class="pager-link">{PageNumber}</a></li>
	{/block:JumpPage}
	{/block:JumpPagination}

	{block:NextPage}
	<li class="pager-item"><a href="{NextPage}" class="pager-link pager-next">&rsaquo;</a></li>
	{/block:NextPage}
	</ul>
	</nav>
	{/block:Pagination}

	{block:PermalinkPagination}
	<nav id="pager" class="pager">
	<ul class="pager-list">
	{block:NextPost}
	<li class="pager-item"><a href="{NextPost}" class="pager-link">&lsaquo;</a></li>
	{/block:NextPost}

	{block:PreviousPost}
	<li class="pager-item"><a href="{PreviousPost}" class="pager-link">&rsaquo;</a></li>
	{/block:PreviousPost}
	</ul>
	</nav>
	{/block:PermalinkPagination}

	<footer id="footer" class="footer">
	Made from <a href="http://shiyori-theme.tumblr.com/" class="footer-link">Shiyori</a> and <a href="http://safe.txmblr.com/theme/preview/38997" class="footer-link">Simple Hook</a><br>
	Cook with ♥ by<a href="http://husnulanwari.ga" class="footer-link">Husnul Anwari</a>.
	</footer>
	</div>

	<!-- SCRIPTS -->
	<script src="http://static.tumblr.com/0nxdyrj/vbpnch7i1/jquery.1.9.0.min.js"></script>

	<script>
	var Shiyori = {};

	Shiyori.INDEX = {block:IndexPage}true{/block:IndexPage}{block:PermalinkPage}false{/block:PermalinkPage};
	Shiyori.GRID = {block:IfGrid}true{/block:IfGrid}{block:IfNotGrid}false{/block:IfNotGrid};
	Shiyori.LAYOUT = "{select:Layout}";
	Shiyori.ENDLESS_SCROLLING = {block:IfEndlessScrolling}true{/block:IfEndlessScrolling}{block:IfNotEndlessScrolling}false{/block:IfNotEndlessScrolling};
	Shiyori.ENDLESS_SCROLLING_LOADING = "{lang:Loading}";
	Shiyori.ENDLESS_SCROLLING_FINISHED = "{lang:No more posts}";
	Shiyori.HEADER_EFFECT = {block:IfHeaderEffect}true{/block:IfHeaderEffect}{block:IfNotHeaderEffect}false{/block:IfNotHeaderEffect};
	Shiyori.POST_EFFECT = {block:IfPostEffect}true{/block:IfPostEffect}{block:IfNotPostEffect}false{/block:IfNotPostEffect};
	</script>

	<script src="http://static.tumblr.com/0nxdyrj/eTdnmxhr3/shiyori.js"></script>
	</body>
	</html>