2012-02-22 05:14:54 +00:00
|
|
|
!!! 5
|
2016-12-26 10:47:16 +00:00
|
|
|
%html{ lang: "en" }
|
2016-11-29 18:44:07 +00:00
|
|
|
%head
|
2016-12-26 10:47:16 +00:00
|
|
|
%meta{ :content => "width=device-width, initial-scale=1, maximum-scale=1", :name => "viewport" }
|
2016-11-29 18:44:07 +00:00
|
|
|
%title= yield(:title)
|
|
|
|
:css
|
|
|
|
body {
|
|
|
|
color: #666;
|
|
|
|
text-align: center;
|
|
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
|
|
margin: auto;
|
|
|
|
font-size: 14px;
|
|
|
|
}
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
font-size: 56px;
|
|
|
|
line-height: 100px;
|
|
|
|
font-weight: normal;
|
|
|
|
color: #456;
|
|
|
|
}
|
|
|
|
|
|
|
|
h2 {
|
|
|
|
font-size: 24px;
|
|
|
|
color: #666;
|
|
|
|
line-height: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
h3 {
|
|
|
|
color: #456;
|
|
|
|
font-size: 20px;
|
|
|
|
font-weight: normal;
|
|
|
|
line-height: 28px;
|
|
|
|
}
|
|
|
|
|
|
|
|
hr {
|
|
|
|
max-width: 800px;
|
|
|
|
margin: 18px auto;
|
|
|
|
border: 0;
|
|
|
|
border-top: 1px solid #EEE;
|
|
|
|
border-bottom: 1px solid white;
|
|
|
|
}
|
|
|
|
|
|
|
|
img {
|
|
|
|
max-width: 40vw;
|
|
|
|
display: block;
|
|
|
|
margin: 40px auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.container {
|
|
|
|
margin: auto 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
ul {
|
|
|
|
margin: auto;
|
|
|
|
text-align: left;
|
|
|
|
display:inline-block;
|
|
|
|
}
|
|
|
|
%body
|
|
|
|
= yield
|