<commit_before>= stylesheet_link_tag "joyride-2.1"
= javascript_include_tag "jquery.joyride-2.1"
= javascript_include_tag "froogaloop.min"
= javascript_include_tag "em"
.home-em
  .demo-ribbon
    .ribbon-inner Demo
  .wrapper.em-header
    = render :partial => "partials/header"
  .what-to-do-wrapper#mobile-quick-guide
    .alert-wide
      .wrapper
        .alert-info
          %h3 8.3 earthquake strikes the San Andreas Fault.
          %p At 5:56 am on Thursday, an 8.3 earthquake struck on the San Andreas Fault.The epicenter was near Santa Cruz, CA.
        .em-quick-guide-trigger
          %a.show-quick-guide{src:"#"} What should I do?
          %a.hide-quick-guide{src: "#"} Hide what to do
    .em-quick-guide
      .wrapper
        %h3 What should I do?
        %ol.quick-guide
          %li
            %h2 Drop, cover and hold on.
            %p Drop down and get under a strong table. If you are not near a table, drop against an interior wall and cover your head and neck with your arms. Stay away from windows.
          %li
            %h2 Stay put.
            %p Whether you’re in a car, bed, or public place, stay put and wait until the shaking stops. If you’re outdoors, steer clear of wires or falling objects. The only time not to stay put? If you’re near the coast in an earthquake, immediately go to high ground, as tsunamis often follow.

          %li
            %h2 Stay calm.
            %p Keep calm and carry on. Keeping your wits about you will ensure that you make safe choices for yourself and those around you.
  .map-container#mobile-maps
    .wrapper
      .map-heading
        %h3 Crisis Map
      .map-actions
        / %a.map-tips-trigger{href:"#"} Show map tips
    .map-area
      .map-tooltip-placement
      %iframe.map{src: "http://google.org/crisismap/a/gmail.com/SF72?hl=en&llbox=37.81402%2C37.73342%2C-122.29152%2C-122.50214&t=ROADMAP&layers=layer2%2Clayer1%2Clayer0&embedded=true", height: "498"}
  #mobile-updates
    .tw-tabs-container
      %ul.tw-tabs
        %li.active#citizen-updates-tab
          %a{href:"#tab-citizen-updates"}
            %h3 Crowdsourced updates
            %span From Twitter
        %li#official-reports-tab 
          %a{href:"#tab-official-reports"}
            %h3 Official updates
            %span From SFDEM
        %li#transportation-updates-tab
          %a{href:"#tab-service-status"}
            %h3 Transportation status
            %span From 511.org
      %ul.tw-tabs-mobile
        %li.active
          %a{href:"#tab-citizen-updates"}
            %h3 Crowdsourced
        %li 
          %a{href:"#tab-official-reports"}
            %h3 Official
        %li 
          %a{href:"#tab-service-status"}
            %h3 Transportation
    .main-container
      .updates
        .citizen-reports
          <style type="text/css">#twitter-widget-0{width:720px;}</style>
          <a class="twitter-timeline" data-widget-id="#{@citizen_feed.widget_id}" width="520" height="660" data-chrome="noheader nofooter noborders" data-aria-polite="assertive"></a>
          <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
        .official-reports
          <style type="text/css">#twitter-widget-1{width:720px;}</style>
          <a class="twitter-timeline" data-widget-id="364807510647001088" width="520" height="660" data-chrome="noheader nofooter noborders" data-aria-polite="assertive"></a>
          <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
        .status
          %h3 Service Status
          %span 511 Priority Alerts
          <style type="text/css">#twitter-widget-1{width:720px;}</style>
          <a class="twitter-timeline" data-widget-id="365523273829732352" width="520" height="660" data-chrome="noheader nofooter noborders" data-aria-polite="assertive"></a>
          <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
    .modal-wrapper
      .em-preview-modal.modal
        %a.icon-close{href:"#"}
        .intro-video
          %iframe.video-opening#video-opening{src: "http://player.vimeo.com/video/57727292?api=1&player_id=video-opening"}
        .tour-intro
          %h2 SF72 CRISIS MODE
          %h3 The city’s hub for emergency response.
        .tour-intro-step2
          %p A real emergency might not look like a monster attacking our City by the Bay, but it might leave many of us wondering what to do.
          %p In an emergency, this site will go into Crisis Mode, and you will be able to access a stream of official updates, crowdsourced reports, and a crisis map to navigate city resources. 
          %p <strong>Tour SF72 Crisis Mode</strong> to better understand how to use this resource, in the event of an emergency. The non-monster kind.
          %a.btn{href:"#"} Take a tour
