Skip to content

Commit

Permalink
chore: created a temporary downtime page (#4157)
Browse files Browse the repository at this point in the history
  • Loading branch information
nickytonline authored Oct 9, 2024
1 parent 3f4e6fb commit 07846d4
Show file tree
Hide file tree
Showing 2 changed files with 85 additions and 0 deletions.
23 changes: 23 additions & 0 deletions netlify.toml
Original file line number Diff line number Diff line change
@@ -1,5 +1,10 @@
[build.environment]
NODE_VERSION = "18"
NETLIFY_NEXT_PLUGIN_SKIP = "true"

[build]
command = "echo 'deploying downtime page...'"
publish = "public"

[context.alpha]
environment = { CHANNEL = "alpha" }
Expand Down Expand Up @@ -44,3 +49,21 @@ from = "https://hot.opensauced.pizza/*"
to = "https://app.opensauced.pizza/explore"
status = 301
force = true

[[redirects]]
from = "/"
to = "/downtime.html"
status = 200
force = true

[[redirects]]
from = "/*"
to = "/downtime.html"
status = 302
force = true

[[redirects]]
from = "/downtime.html"
to = "/downtime.html"
status = 302
force = true
62 changes: 62 additions & 0 deletions public/downtime.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
<!DOCTYPE html>
<html>

<head>
<title>OpenSauced Pizza-CLI</title>
<style>
body {
margin: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
background: black;
color: white;
}

.container {
display: grid;
place-content: center;
height: calc(100vh - 5.5rem);
overflow: hidden;
font-size: 1.5rem;
}

.doodles {
position: absolute;
display: none;

@media (min-width: 1280px) {
display: block;
}
}

.doodles--left {
top: 12rem;
left: 0;
}

.doodles--right {
top: 9rem;
right: 0;
}
</style>
</head>

<body>
<a href="https://opensauced.pizza">
<img height="24" width="" 140" class="opensauced-logo"
src="https://opensauced.pizza/_next/static/media/brandLogo.4259030a.svg">
</a>
<div class="doodles doodles--left"><img alt="Doodles" loading="lazy" width="230" height="694" decoding="async"
data-nimg="1" style="color:transparent" src="https://opensauced.pizza/_next/static/media/stroke_l_4.6c7a61fa.svg">
</div>
<div class="doodles doodles--right"><img alt="Doodles" loading="lazy" width="303" height="620" decoding="async"
data-nimg="1" style="color:transparent" src="https://opensauced.pizza/_next/static/media/stroke_r_3.49fc05fd.svg">
</div>
<div class="container">
<h1 class="title">The pizza oven is down for maintenance</h1>
<p style="text-align: center;color: #ff5500">
We'll be back online as soon as possible. Thanks for your patience.
</p>
</div>
</body>

</html>

0 comments on commit 07846d4

Please sign in to comment.