From: Laury GvR Date: Thu, 13 Nov 2014 17:37:27 +0000 (-0500) Subject: Initial Commit X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=ad727d91239ce08073211bd98f900aff1d297b2d;p=web%2FCCEOEM.git Initial Commit --- diff --git a/assets/Untitled.psd b/assets/Untitled.psd new file mode 100644 index 0000000..a58b1c1 Binary files /dev/null and b/assets/Untitled.psd differ diff --git a/assets/alert.png b/assets/alert.png new file mode 100644 index 0000000..42c1062 Binary files /dev/null and b/assets/alert.png differ diff --git a/assets/cceoem_logo.png b/assets/cceoem_logo.png new file mode 100644 index 0000000..81911b0 Binary files /dev/null and b/assets/cceoem_logo.png differ diff --git a/assets/current user.psd b/assets/current user.psd new file mode 100644 index 0000000..00df0b4 Binary files /dev/null and b/assets/current user.psd differ diff --git a/assets/current_user.png b/assets/current_user.png new file mode 100644 index 0000000..4c00af8 Binary files /dev/null and b/assets/current_user.png differ diff --git a/assets/logo.tiff b/assets/logo.tiff new file mode 100644 index 0000000..bf318f0 Binary files /dev/null and b/assets/logo.tiff differ diff --git a/assets/new user.psd b/assets/new user.psd new file mode 100644 index 0000000..1afe0ac Binary files /dev/null and b/assets/new user.psd differ diff --git a/assets/new_user.png b/assets/new_user.png new file mode 100644 index 0000000..6307e45 Binary files /dev/null and b/assets/new_user.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..5817a1b --- /dev/null +++ b/index.html @@ -0,0 +1,52 @@ + + + + Tri-County Office of Emergency Management + + + + + + + +
+
+

+ Thank you for visiting the Tri-County Office of Emergency Management site. + This site is under construction. Please check back soon for more. +

+ +
+ +
+ Alert Diamond +

+ Get Emergency Alerts with the Tri-County *BE ALERT* Emergency Notification System +

+
+
+

+ Emergency Notifications straight from Emergency Responders to you +

+

+ The *BE ALERT* Emergency Notification System provides accurate, immediate + emergency notifications from your local public safety agency to your + cell, work or home phone, via text, email or voice message. Receive + notifications about emergencies that may affect your home, workplace, + child's school, parents' home, or any other locations within Tri-County + region (Charlevoix, Cheboygan, Emmet). +

+
+ Should you have any questions or concerns, contact the Office of Emergency + Management at eoc@cceoem.net. Thank you,Tri-County Office of Emergency Management +
+ +
+ + + + + diff --git a/index.php b/index.php new file mode 100644 index 0000000..f2d5591 --- /dev/null +++ b/index.php @@ -0,0 +1,120 @@ + + + + Tri-County Office of Emergency Management + + + + + + + +
+
+

+ Thank you for visiting the Tri-County Office of Emergency Management site. + This site is under construction. Please check back soon for more. +

+ +
+ +
+ Alert Diamond +

+ Get Emergency Alerts with the Tri-County *BE ALERT* Emergency Notification System +

+
+
+

Emergency Notifications straight from Emergency Responders to you

+

+ The *BE ALERT* Emergency Notification System provides accurate, immediate + emergency notifications from your local public safety agency to your + cell, work or home phone, via text, email or voice message. Receive + notifications about emergencies that may affect your home, workplace, + child's school, parents' home, or any other locations within Tri-County + region (Charlevoix, Cheboygan, Emmet). +

+
    +
  • + Evacuation Information for hazardous + environmental situations or other emergencies requiring + you to leave the area +
    • +
  • + Weather Advisories for you or your family’s  + home, business, school, child care, or more +
    • +
  • + Infrastructure Issues including Boil Water + notices or similar alerts +
    • +
  • + School Closing Information numerous school + systems have partnered with *BE ALERT* which allows school + officials to send parents important notifications like + building closures or other priority updates that parents + need. +
    • +
+ +
+

Your Preferences

+
    +
  • + Locations: You can choose to receive emergency + alerts about specific neighborhoods, including around your home, + workplace, your or your child’s school +
    • +
  • + Alert Types: Choose what kind of alerts you want + to receive, from weather to major road closures to water + advisories +
    • +
  • + Preferred device: Select how you would like to + be notified, and in what order: personal or work cell, email, + phone, text message, etc. +
    • +
+
+
+

Your Alerts

+

