<commit_before>= javascript_include_tag "supplies"
.main-container.things
  = render :partial => "partials/header"
  .intro
    .photo-overlay
      %h2.mobile-title Supplies
      %h2 Gather your gear.
      %p Whether you’re just starting out or you’re a preparedness pro, it’s easy to build &ndash; or add to &ndash; your emergency supplies. A good rule of thumb is to have supplies for about 3 days, or 72 hours. Start with what you already have; it’s just a matter of getting organized.
  .action-bar
    %ul.tabs
      %li.essentials-trigger.active
        %a{href:"#tab-essentials-content"} Essentials
      %li
        %a{href:"#tab-useful-content"} Useful
      %li
        %a{href:"#tab-personal-content"} Personal
    .list-download
      %a{href:"/pdf/SF72_supplies.pdf"} Download full list
  %ul.tabs-content 
    %li.tab-essentials-content
      %p.tab-tip Set aside these basics, and store them in a central location.
      %ul.things-list.essential
        - @items.select {|item| item.category == "#{Categories::ESSENTIAL.to_s}" }.each do |item|
          %li
            .use-case-dialog
              #{item.use_case}
            %img{src: "#{item.image}"}
            %h4 #{item.title}
            %p.overlay-text #{item.use_case}
    %li.tab-useful-content
      %p.tab-tip These items represent things that many people want in an emergency—but don’t always think of. Stash them away, and you’ll get through the first 72 hours more easily.
      %ul.things-list.useful
        - @items.select {|item| item.category == "#{Categories::USEFUL.to_s}" }.each do |item|
          %li
            .use-case-dialog
              #{item.use_case}
            %img{src: "#{item.image}"}
            %h4 #{item.title}
            %p.overlay-text #{item.use_case}
    %li.tab-personal-content
      %p.tab-tip In addition to the standard supplies, certain things will help you—and only you—manage during an emergency. Set aside a few items that will give you and your family extra comfort.
      %ul.things-list.personal
        - @items.select {|item| item.category == "#{Categories::PERSONAL.to_s}" }.each do |item|
          %li
            .use-case-dialog
              #{item.use_case}
            %img{src: "#{item.image}"}
            %h4 #{item.title}
            %p.overlay-text #{item.use_case}
  .kits
    %h2 Sharing is caring.
    %p Emergencies are opportunities to come together and support those around you. What items would you’d like to share? Uncorking a bottle of wine, singing songs, or sharing a meal are even more meaningful in the days <em>after</em> an emergency than before.
    %ul.kits-list
      - @kits.each do |kit|
        %li
          %a{href: "#", onClick:"window.open('#{kit.url}', '', 'width=600,height=500')"}
            %img{src: "#{kit.image}"}
            %span #{kit.title}
= render :partial => "partials/footer"<commit_msg>Adding retina support on supplies and kits<commit_after>= javascript_include_tag "supplies"
.main-container.things
  = render :partial => "partials/header"
  .intro
    .photo-overlay
      %h2.mobile-title Supplies
      %h2 Gather your gear.
      %p Whether you’re just starting out or you’re a preparedness pro, it’s easy to build &ndash; or add to &ndash; your emergency supplies. A good rule of thumb is to have supplies for about 3 days, or 72 hours. Start with what you already have; it’s just a matter of getting organized.
  .action-bar
    %ul.tabs
      %li.essentials-trigger.active
        %a{href:"#tab-essentials-content"} Essentials
      %li
        %a{href:"#tab-useful-content"} Useful
      %li
        %a{href:"#tab-personal-content"} Personal
    .list-download
      %a{href:"/pdf/SF72_supplies.pdf"} Download full list
  %ul.tabs-content 
    %li.tab-essentials-content
      %p.tab-tip Set aside these basics, and store them in a central location.
      %ul.things-list.essential
        - @items.select {|item| item.category == "#{Categories::ESSENTIAL.to_s}" }.each do |item|
          %li
            .use-case-dialog
              #{item.use_case}
            = retina_image_tag item.image
            %h4 #{item.title}
            %p.overlay-text #{item.use_case}
    %li.tab-useful-content
      %p.tab-tip These items represent things that many people want in an emergency—but don’t always think of. Stash them away, and you’ll get through the first 72 hours more easily.
      %ul.things-list.useful
        - @items.select {|item| item.category == "#{Categories::USEFUL.to_s}" }.each do |item|
          %li
            .use-case-dialog
              #{item.use_case}
            = retina_image_tag item.image
            %h4 #{item.title}
            %p.overlay-text #{item.use_case}
    %li.tab-personal-content
      %p.tab-tip In addition to the standard supplies, certain things will help you—and only you—manage during an emergency. Set aside a few items that will give you and your family extra comfort.
      %ul.things-list.personal
        - @items.select {|item| item.category == "#{Categories::PERSONAL.to_s}" }.each do |item|
          %li
            .use-case-dialog
              #{item.use_case}
            = retina_image_tag item.image
            %h4 #{item.title}
            %p.overlay-text #{item.use_case}
  .kits
    %h2 Sharing is caring.
    %p Emergencies are opportunities to come together and support those around you. What items would you’d like to share? Uncorking a bottle of wine, singing songs, or sharing a meal are even more meaningful in the days <em>after</em> an emergency than before.
    %ul.kits-list
      - @kits.each do |kit|
        %li
          %a{href: "#", onClick:"window.open('#{kit.url}', '', 'width=600,height=500')"}
            = retina_image_tag kit.image
            %span #{kit.title}
= render :partial => "partials/footer"
{'fraction_non_alphanumeric': 0.12010353753235548, 'fraction_numerical': 0.006557377049180328, 'mean_word_length': 2.4356846473029043, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 11, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4130812', 'n_tokens_mistral': 1820, 'n_tokens_neox': 1770, 'n_words': 549}