Merge branch 'website' of https://github.com/suobset/assert into website

pages/datasets.html

@@ -50,7 +50,31 @@ <h3 class="title-extended">AI Supported Smart Electricity Restoration Tool</h3>
     </header>
 
     <div class="title-section"><h1 class="about-title">Datasets</h1></div>
+    <div class="dataset">
+        <a href="https://odin.ornl.gov/pages/about.html" class="dataset-title" target="_blank">Outage data Initiative Nationwide (ODIN)</a>
+        <p class="dataset-description">ODIN - Very granular data on certain counties: similar to EAGLE-I except collected by a certain university. More precise data than EAGLE-I: contains data on outages in certain counties with time, geojson, zip code, duration of outage, and county + state details. Data encapsulates outages from 09/2022 to 09/2023. </p>
+    </div>
+    <div class="dataset">
+        <a href="https://hazards.fema.gov/nri/" class="dataset-title" target="_blank">FEMA's National Risk Index</a>
+        <p class="dataset-description">Gives ratings to different counties across the US based on how vulnerable they are to natural disasters, combining expected monetary loss, social vulnerability and community resilience. Mentioned their social vulnerability ratings are based on another federal dataset - The social vulnerability index by the CDC. Resilience is measured using USC’s Hazard vulnerability and resilience dataset BRIC.
+        </p>
+    </div>
+    <div class="dataset">
+        <a href="https://eagle-i.doe.gov/login" class="dataset-title" target="_blank">Environment for Analysis of Geo-Located Energy Information (EAGLE-I)</a>
+        <p class="dataset-description">The Environment for the Analysis of Geo-Located Energy Information (EAGLE-ITM) is maintained at Oak Ridge National Laboratory for the Department of Energy (DOE). EAGLE-I is DOE’s operational and scalable data and information platform for real-time wide-area situational awareness of the energy sector, providing a centralized platform for monitoring power distribution outages for the US and Territories.
+            It describes county-level outage data in terms of date the outage occurred and customers impacted between 2014 and 2022.
+            </p>
+    </div>
+    <div class="dataset">
+        <a href="https://www.atsdr.cdc.gov/placeandhealth/svi/interactive_map.html" class="dataset-title" target="_blank">CDC/ATSDR Social Vulnerability index</a>
+        <p class="dataset-description">CDC social vulnerability scale is a GIS tool that maps the values of the most vulnerable populations across the U.S. on a scale of 0 to 1 (least vulnerable - most vulnerable). Includes complete census data across the U.S. which was used in determining “social vulnerability”, including Minority, Income, Household Details, etc. Potentially one of the best detectors of “overburdened populations” when overlayed with DOE data, as it can potentially give access to electric outages mapped with details of the population in that area. Granularity: County level, contains selected years from 2000 to 2020.
+            </p>
+    </div>
+
+    <!-- empty div to lenghten page -->
+    <div class="empty-div2">
 
+    </div>
     <!-- Footer -->
     <div id="footer">
         <p>ASSERT Alpha v0.0.3 | UMass iCons</p>

pages/documentation.html

@@ -50,6 +50,37 @@ <h3 class="title-extended">AI Supported Smart Electricity Restoration Tool</h3>
     </header>
 
     <div class="title-section"><h1 class="about-title">Documentation</h1></div>
+    <div class="documentation">
+        <h1 class="documentation-title">Introduction</h1> 
+        <p class="documentation-paragraph">The AI Supported Smart Electricity Restoration Tool (ASSERT) aims to add a lens of power outage overburden and vulnerability to the utility emergency response’s repair and 
+            restoration decision-making pipeline. This was done by identified key metrics that predict power overburden in counties lacking data.
+            Additionally, we used unemployment, poverty and minority data to enhance said prediction.</p>
+        <h1 class="documentation-title">Installation</h1>
+        <p class="documentation-paragraph">To install the website: <br>
+            1. Open a terminal <br>
+            2. Clone the repository using this command: <br>
+            git clone -b website https://github.com/suobset/assert.git <br>
+            2. Navigate to clone directory: <br>
+            cd assert</p>
+
+        <h1 class="documentation-title">Usage</h1>
+        <p class="documentation-paragraph">
+        The interactive map displays two layers: the actual ODIN data and the predicted ODIN data. Users can choose which layer to overlay on the map using the layer selection feature on the right side of the screen.
+        <br>
+        To select a map layer:<br>
+
+        1. Locate the layer selection feature on the right side of the screen.<br>
+        2. Choose either "Actual ODIN Data" or "Predicted ODIN Data" from the available options.<br>
+        At the top of the screen, a legend provides information about the color-coded indices representing the level of overburden. The legend ranges from -10 to 10, and each color on the map corresponds to a specific overburden level.
+
+        Use the legend to interpret the map and understand the intensity of overburden at different locations.
+        Lastly, on the  top left of the screen are zoom in and zoom out buttons for the convenience of the user.
+
+        </p>
+        <div class="empty-div2">
+
+        </div>
+    </div>
 
     <!-- Footer -->
     <div id="footer">

styles.css

@@ -173,7 +173,7 @@ iframe {
  .icons{
      font-family: 'Alata', sans-serif;
      text-align: center;
-     font-size: 45px;
+     font-size: 35px;
      padding-top: 15px;
      color:#f5fbef;
  }
@@ -209,8 +209,8 @@ iframe {
  }
 
  .intro-img{
-     height: 20rem;
-     width: 15rem;
+     height: 30rem;
+     width: 20rem;
      box-shadow: 2px 2px 2px #383d0324;
      margin: 26px;
      margin-bottom: 5px; 
@@ -273,4 +273,57 @@ iframe {
 .empty-div{
     padding: 70px;
     color: #383d0358;
+}
+/* 
+dataset Styles */
+.empty-div2{
+    padding: 5%;
+    color: #383d0358;
+}
+
+.dataset{
+    display: flex;
+    margin : 40px;
+    flex-direction: column;
+    justify-content: space-between;
+    padding-bottom: 20px;
+}
+
+.dataset-title{
+    font-family: 'Alata', sans-serif;
+    font-size: 30px;
+    color:#f5fbef;
+    font-weight: bolder;
+}
+
+.dataset-description{
+    font-family: 'Lato', sans-serif;
+    font-size: 25px;
+    color:#232702;
+    font-weight: bolder;
+    line-height: 50px;
+
+}
+
+.documentation{
+    display: flex;
+    margin : 40px;
+    flex-direction: column;
+    justify-content: space-between;
+    padding-bottom: 20px;
+}
+
+.documentation-title{
+    font-family: 'Alata', sans-serif;
+    font-size: 30px;
+    color:#f5fbef;
+    font-weight: bolder;
+}
+
+.documentation-paragraph{
+    font-family: 'Lato', sans-serif;
+    font-size: 25px;
+    color:#232702;
+    font-weight: bolder;
+    line-height: 50px;
 }