news section

This commit is contained in:
Nils Schneider 2011-09-03 11:08:23 +02:00
parent 366ac64f89
commit ec2c0aa5e6
5 changed files with 125 additions and 69 deletions

47
_layouts/base.html Normal file
View file

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bitcoin - {{ page.title }}</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- scripting -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="/lib/app.js"></script>
<!-- stylesheet -->
<link rel="stylesheet/less" href="/lib/bootstrap.less">
<script src="/lib/less.js"></script>
<!-- fav and touch icons -->
<link rel="shortcut icon" href="/favicon.ico">
<!--
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
-->
</head>
<body>
{{ content }}
<div class="container">
<footer>
<div class="inner">
<p>
&copy; Bitcoin Project 2009&ndash;2011<br/>
Released under the <a href="http://creativecommons.org/licenses/MIT/">MIT license</a>
</p>
</div>
</footer>
</div>
</body>
</html>

40
_layouts/post.html Normal file
View file

@ -0,0 +1,40 @@
---
layout: base
---
<div class="topbar">
<div class="fill">
<div class="container">
<h3><a href="/"><img src="/img/logo_small.png" id="thelogo"/>Bitcoin</a></h3>
<ul>
<li><a href="/">Home</a></li>
</ul>
</div>
</div>
</div>
<div id="masthead">
<div class="inner">
<div class="container primarybox">
<h1>News</h1>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="span5">
<ul class="unstyled">
{% for post in site.posts %}
<li>
<a href="{{ post.url }}">{{ post.title }}</a>
{{ post.date | date:"%Y-%m-%d" }}
</li>
{% endfor %}
</ul>
</div>
<div class="span11">
<h1>{{ page.title }}</h1>
{{ content }}
</div>
</div>
</div>

View file

@ -1,47 +1,17 @@
--- ---
layout: base
title: P2P digital currency
DOWNLOAD_VERSION: 0.3.24 DOWNLOAD_VERSION: 0.3.24
ALERT_CLASS: ALERT_CLASS:
ALERT: ALERT:
--- ---
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bitcoin - P2P digital currency</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- scripting -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="lib/app.js"></script>
<!-- stylesheet -->
<link rel="stylesheet/less" href="lib/bootstrap.less">
<script src="lib/less.js"></script>
<!-- fav and touch icons -->
<link rel="shortcut icon" href="favicon.ico">
<!--
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
-->
</head>
<body>
<div class="topbar"> <div class="topbar">
<div class="fill"> <div class="fill">
<div class="container"> <div class="container">
<h3><a href="#"><img src="img/logo_small.png" id="thelogo"/>Bitcoin</a></h3> <h3><a href="#"><img src="img/logo_small.png" id="thelogo"/>Bitcoin</a></h3>
<ul> <ul>
<li class="active"><a href="#masthead">Home</a></li> <li class="active"><a href="#masthead">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#about">About</a></li> <li><a href="#about">About</a></li>
<li><a href="#features">Features</a></li> <li><a href="#features">Features</a></li>
</ul> </ul>
@ -157,6 +127,14 @@ ALERT:
</div> <!-- /overview --> </div> <!-- /overview -->
<div class="container"> <div class="container">
<section id="news">
<h1>News</h1>
{% for post in site.posts limit: 1 %}
<h2><a href="{{ post.url }}">{{ post.title }}</a> <small>{{ post.date | date:"%e %B %Y" }}</small></h2>
{{ post.content }}
{% endfor %}
<p><a class="btn" href="news.html">News archive</a></p>
</section>
<section id="about"> <section id="about">
<h1>About Bitcoin</h1> <h1>About Bitcoin</h1>
<div class="row"> <div class="row">
@ -223,17 +201,3 @@ ALERT:
</section> </section>
</div> </div>
<div class="container">
<footer>
<div class="inner">
<p>
&copy; Bitcoin Project 2009&ndash;2011<br/>
Released under the <a href="http://creativecommons.org/licenses/MIT/">MIT license</a>
</p>
</div>
</footer>
</div>
</body>
</html>

View file

@ -12,9 +12,12 @@ img.icon {
color: #fff; color: #fff;
}*/ }*/
body {
padding-top: 40px;
}
.overview { .overview {
background: #f5f5f5; background: #f5f5f5;
padding-top: 2em;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
} }
@ -24,21 +27,20 @@ img.icon {
.well; .well;
} }
#masthead + div {
padding-top: 2em;
}
#masthead { #masthead {
#gradient > .vertical(#004D9F, #049CD9); #gradient > .vertical(#004D9F, #049CD9);
.inner { .inner {
box-shadow: inset 0 10px 30px rgba(0, 0, 0, 0.1); box-shadow: inset 0 10px 30px rgba(0, 0, 0, 0.1);
background-image: url(innerbg.png); background-image: url(innerbg.png);
padding-top: 2em;
} }
color: #fff; color: #fff;
}
#masthead {
.inner {
padding-top: 60px;
}
.primarybox { .primarybox {
p { p {

3
news.html Normal file
View file

@ -0,0 +1,3 @@
---
layout: post
---