%ol#joyride-steps{"style" => "display:none"}
  %li{"data-class" => "alert-info"}
    .icon.icon-info
    %h4.header What happened?
    %p.description Announces the crisis and its severity. Click on &ldquo;What should I do?&rdquo; to get next steps. 
    %p.index 1 of 6
  %li{"data-class" => "em-quick-guide-trigger",
      "data-options"  => "tipLocation:left"}
    .icon.icon-info
    %h4.header What should I do?
    %p.description Three simple action steps—so you know what to do. These tips will change depending on the type of disaster and timeline. Check back often. 
    %p.index 2 of 6
  %li{"data-class" => "map-tooltip-placement",
      "data-options"  => "tipLocation:left"}
    .icon.icon-map-on
    %h4.header Street Status
    %p.description A geo-tagged crisis map that shows nearby shelters and resources, as well as hazardous or road-blocked areas &ndash; so you can find safety in your surroundings
    %p.index 3 of 6
  %li{"data-id" => "citizen-updates-tab"}
    .icon.icon-twitter-big-on
    %h4.header  Crowdsourced Updates
    %p.description A live stream of crowdsourced updates from Twitter &ndash; so you can get an on-the-ground picture of what’s going on.
    %p.index 4 of 6<commit_msg>what should i do - tooltip positioning<commit_after>= stylesheet_link_tag "joyride-2.1"
