Skip to content

Commit e94d495

Browse files
authored
Merge pull request #451 from rtsfred3/staging
Prod
2 parents 6a3f3be + e2cff1c commit e94d495

79 files changed

Lines changed: 6043 additions & 2482 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

.github/workflows/tag_deploy.yml

Lines changed: 77 additions & 1 deletion
Large diffs are not rendered by default.

.gitignore

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,4 +22,6 @@ node_modules
2222
/StatuspageHTML/output
2323
/StatuspageHTML/tmp
2424
/tmp
25-
/autogen
25+
/autogen
26+
/preact/dist
27+
/preact/.cache

StatuspageHTML/amp/index.html

Lines changed: 46 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<meta name="application-name" content="(Unofficial) Cloudflare Status - AMP">
88
<meta name="theme-color" content="#339966">
99
<meta name="description" content="A minified AMP website to monitor Cloudflare status updates.">
10-
<meta name="keywords" content="CloudflareStatus, Cloudflare Status, Cloudflare, Status, Mini Version">
10+
<meta name="keywords" content="CloudflareStatus, Cloudflare Status, Cloudflare Status AMP, Cloudflare, Status, AMP">
1111

1212
<meta itemprop="name" content="(Unofficial) Cloudflare Status">
1313
<meta itemprop="description" content="A website to monitor a website monitored by Cloudflare Status.">
@@ -38,6 +38,42 @@
3838
<link rel="dns-prefetch" href="//www.cloudflarestatus.com/" />
3939
<link rel="preconnect" href="//www.cloudflarestatus.com/">
4040

41+
<script type="application/ld+json">
42+
{
43+
"@context": "http://schema.org/",
44+
"@type": "WebApplication",
45+
"name": "(Unofficial) Cloudflare Status",
46+
"alternateName": "CloudflareStatus",
47+
"description": "An unofficial website to monitor Cloudflare status updates.",
48+
"softwareVersion": "{{_version}}",
49+
"applicationCategory": "DeveloperApplication, BrowserApplication",
50+
"browserRequirements": "Required HTML5 Support",
51+
"operatingSystem": "Android, iOS, MacOS, Windows, Linux",
52+
"softwareRequirements": "Modern Web Browser",
53+
"url": "https://spstat.us/amp/",
54+
"screenshot": "https://img.spstat.us/img/screenshots/screenshot1.webp",
55+
"image": "https://img.spstat.us/img/status/highres/min/status-min-good.png",
56+
"thumbnailUrl": "https://img.spstat.us/img/status/lowres/min/status-min-good.png",
57+
"author": [{
58+
"@type": "Person",
59+
"name": "Ryan Fredrickson",
60+
"jobTitle": "Software Developer",
61+
"url": "https://github.com/rtsfred3"
62+
}],
63+
"maintainer": {
64+
"@type": "Person",
65+
"name": "Ryan Fredrickson",
66+
"jobTitle": "Software Developer",
67+
"url": "https://github.com/rtsfred3"
68+
},
69+
"offers": {
70+
"@type": "Offer",
71+
"price": "0.00",
72+
"priceCurrency": "USD"
73+
}
74+
}
75+
</script>
76+
4177
<style amp-boilerplate>
4278
body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
4379
</style>
@@ -50,24 +86,27 @@
5086
<script async custom-element="amp-render" src="https://cdn.ampproject.org/v0/amp-render-1.0.js"></script>
5187

