<?php
$this->load->view('site/templates/header');
?>
<style>
.bookmarkCon {
	background: #f0f3f6;
	border-top: 1px solid #e2e8ed;
	line-height: 67px;
	display: inline-block;
	min-width: 602px;
	padding: 0 14px;
	font-size: 16px;
	color: #373d48;
	margin-bottom: 28px;
}
.intro {
	border-bottom: 1px solid #ebecef;
	padding-bottom: 40px;
}
.intro h3 {
	font-size: 30px;
	color: #22324e;
	padding-bottom: 12px;
	text-align: left;
	margin-bottom: 0;
}
.intro p {
	color: rgb(113, 118, 126);
	font-size: 18px;
	line-height: 26px;
}
.bookmarkTop {
	padding-bottom: 40px;
	border-bottom: 1px solid #ebecef;
}
.bookmarkTop h4 {
	font-size: 20px;
	color: #22324e;
	padding: 40px 0 27px;
}
.bookmarkCon a{
	display: inline-block;
	background: #558cc9;
	border-radius: 5px;
	box-shadow: 0 3px 0 #3b5c8b;
	border: 0;
	padding: 0 20px;
	line-height: 40px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 0 -1px 0 #3b5c8b;
	margin: -7px 18px 0 0;
	cursor: move;
	vertical-align: middle;
	text-decoration:none;
}
.bookmarkTop p {
	line-height: 20px;
	padding-bottom: 10px;
}
.bookmarkTop ol {
	padding: 30px 0 10px;
}
.bookmarkTop li {
	position: relative;
	line-height: 20px;
	padding: 0 0 25px 33px;
}
.no {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background: #cbd2d8;
	border-radius: 10px;
	
	position: absolute;
	top: 0;
	left: 0;
}
.bookmarkTop strong {
	display: block;
	font-size: 14px;
}
</style>

<div class="lang-en wider no-subnav thing signed-out winOS" data-twttr-rendered="true" >
 <div id="container-wrapper">
	<div class="container ">
		
		<div class="wrapper-content right-sidebar">			
			<div class="content_text" style="width:890px;padding: 38px 60px;text-align:left;">
			
			<div class="intro">
		<h3><?php if($this->lang->line('shop_addto') != '') { echo stripslashes($this->lang->line('shop_addto')); } else echo "Add to"; ?> <?php echo $siteTitle?></h3>
		<p><?php if($this->lang->line('bk_part') != '') { echo stripslashes($this->lang->line('bk_part')); } else echo "Be a part of the"; ?> <?php echo $siteTitle;?> <?php if($this->lang->line('bk_community') != '') { echo stripslashes($this->lang->line('bk_community')); } else echo "community and add your favorite things"; ?>.</p>
	</div>
			
			
			<div class="bookmarkTop">
		<h4><?php if($this->lang->line('bk_button') != '') { echo stripslashes($this->lang->line('bk_button')); } else echo "Bookmarklet Button"; ?></h4>
		<div class="bookmarkCon">
