Skip to content

Commit 34fd777

Browse files
author
Kristan Kenney
committed
Initial commit: New default page templates
Simple, clean bootstrap based templates for: * 403 - Access Denied * 404 - Page Not Found * 50x - Internal Server Error * A "Success" page for unassigned hosts.
1 parent fdeba40 commit 34fd777

File tree

61 files changed

+2502
-698
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

61 files changed

+2502
-698
lines changed

‎install/debian/8/templates/web/skel/document_errors/403.html‎

100755100644
Lines changed: 30 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,34 @@
1-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
3-
<title>403 &mdash; Forbidden</title>
4-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
5-
<meta name="description" content="You do not have permission to view this"/>
6-
<style type="text/css">
7-
body {font-size:14px; color:#777777; font-family:arial; text-align:center;}
8-
h1 {font-size:180px; color:#99A7AF; margin: 70px 0 0 0;}
9-
h2 {color: #DE6C5D; font-family: arial; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: -3px 0 39px;}
10-
p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
11-
div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
12-
a:link {color: #34536A;}
13-
a:visited {color: #34536A;}
14-
a:active {color: #34536A;}
15-
a:hover {color: #34536A;}
16-
</style>
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
7+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
8+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
9+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
10+
<link rel="stylesheet" href="style.css">
11+
<title>Access Denied</title>
1712
</head>
18-
1913
<body>
20-
<p><a href="http://%domain%/">%domain%</a></p>
21-
22-
<h1>403</h1>
23-
<h2>Forbidden</h2>
24-
<div>
25-
Unfortunately, you do not have permission to view this
14+
<div class="container text-center">
15+
<div class="row">
16+
<div class="col">
17+
<div class="animated fadeIn">
18+
<i class="fas fa-times-circle icon-large error"></i>
19+
</div>
20+
<h1 class="animated fadeIn">Access Denied</h1>
21+
<div class="description-text animated fadeIn delay-1s">
22+
<p>You do not have permission to view this page.</p>
23+
<p>Please check your credentials and try again.</p>
24+
<section class="footer"><strong>Error Code:</strong> 403</section>
25+
</div>
26+
</div>
2627
</div>
28+
</div>
29+
30+
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
31+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
32+
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
2733
</body>
28-
29-
</html>
34+
</html>

‎install/debian/8/templates/web/skel/document_errors/404.html‎

100755100644
Lines changed: 30 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,34 @@
1-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
3-
<title>404 &mdash; Not Found</title>
4-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
5-
<meta name="description" content="Sorry, page not found"/>
6-
<style type="text/css">
7-
body {font-size:14px; color:#777777; font-family:arial; text-align:center;}
8-
h1 {font-size:180px; color:#99A7AF; margin: 70px 0 0 0;}
9-
h2 {color: #DE6C5D; font-family: arial; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: -3px 0 39px;}
10-
p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
11-
div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
12-
a:link {color: #34536A;}
13-
a:visited {color: #34536A;}
14-
a:active {color: #34536A;}
15-
a:hover {color: #34536A;}
16-
</style>
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
7+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
8+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
9+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
10+
<link rel="stylesheet" href="style.css">
11+
<title>Page Not Found</title>
1712
</head>
18-
1913
<body>
20-
<p><a href="http://%domain%/">%domain%</a></p>
21-
<h1>404</h1>
22-
<h2>Page Not Found</h2>
23-
<div>
24-
It seems that the page you were trying to reach does not exist anymore, or maybe it has just moved.
25-
You can start again from the <a href="http://%domain%/">home</a> or go back to <a href="javascript:%20history.go(-1)">previous page</a>.
14+
<div class="container text-center">
15+
<div class="row">
16+
<div class="col">
17+
<div class="animated fadeIn">
18+
<i class="fas fa-question-circle icon-large info"></i>
19+
</div>
20+
<h1 class="animated fadeIn">Page Not Found</h1>
21+
<div class="description-text animated fadeIn delay-1s">
22+
<p>Oops! We couldn't find the page that you're looking for.</p>
23+
<p>Please check the address and try again.</p>
24+
<section class="footer"><strong>Error Code:</strong> 404</section>
25+
</div>
26+
</div>
2627
</div>
28+
</div>
29+
30+
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
31+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
32+
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
2733
</body>
28-
</html>
34+
</html>

‎install/debian/8/templates/web/skel/document_errors/50x.html‎

100755100644
Lines changed: 30 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,34 @@
1-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
3-
<title>500 &mdash; Internal Sever Error</title>
4-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
5-
<meta name="description" content="Sorry, something went wrong. Internal Server Error"/>
6-
<style type="text/css">
7-
body {font-size:14px; color:#777777; font-family:arial; text-align:center;}
8-
h1 {font-size:180px; color:#99A7AF; margin: 70px 0 0 0;}
9-
h2 {color: #DE6C5D; font-family: arial; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: -3px 0 39px;}
10-
p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
11-
div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
12-
a:link {color: #34536A;}
13-
a:visited {color: #34536A;}
14-
a:active {color: #34536A;}
15-
a:hover {color: #34536A;}
16-
</style>
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
7+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
8+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
9+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
10+
<link rel="stylesheet" href="style.css">
11+
<title>Internal Server Error</title>
1712
</head>
18-
1913
<body>
20-
<p><a href="http://%domain%/">%domain%</a></p>
21-
22-
<h1>500</h1>
23-
<h2>Internal Server Error</h2>
24-
<div>
25-
Sorry, something went wrong :(
14+
<div class="container text-center">
15+
<div class="row">
16+
<div class="col">
17+
<div class="animated fadeIn">
18+
<i class="fas fa-exclamation-triangle icon-large warning"></i>
19+
</div>
20+
<h1 class="animated fadeIn">Internal Server Error</h1>
21+
<div class="description-text animated fadeIn delay-1s">
22+
<p>Oops! Something went wrong.</p>
23+
<p>The server encountered an internal error or misconfiguration and was unable to complete your request.</p>
24+
<section class="footer"><strong>Error Code:</strong> 500</section>
25+
</div>
26+
</div>
2627
</div>
28+
</div>
29+
30+
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
31+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
32+
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
2733
</body>
28-
29-
</html>
34+
</html>

‎install/debian/8/templates/web/skel/document_errors/style.css‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
body {
2+
background-color: #f5f5f5;
3+
margin-top: 8%;
4+
color: #5d5d5d;
5+
text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
6+
}
7+
8+
h1 {
9+
font-size: 2.45em;
10+
font-weight: 700;
11+
color: #5d5d5d;
12+
letter-spacing: -0.02em;
13+
margin-bottom: 30px;
14+
margin-top: 30px;
15+
}
16+
17+
hr {
18+
margin-top: 10px;
19+
margin-bottom: 25px;
20+
margin-left: 5%;
21+
margin-right: 5%;
22+
}
23+
24+
.icon-large {
25+
font-size: 8.2em;
26+
color: #8a8a8a;
27+
text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
28+
}
29+
30+
.description-text {
31+
color: #707070;
32+
letter-spacing: -0.01em;
33+
font-size: 1.25em;
34+
margin-left: 10%;
35+
margin-right: 10%;
36+
line-height: 20px;
37+
}
38+
39+
.footer {
40+
margin-top: 40px;
41+
font-size: 0.7em;
42+
}
43+
44+
.error {
45+
color: #c92127;
46+
}
47+
48+
.warning {
49+
color: #ffcc33;
50+
}
51+
52+
.info {
53+
color: #5594cf;
54+
}
55+
56+
.success {
57+
color: #5aba47;
58+
}

‎install/debian/8/templates/web/skel/public_html/index.html‎

100755100644
Lines changed: 30 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,34 @@
1-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
3-
<title>%domain% &mdash; Coming Soon</title>
4-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
5-
<meta name="description" content="This is a default index page for a new domain."/>
6-
<style type="text/css">
7-
body {font-size:10px; color:#777777; font-family:arial; text-align:center;}
8-
h1 {font-size:64px; color:#555555; margin: 70px 0 50px 0;}
9-
p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
10-
div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
11-
a:link {color: #34536A;}
12-
a:visited {color: #34536A;}
13-
a:active {color: #34536A;}
14-
a:hover {color: #34536A;}
15-
</style>
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
7+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
8+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
9+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
10+
<link rel="stylesheet" href="style.css">
11+
<title>Coming Soon</title>
1612
</head>
17-
1813
<body>
19-
<h1>%domain%</h1>
20-
<div>
21-
<a href="https://www.hestiacp.com/">Powered by HESTIA</a>
14+
<div class="container text-center">
15+
<div class="row">
16+
<div class="col">
17+
<div class="animated fadeIn">
18+
<i class="fas fa-hard-hat icon-large warning"></i>
19+
</div>
20+
<h1 class="animated fadeIn">We're working on it!</h1>
21+
<div class="description-text animated fadeIn delay-1s">
22+
<p>This site is currently under construction.</p>
23+
<p>Please check back soon.</p>
24+
<section class="footer"><strong>Domain:</strong> %domain%</section>
25+
</div>
26+
</div>
2227
</div>
28+
</div>
29+
30+
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
31+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
32+
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
2333
</body>
24-
25-
</html>
26-
34+
</html>

‎install/debian/8/templates/web/skel/public_html/style.css‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
body {
2+
background-color: #f5f5f5;
3+
margin-top: 8%;
4+
color: #5d5d5d;
5+
text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
6+
}
7+
8+
h1 {
9+
font-size: 2.45em;
10+
font-weight: 700;
11+
color: #5d5d5d;
12+
letter-spacing: -0.02em;
13+
margin-bottom: 30px;
14+
margin-top: 30px;
15+
}
16+
17+
hr {
18+
margin-top: 10px;
19+
margin-bottom: 25px;
20+
margin-left: 5%;
21+
margin-right: 5%;
22+
}
23+
24+
.icon-large {
25+
font-size: 8.2em;
26+
color: #8a8a8a;
27+
text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
28+
}
29+
30+
.description-text {
31+
color: #707070;
32+
letter-spacing: -0.01em;
33+
font-size: 1.25em;
34+
margin-left: 10%;
35+
margin-right: 10%;
36+
line-height: 20px;
37+
}
38+
39+
.footer {
40+
margin-top: 40px;
41+
font-size: 0.7em;
42+
}
43+
44+
.error {
45+
color: #c92127;
46+
}
47+
48+
.warning {
49+
color: #ffcc33;
50+
}
51+
52+
.info {
53+
color: #5594cf;
54+
}
55+
56+
.success {
57+
color: #5aba47;
58+
}

0 commit comments

Comments
 (0)