{{template "home/header.html" .}}
<style>

</style>
<section>
	<div class="header">
		<h2>leanote, {{msg . "moto"}}</h2>
		<p>{{msg . "moto3"}}</p>
		<p>
		Knowledge, Blog, Sharing, Cooperation... all in leanote
		</p>
		
		<div>
			<a class="btn btn-primary" href="https://github.com/leanote/leanote">{{msg . "fork github"}}</a> 
			&nbsp;
			&nbsp;
			<a class="btn btn-default" href="/demo">{{msg . "try"}}</a>
			{{if .openRegister}}
			&nbsp;
			&nbsp;
			OR	
			&nbsp;
			&nbsp;
			<a class="btn btn-default" href="/register">{{msg . "register"}}</a> 
			{{end}}
		</div>
	</div>
	
	<div class="preview" style="position: relative;">
		<div>
			<div class="img-header">
				<img src="/images/home/mac-btns.png"/>
			</div>
			<img src="/images/home/preview2.png" style="width: 750px;" />
		</div>
		<div class="mobile">
			<div class="mobile-header">
				<img src="/images/home/mac-dot.png" />
			</div>
			<img class="mobile-image" src="/images/home/mobile.png" />
		</div>
	</div>
</section>

<div class="container" id="aboutLeanote">
	<h2>{{msg . "aboutLeanote"}}</h2>
     <div class="row">
        <div class="col-md-3">
          <h3>{{msg . "knowledge"}}</h3>
          <p>{{msg . "knowledgeInfo"}}</p>
        </div>
        <div class="col-md-3">
          <h3>{{msg . "share"}}</h3>
          <p>{{msg . "shareInfo"}}</p>
       </div>
        <div class="col-md-3">
          <h3>{{msg . "cooperation"}}</h3>
          <p>{{msg . "cooperationInfo"}}</p>
        </div>
        <div class="col-md-3">
          <h3>{{msg . "blog"}}</h3>
          <p>{{msg . "blogInfo"}}</p>
        </div>
      </div>
</div>

<hr />

<div class="container" id="download">
	<h2 style="margin: 20px 0;text-align: center;">{{msg . "download"}}</h2>
     <div class="row">
     	<div style="width:300px; margin:auto; padding: 10px;">
			Linux : <a href="https://github.com/leanote/leanote/releases/download/0.4/leanote-linux-v0.4.bin.tar.gz">leanote-linux-v0.4.bin.tar.gz</a> <br />
			MacOS X : <a href="https://github.com/leanote/leanote/releases/download/0.4/leanote-mac-v0.4.bin.tar.gz">leanote-mac-v0.4.bin.tar.gz</a> <br />
			<br />
			<a href="https://github.com/leanote/leanote#3-how-to-install-leanote">{{msg . "howToInstallLeanote"}}</a>
		</div>
     </div>
</div>

<hr />

<div class="container" id="donate">
	<h2 style="margin: 20px 0;text-align: center;">{{msg . "donate"}}</h2>
     <div class="row">
     	<div style="width:500px; margin:auto; padding: 10px;">
     		<p>
     		You can use <a href="http://alipay.com">alipay</a> to donate us, The donated money will be used to develop leanote.
     		</p>
     		<p>
     		Alipay Account: <b>pay@leanote.com</b>
     		</p>
     		<p>
     		Or you can use alipay app to scan the code to donate us:
     		</p>
     		<p style="text-align: center">
     		<img src="/images/leanote/leanote_alipay.jpg" style="padding: 10px;
border: 2px solid #eee;
border-radius: 10px; width: 200px;"/>
			</p>
			<p>
			The donation list will be published at <a href="http://leanote.com/blog/view/5417ecf81a910828fd000000">Donation List</a>
			</p>
			<p>
				Thanks for your support!
			</p>
			
			<hr />
			<p>
				Any questions, suggestions or need more supports, you are welcomed to contact us via <code>leanote@leanote.com</code> or the QQ Group <code>158716820</code> Thanks!
			</p>
		</div>
     </div>
</div>

{{template "home/footer.html"}}

<script src="/js/jquery-1.9.0.min.js"></script>
<script src="/js/bootstrap.js"></script>

<script>
$(function() {
	/*
	var u = navigator.userAgent;
	var isMobile = u.indexOf('Android')>-1 || u.indexOf('Linux')>-1;
	if(isMobile || $("body").width() < 600) {
		location.href = "/mobile/index";
	}
	*/
	// 平滑滚动
	$(".smooth-scroll").click(function(e) {
		e.preventDefault();
		var t = $(this).attr("target");
		var targetOffset = $(t).offset().top - 80;
		$('html,body').animate({scrollTop: targetOffset}, 300);
	});
});
</script>
</body>
</html>