Home Explore Help
Sign In
yosoyhendrix
/
hestiacp
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

Info pages (errors, welcome, unassigned) do not depend anymore on external assets(css,fonts,js)

Robert Zollner 6 years ago
parent
2feb35b425
commit
4e6c9872a6
7 changed files with 623 additions and 52 deletions
Split View Show Diff Stats
  1. 88 7
      install/deb/templates/web/skel/document_errors/403.html
  2. 88 7
      install/deb/templates/web/skel/document_errors/404.html
  3. 88 7
      install/deb/templates/web/skel/document_errors/50x.html
  4. 88 7
      install/deb/templates/web/skel/public_html/index.html
  5. 88 7
      install/deb/templates/web/skel/public_shtml/index.html
  6. 88 5
      install/deb/templates/web/suspend/index.html
  7. 95 12
      install/deb/templates/web/unassigned/index.html

+ 88 - 7
install/deb/templates/web/skel/document_errors/403.html
View File 

@@ -4,18 +4,101 @@
 
 <meta charset="UTF-8">
 
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
-<link type="text/css" rel="stylesheet" href="assets/css/bootstrap.min.css">
 
-<link type="text/css" rel="stylesheet" href="assets/css/all.min.css">
 
-<link type="text/css" rel="stylesheet" href="assets/css/animate.css">
 
-<link type="text/css" rel="stylesheet" href="assets/css/style.css">   
 <title>Access Denied</title>
 
+<style type="text/css">
 
+    body {
 
+        background-color: #f5f5f5;
 
+        margin-top: 8%;
 
+        color: #5d5d5d;
 
+        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
 
+        text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
 
+        text-align: center !important;
 
+    }
 
+
 
+    h1 {
 
+        font-size: 2.45em;
 
+        font-weight: 700;
 
+        color: #5d5d5d;
 
+        letter-spacing: -0.02em;
 
+        margin-bottom: 30px;
 
+        margin-top: 30px;
 
+    }
 
+
 
+    .container {
 
+        width: 100%;
 
+        margin-right: auto;
 
+        margin-left: auto;
 
+    }
 
+
 
+    .animated {
 
+        -webkit-animation-duration: 1s;
 
+        animation-duration: 1s;
 
+        -webkit-animation-fill-mode: both;
 
+        animation-fill-mode: both;
 
+    }
 
+
 
+    .fadeIn {
 
+        -webkit-animation-name: fadeIn;
 
+        animation-name: fadeIn;
 
+    }
 
+
 
+    .info {
 
+        color:#5594cf;
 
+        fill:#5594cf;
 
+    }
 
+
 
+    .error {
 
+        color:#c92127;
 
+        fill:#c92127;
 
+    }
 
+
 
+    .warning {
 
+        color:#ffcc33;
 
+        fill:#ffcc33;
 
+    }
 
+
 
+    .success {
 
+        color:#5aba47;
 
+        fill:#5aba47;
 
+    }
 
+
 
+    .icon-large {
 
+        height: 132px;
 
+        width: 132px;
 
+    }
 
+
 
+    .description-text {
 
+        color: #707070;
 
+        letter-spacing: -0.01em;
 
+        font-size: 1.25em;
 
+        line-height: 20px;
 
+    }
 
+
 
+    .footer {
 
+        margin-top: 40px;
 
+        font-size: 0.7em;
 
+    }
 
+
 
+    .delay-1s {
 
+        -webkit-animation-delay: 1s;
 
+        animation-delay: 1s;
 
+    }
 
+
 
+    @keyframes fadeIn {
 
+        from { opacity: 0; }
 
+        to   { opacity: 1; }
 
+    }
 
+
 
+</style>
 
 </head>
 
 <body>
 
 <div class="container text-center">
 
     <div class="row">
 
         <div class="col">
 
             <div class="animated fadeIn">
 
-                <i class="fas fa-times-circle icon-large error"></i>
 
+                <svg class="error icon-large fa-times-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
 
+                    <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z"></path>
 
+                </svg>
 
             </div>
 
             <h1 class="animated fadeIn">Access Denied</h1>
 
             <div class="description-text animated fadeIn delay-1s">
 
@@ -26,7 +109,5 @@
 
         </div>
 
     </div>
 
 </div>
 
