aboutsummaryrefslogtreecommitdiffstats
path: root/index.tpl
blob: ac381af57fd85b1e0ab450f5a3c0d279ceb77f17 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mirror health</title>
    <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css">    <!--[if lte IE 8]>
        <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/grids-responsive-old-ie-min.css">
    <![endif]-->
    <!--[if gt IE 8]><!-->
        <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css">
    <!--<![endif]-->
	<style>
	html, body {
		margin: 0;
		padding: 0;
		height: 100%;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial,
			sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
		color: #526066;
		font-size: 1.0em;
	}
	div#wrapper {
		min-height: 100%;
		position: relative;
	}
	header {
		border-bottom: 1px solid #eaecef;
	}
	.logo {
	    padding:1em;
	}
	#content {
	    margin: 0 auto;
	    padding: 0em 1em 2em 1em;
	    max-width: 1080px;
	    padding-bottom: 1em;
	}
	footer {
	    background: #111;
	    color: #888;
	    text-align: center;
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	    padding-top: 0.5em;
	    padding-bottom: 0.5em;
	    font-size: 0.8em;
	}
	.last-updated {
		color: #ccc;
		margin: 1em;
		margin-bottom: 2em;
	}
	.mirror-meta {
		margin: 1em;
		margin-left: 0;
	}
	.status-ok {
		color: #228B22;
		font-weight: bold;
	}
	.status-na {
		color: #ccc;
	}
	.status-warn {
		color: #DAA520;
		font-weight: bold;
	}
	.status-error, .status-unk {
		color: #8B0000;
		font-weight: bold;
	}
	</style>
</head>

<body>
	<div id="wrapper">
		<header class="pure-g">
			<div class="pure-u-1 pure-u-lg-4-24">
				<div class="logo">
					<a href="/"><img src="https://alpinelinux.org/alpinelinux-logo.svg" alt="Alpine Logo" class="pure-img"></a>
				</div>
			</div>
		</header>
		<div id="content">
			<div class="pure-g">
				{{#mirrors}}
				<div class="pure-u-1">
					<h3>{{url}}</h3>
					<div class="mirror-meta">
						<ul class="mirror-meta">
							<li>Generated in {{duration}} seconds.</li>
							<li>Found {{count}} indexes.</li>
						</ul>
					</div>
					<table class="pure-table pure-table-striped">
						<thead>
							<tr>
								{{#thead}}
								<th>{{.}}</th>
								{{/thead}}
							</tr>
						</thead>
						<tbody>
							{{#tbody}}
							<tr>
								{{#row}}
								<td class="{{class}}">{{text}}</td>
								{{/row}}
							</tr>
							{{/tbody}}
						</tbody>
					</table>
				</div>
				{{/mirrors}}
			</div>
			<div class="last-updated">Last updated: <span>{{lupdate}}</span> UTC</div>
		</div>
		<footer>© Copyright 2017 Alpine Linux Development Team all rights reserved</footer>
	</div>
</body>
</html>