2023-07-28 03:32:56 +00:00
<!doctype html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no" >
< meta name = "description" content = "" >
< meta name = "author" content = "" >
< link rel = "icon" href = "/static/favicon.ico" >
< title > Cover Template for Bootstrap< / title >
<!-- Bootstrap core CSS -->
< link href = "/static/bootstrap.min.css" rel = "stylesheet" >
<!-- Custom styles for this template -->
< link href = "/static/cover.css" rel = "stylesheet" >
< / head >
< body class = "text-center" >
< div class = "cover-container d-flex w-100 h-100 p-3 mx-auto flex-column" >
< header class = "masthead mb-auto" >
< div class = "inner" >
2023-07-28 16:55:08 +00:00
< h3 class = "masthead-brand" > < a href = "/" > < small > status< / small > .mcotton.space< / a > < / h3 >
2023-07-28 03:32:56 +00:00
<!-- <nav class="nav nav - masthead justify - content - center">
< a class = "nav-link active" href = "#" > Home< / a >
< a class = "nav-link" href = "#" > Features< / a >
< a class = "nav-link" href = "#" > Contact< / a >
< / nav >
< / div > -->
< / header >
< main role = "main" class = "inner cover" >
< h1 class = "cover-heading" > Camera Status History< / h1 >
2023-07-28 15:37:05 +00:00
< p class = "lead" > Tired of losing your arms due to offline cameras? Tired of doughnuts being stolen from off your breakfast plate? Wish you see a graph of beeps and boops? Well today is your luck day.< / p >
2023-07-28 03:32:56 +00:00
< p class = "lead" >
< a href = "{{ template_values['login_link'] }}" class = "btn btn-lg btn-secondary" > Get Started< / a >
< / p >
2023-07-28 15:37:05 +00:00
< hr >
2023-08-07 23:22:22 +00:00
< video src = "/static/cover_movie_2.mp4" style = "max-width:100%;" autoplay controls loop muted preload >
2023-07-28 03:32:56 +00:00
< / main >
< footer class = "mastfoot mt-auto" >
< div class = "inner" >
<!-- <p>Cover template for <a href="https://getbootstrap.com/">Bootstrap</a>, by <a href="https://twitter.com/mdo">@mdo</a>.</p> -->
< / div >
< / footer >
< / div >
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
< script src = "https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity = "sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin = "anonymous" > < / script >
< script > window . jQuery || document . write ( '<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>' ) < / script >
< script src = "../../assets/js/vendor/popper.min.js" > < / script >
< script src = "/static/bootstrap.min.js" > < / script >
< / body >
< / html >