-    
-<script src="assets/js/bootstrap.min.js"></script>
 
 </body>
 
 </html>

+ 88 - 7
install/deb/templates/web/skel/document_errors/404.html
View File 

@@ -4,18 +4,101 @@
 
 <meta charset="UTF-8">
 
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
-<link type="text/css" rel="stylesheet" href="assets/css/bootstrap.min.css">
 
-<link type="text/css" rel="stylesheet" href="assets/css/all.min.css">
 
-<link type="text/css" rel="stylesheet" href="assets/css/animate.css">
 
-<link type="text/css" rel="stylesheet" href="assets/css/style.css">   
 <title>Page Not Found</title>
 
+<style type="text/css">
 
+    body {
 
+        background-color: #f5f5f5;
 
+        margin-top: 8%;
 
+        color: #5d5d5d;
 
+        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
 
+        text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
 
+        text-align: center !important;
 
+    }
 
+
 
+    h1 {
 
+        font-size: 2.45em;
 
+        font-weight: 700;
 
+        color: #5d5d5d;
 
+        letter-spacing: -0.02em;
 
+        margin-bottom: 30px;
 
+        margin-top: 30px;
 
+    }
 
+
 
+    .container {
 
+        width: 100%;
 
+        margin-right: auto;
 
+        margin-left: auto;
 
+    }
 
+
 
+    .animated {
 
+        -webkit-animation-duration: 1s;
 
+        animation-duration: 1s;
 
+        -webkit-animation-fill-mode: both;
 
+        animation-fill-mode: both;
 
+    }
 
+
 
+    .fadeIn {
 
+        -webkit-animation-name: fadeIn;
 
+        animation-name: fadeIn;
 
+    }
 
+
 
+    .info {
 
+        color:#5594cf;
 
+        fill:#5594cf;
 
+    }
 
+
 
+    .error {
 
+        color:#c92127;
 
+        fill:#c92127;
 
+    }
 
+
 
+    .warning {
 
+        color:#ffcc33;
 
+        fill:#ffcc33;
 
+    }
 
+
 
+    .success {
 
+        color:#5aba47;
 
+        fill:#5aba47;
 
+    }
 
+
 
+    .icon-large {
 
+        height: 132px;
 
+        width: 132px;
 
+    }
 
+
 
+    .description-text {
 
+        color: #707070;
 
+        letter-spacing: -0.01em;
 
+        font-size: 1.25em;
 
+        line-height: 20px;
 
+    }
 
+
 
+    .footer {
 
+        margin-top: 40px;
 
+        font-size: 0.7em;
 
+    }
 
+
 
+    .delay-1s {
 
+        -webkit-animation-delay: 1s;
 
+        animation-delay: 1s;
 
+    }
 
+
 
+    @keyframes fadeIn {
 
+        from { opacity: 0; }
 
+        to   { opacity: 1; }
 
+    }
 
+
 
+</style>
 
 </head>
 
 <body>
 
 <div class="container text-center">
 
     <div class="row">
 
         <div class="col">
 
             <div class="animated fadeIn">
 
-                <i class="fas fa-question-circle icon-large info"></i>
 
+                <svg class="info icon-large fa-question-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
 
+                    <path d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"></path>
 
+                </svg>
 
             </div>
 
             <h1 class="animated fadeIn">Page Not Found</h1>
 
             <div class="description-text animated fadeIn delay-1s">
 
@@ -26,7 +109,5 @@
 
         </div>
 
     </div>
 
 </div>
 
-    
-<script src="assets/js/bootstrap.min.js"></script>
 
 </body>
 
 </html>

+ 88 - 7
install/deb/templates/web/skel/document_errors/50x.html
View File 

@@ -4,18 +4,101 @@
 
 <meta charset="UTF-8">
 
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
-<link type="text/css" rel="stylesheet" href="assets/css/bootstrap.min.css">
 
-<link type="text/css" rel="stylesheet" href="assets/css/all.min.css">
 
-<link type="text/css" rel="stylesheet" href="assets/css/animate.css">
 
-<link type="text/css" rel="stylesheet" href="assets/css/style.css">   
 <title>Internal Server Error</title>
 
+<style type="text/css">
 
