Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
12 changed files
with
698 additions
and
79 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
_site/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,6 @@ | ||
server: true | ||
destination: ./_site | ||
auto: true | ||
server_port: 4000 | ||
pygments: false | ||
markdown: maruku |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
_site/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,21 @@ | ||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" | ||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | ||
|
||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | ||
<head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | ||
<title>{{page.title}} » comment faire du vélo</title> | ||
<link href="css/reset.css" media="screen" rel="stylesheet" type="text/css" /> | ||
<link href="css/grid.css" media="screen" rel="stylesheet" type="text/css" /> | ||
<link href="css/typography.css" media="screen" rel="stylesheet" type="text/css" /> | ||
<link href="css/style.css" media="screen" rel="stylesheet" type="text/css" /> | ||
<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script> | ||
</head> | ||
<body> | ||
<div class="container"> | ||
<h1 class="loud">bicycle <span class="small">» comment faire du vélo</span></h1> | ||
<hr /> | ||
{{content}} | ||
</div> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,65 @@ | ||
/* -------------------------------------------------------------- | ||
forms.css | ||
* Sets up some default styling for forms | ||
* Gives you classes to enhance your forms | ||
Usage: | ||
* For text fields, use class .title or .text | ||
* For inline forms, use .inline (even when using columns) | ||
-------------------------------------------------------------- */ | ||
|
||
label { font-weight: bold; } | ||
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; } | ||
legend { font-weight: bold; font-size:1.2em; } | ||
|
||
|
||
/* Form fields | ||
-------------------------------------------------------------- */ | ||
|
||
input[type=text], input[type=password], | ||
input.text, input.title, | ||
textarea, select { | ||
background-color:#fff; | ||
border:1px solid #bbb; | ||
} | ||
input[type=text]:focus, input[type=password]:focus, | ||
input.text:focus, input.title:focus, | ||
textarea:focus, select:focus { | ||
border-color:#666; | ||
} | ||
|
||
input[type=text], input[type=password], | ||
input.text, input.title, | ||
textarea, select { | ||
margin:0.5em 0; | ||
} | ||
|
||
input.text, | ||
input.title { width: 300px; padding:5px; } | ||
input.title { font-size:1.5em; } | ||
textarea { width: 390px; height: 250px; padding:5px; } | ||
|
||
input[type=checkbox], input[type=radio], | ||
input.checkbox, input.radio { | ||
position:relative; top:.25em; | ||
} | ||
|
||
form.inline { line-height:3; } | ||
form.inline p { margin-bottom:0; } | ||
|
||
|
||
/* Success, notice and error boxes | ||
-------------------------------------------------------------- */ | ||
|
||
.error, | ||
.notice, | ||
.success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; } | ||
|
||
.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; } | ||
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; } | ||
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; } | ||
.error a { color: #8a1f11; } | ||
.notice a { color: #514721; } | ||
.success a { color: #264409; } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,280 @@ | ||
/* -------------------------------------------------------------- | ||
grid.css | ||
* Sets up an easy-to-use grid of 24 columns. | ||
By default, the grid is 950px wide, with 24 columns | ||
spanning 30px, and a 10px margin between columns. | ||
If you need fewer or more columns, namespaces or semantic | ||
element names, use the compressor script (lib/compress.rb) | ||
-------------------------------------------------------------- */ | ||
|
||
/* A container should group all your columns. */ | ||
.container { | ||
width: 950px; | ||
margin: 0 auto; | ||
} | ||
|
||
/* Use this class on any .span / container to see the grid. */ | ||
.showgrid { | ||
background: url(src/grid.png); | ||
} | ||
|
||
|
||
/* Columns | ||
-------------------------------------------------------------- */ | ||
|
||
/* Sets up basic grid floating and margin. */ | ||
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 { | ||
float: left; | ||
margin-right: 10px; | ||
} | ||
|
||
/* The last column in a row needs this class. */ | ||
.last { margin-right: 0; } | ||
|
||
/* Use these classes to set the width of a column. */ | ||
.span-1 {width: 30px;} | ||
|
||
.span-2 {width: 70px;} | ||
.span-3 {width: 110px;} | ||
.span-4 {width: 150px;} | ||
.span-5 {width: 190px;} | ||
.span-6 {width: 230px;} | ||
.span-7 {width: 270px;} | ||
.span-8 {width: 310px;} | ||
.span-9 {width: 350px;} | ||
.span-10 {width: 390px;} | ||
.span-11 {width: 430px;} | ||
.span-12 {width: 470px;} | ||
.span-13 {width: 510px;} | ||
.span-14 {width: 550px;} | ||
.span-15 {width: 590px;} | ||
.span-16 {width: 630px;} | ||
.span-17 {width: 670px;} | ||
.span-18 {width: 710px;} | ||
.span-19 {width: 750px;} | ||
.span-20 {width: 790px;} | ||
.span-21 {width: 830px;} | ||
.span-22 {width: 870px;} | ||
.span-23 {width: 910px;} | ||
.span-24 {width:950px; margin-right:0;} | ||
|
||
/* Use these classes to set the width of an input. */ | ||
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 { | ||
border-left-width: 1px; | ||
border-right-width: 1px; | ||
padding-left: 5px; | ||
padding-right: 5px; | ||
} | ||
|
||
input.span-1, textarea.span-1 { width: 18px; } | ||
input.span-2, textarea.span-2 { width: 58px; } | ||
input.span-3, textarea.span-3 { width: 98px; } | ||
input.span-4, textarea.span-4 { width: 138px; } | ||
input.span-5, textarea.span-5 { width: 178px; } | ||
input.span-6, textarea.span-6 { width: 218px; } | ||
input.span-7, textarea.span-7 { width: 258px; } | ||
input.span-8, textarea.span-8 { width: 298px; } | ||
input.span-9, textarea.span-9 { width: 338px; } | ||
input.span-10, textarea.span-10 { width: 378px; } | ||
input.span-11, textarea.span-11 { width: 418px; } | ||
input.span-12, textarea.span-12 { width: 458px; } | ||
input.span-13, textarea.span-13 { width: 498px; } | ||
input.span-14, textarea.span-14 { width: 538px; } | ||
input.span-15, textarea.span-15 { width: 578px; } | ||
input.span-16, textarea.span-16 { width: 618px; } | ||
input.span-17, textarea.span-17 { width: 658px; } | ||
input.span-18, textarea.span-18 { width: 698px; } | ||
input.span-19, textarea.span-19 { width: 738px; } | ||
input.span-20, textarea.span-20 { width: 778px; } | ||
input.span-21, textarea.span-21 { width: 818px; } | ||
input.span-22, textarea.span-22 { width: 858px; } | ||
input.span-23, textarea.span-23 { width: 898px; } | ||
input.span-24, textarea.span-24 { width: 938px; } | ||
|
||
/* Add these to a column to append empty cols. */ | ||
|
||
.append-1 { padding-right: 40px;} | ||
.append-2 { padding-right: 80px;} | ||
.append-3 { padding-right: 120px;} | ||
.append-4 { padding-right: 160px;} | ||
.append-5 { padding-right: 200px;} | ||
.append-6 { padding-right: 240px;} | ||
.append-7 { padding-right: 280px;} | ||
.append-8 { padding-right: 320px;} | ||
.append-9 { padding-right: 360px;} | ||
.append-10 { padding-right: 400px;} | ||
.append-11 { padding-right: 440px;} | ||
.append-12 { padding-right: 480px;} | ||
.append-13 { padding-right: 520px;} | ||
.append-14 { padding-right: 560px;} | ||
.append-15 { padding-right: 600px;} | ||
.append-16 { padding-right: 640px;} | ||
.append-17 { padding-right: 680px;} | ||
.append-18 { padding-right: 720px;} | ||
.append-19 { padding-right: 760px;} | ||
.append-20 { padding-right: 800px;} | ||
.append-21 { padding-right: 840px;} | ||
.append-22 { padding-right: 880px;} | ||
.append-23 { padding-right: 920px;} | ||
|
||
/* Add these to a column to prepend empty cols. */ | ||
|
||
.prepend-1 { padding-left: 40px;} | ||
.prepend-2 { padding-left: 80px;} | ||
.prepend-3 { padding-left: 120px;} | ||
.prepend-4 { padding-left: 160px;} | ||
.prepend-5 { padding-left: 200px;} | ||
.prepend-6 { padding-left: 240px;} | ||
.prepend-7 { padding-left: 280px;} | ||
.prepend-8 { padding-left: 320px;} | ||
.prepend-9 { padding-left: 360px;} | ||
.prepend-10 { padding-left: 400px;} | ||
.prepend-11 { padding-left: 440px;} | ||
.prepend-12 { padding-left: 480px;} | ||
.prepend-13 { padding-left: 520px;} | ||
.prepend-14 { padding-left: 560px;} | ||
.prepend-15 { padding-left: 600px;} | ||
.prepend-16 { padding-left: 640px;} | ||
.prepend-17 { padding-left: 680px;} | ||
.prepend-18 { padding-left: 720px;} | ||
.prepend-19 { padding-left: 760px;} | ||
.prepend-20 { padding-left: 800px;} | ||
.prepend-21 { padding-left: 840px;} | ||
.prepend-22 { padding-left: 880px;} | ||
.prepend-23 { padding-left: 920px;} | ||
|
||
|
||
/* Border on right hand side of a column. */ | ||
.border { | ||
padding-right: 4px; | ||
margin-right: 5px; | ||
border-right: 1px solid #eee; | ||
} | ||
|
||
/* Border with more whitespace, spans one column. */ | ||
.colborder { | ||
padding-right: 24px; | ||
margin-right: 25px; | ||
border-right: 1px solid #eee; | ||
} | ||
|
||
|
||
/* Use these classes on an element to push it into the | ||
next column, or to pull it into the previous column. */ | ||
|
||
|
||
.pull-1 { margin-left: -40px; } | ||
.pull-2 { margin-left: -80px; } | ||
.pull-3 { margin-left: -120px; } | ||
.pull-4 { margin-left: -160px; } | ||
.pull-5 { margin-left: -200px; } | ||
.pull-6 { margin-left: -240px; } | ||
.pull-7 { margin-left: -280px; } | ||
.pull-8 { margin-left: -320px; } | ||
.pull-9 { margin-left: -360px; } | ||
.pull-10 { margin-left: -400px; } | ||
.pull-11 { margin-left: -440px; } | ||
.pull-12 { margin-left: -480px; } | ||
.pull-13 { margin-left: -520px; } | ||
.pull-14 { margin-left: -560px; } | ||
.pull-15 { margin-left: -600px; } | ||
.pull-16 { margin-left: -640px; } | ||
.pull-17 { margin-left: -680px; } | ||
.pull-18 { margin-left: -720px; } | ||
.pull-19 { margin-left: -760px; } | ||
.pull-20 { margin-left: -800px; } | ||
.pull-21 { margin-left: -840px; } | ||
.pull-22 { margin-left: -880px; } | ||
.pull-23 { margin-left: -920px; } | ||
.pull-24 { margin-left: -960px; } | ||
|
||
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float: left; position:relative;} | ||
|
||
|
||
.push-1 { margin: 0 -40px 1.5em 40px; } | ||
.push-2 { margin: 0 -80px 1.5em 80px; } | ||
.push-3 { margin: 0 -120px 1.5em 120px; } | ||
.push-4 { margin: 0 -160px 1.5em 160px; } | ||
.push-5 { margin: 0 -200px 1.5em 200px; } | ||
.push-6 { margin: 0 -240px 1.5em 240px; } | ||
.push-7 { margin: 0 -280px 1.5em 280px; } | ||
.push-8 { margin: 0 -320px 1.5em 320px; } | ||
.push-9 { margin: 0 -360px 1.5em 360px; } | ||
.push-10 { margin: 0 -400px 1.5em 400px; } | ||
.push-11 { margin: 0 -440px 1.5em 440px; } | ||
.push-12 { margin: 0 -480px 1.5em 480px; } | ||
.push-13 { margin: 0 -520px 1.5em 520px; } | ||
.push-14 { margin: 0 -560px 1.5em 560px; } | ||
.push-15 { margin: 0 -600px 1.5em 600px; } | ||
.push-16 { margin: 0 -640px 1.5em 640px; } | ||
.push-17 { margin: 0 -680px 1.5em 680px; } | ||
.push-18 { margin: 0 -720px 1.5em 720px; } | ||
.push-19 { margin: 0 -760px 1.5em 760px; } | ||
.push-20 { margin: 0 -800px 1.5em 800px; } | ||
.push-21 { margin: 0 -840px 1.5em 840px; } | ||
.push-22 { margin: 0 -880px 1.5em 880px; } | ||
.push-23 { margin: 0 -920px 1.5em 920px; } | ||
.push-24 { margin: 0 -960px 1.5em 960px; } | ||
|
||
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float: right; position:relative;} | ||
|
||
|
||
/* Misc classes and elements | ||
-------------------------------------------------------------- */ | ||
|
||
/* In case you need to add a gutter above/below an element */ | ||
.prepend-top { | ||
margin-top:1.5em; | ||
} | ||
.append-bottom { | ||
margin-bottom:1.5em; | ||
} | ||
|
||
/* Use a .box to create a padded box inside a column. */ | ||
.box { | ||
padding: 1.5em; | ||
margin-bottom: 1.5em; | ||
background: #E5ECF9; | ||
} | ||
|
||
/* Use this to create a horizontal ruler across a column. */ | ||
hr { | ||
background: #ddd; | ||
color: #ddd; | ||
clear: both; | ||
float: none; | ||
width: 100%; | ||
height: .1em; | ||
margin: 0 0 1.45em; | ||
border: none; | ||
} | ||
|
||
hr.space { | ||
background: #fff; | ||
color: #fff; | ||
visibility: hidden; | ||
} | ||
|
||
|
||
/* Clearing floats without extra markup | ||
Based on How To Clear Floats Without Structural Markup by PiE | ||
[http://www.positioniseverything.net/easyclearing.html] */ | ||
|
||
.clearfix:after, .container:after { | ||
content: "\0020"; | ||
display: block; | ||
height: 0; | ||
clear: both; | ||
visibility: hidden; | ||
overflow:hidden; | ||
} | ||
.clearfix, .container {display: block;} | ||
|
||
/* Regular clearing | ||
apply to column that should drop below previous ones. */ | ||
|
||
.clear { clear:both; } |
Oops, something went wrong.