KyleMit/app_offline.htm

## app_offline.htm
<!DOCTYPE html>
<html>
  <head>
    <title>VRIMS Offline | Vermont Department of Health</title>
    <style type="text/css">
      html {
        background: #fffdef;
      }
      body {
        display: flex;
		justify-content: center;
        padding: 15px;
        font-size: 1.4em;
      }
      .card {
        max-width: 30em;
		width: 85%;
        background: white;
        box-shadow: 1px 1px 1px #b6b6b6e6, 0px 0px 4px 0px #c6c6c6de;
        border-radius: 4px;
      }
      .card-header {
        background: #f6f6f6;
        display: flex;
        align-items: center;
      }
      .card-header h1 {
        margin: 0;
      }
      .card-header,
      .card-body {
        padding: 15px;
      }
      .warning {
        color: #b51d1d;
      }
      .box {
        border: 1px solid grey;
        padding: 7.5px;
      }
      .pull-left {
        float: left;
      }
      .clearfix {
        clear: both;
      }
      h1.warning {
        margin-left: 30px;
        margin-top: 10px;
      }
      .slim-top {
        margin-top: 5px;
      }
    </style>
  </head>

  <body>
    <div class="card">
      <div class="card-header">
        <svg
          class="pull-left"
          xmlns="http://www.w3.org/2000/svg"
          width="140"  height="62"
          viewbox="0,0,180,80"
        >
          <path
            name="moon" fill="#024222" transform="translate(95,5)"
            d="M 2.6,8.2C 2.5,8.1 2.3,7.9 2.1,7.9C 1.5,8.0 1.4,8.6 1.3,9.1L 1.3,9.1C 0.7,11.0 1.7,13.2 3.3,14.8C 5.1,16.5 8.3,17.5 11.2,17.7L 11.2,17.7C 14.3,17.7 17.6,16.9 19.9,15.4C 22.2,13.8 23.6,11.4 23.8,9.1L 23.8,9.1C 23.7,6.7 22.4,4.2 20.1,2.5C 17.9,0.9 14.4,0.0 11.2,0.0L 11.2,0.0C 7.5,0.3 3.5,2.0 1.8,4.4C 1.1,5.5 0.9,7.9 2.5,8.1C 3.9,8.2 5.2,7.3 6.4,6.7C 7.8,6.0 9.5,5.6 11.2,5.6C 13.4,5.8 15.8,7.4 16.1,9.1C 16.3,11.0 13.7,13.1 11.2,13.5C 9.5,13.6 7.6,13.4 6.2,12.7C 4.6,11.8 3.5,10.4 2.9,9.1C 2.8,8.8 2.7,8.5 2.6,8.2 Z "
          />
          <path
            name="mountains" fill="#024222" transform="translate(5,15)"
            d="M 5,55C 4,56 2,55 1,54C 0,52 0,49 0,46C 0,43 0,40 2,37C 3,34 6,33 8,31C 17,24 26,18 36,12C 44,7 54,2 64,0C 65,0 67,0 68,1C 78,8 87,16 98,20C 105,23 111,25 117,30L 111,33C 111,29 112,24 115,22C 119,20 123,21 127,22C 135,25 143,29 150,34C 156,38 161,42 166,48L 166,49L 166,49L 165,49L 165,49C 152,41 140,32 125,28C 123,27 121,27 119,28C 118,29 118,31 119,32C 119,34 118,35 117,36C 115,37 113,37 112,36C 107,32 101,30 96,29C 83,25 72,17 61,10L 66,11C 59,13 52,18 45,22C 37,28 30,34 23,40C 19,43 16,46 12,49C 10,51 8,54 5,55 Z "
          />
          <!-- Text Fallback -->
          Vermont Department of Health
        </svg>

        <h1 class="warning pull-left">VRIMS is Offline</h1>
        <div class="clearfix"></div>
      </div>
      <div class="card-body">
        <h4 class="slim-top">
          VRIMS will go live on July 1st, 2019 at 6AM <br /><br />
		  Please bookmark this page and check back then. <br /><br />
		  Thanks,<br />
		  The Vermont Department of Health
        </h4>
      </div>
    </div>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>VRIMS Offline \| Vermont Department of Health</title>
	<style type="text/css">
	html {
	background: #fffdef;
	}
	body {
	display: flex;
	justify-content: center;
	padding: 15px;
	font-size: 1.4em;
	}
	.card {
	max-width: 30em;
	width: 85%;
	background: white;
	box-shadow: 1px 1px 1px #b6b6b6e6, 0px 0px 4px 0px #c6c6c6de;
	border-radius: 4px;
	}
	.card-header {
	background: #f6f6f6;
	display: flex;
	align-items: center;
	}
	.card-header h1 {
	margin: 0;
	}
	.card-header,
	.card-body {
	padding: 15px;
	}
	.warning {
	color: #b51d1d;
	}
	.box {
	border: 1px solid grey;
	padding: 7.5px;
	}
	.pull-left {
	float: left;
	}
	.clearfix {
	clear: both;
	}
	h1.warning {
	margin-left: 30px;
	margin-top: 10px;
	}
	.slim-top {
	margin-top: 5px;
	}
	</style>
	</head>

	<body>
	<div class="card">
	<div class="card-header">
	<svg
	class="pull-left"
	xmlns="http://www.w3.org/2000/svg"
	width="140" height="62"
	viewbox="0,0,180,80"
	>
	<path
	name="moon" fill="#024222" transform="translate(95,5)"
	d="M 2.6,8.2C 2.5,8.1 2.3,7.9 2.1,7.9C 1.5,8.0 1.4,8.6 1.3,9.1L 1.3,9.1C 0.7,11.0 1.7,13.2 3.3,14.8C 5.1,16.5 8.3,17.5 11.2,17.7L 11.2,17.7C 14.3,17.7 17.6,16.9 19.9,15.4C 22.2,13.8 23.6,11.4 23.8,9.1L 23.8,9.1C 23.7,6.7 22.4,4.2 20.1,2.5C 17.9,0.9 14.4,0.0 11.2,0.0L 11.2,0.0C 7.5,0.3 3.5,2.0 1.8,4.4C 1.1,5.5 0.9,7.9 2.5,8.1C 3.9,8.2 5.2,7.3 6.4,6.7C 7.8,6.0 9.5,5.6 11.2,5.6C 13.4,5.8 15.8,7.4 16.1,9.1C 16.3,11.0 13.7,13.1 11.2,13.5C 9.5,13.6 7.6,13.4 6.2,12.7C 4.6,11.8 3.5,10.4 2.9,9.1C 2.8,8.8 2.7,8.5 2.6,8.2 Z "
	/>
	<path
	name="mountains" fill="#024222" transform="translate(5,15)"
	d="M 5,55C 4,56 2,55 1,54C 0,52 0,49 0,46C 0,43 0,40 2,37C 3,34 6,33 8,31C 17,24 26,18 36,12C 44,7 54,2 64,0C 65,0 67,0 68,1C 78,8 87,16 98,20C 105,23 111,25 117,30L 111,33C 111,29 112,24 115,22C 119,20 123,21 127,22C 135,25 143,29 150,34C 156,38 161,42 166,48L 166,49L 166,49L 165,49L 165,49C 152,41 140,32 125,28C 123,27 121,27 119,28C 118,29 118,31 119,32C 119,34 118,35 117,36C 115,37 113,37 112,36C 107,32 101,30 96,29C 83,25 72,17 61,10L 66,11C 59,13 52,18 45,22C 37,28 30,34 23,40C 19,43 16,46 12,49C 10,51 8,54 5,55 Z "
	/>
	<!-- Text Fallback -->
	Vermont Department of Health
	</svg>

	<h1 class="warning pull-left">VRIMS is Offline</h1>
	<div class="clearfix"></div>
	</div>
	<div class="card-body">
	<h4 class="slim-top">
	VRIMS will go live on July 1st, 2019 at 6AM <br /><br />
	Please bookmark this page and check back then. <br /><br />
	Thanks,<br />
	The Vermont Department of Health
	</h4>
	</div>
	</div>
	</body>
	</html>