+    body {
 
+        background-color: #f5f5f5;
 
+        margin-top: 8%;
 
+        color: #5d5d5d;
 
+        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
 
+        text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
 
+        text-align: center !important;
 
+    }
 
+
 
+    h1 {
 
+        font-size: 2.45em;
 
+        font-weight: 700;
 
+        color: #5d5d5d;
 
+        letter-spacing: -0.02em;
 
+        margin-bottom: 30px;
 
+        margin-top: 30px;
 
+    }
 
+
 
+    .container {
 
+        width: 100%;
 
+        margin-right: auto;
 
+        margin-left: auto;
 
+    }
 
+
 
+    .animated {
 
+        -webkit-animation-duration: 1s;
 
+        animation-duration: 1s;
 
+        -webkit-animation-fill-mode: both;
 
+        animation-fill-mode: both;
 
+    }
 
+
 
+    .fadeIn {
 
+        -webkit-animation-name: fadeIn;
 
+        animation-name: fadeIn;
 
+    }
 
+
 
+    .info {
 
+        color:#5594cf;
 
+        fill:#5594cf;
 
+    }
 
+
 
+    .error {
 
+        color:#c92127;
 
+        fill:#c92127;
 
+    }
 
+
 
+    .warning {
 
+        color:#ffcc33;
 
+        fill:#ffcc33;
 
+    }
 
+
 
+    .success {
 
+        color:#5aba47;
 
+        fill:#5aba47;
 
+    }
 
+
 
+    .icon-large {
 
+        height: 132px;
 
+        width: 132px;
 
+    }
 
+
 
+    .description-text {
 
+        color: #707070;
 
+        letter-spacing: -0.01em;
 
+        font-size: 1.25em;
 
+        line-height: 20px;
 
+    }
 
+
 
+    .footer {
 
+        margin-top: 40px;
 
+        font-size: 0.7em;
 
+    }
 
+
 
+    .delay-1s {
 
+        -webkit-animation-delay: 1s;
 
+        animation-delay: 1s;
 
+    }
 
+
 
+    @keyframes fadeIn {
 
+        from { opacity: 0; }
 
+        to   { opacity: 1; }
 
+    }
 
+
 
+</style>
 
 </head>
 
 <body>
 
 <div class="container text-center">
 
     <div class="row">
 
         <div class="col">
 
             <div class="animated fadeIn">
 
-                <i class="fas fa-exclamation-triangle icon-large warning"></i>
 
+                <svg class="warning icon-large fa-exclamation-triangle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
 
+                    <path d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"></path>
 
+                </svg>
 
             </div>
 
             <h1 class="animated fadeIn">Internal Server Error</h1>
 
             <div class="description-text animated fadeIn delay-1s">
 
@@ -26,7 +109,5 @@
 
         </div>
 
     </div>
 
 </div>
 
-    
-<script src="assets/js/bootstrap.min.js"></script>
 
 </body>
 
 </html>

+ 88 - 7
install/deb/templates/web/skel/public_html/index.html
View File 

@@ -4,18 +4,101 @@
 
 <meta charset="UTF-8">
 
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
-<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
 
-<link type="text/css" rel="stylesheet" href="css/all.min.css">
 
-<link type="text/css" rel="stylesheet" href="css/animate.css">
 
-<link type="text/css" rel="stylesheet" href="css/style.css">   
 <title>Coming Soon</title>
 
+<style type="text/css">
 
+    body {
 
+        background-color: #f5f5f5;
 
+        margin-top: 8%;
 
+        color: #5d5d5d;
 
+        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
 
+        text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
 
+        text-align: center !important;
 
+    }
 
+
 
+    h1 {
 
+        font-size: 2.45em;
 
+        font-weight: 700;
 
+        color: #5d5d5d;
 
+        letter-spacing: -0.02em;
 
+        margin-bottom: 30px;
 
+        margin-top: 30px;
 
+    }
 
+
 
+    .container {
 
+        width: 100%;
 
+        margin-right: auto;
 
+        margin-left: auto;
 
+    }
 
+
 
+    .animated {
 
+        -webkit-animation-duration: 1s;
 
+        animation-duration: 1s;
 
+        -webkit-animation-fill-mode: both;
 
+        animation-fill-mode: both;
 
+    }
 
+
 
