husnulhamidiah/shiyorihook.html

## 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>