= javascript_include_tag "jquery.joyride-2.1"
= javascript_include_tag "froogaloop.min"
= javascript_include_tag "em"
.home-em
  .demo-ribbon
    .ribbon-inner Demo
  .wrapper.em-header
    = render :partial => "partials/header"
  .what-to-do-wrapper#mobile-quick-guide
    .alert-wide
      .wrapper
        .alert-info
          %h3 8.3 earthquake strikes the San Andreas Fault.
          %p At 5:56 am on Thursday, an 8.3 earthquake struck on the San Andreas Fault.The epicenter was near Santa Cruz, CA.
        .em-quick-guide-trigger
          %a.show-quick-guide{src:"#"} What should I do?
          %a.hide-quick-guide{src: "#"} Hide what to do
    .em-quick-guide
      .wrapper
        %h3 What should I do?
        %ol.quick-guide
          %li
            %h2 Drop, cover and hold on.
            %p Drop down and get under a strong table. If you are not near a table, drop against an interior wall and cover your head and neck with your arms. Stay away from windows.
          %li
            %h2 Stay put.
            %p Whether you’re in a car, bed, or public place, stay put and wait until the shaking stops. If you’re outdoors, steer clear of wires or falling objects. The only time not to stay put? If you’re near the coast in an earthquake, immediately go to high ground, as tsunamis often follow.

          %li
            %h2 Stay calm.
            %p Keep calm and carry on. Keeping your wits about you will ensure that you make safe choices for yourself and those around you.
  .map-container#mobile-maps
    .wrapper
      .map-heading
        %h3 Crisis Map
      .map-actions
        / %a.map-tips-trigger{href:"#"} Show map tips
    .map-area
      .map-tooltip-placement
      %iframe.map{src: "http://google.org/crisismap/a/gmail.com/SF72?hl=en&llbox=37.81402%2C37.73342%2C-122.29152%2C-122.50214&t=ROADMAP&layers=layer2%2Clayer1%2Clayer0&embedded=true", height: "498"}
  #mobile-updates
    .tw-tabs-container
      %ul.tw-tabs
        %li.active#citizen-updates-tab
          %a{href:"#tab-citizen-updates"}
            %h3 Crowdsourced updates
            %span From Twitter
        %li#official-reports-tab 
          %a{href:"#tab-official-reports"}
            %h3 Official updates
            %span From SFDEM
        %li#transportation-updates-tab
          %a{href:"#tab-service-status"}
            %h3 Transportation status
            %span From 511.org
      %ul.tw-tabs-mobile
        %li.active
          %a{href:"#tab-citizen-updates"}
            %h3 Crowdsourced
        %li 
          %a{href:"#tab-official-reports"}
            %h3 Official
        %li 
          %a{href:"#tab-service-status"}
            %h3 Transportation
    .main-container
      .updates
        .citizen-reports
          <style type="text/css">#twitter-widget-0{width:720px;}</style>
          <a class="twitter-timeline" data-widget-id="#{@citizen_feed.widget_id}" width="520" height="660" data-chrome="noheader nofooter noborders" data-aria-polite="assertive"></a>
          <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
        .official-reports
          <style type="text/css">#twitter-widget-1{width:720px;}</style>
          <a class="twitter-timeline" data-widget-id="364807510647001088" width="520" height="660" data-chrome="noheader nofooter noborders" data-aria-polite="assertive"></a>
          <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
        .status
          %h3 Service Status
          %span 511 Priority Alerts
          <style type="text/css">#twitter-widget-1{width:720px;}</style>
          <a class="twitter-timeline" data-widget-id="365523273829732352" width="520" height="660" data-chrome="noheader nofooter noborders" data-aria-polite="assertive"></a>
          <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
    .modal-wrapper
      .em-preview-modal.modal
        %a.icon-close{href:"#"}
        .intro-video
          %iframe.video-opening#video-opening{src: "http://player.vimeo.com/video/57727292?api=1&player_id=video-opening"}
        .tour-intro
          %h2 SF72 CRISIS MODE
          %h3 The city’s hub for emergency response.
        .tour-intro-step2
          %p A real emergency might not look like a monster attacking our City by the Bay, but it might leave many of us wondering what to do.
          %p In an emergency, this site will go into Crisis Mode, and you will be able to access a stream of official updates, crowdsourced reports, and a crisis map to navigate city resources. 
          %p <strong>Tour SF72 Crisis Mode</strong> to better understand how to use this resource, in the event of an emergency. The non-monster kind.
          %a.btn{href:"#"} Take a tour
%ol#joyride-steps{"style" => "display:none"}
  %li{"data-class" => "alert-info"}
    .icon.icon-info
    %h4.header What happened?
    %p.description Announces the crisis and its severity. Click on &ldquo;What should I do?&rdquo; to get next steps. 
    %p.index 1 of 6
  %li{"data-class" => "em-quick-guide-trigger"}
    .icon.icon-info
    %h4.header What should I do?
    %p.description Three simple action steps—so you know what to do. These tips will change depending on the type of disaster and timeline. Check back often. 
    %p.index 2 of 6
  %li{"data-class" => "map-tooltip-placement",
      "data-options"  => "tipLocation:left"}
    .icon.icon-map-on
    %h4.header Street Status
    %p.description A geo-tagged crisis map that shows nearby shelters and resources, as well as hazardous or road-blocked areas &ndash; so you can find safety in your surroundings
    %p.index 3 of 6
  %li{"data-id" => "citizen-updates-tab"}
    .icon.icon-twitter-big-on
    %h4.header  Crowdsourced Updates
    %p.description A live stream of crowdsourced updates from Twitter &ndash; so you can get an on-the-ground picture of what’s going on.
    %p.index 4 of 6
{'fraction_non_alphanumeric': 0.1338949902211524, 'fraction_numerical': 0.02557544757033248, 'mean_word_length': 2.902260052832404, 'pattern_counts': {'":': 6, '<': 43, '<?xml version=': 0, '>': 58, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3200074', 'n_tokens_mistral': 4556, 'n_tokens_neox': 4224, 'n_words': 1092}