+    .fadeIn {
 
+        -webkit-animation-name: fadeIn;
 
+        animation-name: fadeIn;
 
+    }
 
+    
+    .info {
 
+        color:#5594cf;
 
+        fill:#5594cf;
 
+    }
 
+
 
+    .error {
 
+        color:#c92127;
 
+        fill:#c92127;
 
+    }
 
+
 
+    .warning {
 
+        color:#ffcc33;
 
+        fill:#ffcc33;
 
+    }
 
+
 
+    .success {
 
+        color:#5aba47;
 
+        fill:#5aba47;
 
+    }
 
+
 
+    .icon-large {
 
+        height: 132px;
 
+        width: 132px;
 
+    }
 
+
 
+    .description-text {
 
+        color: #707070;
 
+        letter-spacing: -0.01em;
 
+        font-size: 1.25em;
 
+        line-height: 20px;
 
+    }
 
+
 
+    .footer {
 
+        margin-top: 40px;
 
+        font-size: 0.7em;
 
+    }
 
+
 
+    .delay-1s {
 
+        -webkit-animation-delay: 1s;
 
+        animation-delay: 1s;
 
+    }
 
+
 
+    @keyframes fadeIn {
 
+        from { opacity: 0; }
 
+        to   { opacity: 1; }
 
+    }
 
+
 
+</style>
 
 </head>
 
 <body>
 
 <div class="container text-center">
 
     <div class="row">
 
         <div class="col">
 
             <div class="animated fadeIn">
 
-                <i class="fas fa-hard-hat icon-large warning"></i>
 
+                <svg class="warning icon-large fa-hard-hat" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
 
+                    <path d="M480 288c0-80.25-49.28-148.92-119.19-177.62L320 192V80a16 16 0 0 0-16-16h-96a16 16 0 0 0-16 16v112l-40.81-81.62C81.28 139.08 32 207.75 32 288v64h448zm16 96H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h480a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z"></path>
 
+                </svg>
 
             </div>
 
             <h1 class="animated fadeIn">We're working on it!</h1>
 
             <div class="description-text animated fadeIn delay-1s">
 
@@ -26,7 +109,5 @@
 
         </div>
 
     </div>
 
 </div>
 
-    
-<script src="js/bootstrap.min.js"></script>
 
 </body>
 
 </html>

+ 88 - 7
install/deb/templates/web/skel/public_shtml/index.html
View File 

@@ -4,18 +4,101 @@
 
 <meta charset="UTF-8">
 
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
-<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
 
-<link type="text/css" rel="stylesheet" href="css/all.min.css">
 
-<link type="text/css" rel="stylesheet" href="css/animate.css">
 
-<link type="text/css" rel="stylesheet" href="css/style.css">   
 <title>Coming Soon</title>
 
+<style type="text/css">
 
+    body {
 
+        background-color: #f5f5f5;
 
+        margin-top: 8%;
 
+        color: #5d5d5d;
 
+        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
 
+        text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
 
+        text-align: center !important;
 
+    }
 
+
 
+    h1 {
 
+        font-size: 2.45em;
 
+        font-weight: 700;
 
+        color: #5d5d5d;
 
+        letter-spacing: -0.02em;
 
+        margin-bottom: 30px;
 
+        margin-top: 30px;
 
+    }
 
+
 
+    .container {
 
+        width: 100%;
 
+        margin-right: auto;
 
+        margin-left: auto;
 
+    }
 
+
 
+    .animated {
 
+        -webkit-animation-duration: 1s;
 
+        animation-duration: 1s;
 
+        -webkit-animation-fill-mode: both;
 
+        animation-fill-mode: both;
 
+    }
 
+
 
+    .fadeIn {
 
+        -webkit-animation-name: fadeIn;
 
+        animation-name: fadeIn;
 
+    }
 
+
 
+    .info {
 
+        color:#5594cf;
 
+        fill:#5594cf;
 
+    }
 
+
 
+    .error {
 
+        color:#c92127;
 
+        fill:#c92127;
 
+    }
 
+    
+    .warning {
 
+        color:#ffcc33;
 
+        fill:#ffcc33;
 
+    }
 
+
 
+    .success {
 
+        color:#5aba47;
 
+        fill:#5aba47;
 
+    }
 
+
 
