Editing modal links HTML so that they open in a new tab

sfbrigade · Mar 3, 2017 · 6715e62 · 6715e62
1 parent 989eb08
commit 6715e62
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 18 deletions.
diff --git a/app/views/sidebar/_background.html.haml b/app/views/sidebar/_background.html.haml
@@ -23,7 +23,7 @@
           Background
         %p
           In late 2015, several San Francisco City agencies partnered with
-          volunteers from <a href="http://codeforsanfrancisco.org/">Code for
+          volunteers from <a target="blank"  href="http://codeforsanfrancisco.org/">Code for
           San Francisco</a> to develop the Adopt a Drain SF web application.
 
         %p
@@ -32,17 +32,17 @@
           storm drains, and San Francisco Public Works, the agency that
           maintains the database of sewer infrastructure assets, worked with
           the City's Open Data Program in the Mayor's Office to get the storm
-          drain location data uploaded to the <a
+          drain location data uploaded to the <a target="blank" 
           href="https://data.sfgov.org/">City's Open Data Portal</a> (SF Open
           Data).
 
         %p
-          Code for San Francisco volunteers used a web-based platform called <a
+          Code for San Francisco volunteers used a web-based platform called <a target="blank" 
           href="https://github.com/sfbrigade/adopt-a-drain">GitHub</a> to
-          develop the open source web application on <a
+          develop the open source web application on <a target="blank" 
           href="http://rubyonrails.org/">Ruby on Rails</a>. GitHub enabled
           contributors to work on the project from anywhere in the world.
-          They modeled Adopt a Drain San Francisco on Boston's <a
+          They modeled Adopt a Drain San Francisco on Boston's <a target="blank" 
           href="http://www.adoptahydrant.org/">Adopt a Hydrant</a>, for
           which Code for America had provided initial support to develop
           in 2012. Approximately 25 people contributed to coding and
@@ -62,7 +62,7 @@
         %h3
           Contact
         %p
-          Email questions and feedback to <a href="mailto:info@sfwater.org?subject=#{t("titles.main", :thing => t("defaults.thing").titleize)}">info@sfwater.org</a>.
+          Email questions and feedback to <a target="blank"  href="mailto:info@sfwater.org?subject=#{t("titles.main", :thing => t("defaults.thing").titleize)}">info@sfwater.org</a>.
           We'd love to hear from you!
 
       .modal-footer

diff --git a/app/views/sidebar/_guidelines.html.haml b/app/views/sidebar/_guidelines.html.haml
@@ -25,10 +25,10 @@
           %li
             Clear about 10 feet on both sides of the drain.
           %li
-            Medical waste or needles? Construction debris? Toxic materials?
-            %strong
-              =link_to("Report it to the City's Customer Service Center, 311 on the web","http://www.sf311.org/index.aspx?page=298")
-              (or dial 3-1-1).
+            Medical waste or needles? Construction debris? Toxic materials? <a target="_blank" 
+            href=" http://www.sf311.org/index.aspx?page=298"> 
+            Report it to the City's Customer Service Center, 311 on the web </a>
+            (or dial 3-1-1).
         %h3
           Drain Cleaning Safety Tips
         %ul
@@ -64,24 +64,24 @@
           coworkers, friends and neighbors to participate? Utilize social media
           to spread the word.
         %p
-          %a{href: "https://www.facebook.com/SFWater", class: ""}
+          %a{target: "_blank", href: "https://www.facebook.com/SFWater", class: ""}
             =image_tag("icons/facebook.png", :alt => "sfwater facebook", :title => "sfwater facebook")
-          %a{href: "https://www.instagram.com/sfwater/", class: ""}
+          %a{target: "_blank", href: "https://www.instagram.com/sfwater/", class: ""}
             =image_tag "icons/instagram.png", :alt => "sfwater instagram", :title => "sfwater instagram"
-          %a{href: "https://twitter.com/SFWater", class: ""}
+          %a{target: "_blank", href: "https://twitter.com/SFWater", class: ""}
             =image_tag "icons/twitter.png", :alt => "sfwater twitter", :title => "sfwater twitter"
 
         %p
-          Remember to tag us <a href=https://twitter.com/sfwater?lang=en>@SFWater</a>
-          and to use the following hashtags: <a
-          href="https://twitter.com/hashtag/drainhero">#DrainHero</a>, <a
-          href="https://twitter.com/hashtag/adoptadrain">#AdoptADrain</a> and <a
+          Remember to tag us <a target="_blank" href=https://twitter.com/sfwater?lang=en>@SFWater</a>
+          and to use the following hashtags: <a target="_blank"
+          href="https://twitter.com/hashtag/drainhero">#DrainHero</a>, <a target="_blank"
+          href="https://twitter.com/hashtag/adoptadrain">#AdoptADrain</a> and <a target="_blank"
           href="https://twitter.com/hashtag/sfsewer">#SFSewer</a>.
 
         %h3
           Contact Us
         %p
-          Email questions and feedback to <a
+          Email questions and feedback to <a target="_blank"
           href="mailto:info@sfwater.org">info@sfwater.org</a>. We'd love to
           hear from you!