<!-- 		<a href='javascript:(function(){var url = encodeURIComponent(document.URL);window.open("<?php echo base_url();?>bookmarklet?u=<?php echo $loginCheck;?>&url="+url,"","width=279,height=520,left=20,top=20")})();'>Add to <?php echo $siteTitle?></a> Drag this <b>button</b> into your Bookmarks Bar</div> -->
		<a href="javascript:((function(){
	var url = encodeURIComponent(document.URL);	
    var i = document.createElement('iframe');
    i.src = '<?php echo base_url();?>bookmarklet?u=<?php echo $loginCheck;?>&url='+url;
    i.style.width = '330px';
    i.style.position= 'fixed';
    i.style.top = '10px';
    i.style.right = '10px';
    i.style.height = '510px';
    i.style.zIndex = '100001'; 
    i.id = 'bookmarkletFrame';
    document.body.appendChild(i);
})())"><?php if($this->lang->line('shop_addto') != '') { echo stripslashes($this->lang->line('shop_addto')); } else echo "Add to"; ?> <?php echo $siteTitle?></a> <?php if($this->lang->line('bk_drag') != '') { echo stripslashes($this->lang->line('bk_drag')); } else echo "Drag this"; ?> <b><?php if($this->lang->line('bk_btn') != '') { echo stripslashes($this->lang->line('bk_btn')); } else echo "button"; ?></b> <?php if($this->lang->line('bk_bookmarks') != '') { echo stripslashes($this->lang->line('bk_bookmarks')); } else echo "into your Bookmarks Bar"; ?></div>
		<p><strong><?php if($this->lang->line('bk_bookmarklet') != '') { echo stripslashes($this->lang->line('bk_bookmarklet')); } else echo "The bookmarklet lets you save things and products from any site to your own"; ?> <?php echo $siteTitle;?> <?php if($this->lang->line('bk_catalog') != '') { echo stripslashes($this->lang->line('bk_catalog')); } else echo "catalog"; ?>.</strong></p>
		<p class="chrome"><?php if($this->lang->line('bk_install') != '') { echo stripslashes($this->lang->line('bk_install')); } else echo "To install the"; ?> <?php echo $siteTitle;?> <?php if($this->lang->line('bk_browser') != '') { echo stripslashes($this->lang->line('bk_browser')); } else echo "bookmarklet in your browser, follow these steps"; ?>:</p>
		<ol>
			<li><span class="no">1</span> <strong><?php if($this->lang->line('bk_display') != '') { echo stripslashes($this->lang->line('bk_display')); } else echo "Display Bookmarks Bar"; ?></strong>
			<span class="chrome"><?php if($this->lang->line('bk_visible') != '') { echo stripslashes($this->lang->line('bk_visible')); } else echo "Make sure your bookmarks are visible by clicking"; ?> <b><?php if($this->lang->line('user_settings') != '') { echo stripslashes($this->lang->line('user_settings')); } else echo "Settings"; ?> &gt; <?php if($this->lang->line('bk_tools') != '') { echo stripslashes($this->lang->line('bk_tools')); } else echo "Tools"; ?> &gt; <?php if($this->lang->line('bk_always') != '') { echo stripslashes($this->lang->line('bk_always')); } else echo "Always show Bookmarks Bar"; ?></b>.</span>
			<span class="firefox" style="display: none;"><?php if($this->lang->line('bk_orangecolor') != '') { echo stripslashes($this->lang->line('bk_orangecolor')); } else echo "Make sure your bookmarks are visible by clicking the top left orange color"; ?> <b><?php if($this->lang->line('bk_firefox') != '') { echo stripslashes($this->lang->line('bk_firefox')); } else echo "Firefox button"; ?> &gt; <?php if($this->lang->line('shop_options') != '') { echo stripslashes($this->lang->line('shop_options')); } else echo "Options"; ?> &gt; <?php if($this->lang->line('bk_bookmarkstoolbar') != '') { echo stripslashes($this->lang->line('bk_bookmarkstoolbar')); } else echo "Bookmarks Toolbar"; ?></b>.</span></li>
			<li><span class="no">2</span> <strong><?php if($this->lang->line('bk_dragbook') != '') { echo stripslashes($this->lang->line('bk_dragbook')); } else echo "Drag bookmarklet"; ?></strong> <?php if($this->lang->line('bk_dragblue') != '') { echo stripslashes($this->lang->line('bk_dragblue')); } else echo "Drag the blue"; ?> <b><?php if($this->lang->line('shop_addto') != '') { echo stripslashes($this->lang->line('shop_addto')); } else echo "Add to"; ?> <?php echo $siteTitle;?></b> <?php if($this->lang->line('bk_buttonabove') != '') { echo stripslashes($this->lang->line('bk_buttonabove')); } else echo "button above to your Bookmarks bar"; ?>.</li>
			<li><span class="no">3</span> <strong><?php if($this->lang->line('bk_finished') != '') { echo stripslashes($this->lang->line('bk_finished')); } else echo "You're finished"; ?></strong> <?php if($this->lang->line('bk_webpage') != '') { echo stripslashes($this->lang->line('bk_webpage')); } else echo "When you are browsing a webpage"; ?> <b><?php if($this->lang->line('shop_addto') != '') { echo stripslashes($this->lang->line('shop_addto')); } else echo "Add to"; ?> <?php echo $siteTitle;?></b> <?php if($this->lang->line('bk_personalcatalog') != '') { echo stripslashes($this->lang->line('bk_personalcatalog')); } else echo "to add things to your personal catalog"; ?>.</li>
		</ol>
	</div>
			
			
			
 
 </div>
		</div>
		<!-- / wrapper-content -->
		</div>
	<!-- / container -->
</div>

</div>
<?php
$this->load->view('site/templates/footer');
?>