+    .icon-large {
 
+        height: 132px;
 
+        width: 132px;
 
+    }
 
+
 
+    .description-text {
 
+        color: #707070;
 
+        letter-spacing: -0.01em;
 
+        font-size: 1.25em;
 
+        line-height: 20px;
 
+    }
 
+
 
+    .footer {
 
+        margin-top: 40px;
 
+        font-size: 0.7em;
 
+    }
 
+
 
+    .delay-1s {
 
+        -webkit-animation-delay: 1s;
 
+        animation-delay: 1s;
 
+    }
 
+
 
+    @keyframes fadeIn {
 
+        from { opacity: 0; }
 
+        to   { opacity: 1; }
 
+    }
 
+
 
+</style>
 
 </head>
 
 <body>
 
 <div class="container text-center">
 
     <div class="row">
 
         <div class="col">
 
             <div class="animated fadeIn">
 
-                <i class="fas fa-hard-hat icon-large warning"></i>
 
+                <svg class="warning icon-large fa-hard-hat" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
 
+                    <path d="M480 288c0-80.25-49.28-148.92-119.19-177.62L320 192V80a16 16 0 0 0-16-16h-96a16 16 0 0 0-16 16v112l-40.81-81.62C81.28 139.08 32 207.75 32 288v64h448zm16 96H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h480a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z"></path>
 
+                </svg>
 
             </div>
 
             <h1 class="animated fadeIn">We're working on it!</h1>
 
             <div class="description-text animated fadeIn delay-1s">
 
@@ -26,7 +109,5 @@
 
         </div>
 
     </div>
 
 </div>
 
-    
-<script src="js/bootstrap.min.js"></script>
 
 </body>
 
 </html>

+ 88 - 5
install/deb/templates/web/suspend/index.html
View File 

@@ -4,18 +4,101 @@
 
 <meta charset="UTF-8">
 
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
-<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
 
-<link type="text/css" rel="stylesheet" href="css/all.min.css">
 
-<link type="text/css" rel="stylesheet" href="css/animate.css">
 
-<link type="text/css" rel="stylesheet" href="css/style.css">
 
 <title>Access Denied</title>
 
+<style type="text/css">
 
+    body {
 
+        background-color: #f5f5f5;
 
+        margin-top: 8%;
 
+        color: #5d5d5d;
 
+        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
 
+        text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
 
+        text-align: center !important;
 
+    }
 
+
 
+    h1 {
 
+        font-size: 2.45em;
 
+        font-weight: 700;
 
+        color: #5d5d5d;
 
+        letter-spacing: -0.02em;
 
+        margin-bottom: 30px;
 
+        margin-top: 30px;
 
+    }
 
+
 
+    .container {
 
+        width: 100%;
 
+        margin-right: auto;
 
+        margin-left: auto;
 
+    }
 
+
 
+    .animated {
 
+        -webkit-animation-duration: 1s;
 
+        animation-duration: 1s;
 
+        -webkit-animation-fill-mode: both;
 
+        animation-fill-mode: both;
 
+    }
 
+
 
+    .fadeIn {
 
+        -webkit-animation-name: fadeIn;
 
+        animation-name: fadeIn;
 
+    }
 
+
 
+    .info {
 
+        color:#5594cf;
 
+        fill:#5594cf;
 
+    }
 
+
 
+    .error {
 
+        color:#c92127;
 
+        fill:#c92127;
 
+    }
 
+
 
+    .warning {
 
+        color:#ffcc33;
 
+        fill:#ffcc33;
 
+    }
 
+
 
+    .success {
 
+        color:#5aba47;
 
+        fill:#5aba47;
 
+    }
 
+
 
+    .icon-large {
 
+        height: 132px;
 
+        width: 132px;
 
+    }
 
+
 
+    .description-text {
 
+        color: #707070;
 
+        letter-spacing: -0.01em;
 
+        font-size: 1.25em;
 
+        line-height: 20px;
 
+    }
 
+
 
+    .footer {
 
+        margin-top: 40px;
 
+        font-size: 0.7em;
 
+    }
 
+
 
+    .delay-1s {
 
+        -webkit-animation-delay: 1s;
 
+        animation-delay: 1s;
 
+    }
 
+
 
