| Matteo Scandolo | aca8665 | 2017-08-08 13:05:27 -0700 | [diff] [blame^] | 1 | #!/usr/bin/env bash |
| 2 | |||||
| 3 | <!-- | ||||
| 4 | Copyright 2017-present Open Networking Foundation | ||||
| 5 | |||||
| 6 | Licensed under the Apache License, Version 2.0 (the "License"); | ||||
| 7 | you may not use this file except in compliance with the License. | ||||
| 8 | You may obtain a copy of the License at | ||||
| 9 | |||||
| 10 | http://www.apache.org/licenses/LICENSE-2.0 | ||||
| 11 | |||||
| 12 | Unless required by applicable law or agreed to in writing, software | ||||
| 13 | distributed under the License is distributed on an "AS IS" BASIS, | ||||
| 14 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | ||||
| 15 | See the License for the specific language governing permissions and | ||||
| 16 | limitations under the License. | ||||
| 17 | --> | ||||
| 18 | |||||
| 19 | |||||
| Scott Baker | 761e106 | 2016-06-20 17:18:17 -0700 | [diff] [blame] | 20 | <!DOCTYPE html> |
| 21 | <html lang="en"> | ||||
| 22 | <head> | ||||
| 23 | <meta charset="UTF-8"> | ||||
| 24 | <title>Service Suspended</title> | ||||
| 25 | <style> | ||||
| 26 | |||||
| 27 | .row { | ||||
| 28 | width: 100%; | ||||
| 29 | } | ||||
| 30 | |||||
| 31 | .col-sm-offset-2 { | ||||
| 32 | margin-left: 16.66666667%; | ||||
| 33 | } | ||||
| 34 | |||||
| 35 | .col-sm-8 { | ||||
| 36 | width: 66.66666667%; | ||||
| 37 | } | ||||
| 38 | |||||
| 39 | .alert-danger { | ||||
| 40 | color: #a94442; | ||||
| 41 | background-color: #f2dede; | ||||
| 42 | border-color: #a94442; | ||||
| 43 | } | ||||
| 44 | .alert { | ||||
| 45 | padding: 15px; | ||||
| 46 | margin-bottom: 20px; | ||||
| 47 | border: 1px solid transparent; | ||||
| 48 | border-radius: 4px; | ||||
| 49 | } | ||||
| 50 | |||||
| 51 | body { | ||||
| 52 | background-size: cover; | ||||
| 53 | background-color: #00BFEC; | ||||
| 54 | font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; | ||||
| 55 | font-size: 18px; | ||||
| 56 | line-height: 1.42857143; | ||||
| 57 | } | ||||
| 58 | |||||
| 59 | .vertical-center { | ||||
| 60 | min-height: 100%; /* Fallback for browsers do NOT support vh unit */ | ||||
| 61 | min-height: 100vh; /* These two lines are counted as one :-) */ | ||||
| 62 | |||||
| 63 | display: flex; | ||||
| 64 | align-items: center; | ||||
| 65 | } | ||||
| 66 | |||||
| 67 | .jumbotron { | ||||
| 68 | padding: 60px; | ||||
| 69 | border-radius: 6px; | ||||
| 70 | background-color: #eee; | ||||
| 71 | box-shadow: 4px 4px 18px black; | ||||
| 72 | } | ||||
| 73 | |||||
| 74 | .cord-logo-title{ | ||||
| 75 | font-size: 150px; | ||||
| 76 | display: inline-block; | ||||
| 77 | color: #007EC4; | ||||
| 78 | } | ||||
| 79 | |||||
| 80 | path { | ||||
| 81 | fill: #B2181E; | ||||
| 82 | } | ||||
| 83 | |||||
| 84 | #cord-logo { | ||||
| 85 | transform: scale(1.3) | ||||
| 86 | } | ||||
| 87 | |||||
| 88 | @media only screen | ||||
| 89 | and (min-device-width : 768px) | ||||
| 90 | and (max-device-width : 1024px) { | ||||
| 91 | #cord-logo { | ||||
| 92 | transform: scale(1.2) | ||||
| 93 | } | ||||
| 94 | .cord-logo-title{ | ||||
| 95 | font-size: 100px; | ||||
| 96 | } | ||||
| 97 | } | ||||
| 98 | </style> | ||||
| 99 | </head> | ||||
| 100 | <body> | ||||
| 101 | |||||
| 102 | <div class="container vertical-center"> | ||||
| 103 | <div class="row"> | ||||
| 104 | <div class="col-sm-8 col-sm-offset-2"> | ||||
| 105 | <div class="jumbotron"> | ||||
| 106 | <div class="cord-logo-title"> | ||||
| 107 | <svg height="150" width="150"> | ||||
| 108 | <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" /> | ||||
| 109 | Sorry, your browser does not support inline SVG. | ||||
| 110 | </svg> | ||||
| 111 | CORD | ||||
| 112 | </div> | ||||
| 113 | <div class="alert alert-danger"> | ||||
| 114 | {% if status == "delinquent" %} | ||||
| 115 | Your account is delinquent. Please visit the customer portal to pay your bill. | ||||
| 116 | {% elif status == "copyrightviolation" %} | ||||
| 117 | Someone in your home has been illegally downloading copyrighted material. | ||||
| 118 | Please visit the customer portal and perform the Copyright Training course. | ||||
| 119 | {% else %} | ||||
| 120 | Your service has been suspended. Please visit the customer portal to resume. | ||||
| 121 | {% endif %} | ||||
| 122 | </div> | ||||
| 123 | </div> | ||||
| 124 | </div> | ||||
| 125 | </div> | ||||
| 126 | </div> | ||||
| 127 | |||||
| 128 | |||||
| 129 | </body> | ||||
| 130 | </html> | ||||