blob: eb4497a037d81195bfbf47aeae01ec9653ef28e4 [file] [log] [blame]
Scott Baker761e1062016-06-20 17:18:17 -07001<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <title>Service Suspended</title>
6 <style>
7
8 .row {
9 width: 100%;
10 }
11
12 .col-sm-offset-2 {
13 margin-left: 16.66666667%;
14 }
15
16 .col-sm-8 {
17 width: 66.66666667%;
18 }
19
20 .alert-danger {
21 color: #a94442;
22 background-color: #f2dede;
23 border-color: #a94442;
24 }
25 .alert {
26 padding: 15px;
27 margin-bottom: 20px;
28 border: 1px solid transparent;
29 border-radius: 4px;
30 }
31
32 body {
33 background-size: cover;
34 background-color: #00BFEC;
35 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
36 font-size: 18px;
37 line-height: 1.42857143;
38 }
39
40 .vertical-center {
41 min-height: 100%; /* Fallback for browsers do NOT support vh unit */
42 min-height: 100vh; /* These two lines are counted as one :-) */
43
44 display: flex;
45 align-items: center;
46 }
47
48 .jumbotron {
49 padding: 60px;
50 border-radius: 6px;
51 background-color: #eee;
52 box-shadow: 4px 4px 18px black;
53 }
54
55 .cord-logo-title{
56 font-size: 150px;
57 display: inline-block;
58 color: #007EC4;
59 }
60
61 path {
62 fill: #B2181E;
63 }
64
65 #cord-logo {
66 transform: scale(1.3)
67 }
68
69 @media only screen
70 and (min-device-width : 768px)
71 and (max-device-width : 1024px) {
72 #cord-logo {
73 transform: scale(1.2)
74 }
75 .cord-logo-title{
76 font-size: 100px;
77 }
78 }
79 </style>
80</head>
81<body>
82
83 <div class="container vertical-center">
84 <div class="row">
85 <div class="col-sm-8 col-sm-offset-2">
86 <div class="jumbotron">
87 <div class="cord-logo-title">
88 <svg height="150" width="150">
89 <path id="cord-logo" d="M92.5,62.3l-33,33,2.5,2.5c4.1,4.1,7.4,3.6,11.2-.1L95.9,75l-4.5-4.5,4.7-4.7-3.6-3.6Zm2.6,7L98.4,66l3.3,3.3-3.3,3.3-3.3-3.3ZM94.5,60l4.9-4.9,4.9,4.9-4.9,4.9ZM36.2,36.1L18.6,53.8c-7.8,7.8-5.8,17.4-2.4,22l-2.2-2.2c-10.6-10.6-11.2-20,0-31.2L28.2,28.1L31.3,25l8,8-3.1,3.1ZM55.5,55.4l3.6-3.6L66.9,44l-8-8l-2.5,2.5-5.2,5.2l-3.6,3.6L33.2,61.6C22,72.7,22.5,82.2,33.2,92.8L35.4,95c-3.4-4.5-5.4-14.1,2.4-22L55.5,55.4ZM50.7,21.7l-8-8L35,21.2l8,8,7.6-7.6ZM62.8,9.6L55.4,17l-8-8,7.4-7.4,8,8Zm0.7,18.3-7.6,7.6-8-8,7.6-7.6,8,8Zm26.1-6.6-8.1,8.1-8-8,8.1-8.1,8,8ZM79.3,31.5l-7.4,7.4-8-8,7.4-7.4,8,8ZM45.7,45.6L54.3,37l-8-8-8.6,8.6L23.4,51.8C12.2,63,12.8,72.4,23.4,83l2.2,2.2c-3.4-4.5-5.4-14.1,2.4-22ZM34.9,80.7l20.6,20.5c2,2,4.6,4.1,7.9,3.2-2.9,2.9-8.9,1.7-11.9-1.3L35.1,86.8,35,86.6H34.9l-0.8-.8a15,15,0,0,1,.1-1.9,14.7,14.7,0,0,1,.7-3.2Zm-0.6,7.4a21.3,21.3,0,0,0,5.9,11.7l5.7,5.7c3,3,9,4.1,11.9,1.3-3.3.9-5.9-1.2-7.9-3.2L34.3,88.1Zm3.5-12.4a16.6,16.6,0,0,0-2.3,3.6L57,100.8c3,3,9,4.1,11.9,1.3-3.3.9-5.9-1.2-7.9-3.2Z" />
90 Sorry, your browser does not support inline SVG.
91 </svg>
92 CORD
93 </div>
94 <div class="alert alert-danger">
95 {% if status == "delinquent" %}
96 Your account is delinquent. Please visit the customer portal to pay your bill.
97 {% elif status == "copyrightviolation" %}
98 Someone in your home has been illegally downloading copyrighted material.
99 Please visit the customer portal and perform the Copyright Training course.
100 {% else %}
101 Your service has been suspended. Please visit the customer portal to resume.
102 {% endif %}
103 </div>
104 </div>
105 </div>
106 </div>
107 </div>
108
109
110</body>
111</html>