1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <title>CEDAR - Carmel College</title> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta name="HandheldFriendly" content="true"> 7 8 <meta name="theme-color" content="#54b03c"> 9 <meta name="application-name" content="CEDAR" /> 10 <meta name="application-release" content="2026r2.3" /> 11 <link rel="manifest" href="https://cedar.carmel.ac.uk/Static/manifest.json?v=2026r2.3" type="text/json"/> 12 <link rel="shortcut icon" href="https://cedar.carmel.ac.uk/favicon.ico?v=2026r2.3" type="image/x-icon" /> 13 14 <meta name="title" content="CEDAR at Carmel College"> 15 <meta name="description" content="CEDAR at Carmel College"> 16 17 <link crossorigin="anonymous" href="https://fonts.googleapis.com/css?family=Lato|Oswald" rel="stylesheet"> 18 19 <!-- Google Analytics --> 20 21 22
22<script>let app_v = '2026r2.3';</script>
22 23 24 <link rel="stylesheet" href="https://cedar.carmel.ac.uk/Static/Lib/jQueryUI/jquery-ui.css" type="text/css" media="screen" /> 25 <link rel="stylesheet" href="https://cedar.carmel.ac.uk/Static/CSS/jquery-ui.theme.css?v=2026r2.3" type="text/css" media="all" /> 26 <link rel="stylesheet" href="https://cedar.carmel.ac.uk/Static/CSS/ops_page.css?v=2026r2.3" type="text/css" media="all" /> 27 <link rel="stylesheet" href="https://cedar.carmel.ac.uk/Static/CSS/ops_migrate.css?v=2026r2.3" type="text/css" media="all" /> 28 <link rel="stylesheet" href="https://cedar.carmel.ac.uk/Static/CSS/ops_auth.css?v=2026r2.3" type="text/css" media="all" /> 29 <link rel="stylesheet" href="https://cedar.carmel.ac.uk/Static/CSS/ops_animations.css?v=2026r2.3" type="text/css" media="all" /> 30 31
31<script type="text/javascript" src="https://cedar.carmel.ac.uk/Static/Lib/jQuery/jquery-3.6.1.min.js"></script>
31 32
32<script type="text/javascript" src="https://cedar.carmel.ac.uk/Static/Lib/jQuery/jquery-migrate-3.4.1.min.js"></script>
32 33
33<script type="text/javascript" src="https://cedar.carmel.ac.uk/Static/Lib/jQuery/plugins/jquery.capslock.js"></script>
33 34
34<script type="text/javascript" src="https://cedar.carmel.ac.uk/Static/Lib/common.js?v=2026r2.3"></script>
34 35
35<script type="text/javascript" src="https://cedar.carmel.ac.uk/Static/Lib/common-es6.js?v=2026r2.3"></script>
35 36
36<script type="text/javascript" src="https://cedar.carmel.ac.uk/Static/Lib/debug.js?v=2026r2.3"></script>
36 37
37<script type="text/javascript" src="https://cedar.carmel.ac.uk/Static/Lib/device.js?v=2026r2.3"></script>
37 38
38<script type="text/javascript" src="https://cedar.carmel.ac.uk/Static/Lib/tooltips/popper.min.js?v=2026r2.3"></script>
38 39
39<script type="text/javascript" src="https://cedar.carmel.ac.uk/Static/Lib/tooltips/tippy.min.js?v=2026r2.3"></script>
39 40 41 42 <style> 43 body { 44 background-image: url( 'https://cedar.carmel.ac.uk/Static/Images/ops_Auth/HeroImages/d/default.old.jpg' ); 45 } 46 #institutionWrap img { 47 max-width: 100%; 48 width:70%; 49 } 50 51 div.message { 52 padding: 0.6em 1.5em 0.7em 3em; 53 border-color: var(--green); 54 border-width: 4px; 55 width: auto; 56 margin-top: 1rem; 57 font-size: 1rem !important; 58 text-align: center; 59 color:var(--green) !important; 60 } 61 62 h2#header { 63 color: var(--green); 64 font-weight: bolder; 65 margin: 2rem 0 0 2.5rem; 66 } 67 68 #boxes { 69 width: 66vw !important; 70 min-height: 30vw 71 } 72 73 #boxes >div.row{ 74 /*margin: 2rem;*/ 75 max-width: 70vw; 76 display: flex; 77 flex-wrap: wrap; 78 overflow: auto; 79 } 80 81 #boxes .row > div { 82 border:5px var(--ui-border) solid; 83 margin: 2rem 2rem 2rem 0; 84 padding: 1rem; 85 width: 30vw; 86 min-height: 15rem; 87 } 88 89 #boxes .row h2 { 90 margin:0 0 1rem 0; 91 color: var(--green); 92 text-transform: none; 93 line-height: 1; 94 word-wrap: break-word; 95 } 96 97 #boxes >div > a { 98 margin-left: 2rem; 99 border-radius: 8px; 100 } 101 102 #boxes >div > div>a.btn { 103 border: 1px solid var(--green-light); 104 background-color: var(--text-white); 105 color: var(--green); 106 padding: 0.8rem; 107 text-decoration: none; 108 max-width: 80vw ; 109 font-weight: bold; 110 text-align: center; 111 display: inline-block; 112 height: auto; 113 line-height: 1; 114 } 115 #boxes >div > a.btn:hover { 116 color: var(--text-white); 117 background-color: var(--green); 118 } 119 #boxes >div > div>a.btn + div.message { 120 margin-top:1.2rem 121 } 122 #boxes div.message { 123 text-align: left; 124 font-size: 0.9em; 125 padding: 0.6em 1.5em 0.7em 3em; 126 border-color: var(--green); 127 border-width: 4px; 128 width: auto; 129 margin-top: 1rem 130 } 131 132 @media screen and ( max-width: 1280px ) { 133 #boxes .row > div { 134 width: 29vw; 135 } 136 } 137 138 @media screen and ( max-width: 900px ) { 139 #boxes .row > div { 140 width: 100%; 141 margin-bottom: 0; 142 } 143 #boxes .row > div:last-child { 144 margin-bottom: 2rem; 145 } 146 147 @media screen and ( max-width: 850px ) { 148 #boxes { 149 width: 100% !important; 150 } 151 152 h2#header { 153 display: none; 154 } 155 #boxes .row { 156 margin:0.5rem; 157 max-width: 100% !important; 158 } 159 #boxes .row > div { 160 min-height: 10rem; 161 width:100%; 162 } 163 } 164 165 @media screen and ( min-width: 320px ) and (orientation: portrait) { 166 #boxes .row > div { 167 width:100%; 168 margin: 1rem 0; 169 text-align:center 170 } 171 172 #boxes > div > a { 173 margin: auto; 174 } 175 } 176 177 @media screen and ( min-width: 650px ) { 178 body { 179 background-image: url( 'https://cedar.carmel.ac.uk/Static/Images/ops_Auth/HeroImages/d/default.old.jpg' ); 180 } 181 #institutionWrap img { 182 max-width: 100%; 183 width:50%; 184 } 185 } 186 187 188 @media screen and ( min-width: 650px ) and orientation: landscape { 189 #institutionWrap img { 190 max-height: 10rem; 191 } 192 } 193 194 195 196 </style> 197 198 </head> 199 200 <body> 201 <div id="interface" class="animated"> 202 <div id="overlay"> 203 <div id="institutionWrap" class="mb-3 centered logo login-main-insti-logo"> 204 <a href="/"> 205 <img src="https://cedar.carmel.ac.uk/Static/Images/ops_Auth/institution.png?v=2026r2.3" 206 alt="" 207 style="" /> 208 </a> 209 </div> 210 211 212 213 <h2 id="header">Sign in to CEDAR</h2> 214 <div id="boxes" class="container"> 215 <div class="row"> 216 217 <div class="col-6 col-sm-12"> 218 <h2>I'm a Staff member</h2> 219 <a href="https://cedar.carmel.ac.uk/sso/ms_login" class="centered"><img src="https://cedar.carmel.ac.uk/Static/Images/ops_Auth/sso-ms.png" alt="Login" class="mx-auto"/></a> 220 221 222 </div> 223 224 <div class="col-6 col-sm-12"> 225 <h2>I'm a Student</h2> 226 <a href="https://cedar.carmel.ac.uk/sso/ms_login" class="centered"><img src="https://cedar.carmel.ac.uk/Static/Images/ops_Auth/sso-ms.png" alt="Login" class="mx-auto"/></a> 227 228 229 </div> 230 231 <div class="col-6 col-sm-12"> 232 <h2>I'm an Applicant</h2> 233 <a href="/auth/applicant" class="btn btn-danger">Applicant Sign In</a> 234 235 236 </div> 237 238 <div class="col-6 col-sm-12"> 239 <h2>I'm a Parent</h2> 240 <a href="/auth/parent" class="btn btn-danger">Parent Sign In</a> 241 242 243 </div> 244 245 </div> 246 247 248 </div> 249 250 </div> 251 252 <div class="mt-3 logo login-cedar-bottom-logo"> 253 <img id="app_title"
254 src="https://cedar.carmel.ac.uk/Static/Images/ops_Auth/cedar_Logo.png" 255 alt="CEDAR"/> 256 </div> 257 258 <div id="wide-backdrop"> 259 </div> 260 <div id="wide-backdrop-right"> 261 </div> 262 <div id="slim-backdrop"> 263 </div> 264 </div> 265 266 <div id="loading_box" class="animated"> 267 <div id="loading_animation" class="animated spin"> 268 </div> 269 <div id="loading_label"> 270 Authenticating... 271 </div> 272 </div> 273 </body> 274 275
275<script> 276 277 $(function(){ 278 $('#interface').css( 'opacity', 1 ) ; 279 280 setTimeout( function() { 281 $('body').addClass( "loaded" ) ; 282 }, 250 ) ; 283 284 $( 'input[type="submit"]' ).on( 'click', function(){ 285 $('#interface').css( 'opacity', 0 ) ; 286 $('#loading_box').addClass( 'loading' ) ; 287 }) ; 288 289 if ( 'serviceWorker' in navigator ) { 290 291 292 // Use the window load event to keep the page load performant 293 window.addEventListener('load', () => { 294 navigator.serviceWorker 295 .register( '/sw.js?v=2026r2.3' ) 296 .catch(err => console.error('Failed to load service worker handler.', err)); 297 }); 298 } 299 }); 300 </script>
300 301</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.