Merge pull request #38 from DOI-USGS/fsp-edits

Quote and Narration Layout Edits: Desktop

Author: aaarcher-usgs

3_visualize.R

@@ -93,7 +93,7 @@ p3_targets <- list(
                         us_data = p3_states,
                         regions = FALSE,
                         region_sf = NA,
-                        focal_stations = TRUE,
+                        focal_stations = FALSE,
                         focal_station_data = p3_metadata_sf |> filter(national_1921),
                         file_out = 'src/assets/images/states_stations_inset1921.png',
                         svg_export = FALSE,
@@ -106,7 +106,7 @@ p3_targets <- list(
                         us_data = p3_states,
                         regions = FALSE,
                         region_sf = NA,
-                        focal_stations = TRUE,
+                        focal_stations = FALSE,
                         focal_station_data = p3_metadata_sf |> filter(national_1951),
                         file_out = 'src/assets/images/states_stations_inset1951.png',
                         svg_export = FALSE,
@@ -119,7 +119,7 @@ p3_targets <- list(
                         us_data = p3_states,
                         regions = FALSE,
                         region_sf = NA,
-                        focal_stations = TRUE,
+                        focal_stations = FALSE,
                         focal_station_data = p3_metadata_sf |> filter(national_1981),
                         file_out = 'src/assets/images/states_stations_inset1981.png',
                         svg_export = FALSE,

3_visualize/src/plot_inset.R

@@ -35,7 +35,7 @@ plot_inset <- function(station_data, station, us_data, regions, region_sf, focal
     p <- p + geom_sf(data = region_sf,
                      color = NA,
                      alpha = 0.5,
-                     fill = color_scheme$drought_event_highlight)
+                     fill = color_scheme$drought_event_dark)
 
   if (station)
     # add stations

3_visualize/src/plot_stripswarm.R

@@ -80,8 +80,8 @@ event_violin_vertical <- function(drought_data, major_drought_periods,
                  expand = c(0,0),
                  position = 'right')+
     # Here this scale gives equidistant spacing on either side of "2" (the threshold)
-    scale_x_continuous(limits = c(1.25, 2.75))+
-    ggtitle(focal_CASC) 
+    scale_x_continuous(limits = c(1.25, 2.75))#+
+    #ggtitle(focal_CASC) 
 
 
   ggsave(file_out,

src/App.vue

@@ -85,72 +85,91 @@ $writeFont: 'Nanum Pen Script', cursive;
 
 // Type
 html,
+:root {
+  font-size: 62.5%;
+}
 body {
       height: 100%;
       background-color: white;
       margin: 0;
       padding: 0;
       line-height: 1.2;
-      font-size: 20px;
+      font-size: 2rem;
       font-weight: 400;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
       width: 100%;
       @media screen and (max-width: 600px) {
-        font-size: 16px;
+        font-size: 1.6rem;
       }
   }
 h1{
-  font-size: 4.5em;
+  font-size: 4.5rem;
   font-weight: 500;
   font-family: $SourceSans;
   line-height: 1;
   text-align: left;
   text-shadow: 1px 1px 100px rgba(0,0,0,.8);
     color: $textcolor;
   @media screen and (max-width: 600px) {
-    font-size: 4.75em;
+    font-size: 4.75rem;
   }
 }
 h2{
   font-weight: 700;
   text-align: left;
   font-family: $SourceSans;
-  font-size: 3em;
+  font-size: 6rem;
   margin-top: 5px;
   line-height: 1.2;
   color: $textcolor;
   @media screen and (max-width: 600px) {
-    font-size: 2em;
+    font-size: 4rem;
   }
 }
 h3{
-  font-size: 2em;
+  font-size: 3.5rem;
   padding-top: 1em;
   padding-bottom: .25em;
   font-family: $SourceSans;
   font-weight: 700;
   color: $textcolor;
   @media screen and (max-width: 600px) {
-      font-size: 1.5em;
+      font-size: 3.2rem;
   }  
 }
 h4{
-  font-size: 1em;
+  font-size: 2.5rem;
   padding-top: 0em;
   padding-bottom: .25em;
   font-family: $SourceSans;
-  font-weight: 700;
+  font-weight: 600;
   color: $textcolor;
   @media screen and (max-width: 600px) {
-    font-size: 18px;
+    font-size: 1.8rem;
   }  
 }
 p, text {
   // padding: 1em 0 0 0; 
   font-family: $SourceSans;
   color: $textcolor;
 }
+a:link {
+  color:#032a56;
+}
+a:visited {
+  color: #032a56;
+}
+a:hover {
+  color: #032a56;
+}
+a:active {
+  color: #032a56;
+}
+.droughtText.notesText{
+  font-family: $writeFont;
+  font-size: 2.5rem;
+}
 input[type=button] {
         font-family: $SourceSans;
     }
@@ -210,19 +229,19 @@ input[type=button] {
 .legend-text {
     fill: black;
     font-family: $SourceSans;
-    font-size: 16px;
+    font-size: 1.6rem;
   }
 .viz-comment {
   font-family: $SourceSans;
-  font-size: 26px;
+  font-size: 2.6rem;
   font-weight: 400;
   fill:rgb(224, 222, 222);
 }
 .viz-emph {
   font-weight:700;
   fill: white;
   font-family: $SourceSans;
-  font-size: 26px;
+  font-size: 2.6rem;
 }
 .emph {
   font-weight: bold;
@@ -231,7 +250,7 @@ input[type=button] {
   font-style: italic;
 }
 .pseudo-caption {
-  font-size: .9em;
+  font-size: 1.0rem;
   margin: 0 10px;
 }
 // Link Styling