yannic/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style

Browse source
This commit is contained in:
Yax 2019-08-18 19:36:51 +02:00
parent 2ffeb6be03
commit e3bcc4e49b
5 changed files with 149 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

77
layout/landing.html Normal file
View file

@ -0,0 +1,77 @@
<!DOCTYPE html>
<html>
<head>
<title>{{ title }} - {{ subtitle }}</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="{{ base_path }}/css/pure/pure-min.css">
<link rel="stylesheet" type="text/css" href="{{ base_path }}/css/style.css">
<!--[if lte IE 8]>
<link rel="stylesheet" href="{{ base_path }}/css/pure/grids-responsive-old-ie-min.css">
<![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="{{ base_path }}/css/pure/grids-responsive-min.css">
<!--<![endif]-->
<!-- favicon -->
<link rel="icon" type="image/png" href="/logos/logo@16px.png" sizes="16x16">
<link rel="apple-touch-icon" sizes="16x16" href="/logos/logo@16px.png">
<link rel="icon" type="image/png" href="/logos/logo@32px.png" sizes="32x32">
<link rel="apple-touch-icon" sizes="32x32" href="/logos/logo@32px.png">
<link rel="icon" type="image/png" href="/logos/logo@96px.png" sizes="96x96">
<link rel="apple-touch-icon" sizes="96x96" href="/logos/logo@96px.png">
<link rel="icon" type="image/png" href="/logos/logo@120px.png" sizes="120x120">
<link rel="apple-touch-icon" sizes="120x120" href="/logos/logo@120px.png">
<link rel="icon" type="image/png" href="/logos/logo@144px.png" sizes="144x144">
<link rel="apple-touch-icon" sizes="144x144" href="/logos/logo@144px.png">
<link rel="shortcut icon" href="/logos/logo@32px.png">
</head>
<body id="{{ slug }}">
<div class="pure-g">
<div class="pure-u-1-12"></div>
<div class="pure-u-1-6">
<img src="/logos/logo@96px.png"></img>
</div>
<div class="pure-u-2-3">
<div id="menu-blog">
<a href="/">Blog</a>
<a href="#">Archives</a>
<a href="#">Recherche</a>
</div>
</div>
<div class="pure-u-1-12"></div>
</div>
<div class="pure-g banner">
<div class="pure-u-1">
<h1>{{ title }}</h1>
<h2>{{ subtitle }}</h2>
</div>
</div>
<div class="pure-g">
<div class="pure-u-1-4"></div>
<div class="pure-u-1-2">{{ content }}</div>
<div class="pure-u-1-4"></div>
</div>
<footer>
<section>
<p>
<a href="https://creativecommons.org/licenses/by-nc-sa/3.0/fr/"><img src="/license.png"></a>
</p>
<p>
<a href="https://github.com/kianby/blog">Makesite.py</a>
<a href="https://github.com/kianby/stacosys">Stacosys</a>
</p>
</section>
</footer>
</body>
</html>

50
layout/page.html
View file

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html>
<head>
<title>{{ title }} - {{ subtitle }}</title>
<meta charset="UTF-8">
@ -12,9 +13,9 @@
<link rel="stylesheet" href="{{ base_path }}/css/pure/grids-responsive-old-ie-min.css">
<![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="{{ base_path }}/css/pure/grids-responsive-min.css">
<link rel="stylesheet" href="{{ base_path }}/css/pure/grids-responsive-min.css">
<!--<![endif]-->
<!-- favicon -->
<link rel="icon" type="image/png" href="/logos/logo@16px.png" sizes="16x16">
<link rel="apple-touch-icon" sizes="16x16" href="/logos/logo@16px.png">
@ -26,37 +27,44 @@
<link rel="apple-touch-icon" sizes="120x120" href="/logos/logo@120px.png">
<link rel="icon" type="image/png" href="/logos/logo@144px.png" sizes="144x144">
<link rel="apple-touch-icon" sizes="144x144" href="/logos/logo@144px.png">
<link rel="shortcut icon" href="/logos/logo@32px.png">
<link rel="shortcut icon" href="/logos/logo@32px.png">
</head>
<body id="{{ slug }}">
<div class="pure-menu pure-menu-horizontal">
<img src="/logos/logo@96px.png"></img>
<ul class="pure-menu-list">
<li class="pure-menu-item"><a href="/" class="pure-menu-link">Blog</a></li>
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Archives</a></li>
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Recherche</a></li>
</ul>
<div class="pure-g">
<div class="pure-u-1-12"></div>
<div class="pure-u-1-6">
<img src="/logos/logo@96px.png"></img>
</div>
<div class="pure-u-2-3">
<div id="menu-blog">
<a href="/">Blog</a>
<a href="#">Archives</a>
<a href="#">Recherche</a>
</div>
</div>
<div class="pure-u-1-12"></div>
</div>
<div class="pure-g">
<div class="pure-u-1-4"></div>
<div class="pure-u-1-2">{{ content }}</div>
<div class="pure-u-1-4"></div>
<div class="pure-u-1-4"></div>
</div>
<footer>
<section>
<p>
<a href="https://creativecommons.org/licenses/by-nc-sa/3.0/fr/"><img src="/license.png"></a>
</p>
<p>
<a href="https://github.com/kianby/blog">Makesite.py</a>
<a href="https://github.com/kianby/stacosys">Stacosys</a>
</p>
</section>
<section>
<p>
<a href="https://creativecommons.org/licenses/by-nc-sa/3.0/fr/"><img src="/license.png"></a>
</p>
<p>
<a href="https://github.com/kianby/blog">Makesite.py</a>
<a href="https://github.com/kianby/stacosys">Stacosys</a>
</p>
</section>
</footer>
</body>
</html>
</html>

3
makesite.py
View file

@ -257,6 +257,7 @@ def main():
params.update(json.loads(fread('params.json')))
# Load layouts.
landing_layout = fread('layout/landing.html')
page_layout = fread('layout/page.html')
post_layout = fread('layout/post.html')
list_layout = fread('layout/list.html')
@ -266,7 +267,7 @@ def main():
# Combine layouts to form final layouts.
post_layout = render(page_layout, content=post_layout)
list_layout = render(page_layout, content=list_layout)
list_layout = render(landing_layout, content=list_layout)
# Create site pages.
make_pages('content/index.html', '_site/index.html',

2
params.json
View file

@ -1,5 +1,5 @@
{
"title": "Le Blog du Yax",
"title": "Le blog du Yax",
"subtitle": "GNU, Linux, BSD et autres libertés",
"author": "Yax"
}

47
static/css/style.css
View file

@ -97,16 +97,49 @@ a:hover, a:active {
color:green;
}
/* a:link, a:visited {
color: #0000e0;
text-decoration: none
.banner div {
background-image: url(/fond.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:center;
width: 100%;
line-height: 132px;
text-align: center;
vertical-align: middle;
font-family: "Merriweather", serif;
}
a:hover, a:active {
color: #0000ff;
text-decoration: underline
} */
.banner div > h1 {
color: rgb(36, 46, 43);
vertical-align: baseline;
font-size: 250%;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.banner div > h2 {
font-weight: 400;
font-size: 150%;
color: rgb(56, 71, 67);
vertical-align: baseline;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
#menu-blog {
float: right;
line-height: 96px;
vertical-align: middle;
}
#menu-blog a {
font-size: 150%;
padding-right: 20px;
}
/* Footer */
footer {