Page 1 of 1

Sitedown message

Posted: Thu Jun 30, 2022 2:34 am
by pierrepercee
Hello,

If you use "Maintenance mode" returned web page has: no html tag, no head tag, no body tag. Impossible to make an acceptable formatting since we cannot link a style sheet to the page. This page is obviously not valid.
It would be necessary to at least add the necessary tags, and make it an editable page normally...

Re: Sitedown message

Posted: Thu Jun 30, 2022 1:15 pm
by DIGI3
For now, You can create a full html document, just turn off wysiwyg. Future plans involve converting this to a page type similar to the error pages so it can use your design components, but I don't have a timeline for this.

Re: Sitedown message

Posted: Thu Jun 30, 2022 2:27 pm
by andrewvideouk
The way I did it that made a page in CMSMS with your layout etc. view the llike page Than Copy 'n' paste the HTML source code and have hard link to a CSS file into your Maintenance mode page without wysiwyg turn off.

Re: Sitedown message

Posted: Thu Jun 30, 2022 7:50 pm
by pierrepercee
Hello,

Many thanks . I had not tried without wysig editor and I was stuck... ;)

Re: Sitedown message

Posted: Fri Jul 01, 2022 9:57 am
by andrewvideouk
Try something like this.


https://codepen.io/calvinbramlett/pen/WOMzqx

Code: Select all

<!doctype html>
<title>Site Maintenance</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
<style>
  html, body { padding: 0; margin: 0; width: 100%; height: 100%; }
  * {box-sizing: border-box;}
  body { text-align: center; padding: 0; background: #d6433b; color: #fff; font-family: Open Sans; }
  h1 { font-size: 50px; font-weight: 100; text-align: center;}
  body { font-family: Open Sans; font-weight: 100; font-size: 20px; color: #fff; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
  article { display: block; width: 700px; padding: 50px; margin: 0 auto; }
  a { color: #fff; font-weight: bold;}
  a:hover { text-decoration: none; }
  svg { width: 75px; margin-top: 1em; }
</style>

<article>
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 202.24 202.24"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Asset 3</title><g id="Layer_2" data-name="Layer 2"><g id="Capa_1" data-name="Capa 1"><path class="cls-1" d="M101.12,0A101.12,101.12,0,1,0,202.24,101.12,101.12,101.12,0,0,0,101.12,0ZM159,148.76H43.28a11.57,11.57,0,0,1-10-17.34L91.09,31.16a11.57,11.57,0,0,1,20.06,0L169,131.43a11.57,11.57,0,0,1-10,17.34Z"/><path class="cls-1" d="M101.12,36.93h0L43.27,137.21H159L101.13,36.94Zm0,88.7a7.71,7.71,0,1,1,7.71-7.71A7.71,7.71,0,0,1,101.12,125.63Zm7.71-50.13a7.56,7.56,0,0,1-.11,1.3l-3.8,22.49a3.86,3.86,0,0,1-7.61,0l-3.8-22.49a8,8,0,0,1-.11-1.3,7.71,7.71,0,1,1,15.43,0Z"/></g></g></svg>
    <h1>We&rsquo;ll be back soon!</h1>
    <div>
        <p>Sorry for the inconvenience. We&rsquo;re performing some maintenance at the moment. If you need to you can always follow us on <a href="http://www.twitter.com/">Twitter</a> for updates, otherwise we&rsquo;ll be back up shortly!</p>
        <p>&mdash; The [WEBSITE NAME] Team</p>
    </div>
</article>


Re: Sitedown message

Posted: Fri Jul 01, 2022 10:00 am
by andrewvideouk
This should look like.

Re: Sitedown message

Posted: Thu Jul 14, 2022 9:40 am
by pierrepercee
Thanks for this example.
it works but still without the necessary html tags.
It's not an absolute emergency of course, but an invalid page, serial, it's still not the best advertisement.
:)

Re: Sitedown message

Posted: Thu Jul 14, 2022 6:42 pm
by Dr.CSS
I just use a separate page for things like this and set it as default...