Welcome to Centmin Mod Community
Become a Member

40x / 50x Error Pages (Dark)

Discussion in 'Feature Requests & Suggestions' started by Jimmy, May 12, 2017.

  1. Jimmy

    Jimmy Premium Member Premium Member

    1,147
    253
    83
    Oct 24, 2015
    East Coast USA
    Ratings:
    +616
    Local Time:
    3:06 PM
    1.13.x
    MariaDB 10.1.x
    Alternate template for 40x and 50x files. Includes fontawesome if you want to change the warning icon.

    Dark Version.

    Enjoy!

    Code:
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <script src="https://use.fontawesome.com/a2089a23b5.js"></script>
        <title>403</title>
    
        <style type="text/css">
            @import url('https://fonts.googleapis.com/css?family=Roboto');
            body {
                background: #212327;
                color: #D7D7D7;
                font: 16px/1.3 "Roboto", sans-serif;
            }
            header {
                width: 100%;
                margin:0px auto;
            }
            h1 {
                text-align: center;
                color:#D7D7D7;
                font: 100px/1 "Roboto";
                text-transform: uppercase;
                margin: 5% auto 5%;
                margin-bottom: 35px;
            }
    
            article { display: block; text-align: center; width: 650px; margin: 10px auto; }
    
            @media screen and (max-width: 720px) {
                article { display: block; text-align: center; width: 450px; margin: 0 auto; }
                h1 { font: 70px/1 "Roboto";}
                .wrap {margin-top: 50px;}
            }
    
            @media screen and (max-width: 480px) {
                article { display: block; text-align: center; width: 300px !important; margin: 0 auto; }
                h1 { font: 50px/1 "Roboto";}
                .wrap {margin-top: 50px;}
    
            }
        </style>
    
        <!--[if IE]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    
    </head>
    <body>
    <div class="wrap">
        <h1>403<i class="fa fa-exclamation-triangle fa-fw"></i></h1>
    </div>
    </body>
    </html>
    Screenshot from 2017-05-11 20-56-38.png
     
    • Like Like x 1
  2. eva2000

    eva2000 Administrator Staff Member

    30,630
    6,862
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +10,307
    Local Time:
    6:06 AM
    Nginx 1.13.x
    MariaDB 5.5
    Last edited: May 12, 2017
    • Like Like x 1
  3. Jimmy

    Jimmy Premium Member Premium Member

    1,147
    253
    83
    Oct 24, 2015
    East Coast USA
    Ratings:
    +616
    Local Time:
    3:06 PM
    1.13.x
    MariaDB 10.1.x
    No problem. Wasn't much work. Figured I could utilize fontawesome so people could use the icon of their choice.
     
    • Agree Agree x 1
  4. Jimmy

    Jimmy Premium Member Premium Member

    1,147
    253
    83
    Oct 24, 2015
    East Coast USA
    Ratings:
    +616
    Local Time:
    3:06 PM
    1.13.x
    MariaDB 10.1.x
    Just an FYI that fontawesome link in the doc is linked to my email address - well I had to enter my email to get the cdn address - not that I signed up for an account of something. Maybe you want to replace that with a centmin mod acquired cdn link.

    Get Started with Font Awesome
     
    • Informative Informative x 1
  5. eva2000

    eva2000 Administrator Staff Member

    30,630
    6,862
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +10,307
    Local Time:
    6:06 AM
    Nginx 1.13.x
    MariaDB 5.5
    ah will do :D

    edit: done :)
     
    Last edited: May 12, 2017
  6. joshuah

    joshuah Member

    121
    14
    18
    Apr 3, 2017
    Ratings:
    +17
    Local Time:
    7:06 AM
    They look awesome. How would I go about making them global?
     
    Last edited by a moderator: May 12, 2017
  7. eva2000

    eva2000 Administrator Staff Member

    30,630
    6,862
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +10,307
    Local Time:
    6:06 AM
    Nginx 1.13.x
    MariaDB 5.5
    Right now they're per vhost at nginx vhost creation time, so replacing the existing nginx vhosts copies will suffice. New nginx vhosts will use the updated templates if you ran centmin.sh menu option 23 submenu option 2 to update 123.09beta01 branch
     
  8. Jimmy

    Jimmy Premium Member Premium Member

    1,147
    253
    83
    Oct 24, 2015
    East Coast USA
    Ratings:
    +616
    Local Time:
    3:06 PM
    1.13.x
    MariaDB 10.1.x
    @eva2000 what do you think about adding a 401 template? That way if someone sets up password protection there will be a custom error page for the 401 notice.
     
    • Agree Agree x 1
  9. eva2000

    eva2000 Administrator Staff Member

    30,630
    6,862
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +10,307
    Local Time:
    6:06 AM
    Nginx 1.13.x
    MariaDB 5.5
    ah don't know why I didn't add that before LOL

    added to 123.09beta01 :D
     
    • Like Like x 1
  10. noly

    noly Premium Member Premium Member

    76
    11
    8
    Jul 24, 2017
    Frankfurt/Germany
    Ratings:
    +21
    Local Time:
    9:06 PM
    1.13.x
    10.x
    In that case the 503.jpg which is integrated in each vhost public folder is a leftover from earlier days, right?

    If there is no need for it maybe exclude it?!
     
  11. eva2000

    eva2000 Administrator Staff Member

    30,630
    6,862
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +10,307
    Local Time:
    6:06 AM
    Nginx 1.13.x
    MariaDB 5.5
  12. noly

    noly Premium Member Premium Member

    76
    11
    8
    Jul 24, 2017
    Frankfurt/Germany
    Ratings:
    +21
    Local Time:
    9:06 PM
    1.13.x
    10.x
    Can't see any reference to the 503.jpg in maintenance.html o_O
     
  13. eva2000

    eva2000 Administrator Staff Member

    30,630
    6,862
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +10,307
    Local Time:
    6:06 AM
    Nginx 1.13.x
    MariaDB 5.5
    ah you maybe right :)

    will eventually remove it :D
     
    • Like Like x 1