Add green header

This commit is contained in:
Marian Steinbach 2018-05-23 20:18:28 +02:00
parent 6321916556
commit d0091e04b7
1 changed files with 24 additions and 7 deletions

View File

@ -3,15 +3,21 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>green spider report: Auswertung einiger Merkmale von Bündnis 90/Die Grünen Websites</title>
<title>GREEN SPIDER: Websites von Bündnis 90/Die Grünen besser machen</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css" href="https://netzbegruenung.github.io/webfonts/style.css">
<style type="text/css">
body {
padding: 20px;
h5 {
font-family: 'Arvo Gruen', sans-serif;
font-weight: bold;
color: #ffee00;
text-transform: uppercase;
}
table {
font-size: 0.85rem;
font-size: 0.8rem;
}
.bad {
background-color: #ffdbdb;
@ -27,7 +33,7 @@
}
td.text {
font-size: 0.85rem;
font-size: 0.8rem;
}
.icon {
@ -40,14 +46,25 @@
margin-left: 3px;
margin-right: 3px;
}
.header {
background-color: #46962b;
}
</style>
</head>
<body>
<div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 header border-bottom box-shadow">
<h5 class="my-0 mr-md-auto">Green Spider</h5>
<nav class="my-2 my-md-0 mr-md-3">
<a class="p-2 text-light" href="https://github.com/netzbegruenung/green-spider/">GitHub</a>
<a class="p-2 text-light" href="https://blog.netzbegruenung.de/projekte/green-spider/">Über</a>
</nav>
<!--<a class="btn btn-outline-primary" href="#">Sign up</a>-->
</div>
<div class="container-fluid">
<p>Weitere Information: <a href="https://github.com/netzbegruenung/green-spider/">green-spider GitHub repository</a> - <a href="https://github.com/netzbegruenung/green-spider/blob/master/KRITERIEN.md">Kriterien</a></p>
<table class="table">
<thead>
<tr>