If you do not confirm receipt of the message on your primary + device (your first choice for how you want to be contacted), + the system will try your additional contact numbers or emails, + in the preference order you specify, until it receives a + confirmation from you that you received the message. +

+
+
+

Contact Us

+

Should you have any questions or concerns, contact the Office of Emergency + Management at eoc@cceoem.net.

+

Thank you,
Tri-County Office of Emergency Management

+
+ +
+
+
Produced by Gaslight Media
+ + + diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..978690f --- /dev/null +++ b/styles.css @@ -0,0 +1,187 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : Nov 13, 2014, 9:18:58 AM + Author : laury +*/ + +/*//COLORS +red: #96181d +blue: #00478d +dark blue: #103d7a +yellow: #fff5a3 +dark yellow: #ffde39 +grey: #bec0c2 +dark grey: #a7a9ac*/ + +/*//FONTS +Arial: regular, bold, italic +h1: Arial bold, 36pt, #000000 +h2: Arial bold, 24pt, #96181d +h3: Arial bold, 18pt, #96181d +Body copy: Arial regular, 14pt +Footer text: Arial regular, 12pt*/ + +/*Grey Boxes: +Border: 1pt, #a7a9ac +Page Links: +Arial: regular, underlined, 14pt, #00478d + +Footer Link: +Arial: regular, underlined, 12pt, #ffffff*/ + + +html { + margin: 0; + padding: 0; + border: 0; + font: inherit; + font-size: 100%; + line-height: 1; + background-color: #00478d; + line-height: 110%; +} +body { + width: 960px; + margin: 0 auto; + font-family: "arial"; + padding-bottom: 155px; +} +#inside { + background-color: white; + color: black; + font-size: 14px; +} +h1, h2, h3 { + font-family: Arial; + font-weight: bold; + line-height: 120%; +} +h1 { + font-size: 36px; + color: #000000; +} +h2 { + font-size: 24px; + color: #96181d; +} +h3 { + font-size: 18px; + color: #96181d; + margin: 25px 0 0 0; +} +bold { + font-weight: bold; +} +italic { + font-style: italic; +} +li { + margin: 5px; +} +a { + color: #00478d; +} +#inside header { + padding: 5px 40px 0 40px; + text-align: center; +} +#inside header > h3 { + font-size: 17px; + margin: 30px 0; +} +#emergency_alert_banner { + height: 100px; + width: 100%; + background: rgb(255,245,163); /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZjVhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmRlMzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, rgba(255,245,163,1) 0%, rgba(255,222,57,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,245,163,1)), color-stop(100%,rgba(255,222,57,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(255,245,163,1) 0%,rgba(255,222,57,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(255,245,163,1) 0%,rgba(255,222,57,1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(255,245,163,1) 0%,rgba(255,222,57,1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(255,245,163,1) 0%,rgba(255,222,57,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff5a3', endColorstr='#ffde39',GradientType=0 ); /* IE6-8 */ +} +#emergency_alert_banner img { + float: left; + margin: 5px 30px 5px 40px; +} +#emergency_alert_banner h1 { + padding: 5px 50px; +} +#content { + padding: 10px 80px; +} +.button { + color: black; + text-decoration: none; + display: inline-block; + border: 1px solid #a7a9ac; + border-radius: 4px; + width: 224px; + height: 81px; + margin: 30px 45px 10px 0; + background: rgb(255,255,255); /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZWMwYzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(190,192,194,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(190,192,194,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(190,192,194,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(190,192,194,1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(190,192,194,1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(190,192,194,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bec0c2',GradientType=0 ); /* IE6-8 */ +} +.button:hover { + background: rgb(255,255,255); /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhN2E5YWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(167,169,172,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(167,169,172,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(167,169,172,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(167,169,172,1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(167,169,172,1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(167,169,172,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a7a9ac',GradientType=0 ); /* IE6-8 */ +} +.button img { + float: left; + position: relative; + top: 25%; + transform: translateY(-50%); + margin: 12px; +} +.button p { + margin: 12px 5px 12px 0; + font-size: 14px; +} +.button p bold { + font-size: 16px; +} +#footer_link { + height:150px; + font-family: arial; + text-decoration: underline; + font-size: 12px; + color: #fff; +} +#copyright { + text-align: center; + font-size: 12px; + margin: 50px 0 10px 0; +} +#label { + text-align: center; + font-size: 12px; + color: white; + margin: 5px +} +#label > a { + + color: white; +} \ No newline at end of file