green-spider/docs/index.html

117 lines
3.0 KiB
HTML

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<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" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.css">
<link rel="stylesheet" href="https://netzbegruenung.github.io/webfonts/style.css">
<link rel="stylesheet" href="https://unpkg.com/ionicons@4.1.2/dist/css/ionicons.min.css">
<link rel="stylesheet" href="css/tooltipster.bundle.min.css">
<link rel="icon" href="icon/icon32.png" type="image/png" sizes="32x32">
<link rel="icon" href="icon/icon128.png" type="image/png" sizes="128x128">
<style type="text/css">
h5 {
font-family: 'Arvo Gruen', sans-serif;
font-weight: bold;
color: #ffee00;
text-transform: uppercase;
}
table {
font-size: 0.8rem;
}
.bad {
color: #ae4b53;
background-color: #d7b0ae;
font-size: 1rem;
}
.medium {
color: #c49863;
background-color: #e3d9ba;
font-size: 1rem;
}
.good {
color: #46962b;
background-color: #bcd9b3;
font-size: 1rem;
}
td.text {
font-size: 0.8rem;
}
a.screenshot {
display: inline-block;
margin-left: 3px;
margin-right: 3px;
}
.header {
background-color: #46962b;
}
.icon {
width: 32px;
height: 32px;
font-size: 24px;
}
.screenshot .icon {
color: #212529;
}
.siteicon {
max-width: 32px;
max-height: 32px;
width: auto;
height: auto;
}
</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">
<table class="table">
<thead>
<tr>
<th scope="col">Typ</th>
<th scope="col">Land</th>
<th scope="col">Kreis</th>
<th scope="col">Stadt</th>
<th scope="col">URL</th>
<th scope="col">Score</th>
<th scope="col">IP-Adresse</th>
<th scope="col">Erreichbar</th>
<th scope="col">Antwortzeit</th>
<th scope="col">Icon</th>
<th scope="col">HTTPS</th>
<th scope="col">www. optional</th>
<th scope="col">Kanonische URL</th>
<th scope="col">Responsive</th>
<th scope="col">Feed</th>
<th scope="col">Screenshots</th>
<th scope="col">CMS</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<script src="bundle.js"></script>
</body>
</html>