generated from meaz/Test_theme
657 lines
15 KiB
HTML
657 lines
15 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="no-js">
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<meta name="description" content="We continuously monitor the status of our services and if there are any interruptions, a note will be posted here.">
|
|
<title>Affected | Disroot State</title>
|
|
<link rel="canonical" href="https://state.disroot.org/affected/">
|
|
<link rel="alternate" type="application/rss+xml" href="https://state.disroot.org/affected/index.xml" title="Disroot State" />
|
|
<meta name="generator" content="cState v5.3 - https://github.com/cstate/cstate">
|
|
<meta name="theme-color" content="#50162D">
|
|
<script>
|
|
var themeBrandColor = '#50162D';
|
|
var themeOkColor = '#008000';
|
|
var themeNoticeColor = '#24478f';
|
|
var themeDisruptedColor = '#cc4400';
|
|
var themeDownColor = '#e60000';
|
|
|
|
|
|
</script>
|
|
|
|
<style>
|
|
html, body {
|
|
margin: 0;
|
|
background: #fff;
|
|
color: #4d4d4d;
|
|
font: 100%/1.5 "Inter", "Inter UI", BlinkMacSystemFont, -apple-system, "San Francisco Text", "Roboto", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
|
box-sizing: border-box;
|
|
-webkit-tap-highlight-color: rgba(0,0,0, 0.25);
|
|
}
|
|
|
|
::selection { background: #B4D5FF; }
|
|
|
|
*, *:before, *:after {
|
|
box-sizing: inherit;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: #000;
|
|
border-bottom: 1px dotted currentColor;
|
|
}
|
|
|
|
a:hover { border-bottom-style: solid; }
|
|
a:active { position: relative; top: 2px; }
|
|
|
|
hr {
|
|
border: 0;
|
|
border-bottom: 1px solid #ccc;
|
|
margin: 24px 0;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 40px;
|
|
line-height: 1;
|
|
}
|
|
h2 { font-size: 26px; }
|
|
h3 { font-size: 20px; }
|
|
h4 { font-size: 18px; }
|
|
|
|
h1, h2, h4 {
|
|
font-weight: normal;
|
|
color: #000;
|
|
font-family: "Inter", "Inter UI", "Segoe UI", BlinkMacSystemFont, -apple-system, "San Francisco Display", "Roboto", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
|
letter-spacing: -0.4px;
|
|
}
|
|
|
|
h3 {
|
|
margin: 0;
|
|
color: #000;
|
|
}
|
|
|
|
img {
|
|
border: 0;
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.hidden { display: none; }
|
|
|
|
|
|
|
|
a.no-underline { border-bottom: 0; }
|
|
|
|
.headline { font-size: 20px; }
|
|
|
|
.bold { color: #000; }
|
|
.hinted { color: #6d6d6d; }
|
|
.faded { color: #6d6d6d; }
|
|
|
|
.clean { margin: 0; }
|
|
|
|
.ok { color: #008000; }
|
|
.warning { color: #cc4400; }
|
|
.error { color: #e60000; }
|
|
|
|
.contain {
|
|
max-width: 640px;
|
|
margin: 16px auto;
|
|
padding: 16px;
|
|
}
|
|
|
|
.contain--more { max-width: 680px; }
|
|
|
|
.center { text-align: center; }
|
|
.right { text-align: right; }
|
|
.padding-s { padding: 6px; }
|
|
.padding { padding: 12px; }
|
|
.clicky { cursor: pointer; }
|
|
|
|
.link-style { border: none; }
|
|
.span-icon {
|
|
float: right;
|
|
margin-left: 16px;
|
|
}
|
|
|
|
|
|
|
|
|
|
.js .category--open .category__closed-marker { display: none; }
|
|
.js .category--closed .components { display: none; }
|
|
.js .category--closed .category__open-marker { display: none; }
|
|
|
|
|
|
.js .hidden-with-js { display: none; }
|
|
.hide-without-js { display: none; }
|
|
.js span.hide-without-js { display: inline; }
|
|
.js div.hide-without-js { display: block; }
|
|
|
|
|
|
|
|
|
|
.date {
|
|
display: block;
|
|
margin-top: 12px;
|
|
color: #666;
|
|
font-variant: small-caps;
|
|
}
|
|
|
|
.tag {
|
|
display: inline-block;
|
|
padding: 4px 8px;
|
|
margin-right: 4px;
|
|
margin-bottom: 2px;
|
|
background: #eee;
|
|
}
|
|
|
|
.tag:hover { background: #ddd; }
|
|
|
|
|
|
|
|
.header {
|
|
padding: 8px 0;
|
|
background: #50162D;
|
|
}
|
|
|
|
.header a {
|
|
color: #fff;
|
|
font-size: 14px;
|
|
font-variant: small-caps;
|
|
}
|
|
|
|
|
|
.header a h1 { color: #fff; }
|
|
|
|
|
|
.header__logo img {
|
|
height: auto;
|
|
width: 320px;
|
|
}
|
|
|
|
.header__logo--small img {
|
|
height: auto;
|
|
width: 160px;
|
|
}
|
|
|
|
.header--large { padding: 16px; }
|
|
.header--large a { font-size: 20px; }
|
|
|
|
.footer {
|
|
padding: 10px;
|
|
background: #f5f5f5;
|
|
}
|
|
|
|
.footer__copyright {
|
|
display: block;
|
|
font-variant: small-caps;
|
|
}
|
|
|
|
.footer__copyright a, a.header__logo {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
|
|
|
|
.summary {
|
|
padding: 16px;
|
|
color: #fff;
|
|
}
|
|
|
|
.summary__date:hover {
|
|
color: #ccc;
|
|
}
|
|
|
|
.summary__date:hover:after {
|
|
content: ' ⟳ ';
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
|
|
.components {
|
|
border: 2px solid #ddd;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.component {
|
|
color: #000;
|
|
padding: 16px;
|
|
border-bottom: 2px solid #ddd;
|
|
}
|
|
|
|
.tooltip { cursor: pointer; position: relative; }
|
|
.tooltip__text { display: none; }
|
|
.tooltip:hover .tooltip__text,
|
|
.tooltip:active .tooltip__text {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 24px;
|
|
background: #181818;
|
|
color: #fff;
|
|
z-index: 50;
|
|
padding: 8px;
|
|
border: 2px solid #242424;
|
|
font-size: 14px;
|
|
color: #ccc;
|
|
width: 320px;
|
|
height: auto;
|
|
}
|
|
|
|
@media (max-width: 640px) {
|
|
.tooltip:hover .tooltip__text,
|
|
.tooltip:active .tooltip__text {
|
|
width: 50vw;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.tabs { border-bottom: 1px solid #ccc; }
|
|
.tabs--inner { padding: 0 16px; margin: 0 auto; }
|
|
a.tab { display: inline-table; }
|
|
|
|
.tab--current {
|
|
border: 1px solid #ccc;
|
|
border-bottom-color: #fff;
|
|
padding: 12px 18px;
|
|
position: relative;
|
|
top: 1px;
|
|
}
|
|
|
|
.tab--other {
|
|
border: 0;
|
|
padding: 12px 18px;
|
|
position: relative;
|
|
top: 1px;
|
|
color: #757575;
|
|
}
|
|
|
|
.tab--other:hover { color: #000; }
|
|
|
|
|
|
|
|
.issue { display: block; padding: 14px 24px; }
|
|
.issue:hover, .category__head:hover { background: #f5f5f5; }
|
|
.issue:active, .category__head:active { background: #eee; }
|
|
|
|
.issue h3 { line-height: 1.25; }
|
|
|
|
.category__head { margin-top: 20px; }
|
|
.archive__head { padding: 20px; background: #f5f5f5; }
|
|
|
|
|
|
|
|
|
|
.status-ok .summary { background: #008000; }
|
|
.status-disrupted .summary, .change-header-color.status-disrupted .header { background: #cc4400; }
|
|
.status-down .summary, .change-header-color.status-down .header { background: #e60000; }
|
|
.status-notice .summary, .change-header-color.status-notice .header { background: #24478f; }
|
|
|
|
.announcement-box .padding {
|
|
padding: 16px;
|
|
}
|
|
|
|
.status-disrupted .announcement-box { border: 2px solid #cc4400; }
|
|
.status-down .announcement-box { border: 2px solid #e60000; }
|
|
.status-notice .announcement-box { border: 2px solid #24478f; }
|
|
.status-disrupted .announcement-box,
|
|
.status-down .announcement-box,
|
|
.status-notice .announcement-box { border-top: 0; }
|
|
|
|
|
|
|
|
.category--open .category-status { display: none; }
|
|
.component-status, .category-status { float: right; }
|
|
.component[data-status="ok"] .component-status,
|
|
.category__head[data-status="ok"] .category-status
|
|
{ color: #008000; }
|
|
.component[data-status="disrupted"] .component-status,
|
|
.category__head[data-status="disrupted"] .category-status
|
|
{ color: #cc4400; }
|
|
.component[data-status="notice"] .component-status,
|
|
.category__head[data-status="notice"] .category-status
|
|
{ color: #24478f; }
|
|
.component[data-status="down"] .component-status,
|
|
.category__head[data-status="down"] .category-status
|
|
{ color: #e60000; }
|
|
|
|
|
|
|
|
@media (min-width: 640px) {
|
|
.float-right {
|
|
float: right;
|
|
display: inline;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
|
html, body { background: #181a1b; color: #ccc9c1; }
|
|
h1, h2, h3, h4, a, .bold { color: #fafafa; }
|
|
hr { border-bottom-color: #3d3d3d; }
|
|
|
|
|
|
.footer { background: #1b1d1e; }
|
|
|
|
.components {
|
|
border: 2px solid #ddd;
|
|
border-bottom: 0;
|
|
border-color: #3a3a3a;
|
|
}
|
|
|
|
.component {
|
|
border-bottom: 2px solid #ddd;
|
|
color: #e8e6e3;
|
|
border-bottom-color: #3a3a3a;
|
|
}
|
|
|
|
.tabs { border-bottom-color: #3d3d3d; }
|
|
.tab--current {
|
|
border-color: #3d3d3d;
|
|
border-bottom-color: #181a1b;
|
|
}
|
|
.tab--other { color: #757575; }
|
|
.tab--other:hover { color: #fff; }
|
|
|
|
.date { color: #c3bfb6; }
|
|
|
|
.tag, .archive__head { background-color: #1d1f20; }
|
|
.tag:hover { background: #222; }
|
|
.issue:hover,
|
|
.category__head:hover { background-color: #212121; }
|
|
|
|
|
|
|
|
.hinted, .faded { color: #c1bcb3; }
|
|
.error { color: #ff4242; }
|
|
.warning {color: #ffde7f; }
|
|
.ok { color: #7fff7f; }
|
|
|
|
.component[data-status="ok"] .component-status,
|
|
.category__head[data-status="ok"] .category-status
|
|
{ color: #7fff7f; }
|
|
.component[data-status="disrupted"] .component-status,
|
|
.category__head[data-status="disrupted"] .category-status
|
|
{ color: #ffde7f; }
|
|
.component[data-status="notice"] .component-status,
|
|
.category__head[data-status="notice"] .category-status
|
|
{ color: #83a4e8; }
|
|
.component[data-status="down"] .component-status,
|
|
.category__head[data-status="down"] .category-status
|
|
{ color: #ff8181; }
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
|
|
|
|
<body class="default list">
|
|
<header>
|
|
<div class="contain">
|
|
<a href="https://state.disroot.org">← Go back to <em>Disroot State</em></a>
|
|
<div class="padding"></div>
|
|
<div class="padding"></div>
|
|
|
|
<h1 class="clean">Affected</h1>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<p class="bold">
|
|
<em>
|
|
|
|
|
|
|
|
</em>
|
|
</p>
|
|
|
|
|
|
|
|
<small class="faded">0 entries, newest to oldest</small>
|
|
|
|
<div class="padding"></div>
|
|
<hr class="clean">
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<div class="contain contain--more" id="incidents">
|
|
|
|
<div class="padding"></div>
|
|
<h3>Is it the calm before the storm?</h3>
|
|
<p>This status page has no logged incidents. This may be because the status page owner (or owners) have recently set up their status page, have had no downtime, or have not logged any downtime.</p>
|
|
<div class="padding"></div>
|
|
<div class="padding"></div>
|
|
<div class="padding"></div>
|
|
|
|
<div class="padding"></div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
|
|
console.log('cState v5.3 - https://github.com/cstate/cstate');
|
|
document.getElementsByTagName('html')[0].className = 'js';
|
|
|
|
|
|
|
|
|
|
if (document.body.className === 'change-header-color') {
|
|
if (document.body.className === 'status-down') {
|
|
document.querySelector('meta[name=theme-color]').setAttribute('content', themeDownColor);
|
|
} else if (document.body.className === 'status-disrupted') {
|
|
document.querySelector('meta[name=theme-color]').setAttribute('content', themeDisruptedColor);
|
|
} else {
|
|
document.querySelector('meta[name=theme-color]').setAttribute('content', themeNoticeColor);
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
if (window.location.hash.match('access_token')) {
|
|
document.location.pathname = '/admin';
|
|
}
|
|
if (window.location.hash.match('invite_token')) {
|
|
document.location.pathname = '/admin';
|
|
}
|
|
if (window.location.hash.match('confirmation_token')) {
|
|
document.location.pathname = '/admin';
|
|
}
|
|
if (window.location.hash.match('email_change_token')) {
|
|
document.location.pathname = '/admin';
|
|
}
|
|
if (window.location.hash.match('recovery_token')) {
|
|
document.location.pathname = '/admin';
|
|
}
|
|
|
|
|
|
|
|
|
|
function toggleCategoryHead(el) {
|
|
if (el.parentNode.className == 'category category--open category--titled') {
|
|
el.parentNode.className = 'category category--closed category--titled';
|
|
} else {
|
|
el.parentNode.className = 'category category--open category--titled';
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
function timeSince(date) {
|
|
var seconds = Math.floor((new Date() - date) / 1000);
|
|
|
|
var interval = Math.floor(seconds / 31536000);
|
|
|
|
if (interval > 1) {
|
|
return interval + ' years';
|
|
}
|
|
interval = Math.floor(seconds / 2592000);
|
|
if (interval > 1) {
|
|
return interval + ' months';
|
|
}
|
|
interval = Math.floor(seconds / 86400);
|
|
if (interval > 1) {
|
|
return interval + 'd';
|
|
}
|
|
interval = Math.floor(seconds / 3600);
|
|
if (interval > 1) {
|
|
return interval + 'h';
|
|
}
|
|
interval = Math.floor(seconds / 60);
|
|
if (interval > 1) {
|
|
return interval + ' min';
|
|
}
|
|
|
|
|
|
if(Math.floor(seconds) < 0) {
|
|
return Math.floor(seconds);
|
|
}
|
|
|
|
|
|
|
|
return Math.floor(seconds) + 's';
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function updateRelativeTimes() {
|
|
var elements = document.querySelectorAll('.relative-time');
|
|
for (var i = 0; i < elements.length; i++) {
|
|
var element = elements[i];
|
|
var time = Date.parse(element.getAttribute('title'));
|
|
var html = element.getAttribute('data-time-prefix') || '';
|
|
|
|
|
|
if (!time) {
|
|
time = element.innerText;
|
|
element.setAttribute('title', time || new Date);
|
|
html += 'just now';
|
|
} else if (timeSince(time) < 0) {
|
|
html = element.innerText;
|
|
} else {
|
|
html += timeSince(time) + ' ago';
|
|
}
|
|
html += element.getAttribute('data-time-suffix') || '';
|
|
element.innerHTML = html.trim();
|
|
}
|
|
}
|
|
|
|
updateRelativeTimes();
|
|
|
|
|
|
setInterval(updateRelativeTimes, 5000);
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="footer">
|
|
<div class="contain">
|
|
<p><strong class="bold">© Disroot State, 2022</strong>
|
|
• <a href="#">Back to top</a>
|
|
</p>
|
|
|
|
<p>We continuously monitor the status of our services and if there are any interruptions, a note will be posted here.</p>
|
|
|
|
|
|
<small class="footer__copyright faded">Powered by <a href="https://github.com/cstate/cstate"><b>cState</b></a></small>
|
|
|
|
|
|
<hr>
|
|
|
|
<p class="hinted">
|
|
<small>
|
|
⚡
|
|
Subscribe via RSS —
|
|
|
|
<a href="https://state.disroot.org/index.xml" class="no-underline">to all updates</a>
|
|
|
|
|
|
|
|
or <a href="https://state.disroot.org/affected/index.xml" class="no-underline">only this feed (Affected)</a>
|
|
|
|
|
|
</small>
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|