scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-27 01:25:52 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

updated maintenance and trouble page static content

Browse source
This commit is contained in:
Ben Wheeler 2021-06-11 18:29:40 -04:00
parent 0c635fb0d1
commit ecf3f004e6
2 changed files with 332 additions and 205 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
static/cdn/maintenance.html
View file

@ -25,7 +25,7 @@
.header-wrapper { .header-wrapper {
width: 100%; width: 100%;
height: 100px; height: 10vh;
} }
.header-content { .header-content {
width: calc(100% - 2rem); width: calc(100% - 2rem);
@ -40,7 +40,6 @@
width: 90vw; width: 90vw;
max-width: 45rem; max-width: 45rem;
margin: 0 auto; margin: 0 auto;
padding-top: 4vw;
text-align: center; text-align: center;
font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
color: white; color: white;
@ -59,9 +58,13 @@
opacity: 25%; opacity: 25%;
margin: 2rem 0; margin: 2rem 0;
} }
img.main-img {
width: 300px;
height: 200px;
}
h1 { h1 {
font-size: 2rem; font-size: 2rem;
margin: 1rem 1rem 2.5rem 1rem; margin: 1.5rem 1rem 2.5rem 1rem;
} }
h2 { h2 {
font-size: 1.125rem; font-size: 1.125rem;
@ -239,12 +242,12 @@
</div> </div>
<div class="main"> <div class="main">
<div class="content"> <div class="content">
<h1>The Scratch Team is working hard to fix an issue with the Scratch website</h1> <img src="http://scratch-maintenance.s3.amazonaws.com/cairn.svg" />
<h2 class="reload" onclick="location.reload()">Try reloading the page in a few minutes</h2> <h1>The Scratch Team is working on some planned updates to the website</h1>
<h2 class="comment">Check <a href="https://twitter.com/scratch">@Scratch</a> for updates</h2> <h2 class="comment">Check <a href="https://twitter.com/scratch">@Scratch</a> for updates</h2>
<hr> <hr>
<div class="narrow"> <div class="narrow">
<p>While the website is being fixed, you can use the Scratch app to make projects offline</p> <p>While the website is being worked on, you can use the Scratch app to make projects offline</p>
</div> </div>
<button class="toggleShowing showing"><span>Download Scratch app</span></button> <button class="toggleShowing showing"><span>Download Scratch app</span></button>
<div class="grid-wrapper hidden"> <div class="grid-wrapper hidden">

522
static/cdn/trouble.html
View file

File diff suppressed because one or more lines are too long