5288
<style amp-custom>
53-
:root{--good:#339966;--none:var(--good);--minor:#DBAB09;--major:#E25D10;--critical:#DC3545;--maintenance:#0366D6;--loading:#4F93BD;--unavailable:var(--loading);--error:#646464;--font:#646464}*{margin:0;padding:0}body{font-family:arial}.component-height,statuspage-component{height:20vh}.full-status-height,.fullScreen,.statuspage-status:has(.fullScreen),:has(.fullScreen),[fullScreen]{height:100vh}.psa-full-status-height{height:calc(100vh - 1.15em + .275em)}.statuspage-status,statuspage-component,statuspage-status{width:100vw;text-align:center;font-size:48pt;vertical-align:middle;display:table-cell}.min[data-status]::before,.statuspage-status[data-status]::before,statuspage-status[data-status]::before{content:attr(data-status);text-transform:uppercase;font-weight:700;color:#fff}statuspage-component[data-message]::before{content:attr(data-message);font-weight:700;color:#fff}.statuspage-status[data-status=good]::before,.statuspage-status[data-status=none]::before,statuspage-status[data-status=good]::before,statuspage-status[data-status=none]::before{content:"good"}.status-height,.statuspage-status:not(.fullScreen),statuspage-status{height:240px}@media only screen and (max-height:400px){.status-height,.statuspage-status:not(.fullScreen),statuspage-status{height:45vh}}@media only screen and (max-width:320px) and (max-height:320px){.status-height,.statuspage-status:not(.fullScreen),statuspage-status{height:100vh}}@media only screen and (min-width:2048px) and (min-height:1080px){.status-height,.statuspage-status:not(.fullScreen),statuspage-status{height:30vh}.status-width,.statuspage-status,statuspage-status{font-size:12em}}@media only screen and (min-width:2100px) and (min-height:1100px){.status-height,.statuspage-status:not(.fullScreen),statuspage-status{height:40vh}.status-width,.statuspage-status,statuspage-status{font-size:16em}}@media only screen and (min-width:3000px) and (min-height:2000px){.status-height,.statuspage-status:not(.fullScreen),statuspage-status{height:40vh}.status-width,.statuspage-status,statuspage-status{font-size:16em}}.messages-empty{padding:3vh 7.5vw 0;color:var(--font)}.messages-empty-all-good::before{content:"All good."}.messages-empty-all-good{font-size:36pt;font-weight:600;margin-bottom:2.5vh}.messages-empty-body{font-size:9pt;font-weight:500}[data-message]::before{content:attr(data-message)}.min[data-status=good]::before,.min[data-status=none]::before{content:"good";text-transform:uppercase;background-color:var(--none)}.good,.min[data-background=good],.min[data-background=none],.none,[data-status=good],[data-status=none]{background-color:var(--none)}.min[data-background=minor],.minor,[data-status=minor]{background-color:var(--minor)}.major,.min[data-background=major],[data-status=major]{background-color:var(--major)}.critical,.min[data-background=critical],[data-status=critical]{background-color:var(--critical)}.maintenance,.min[data-background=maintenance],[data-status=maintenance]{background-color:var(--maintenance)}.loading,.min[data-background=loading],.min[data-background=unavailable],.unavailable,[data-status=loading],[data-status=unavailable]{background-color:var(--loading)}.error,.min[data-background=error],[data-status=error]{background-color:var(--error)}@media only screen and (min-width:351px) and (max-width:450px){.maintenance,[data-status=maintenance]{font-size:36pt;font-weight:500}}@media only screen and (min-width:251px) and (max-width:350px){.maintenance,[data-status=maintenance]{font-size:30pt;font-weight:500}}@media only screen and (min-width:151px) and (max-width:250px){.maintenance,[data-status=maintenance]{font-size:20pt;font-weight:500}}
89+
:root{--good:#339966;--none:var(--good);--minor:#DBAB09;--major:#E25D10;--critical:#DC3545;--maintenance:#0366D6;--loading:#4F93BD;--unavailable:var(--loading);--error:#646464;--font:var(--error);--incident-good:var(--good);--incident-none:'#000000';--incident-minor:'#F1C40F';--incident-major:'#FF9900';--incident-critical:'#990000';--incident-maintenance:var(--maintenance);--incident-error:var(--error);--good-text:"good";--none-text:var(--good-text);--minor-text:"minor";--major-text:"major";--critical-text:"critical";--maintenance-text:"maintenance";--loading-text:"loading";--unavailable-text:"unavailable";--error-text:"error"}body{margin:0;padding:0;font-family:arial}.fullScreen,.statuspage-status:has(.fullScreen),:has(.fullScreen),[fullScreen]{height:100vh}.statuspage-status:not(.fullScreen),statuspage-status{height:240px}.statuspage-status,statuspage-status{width:100vw;text-align:center;justify-content:center;align-items:center;display:block;display:flex;font-size:48pt}.statuspage-status[data-status]::before,statuspage-status[data-status]::before{content:attr(data-status);text-transform:uppercase;font-weight:700;color:#fff}.statuspage-status[data-status=good]::before,.statuspage-status[data-status=none]::before,statuspage-status[data-status=good]::before,statuspage-status[data-status=none]::before{content:var(--good-text)}@media only screen and (min-width:2048px) and (min-height:1080px){.statuspage-status,statuspage-status{font-size:12em}}@media only screen and (min-width:2100px) and (min-height:1100px){.statuspage-status,statuspage-status{font-size:16em}}@media only screen and (min-width:3000px) and (min-height:2000px){.statuspage-status,statuspage-status{font-size:16em}}[data-status=good],[data-status=none]{background-color:var(--none)}[data-status=minor]{background-color:var(--minor)}[data-status=major]{background-color:var(--major)}[data-status=critical]{background-color:var(--critical)}[data-status=maintenance]{background-color:var(--maintenance);font-weight:500}[data-status=loading],[data-status=unavailable]{background-color:var(--loading)}[data-status=error]{background-color:var(--error)}@media only screen and (min-width:351px) and (max-width:450px){[data-status=maintenance]{font-size:36pt}}@media only screen and (min-width:251px) and (max-width:350px){[data-status=maintenance]{font-size:30pt}}@media only screen and (min-width:151px) and (max-width:250px){[data-status=maintenance]{font-size:20pt}}
5490
</style>
5591

5692
<title>(Unofficial) Cloudflare Status - AMP</title>
5793
</head>
5894

59-
<body>
95+
<body>
6096
<amp-render src="https://www.cloudflarestatus.com/api/v2/status.json" binding="never" height="0" width="0" layout="responsive" key="status">
6197
<template type="amp-mustache">
62-
<div id="status" data-status="{{indicator}}" data-background="{{indicator}}" class="statuspage-status fullScreen"></div>
98+
<div id="status" data-status="{{indicator}}" class="statuspage-status fullScreen"></div>
6399
</template>
64100
<div placeholder>
65-
<div id="status" data-status="loading" data-background="loading" class="statuspage-status fullScreen"></div>
101+
<div id="status" data-status="loading" class="statuspage-status fullScreen"></div>
66102
</div>
67103
<div fallback>
68-
<div id="status" data-status="error" data-background="error" class="statuspage-status fullScreen"></div>
104+
<div id="status" data-status="error" class="statuspage-status fullScreen"></div>
69105
</div>
70106
</amp-render>
71-
<!-- {{_version}} -->
107+
108+
<noscript>
109+
<div id="status" data-status="error" class="statuspage-status fullScreen"></div>
110+
</noscript>
72111
</body>
73112
</html>
Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta name="application-name" content="(Unofficial) Cloudflare Status">
5+
<meta name="theme-color" content="#646464">
6+
<meta name="mobile-web-app-capable" content="yes">
7+
<meta name="apple-mobile-web-app-title" content="(Unofficial) Cloudflare Status">
8+
<meta name="apple-mobile-web-app-capable" content="yes">
9+
<meta name="apple-mobile-web-app-status-bar-style" content="#646464">
10+
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
11+
<meta name="HandheldFriendly" content="true" />
12+
13+
<style>
14+
:root{--good:#339966;--none:var(--good);--minor:#DBAB09;--major:#E25D10;--critical:#DC3545;--maintenance:#0366D6;--loading:#4F93BD;--unavailable:var(--loading);--error:#646464;--font:var(--error);--good-text:"good";--none-text:var(--good-text);--minor-text:"minor";--major-text:"major";--critical-text:"critical";--maintenance-text:"maintenance";--loading-text:"loading";--unavailable-text:"unavailable";--error-text:"error"}*{margin:0;padding:0}body{font-family:arial}statuspage-error,statuspage-loading{height:100vh;width:100vw;text-align:center;justify-content:center;align-items:center;display:block;display:flex;font-size:48pt}statuspage-error::before,statuspage-loading::before{content:attr(data-status);text-transform:uppercase;font-weight:700;color:#fff}statuspage-loading::before{content:var(--loading-text)}statuspage-error::before{content:var(--error-text)}@media only screen and (min-width:2048px) and (min-height:1080px){statuspage-error,statuspage-loading{font-size:12em}}@media only screen and (((min-width:2100px) and (min-height:1100px)) or ((min-width:3000px) and (min-height:2000px))){statuspage-error,statuspage-loading{font-size:16em}}statuspage-loading{background-color:var(--loading)}statuspage-error{background-color:var(--error)}
15+
</style>
16+
17+
<title>(Unofficial) Cloudflare Status</title>
18+
</head>
19+
<body>
20+
<statuspage-error></statuspage-error>
21+
</body>
22+
</html>

0 commit comments

Comments
 (0)