129 lines
5.0 KiB
PHP
Executable File
129 lines
5.0 KiB
PHP
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>The Title</title>
|
|
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
|
|
<style type="text/css">
|
|
body {
|
|
background: #adadad;
|
|
}
|
|
|
|
#card {
|
|
position: relative;
|
|
top: 110px;
|
|
width: 320px;
|
|
display: block;
|
|
margin: auto;
|
|
text-align: center;
|
|
font-family: 'Source Sans Pro', sans-serif;
|
|
}
|
|
|
|
#upper-side {
|
|
padding: 2em;
|
|
background-color: #bec34a;
|
|
display: block;
|
|
color: #fff;
|
|
border-top-right-radius: 8px;
|
|
border-top-left-radius: 8px;
|
|
}
|
|
|
|
#checkmark {
|
|
font-weight: lighter;
|
|
fill: #fff;
|
|
margin: -3.5em auto auto 20px;
|
|
}
|
|
|
|
#status {
|
|
font-weight: lighter;
|
|
text-transform: uppercase;
|
|
letter-spacing: 2px;
|
|
font-size: 1em;
|
|
margin-top: -.2em;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#lower-side {
|
|
padding: 2em 2em 5em 2em;
|
|
background: #fff;
|
|
display: block;
|
|
border-bottom-right-radius: 8px;
|
|
border-bottom-left-radius: 8px;
|
|
}
|
|
|
|
#message {
|
|
margin-top: -.5em;
|
|
color: #757575;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
#contBtn {
|
|
position: relative;
|
|
top: 1.5em;
|
|
text-decoration: none;
|
|
background: #8bc34a;
|
|
color: #fff;
|
|
margin: auto;
|
|
padding: .8em 3em;
|
|
-webkit-box-shadow: 0px 15px 30px rgba(50, 50, 50, 0.21);
|
|
-moz-box-shadow: 0px 15px 30px rgba(50, 50, 50, 0.21);
|
|
box-shadow: 0px 15px 30px rgba(50, 50, 50, 0.21);
|
|
border-radius: 25px;
|
|
-webkit-transition: all .4s ease;
|
|
-moz-transition: all .4s ease;
|
|
-o-transition: all .4s ease;
|
|
transition: all .4s ease;
|
|
}
|
|
|
|
#contBtn:hover {
|
|
-webkit-box-shadow: 0px 15px 30px rgba(50, 50, 50, 0.41);
|
|
-moz-box-shadow: 0px 15px 30px rgba(50, 50, 50, 0.41);
|
|
box-shadow: 0px 15px 30px rgba(50, 50, 50, 0.41);
|
|
-webkit-transition: all .4s ease;
|
|
-moz-transition: all .4s ease;
|
|
-o-transition: all .4s ease;
|
|
transition: all .4s ease;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id='card' class="animated fadeIn">
|
|
<div id='upper-side'>
|
|
<?xml version = "1.0" encoding = "utf-8"?>
|
|
<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150"
|
|
height="150" viewBox="0 0 256 256" xml:space="preserve">
|
|
<desc>Created with Fabric.js 1.7.22</desc>
|
|
<defs>
|
|
</defs>
|
|
<g transform="translate(128 128) scale(0.72 0.72)" style="">
|
|
<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;"
|
|
transform="translate(-175.05 -175.05000000000004) scale(3.89 3.89)">
|
|
<path
|
|
d="M 45 88.11 h 40.852 c 3.114 0 5.114 -3.307 3.669 -6.065 L 48.669 4.109 c -1.551 -2.959 -5.786 -2.959 -7.337 0 L 0.479 82.046 c -1.446 2.758 0.555 6.065 3.669 6.065 H 45 z"
|
|
style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(214,0,0); fill-rule: nonzero; opacity: 1;"
|
|
transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round"/>
|
|
<path
|
|
d="M 45 64.091 L 45 64.091 c -1.554 0 -2.832 -1.223 -2.9 -2.776 l -2.677 -25.83 c -0.243 -3.245 2.323 -6.011 5.577 -6.011 h 0 c 3.254 0 5.821 2.767 5.577 6.011 L 47.9 61.315 C 47.832 62.867 46.554 64.091 45 64.091 z"
|
|
style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1;"
|
|
transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round"/>
|
|
<circle cx="44.995999999999995" cy="74.02600000000001" r="4.626"
|
|
style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1;"
|
|
transform=" matrix(1 0 0 1 0 0) "/>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
<h3 id='status'>
|
|
Failed
|
|
</h3>
|
|
</div>
|
|
<div id='lower-side'>
|
|
<p id='message'>
|
|
{{$message}} {{ $transId ??'' }}
|
|
</p>
|
|
<a href="/" id="contBtn">Continue</a>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|