diff --git a/home/static/css/style.css b/home/static/css/style.css index d75f6ef4e0176300949e87153b43e8caa5ca5ad8..115766605ddd9f3ba3a1e34fa71f03850e37dacf 100644 --- a/home/static/css/style.css +++ b/home/static/css/style.css @@ -15,6 +15,19 @@ a:link { color: rgb(62, 62, 255); } +.header { + background-color: #006809; + margin-top: 0; + padding: 5px 5px 20px 20px; +} + +.header h1, .header h1 a, .header h1 a:visited, .header h1 a:active { + color: #ddd; + font-size: 60px; + text-decoration: none; + text-align: center; +} + section { text-align: justify; } @@ -23,11 +36,11 @@ section > * { max-width: 960px; margin-left: calc(50% - 480px); + margin-right: calc(50% - 480px); padding-left: 60px; padding-right: 60px; } section p { - padding-bottom: 20px; font-size: 1rem; } \ No newline at end of file diff --git a/home/templates/home.html b/home/templates/home.html index a5ffe0991a61ae5cf49eb122ef13b312b1fedab1..2192992bf4c297a112516a37f8d04a287a5c8629 100644 --- a/home/templates/home.html +++ b/home/templates/home.html @@ -3,11 +3,18 @@ <html lang=fr> <head> <title>Site title</title> + <meta name="description" content="Site description"> + <meta name="keywords" content="Keywords for search"> <meta charset="utf-8"> <link rel="stylesheet" href="{% static 'css/style.css' %}"> </head> <body> + <header> + <div class="header"> + <h1><a href="/">The site's title</a></h1> + </div> + </header> <section> <h1>A Title</h1> <p>a paragraph</p>