pheella
/
statuspage


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
							<!DOCTYPE html>
<html>
	<head>
		<title>{{ title }}</title>
		<meta http-equiv="refresh" content="{{ refresh_interval }}">
		{% if not ssl %}<link rel="icon" type="image/png" href="down.png" />{% else %}<link rel="icon" type="image/png" href="up.png" />{% endif %}
		<style type="text/css">
			html, body {
				margin: 0;
				background-color: {% if not ssl %}#CD5C5C{% else %}#32CD32{% endif %};
				font-size: 15px;
				font-weight: 400;
			}
			.container {
				margin: 0 auto;
				width: 800px;
			}
			h1 {
				margin: 0;
				padding: 50px 0 12px 0;
				font-size: 35px;
				font-weight: 500;
			}
			.group {
				background-color: #FFFFFF;
				border: 2px solid rgba(0, 0, 0, 0.1);
				border-radius: 5px;
				margin: 16px 0;
				padding: 16px;
			}
			h2 {
				margin: 0;
				padding: 0 0 10px 0;
				font-size: 23px;
				font-weight: 500;
			}
			.items {
				list-style-type: "⬤";
				color: #4CAF50;
				font-size: 20px;
				margin: 0 5px 0 0;
			}
			.items span {
                padding-left:1em;
                color: black;
			}
			footer {
				margin-top: 20px;
				text-align: center;
				font-size: 12px;
				color: #AAAAAA;
			}
		</style>
	</head>
	<body>
		<div class="container">
			<h1>{{ title }}</h1>
			{% for group in groups %}<div class="group">
				<h2>{{ group.name }}</h2>
				<ul class="items">
					{% for item in group.items %}<li><span><strong>{{ item.name }}</strong> = {{ item.value }}</span></li>{% endfor %}
                </ul>
			</div>{% endfor %}
		</div>
	</body>
</html>