diff --git a/layout/landing.html b/layout/landing.html new file mode 100644 index 0000000..896040b --- /dev/null +++ b/layout/landing.html @@ -0,0 +1,77 @@ + + + + + {{ title }} - {{ subtitle }} + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ +
+
+ +
+
+
+ + + +
+
+
{{ content }}
+
+
+ + + + + + \ No newline at end of file diff --git a/layout/page.html b/layout/page.html index 2797ade..74ac0ec 100644 --- a/layout/page.html +++ b/layout/page.html @@ -1,5 +1,6 @@ + {{ title }} - {{ subtitle }} @@ -12,9 +13,9 @@ - + - + @@ -26,37 +27,44 @@ - + -
- - +
+
+
+ +
+
+ +
+
{{ content }}
-
+
- + + \ No newline at end of file diff --git a/makesite.py b/makesite.py index 5c832d1..2f92ded 100755 --- a/makesite.py +++ b/makesite.py @@ -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', diff --git a/params.json b/params.json index 8f8be5f..6bb96f9 100644 --- a/params.json +++ b/params.json @@ -1,5 +1,5 @@ { - "title": "Le Blog du Yax", + "title": "Le blog du Yax", "subtitle": "GNU, Linux, BSD et autres libertés", "author": "Yax" } \ No newline at end of file diff --git a/static/css/style.css b/static/css/style.css index 9c82c71..8d1bbda 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -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 {