+    @keyframes fadeIn {
 
+        from { opacity: 0; }
 
+        to   { opacity: 1; }
 
+    }
 
+
 
+</style>
 
 </head>
 
 <body>
 
 <div class="container text-center">
 
     <div class="row">
 
         <div class="col">
 
             <div class="animated fadeIn">
 
-                <i class="fas fa-exclamation-circle icon-large error"></i>
 
+                <svg class="error icon-large fa-exclamation-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
 
+                    <path d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"></path>
 
+                </svg>
 
             </div>
 
             <h1 class="animated fadeIn">This site is currently suspended</h1>
 
             <div class="description-text animated fadeIn delay-1s">

+ 95 - 12
install/deb/templates/web/unassigned/index.html
View File 

@@ -1,21 +1,106 @@
 
 <!DOCTYPE html>
 
 <html lang="en">
 
 <head>
 
-<meta charset="UTF-8">
 
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-<meta http-equiv="X-UA-Compatible" content="ie=edge">
 
-<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
 
-<link type="text/css" rel="stylesheet" href="css/all.min.css">
 
-<link type="text/css" rel="stylesheet" href="css/animate.css">
 
-<link type="text/css" rel="stylesheet" href="css/style.css">   
-<title>Success!</title>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
+    <title>Success!</title>
 
+    <style type="text/css">
 
+        body {
 
+            background-color: #f5f5f5;
 
+            margin-top: 8%;
 
+            color: #5d5d5d;
 
+            font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
 
+            text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
 
+            text-align: center !important;
 
+        }
 
+
 
+        h1 {
 
+            font-size: 2.45em;
 
+            font-weight: 700;
 
+            color: #5d5d5d;
 
+            letter-spacing: -0.02em;
 
+            margin-bottom: 30px;
 
+            margin-top: 30px;
 
+        }
 
+
 
+        .container {
 
+            width: 100%;
 
+            margin-right: auto;
 
+            margin-left: auto;
 
+        }
 
+
 
+        .animated {
 
+            -webkit-animation-duration: 1s;
 
+            animation-duration: 1s;
 
+            -webkit-animation-fill-mode: both;
 
+            animation-fill-mode: both;
 
+        }
 
+
 
+        .fadeIn {
 
+            -webkit-animation-name: fadeIn;
 
+            animation-name: fadeIn;
 
+        }
 
+
 
+        .info {
 
+            color:#5594cf;
 
+            fill:#5594cf;
 
+        }
 
+
 
+        .error {
 
+            color:#c92127;
 
+            fill:#c92127;
 
+        }
 
+
 
+        .warning {
 
+            color:#ffcc33;
 
+            fill:#ffcc33;
 
+        }
 
+
 
+        .success {
 
+            color:#5aba47;
 
+            fill:#5aba47;
 
+        }
 
+
 
+        .icon-large {
 
+            height: 132px;
 
+            width: 132px;
 
+        }
 
+
 
+        .description-text {
 
+            color: #707070;
 
+            letter-spacing: -0.01em;
 
+            font-size: 1.25em;
 
+            line-height: 20px;
 
+        }
 
+
 
+        .footer {
 
+            margin-top: 40px;
 
+            font-size: 0.7em;
 
+        }
 
+
 
+        .delay-1s {
 
+            -webkit-animation-delay: 1s;
 
+            animation-delay: 1s;
 
+        }
 
+    
+        @keyframes fadeIn {
 
+            from { opacity: 0; }
 
+            to   { opacity: 1; }
 
+        }
 
+
 
+    </style>
 
 </head>
 
 <body>
 
 <div class="container text-center">
 
     <div class="row">
 
         <div class="col">
 
             <div class="animated fadeIn">
 
-                <i class="fas fa-check-circle success icon-large"></i>
 
+                <i class="success">
 
+                    <svg class="success icon-large fa-check-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
 
+                        <path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path>
 
+                    </svg>
 
+                </i>
 
             </div>
 
             <h1 class="animated fadeIn">Success!</h1>
 
             <div class="description-text animated fadeIn delay-1s">
 
@@ -24,7 +109,5 @@
 
         </div>
 
     </div>
 
 </div>
 
-    
-<script src="js/bootstrap.min.js"></script>
 
 </body>
 
-</html>
 
+</html>