Add new copy (#125)

* New home page copy ©️

* New about us copy 📄

* Small about us tweaks 🕛️

* No press kit yet 🎁

* Woops, forgot this data 🧈

* New volunteer form 🌋

* Link to `/volunteer` ⚡️

_data/coordinators.yml

@@ -0,0 +1,14 @@
+Alec Wilson: https://www.linkedin.com/in/alecfwilson
+Alec Lee: https://www.linkedin.com/in/alec-lee-8b86b547/
+Debbie Weiss: 'mailto:[email protected]'
+Eli Block: https://linkedin.com/in/eli-block
+Jesse Vincent: https://twitter.com/obra
+Karl Yang: https://twitter.com/chiefofstuffs
+Kevin Lou: https://twitter.com/kevinbryantlou
+Kim Vandiver: https://www.linkedin.com/in/kim-dietz-412bb55
+Manish Goregaokar: https://twitter.com/manishearth
+Mike Skalnik: https://skalnik.com
+Patrick McKenzie: https://twitter.com/patio11
+Pete Huang: https://twitter.com/nonmayorpete
+Vallery Lancey: https://twitter.com/vllry
+Zoelle Egner: https://twitter.com/zoelle

_i18n/en.yml

@@ -27,32 +27,52 @@ getting_location: Getting location...
 alert_detect: Failed to detect your location. Please try again or enter your zip code
 skip_to_content: Skip to content
 illustration_alt: Illustration of doctor administering vaccines
-home_body: <p>Many over 16 are now eligible for free, safe, and reliable COVID-19 vaccines in the United States. But it can be difficult to find out where and how to get a shot.</p><p class="mt-2">Search to find confirmed vaccination locations near you, and learn how to make an appointment.</p>
+home_body: |
+    <p class="mb-2">Everyone over 16 in the US is now eligible for a free, safe, and reliable COVID-19 vaccination.</p>
+    <p class="mb-2">Find vaccination sites near you, and learn how to make an appointment.</p>
+    <p class="text-sm">We're building the most comprehensive map of vaccination sites in America. Want to help? <a href="/volunteer">Learn more &rarr;</a></p>
 home_corrections: If you have a missing location to report, <a href="https://airtable.com/shriM4cld0UfVf2ud?prefill_What+correction+are+you+reporting%3F=Add%20a%20missing%20hospital%2Fpharmacy" class="text-black">please let us know.</a>
 home_feedback: Let us know if you found this site useful!
-home_from: From the team behind <a target="_blank" href="https://www.vaccinateca.com">VaccinateCA</a>
-about_intro_1: Vaccinate The States is a community-driven effort to help Americans learn accurate, up-to-date, verified information about how to get the coronavirus vaccine.
-about_intro_2: Our team calls medical professionals at hundreds of potential vaccination sites daily, asking them if they have the vaccine and how to get an appointment. We also gather vaccine location information from official sources, including federal government agencies, county health departments, and healthcare providers. We compile what they say into a comprehensive map, and make it freely available on this site, to other publishers, and to public health initiatives.
+about_intro: |
+    Vaccinate The States is a nonprofit, community-driven effort that helps
+    Americans learn accurate, up-to-date information about how to get the
+    coronavirus vaccine. We are building the most comprehensive map of
+    vaccination sites in the United States.
+about_how_we_work_title: How We Work
+about_how_we_work: |
+    Our team calls medical professionals at hundreds of potential vaccination sites
+    daily to ask them if they are offering vaccinations and how to get an
+    appointment. We also gather vaccine site information from official sources,
+    including VaccineFinder.org, state government agencies, county health
+    departments, and healthcare providers. We compile what they say into a
+    comprehensive map, and make it freely available on this site, to other
+    publishers, and to public health initiatives.
 about_equity_title: Our Commitment to Equitable Access to Vaccine Information
+about_press_title: In The News
 faq: Frequently Asked Questions (FAQ)
 faq_how: How can I help?
 faq_reporter: I am a reporter. Can I get in touch?
 faq_provider: I work at a medical provider! How do I ask you to update our information or make a request of you?
 faq_provider_answer: |
-    <p class="mb-2">We appreciate the work you are doing, and are here to support it!</p>
-    <p class="mb-2">Please text <a href="tel:+14153014597">(415) 301-4597</a> with your message, institutional affiliation, and an
-    internal extension or contact name so we can call back to verify. We cannot receive photos at this number;
-    text only, please.</p>
+    <p class="mb-2">We appreciate the work you are doing, and are here to
+    support it!</p>
+    <p class="mb-2">Please text <a href="tel:+14153014597">(415) 301-4597</a>
+    with your message, institutional affiliation, and an
+    internal extension or contact name so we can call back to verify. We cannot
+    receive photos at this number; text only, please. If you are interested in
+    embedding our map on your site, please see our instructions <a
+    href="https://blog.vaccinateca.com/put-vaccine-locations-on-your-own-website/">here</a>.</p>
     <p>One of the organizers will read your message and take action as soon as reasonably possible.</p>
 faq_org: I work in a community-facing organization or for the government. Can we discuss this?
-faq_toil: Does this effort increase or decrease toil in the healthcare system?
-faq_toil_answer: |
-    <p class="mb-2">Most hospitals will get thousands of phone calls per day. They are currently being slammed by many more people than usual asking them the same question: “Do you have the vaccine?”</p>
-    <p>By asking that question and publishing the answer, we can save their phone bandwidth for the day-to-day operations of the hospital. We also save people seeking the vaccine from having to call dozens of locations to find one that has availability.</p>
 faq_accurate: Is the information on this website accurate?
 faq_accurate_answer: |
-    <p class="mb-2">We publish only what the vaccine site told us when we called. The situation is complex, supplies may vary throughout the day, and not everyone at the site might have up-to-the-minute information as to what their policies actually are.</p>
+    <p class="mb-2">We publish only what we have collected from official sources
+    or direct phone calls to vaccination sites. The situation is complex,
+    supplies may vary throughout the day, and not everyone at the site might
+    have up-to-the-minute information as to what their policies actually
+    are.</p>
     <p>We’re doing our best, but can’t make any guarantees.</p>
+faq_worked_on_this: Some of us who worked on this project on Day 1
 maps_sponsored_by: Maps sponsored by the <a target="_blank" href="https://www.mapbox.com/about/maps">Mapbox Community Team</a>.
 zip_error: Failed to locate your zip code, please try again
 english: English

_i18n/en/about_equity.html

@@ -1,5 +1,19 @@
-<a href="https://www.ama-assn.org/delivering-care/health-equity/how-inequities-are-surfacing-covid-19-vaccine-distribution">Nationwide evidence</a> indicates that, despite being more severely affected by the covid-19 pandemic, members of marginalized communities have received disproportionately fewer vaccines than those with more resources.
+<p class="mb-2">
+    <a href="https://www.ama-assn.org/delivering-care/health-equity/how-inequities-are-surfacing-covid-19-vaccine-distribution">Nationwide evidence</a>
+    indicates that, despite being more severely affected by the covid-19 pandemic,
+    members of marginalized communities have received disproportionately fewer
+    vaccines than those with more resources.
+</p>
 
-Vaccinate The States is committed to ensuring that those with historical disadvantages have equitable access to all the information we report. By partnering with experts and advocates who have demonstrated trust with their communities, we hope to develop tools that support the real needs of those most impacted by the crisis.
+<p class="mb-2">
+    Vaccinate The States is committed to ensuring that those with historical
+    disadvantages have equitable access to all the information we report. By
+    partnering with experts and advocates who have demonstrated trust with their
+    communities, we hope to develop tools that support the real needs of those most
+    impacted by the crisis.
+</p>
 
-If you would like to work with us towards this goal, please email us at: <a href="mailto:{{site.email.outreach}}">{{site.email.outreach}}</a>
+<p class="mb-2">
+    If you would like to work with us towards this goal, please email us at:
+    <a href="mailto:{{site.email.outreach}}">{{site.email.outreach}}</a>
+</p>

_i18n/en/faq_org_answer.html

@@ -1,3 +1,5 @@
 <p>
-    We want to support the urgent work you are doing in getting Americans vaccinated as quickly as possible. Please email us at <a href="mailto:{{site.email.partners}}">{{site.email.partners}}</a> to discuss.
+    We want to support the urgent work you are doing in getting Americans
+    vaccinated as quickly as possible. Please email us at <a href="mailto:{{site.email.partners}}">{{site.email.partners}}</a>
+    to discuss.
 </p>

_i18n/en/faq_reporter_answer.html

@@ -1,3 +1,4 @@
 <p>
-    Please email <a href="mailto:{{site.email.media}}">{{site.email.media}}</a>; we'll be in touch quickly.
+    Please email <a href="mailto:{{site.email.media}}">{{site.email.media}}</a>;
+    we'll be in touch quickly.
 </p>

_redirects

@@ -1,4 +1,4 @@
 # Place netlify redirects here. https://docs.netlify.com/routing/redirects/
 # Give our volunteer form a nice url
-/volunteer          https://airtable.com/shrdDabBhmG0l9mO0
-/Volunteer          https://airtable.com/shrdDabBhmG0l9mO0
+/volunteer          https://airtable.com/shramHP2qMMtqSuNk
+/Volunteer          https://airtable.com/shramHP2qMMtqSuNk

about-us.html

@@ -15,12 +15,25 @@ <h1 class="text-4xl font-bold leading-tight text-gray-900">
     </div>
   </div>
 
-  <p class="mb-2"> {% t about_intro_1 %} </p>
-  <p class="mb-2"> {% t about_intro_2 %} </p>
+  <p class="mb-2">{% t about_intro %}</p>
 
+  <h2 class="text-2xl font-bold leading-tight text-gray-900 mt-8 mb-4">
+    {% t about_how_we_work_title %}
+  </h2>
+  <p class="mb-2">{% t about_how_we_work %}</p>
+
+  <h2 class="text-2xl font-bold leading-tight text-gray-900 mt-8 mb-4">
+    {% t about_equity_title %}
+  </h2>
+
+  {% tf about_equity.html %}
+
+
+  <h2 class="text-2xl font-bold leading-tight text-gray-900 mt-8 mb-4">
+    {% t about_press_title %}
+  </h2>
 
-  <p class="mt-8 text-center mb-4 text-gray-500">{% t home_from %}</p>
-  <div class="md:px-6 grid grid-cols-1 md:grid-cols-3 gap-y-8 gap-x-6">
+  <div class="md:px-6 grid grid-cols-1 md:grid-cols-3 gap-y-8 gap-x-6 mt-6">
     {% for item in site.data.coverage %}
     <a
       class="no-underline hover:underline text-black max-w-xs justify-self-center {% if forloop.index <= 2 %} mb-4 {% endif %}"
@@ -42,45 +55,44 @@ <h1 class="text-4xl font-bold leading-tight text-gray-900">
   </div>
 
   <h2 class="text-2xl font-bold leading-tight text-gray-900 mt-8 mb-4">
-    {% t about_equity_title %}
+    {% t faq %}
   </h2>
 
-  {% tf about_equity.html %}
-
-  <h2 class="text-2xl font-bold leading-tight text-gray-900 mt-8 mb-4">
-    {% t faq %}</h2>
-
   <h3 class="text-lg font-bold mb-2 bg-yellow-300 px-1 py-1">
-    {% t faq_how %}</h3>
+    {% t faq_how %}
+  </h3>
 
-    {% tf faq_how_answer.html %}
+  {% tf faq_how_answer.html %}
 
   <h3 class="mt-5 text-lg font-bold mb-2 bg-yellow-300 px-1 py-1">
     {% t faq_reporter %}
-    </h3>
-    {% tf faq_reporter_answer.html %}
+  </h3>
+  {% tf faq_reporter_answer.html %}
 
   <h3 class="mt-5 text-lg font-bold mb-2 bg-yellow-300 px-1 py-1">
     {% t faq_provider %}
-    </h3>
-    {% t faq_provider_answer %}
+  </h3>
+  {% t faq_provider_answer %}
 
   <h3 class="mt-5 text-lg font-bold mb-2 bg-yellow-300 px-1 py-1">
     {% t faq_org %}
-    </h3>
-    {% tf faq_org_answer.html %}
-
-  <h3 class="mt-5 text-lg font-bold mb-2 bg-yellow-300 px-1 py-1">
-    {% t faq_toil %}
-    </h3>
-    {% t faq_toil_answer %}
+  </h3>
+  {% tf faq_org_answer.html %}
 
   <h3 class="mt-5 text-lg font-bold mb-2 bg-yellow-300 px-1 py-1">
     {% t faq_accurate %}
-    </h3>
-    {% t faq_accurate_answer %}
-  <div class="mb-5"></div>
+  </h3>
+  {% t faq_accurate_answer %}
 
+  <h3 class="mt-5 text-lg font-bold mb-2 bg-yellow-300 px-1 py-1">
+    {% t faq_worked_on_this %}
+  </h3>
+  <p>
+    <span id="js-people-list">
+    {% for coordinator in site.data.coordinators %}
+      <a href="{{ coordinator[1] }}">{{ coordinator[0] }}</a>
+    {%- endfor -%}</span>.
+  <p>
 </div>
 
-<script src="assets/js/about-us.js"></script>
+<script src="assets/js/about-us.js"></script>

webpack/about-us.js

@@ -13,4 +13,26 @@ window.addEventListener("load", () => {
     },
     false
   );
+
+  const peopleElements = [...document.querySelectorAll("#js-people-list a")];
+  const peopleListElement = document.getElementById("js-people-list");
+
+  shuffleArray(peopleElements);
+  peopleListElement.innerHTML = "";
+  for (let i = 0; i < peopleElements.length; ++i) {
+    const personElement = peopleElements[i];
+
+    peopleListElement.insertBefore(personElement, null);
+    if (i !== peopleElements.length - 1) {
+      const separatorNode = document.createTextNode(", ");
+      peopleListElement.insertBefore(separatorNode, null);
+    }
+  }
 });
+
+function shuffleArray(array) {
+  for (let i = array.length - 1; i > 0; i--) {
+    const j = Math.floor(Math.random() * (i + 1));
+    [array[i], array[j]] = [array[j], array[i]];
+  }
+}