AO3-7482 Update "About Us" page and sitemap

app/views/home/about.html.erb

@@ -1,21 +1,127 @@
 <h2 class="heading"><%= t(".heading.html", otw: tag.abbr(t(".heading.otw"), title: t(".heading.otw_long"))) %></h2>
 
 <div class="userstuff">
-  <p><%= t(".general") %></p>
-  <p><%= t(".details") %></p>
-  <p><%= t(".ao3.html",
-           github_repository_link: link_to(t(".ao3.github_repository"), "https://github.com/otwcode/otwarchive"),
-           jira_project_link: link_to(t(".ao3.jira_project"), "https://otwarchive.atlassian.net/browse/AO3")) %></p>
-  <p><%= t(".major_projects.title") %>
-    <ul>
-      <li><%= t(".major_projects.fanlore_details_html", fanlore_link: link_to(t(".major_projects.fanlore"), "https://fanlore.org")) %></li>
-      <li><%= t(".major_projects.legal_details_html", legal_advocacy_link: link_to(t(".major_projects.legal_advocacy"), "https://transformativeworks.org/projects/legal")) %></li>
-      <li><%= t(".major_projects.open_doors_details_html", open_doors_link: link_to(t(".major_projects.open_doors"), "https://opendoors.transformativeworks.org")) %></li>
-      <li><%= t(".major_projects.twc_details_html", twc_link: link_to(t(".major_projects.twc"), "https://journal.transformativeworks.org/index.php/twc")) %></li>
-    </ul>
+  <h3 class="heading" id="ao3"><%= t(".heading.about_ao3") %></h3>
+
+  <p><%= t(".ao3.description") %></p>
+
+  <p>
+    <%= tag.strong(t(".ao3.inclusiveness_on_ao3_html",
+          inclusiveness_link: link_to(t(".ao3.inclusiveness"), tos_faq_path(anchor: "max_inclusiveness")))) %>
+
+    <%= t(".ao3.inclusiveness_html",
+          content_policy_link: link_to(t(".ao3.content_policy"), content_path),
+          tos_link: link_to(t(".ao3.tos"), tos_path)) %>
+  </p>
+
+  <p>
+    <%= t(".ao3.open_source_html",
+          archiving_software_link: link_to(t(".ao3.archiving_software"), "https://github.com/otwcode/otwarchive#otw-archive"),
+          contribute_link: link_to(t(".ao3.contribute"), "https://github.com/otwcode/otwarchive/blob/master/CONTRIBUTING.md"),
+          jira_project_link: link_to(t(".ao3.jira_project"), "https://otwarchive.atlassian.net/browse/AO3")) %>
+  </p>
+
+  <p>
+    <%= t(".ao3.beta_html",
+          fanlore_ao3_link: link_to(t(".ao3.fanlore_ao3"), "https://fanlore.org/wiki/Archive_of_Our_Own")) %>
+  </p>
+
+  <h4 class="heading" id="our_team"><%= t(".heading.our_team") %></h4>
+
+  <p>
+    <%= t(".our_team.intro_html",
+          committees_link: link_to(t(".our_team.committees"), "https://www.transformativeworks.org/committees/")) %>
+  </p>
+
+  <ul>
+    <li>
+      <%= t(".our_team.adt_details_html",
+            adt_link: link_to(t(".our_team.adt"), "https://www.transformativeworks.org/committees/accessibility-design-technology-committee/")) %>
+    </li>
+    <li>
+      <%= t(".our_team.documentation_details_html",
+            documentation_link: link_to(t(".our_team.documentation"), "https://www.transformativeworks.org/committees/ao3-documentation-committee/")) %>
+    </li>
+    <li>
+      <%= t(".our_team.communications_details_html",
+            communications_link: link_to(t(".our_team.communications"), "https://www.transformativeworks.org/committees/communications-committee/")) %>
+    </li>
+    <li>
+      <%= t(".our_team.open_doors_details_html",
+            open_doors_link: link_to(t(".our_team.open_doors"), "https://www.transformativeworks.org/committees/open-doors-committee/")) %>
+    </li>
+    <li>
+      <%= t(".our_team.policy_abuse_details_html",
+            policy_abuse_link: link_to(t(".our_team.policy_abuse"), "https://www.transformativeworks.org/committees/policy-abuse-committee/")) %>
+    </li>
+    <li>
+      <%= t(".our_team.support_details_html",
+            support_link: link_to(t(".our_team.support"), "https://www.transformativeworks.org/committees/support-committee/")) %>
+    </li>
+    <li>
+      <%= t(".our_team.systems_details_html",
+            systems_link: link_to(t(".our_team.systems"), "https://www.transformativeworks.org/committees/systems-committee/")) %>
+    </li>
+    <li>
+      <%= t(".our_team.tag_wrangling_details_html",
+            tag_wrangling_link: link_to(t(".our_team.tag_wrangling"), "https://www.transformativeworks.org/committees/tag-wrangling-committee/")) %>
+    </li>
+    <li>
+      <%= t(".our_team.translation_details_html",
+            translation_link: link_to(t(".our_team.translation"), "https://www.transformativeworks.org/committees/translation/")) %>
+    </li>
+    <li>
+      <%= t(".our_team.user_response_details_html",
+            user_response_link: link_to(t(".our_team.user_response"), "https://www.transformativeworks.org/our-projects/archive-of-our-own/")) %>
+    </li>
+  </ul>
+
+  <h3 class="heading" id="otw"><%= t(".heading.about_otw") %></h3>
+
+  <p>
+    <%= t(".otw.html",
+          donations_link: link_to(t(".otw.donations"), "https://donate.transformativeworks.org/otwgive"),
+          mission_link: link_to(t(".otw.mission"), "https://www.transformativeworks.org/what_we_believe/"),
+          transformative_fanworks_link: link_to(t(".otw.transformative_fanworks"), "https://www.transformativeworks.org/faq/what-do-you-mean-by-a-transformative-work/")) %>
+  </p>
+
+  <p><%= t(".major_projects.title") %></p>
+
+  <ul>
+    <li>
+      <%= t(".major_projects.fanlore_details_html",
+            fanlore_link: link_to(t(".major_projects.fanlore"), "https://www.transformativeworks.org/our-projects/fanlore/"),
+            fanlore_visit_link: link_to(t(".major_projects.fanlore_visit"), "https://fanlore.org")) %>
+    </li>
+    <li>
+      <%= t(".major_projects.legal_details_html",
+            legal_advocacy_link: link_to(t(".major_projects.legal_advocacy"), "https://transformativeworks.org/projects/legal")) %>
+    </li>
+    <li>
+      <%= t(".major_projects.open_doors_details_html",
+            open_doors_link: link_to(t(".major_projects.open_doors"), "https://www.transformativeworks.org/our-projects/open-doors/"),
+            open_doors_visit_link: link_to(t(".major_projects.open_doors_visit"), "https://opendoors.transformativeworks.org")) %>
+    </li>
+    <li>
+      <%= t(".major_projects.twc_details_html",
+            twc_link: tag.cite(link_to(t(".major_projects.twc"), "https://www.transformativeworks.org/our-projects/twc/")),
+            twc_visit_link: link_to(t(".major_projects.twc_visit"), "https://journal.transformativeworks.org/index.php/twc")) %>
+    </li>
+  </ul>
+
+  <h3 class="heading" id="learn_more"><%= t(".heading.learn_more") %></h3>
+
+  <p>
+    <%= t(".learn_more.html",
+          ao3_faq_link: link_to(t(".learn_more.ao3_faq"), archive_faqs_path),
+          transformative_works_faq_link: link_to(t(".learn_more.transformative_works_faq"), "https://www.transformativeworks.org/faq/"),
+          donate_link: link_to(t(".learn_more.donate"), donate_path)) %>
+  </p>
+
+  <p>
+    <%= t(".learn_more.technical_help_html",
+          contact_communications_link: link_to(t(".learn_more.contact_communications"), "https://www.transformativeworks.org/contact_us/?who=Communications"),
+          contact_policy_abuse_link: link_to(t(".learn_more.contact_policy_abuse"), new_abuse_report_path),
+          contact_support_link: link_to(t(".learn_more.contact_support"), new_feedback_report_path)) %>
   </p>
-  <p><%= t(".more_info.html",
-           transformative_works_link: link_to(t(".more_info.transformative_works"), "https://www.transformativeworks.org"),
-           faq_page_link: link_to(t(".more_info.faq_page"), "https://www.transformativeworks.org/faq"),
-           communications_team_link: link_to(t(".more_info.communications_team"), "https://www.transformativeworks.org/contact_us/")) %></p>
 </div>

app/views/home/site_map.html.erb

@@ -14,6 +14,7 @@
 
   <h3 class="heading"><%= t(".about.header") %></h3>
   <ul>
+    <li><%= link_to t(".about.about_us"), about_path %></li>
     <li><%= link_to t(".about.terms_of_service"), tos_path %></li>
     <li><%= link_to t(".about.content_policy"), content_path %></li>
     <li><%= link_to t(".about.privacy_policy"), privacy_path %></li>

config/locales/views/en.yml

@@ -1684,31 +1684,77 @@ en:
   home:
     about:
       ao3:
-        github_repository: GitHub repository
-        html: The Archive of Our Own offers a noncommercial and nonprofit central hosting place for fanworks using open-source archiving software. We welcome contributions to our %{github_repository_link}, and a list of open tasks is available on our %{jira_project_link}.
+        archiving_software: open-source archiving software
+        beta_html: AO3 entered open beta in November 2009 and exited beta in April 2026. You can read more about %{fanlore_ao3_link}.
+        content_policy: Content Policy
+        contribute: contribute
+        description: The Archive of Our Own (AO3) is a non-profit, non-commercial fanwork archive for transformative fanworks; created by and for fans of books, music, art, games, shows, movies, real-person fiction (RPF), and other fandoms.
+        fanlore_ao3: AO3's history on Fanlore
+        inclusiveness: maximum inclusiveness of fanwork content
+        inclusiveness_html: Fanworks that do not violate the %{content_policy_link} or some other part of the %{tos_link} will not be removed from AO3, even if someone believes they are offensive or objectionable.
+        inclusiveness_on_ao3_html: AO3 is built upon the principle of %{inclusiveness_link}.
         jira_project: Jira project
-      details: We are proactive and innovative in protecting and defending our work from commercial exploitation and legal challenge. We preserve our fannish economy, values, and creative expression by protecting and nurturing our fellow fans, our work, our commentary, our history, and our identity while providing the broadest possible access to fannish activity for all fans.
-      general: The Organization for Transformative Works (OTW) is a nonprofit organization, established by fans in 2007, to serve the interests of fans by providing access to and preserving the history of fanworks and fan culture in its myriad forms. We believe that fanworks are transformative and that transformative works are legitimate.
+        open_source_html: AO3 runs on %{archiving_software_link} developed by the Organization for Transformative Works (OTW). Anyone is welcome to %{contribute_link} by working on the unclaimed tasks in our %{jira_project_link}.
+        tos: Terms of Service
       heading:
-        html: About the %{otw}
+        about_ao3: About AO3
+        about_otw: About the OTW
+        html: About AO3 and the %{otw}
+        learn_more: Learn More
         otw: OTW
         otw_long: Organization for Transformative Works
+        our_team: Our Team
+      learn_more:
+        ao3_faq: Archive FAQs
+        contact_communications: contact Communications
+        contact_policy_abuse: contact Policy & Abuse
+        contact_support: contact Support
+        donate: Donate or Volunteer
+        html: You can find information on using AO3 in the %{ao3_faq_link}, or visit the %{transformative_works_faq_link} to learn more about our organization. If you want to get involved, you can %{donate_link}.
+        technical_help_html: For technical help using AO3, including bug reports and feature requests, please %{contact_support_link}. For questions or reports about violations of the AO3 Terms of Service, %{contact_policy_abuse_link}. If you have any other questions, please %{contact_communications_link}.
+        transformative_works_faq: OTW FAQs
       major_projects:
         fanlore: Fanlore
-        fanlore_details_html: "%{fanlore_link}, a fandom wiki devoted to preserving the history of transformative fanworks and the fandoms from which they have arisen."
+        fanlore_details_html: "%{fanlore_link}, a fandom wiki devoted to preserving the history of transformative fanworks and the fandoms from which they have arisen. %{fanlore_visit_link}"
+        fanlore_visit: Visit Fanlore.
         legal_advocacy: Legal Advocacy
-        legal_details_html: "%{legal_advocacy_link} committed to protecting and defending fanworks from commercial exploitation and legal challenge."
+        legal_details_html: "%{legal_advocacy_link} committed to protecting and defending fanworks from commercial exploitation and legal challenges. They also strive to educate fans about developments in law that could affect fandom."
         open_doors: Open Doors
-        open_doors_details_html: "%{open_doors_link}, which offers shelter to at-risk fannish projects."
+        open_doors_details_html: "%{open_doors_link}, which offers shelter to at-risk fannish projects and archives. Through several subprojects, they preserve different kinds of fanworks and artifacts of fan culture. %{open_doors_visit_link}"
+        open_doors_visit: Visit Open Doors.
         title: 'Our other major projects include:'
         twc: Transformative Works and Cultures
-        twc_details_html: "%{twc_link}, a peer-reviewed academic journal that seeks to promote scholarship on fanworks and practices."
-      more_info:
-        communications_team: Communications team
-        faq_page: FAQ page
-        html: You can find out more about the OTW and its projects at its website, %{transformative_works_link}, and learn about how your financial support is vital to the continuation and expansion of the OTW's work on its %{faq_page_link}. If you have a media or research question, please contact the %{communications_team_link}.
-        transformative_works: transformativeworks.org
-      page_title: About the OTW
+        twc_details_html: "%{twc_link} (TWC), an international, peer-reviewed journal that publishes articles about transformative works and fan communities. %{twc_visit_link}"
+        twc_visit: Visit TWC.
+      otw:
+        donations: donations
+        html: The OTW is a 501(c)(3) non-profit organization, fully supported by %{donations_link} and run by and for fans. The %{mission_link} is to preserve and protect %{transformative_fanworks_link} and fan culture in their myriad forms. We believe that fanworks are transformative and that transformative works are legitimate.
+        mission: OTW's mission
+        transformative_fanworks: transformative fanworks
+      our_team:
+        adt: Accessibility, Design, & Technology
+        adt_details_html: "%{adt_link} designs, maintains, and develops AO3's code."
+        committees: committees
+        communications: Communications
+        communications_details_html: "%{communications_link} publishes news posts on AO3 and communicates with users about AO3-related updates."
+        documentation: AO3 Documentation
+        documentation_details_html: "%{documentation_link} creates and maintains AO3's FAQs, help pop-ups, and tutorials."
+        intro_html: 'Behind the scenes, AO3 is run by volunteers serving on %{committees_link}, which collaborate to support AO3 in different ways:'
+        open_doors: Open Doors
+        open_doors_details_html: "%{open_doors_link} imports at-risk archives and fanzines to AO3."
+        policy_abuse: Policy & Abuse
+        policy_abuse_details_html: "%{policy_abuse_link} addresses questions and reports about potential violations of the AO3 Terms of Service."
+        support: Support
+        support_details_html: "%{support_link} helps users resolve technical problems and passes on user feedback to other AO3 committees."
+        systems: Systems
+        systems_details_html: "%{systems_link} manages the servers that AO3 runs on."
+        tag_wrangling: Tag Wrangling
+        tag_wrangling_details_html: "%{tag_wrangling_link} sorts and organizes tags on AO3, linking related tags together for better filtering and searching."
+        translation: Translation
+        translation_details_html: "%{translation_link} helps committees communicate with users in non-English languages and translates news and information about AO3."
+        user_response: User Response Translation
+        user_response_details_html: "%{user_response_link} addresses Policy & Abuse and Support's translation needs in specific high-need languages."
+      page_title: About AO3 and the OTW
     content:
       cc_attribution_4_0_international: Creative Commons Attribution 4.0 International License
       commercial_promotion:
@@ -2035,6 +2081,7 @@ en:
         require_user_specific_proof: We reserve the right to require user-specific proof of identity before providing Personal Information to a requester. This is necessary to protect the safety and privacy of our users and personnel.
     site_map:
       about:
+        about_us: About Us
         ao3_news: AO3 News
         archive_faq: Archive FAQ
         content_policy: Content Policy

features/other_a/homepage.feature

@@ -29,6 +29,7 @@ Feature: Various things on the homepage
   Scenario: About
 
     Given I am on the about page
-    Then I should see the page title "About the OTW"
-      And I should see a link "GitHub repository" to "https://github.com/otwcode/otwarchive"
+    Then I should see the page title "About AO3 and the OTW"
+      And I should see a link "open-source archiving software" to "https://github.com/otwcode/otwarchive#otw-archive"
+      And I should see a link "contribute" to "https://github.com/otwcode/otwarchive/blob/master/CONTRIBUTING.md"
       And I should see a link "Jira project" to "https://otwarchive.atlassian.net/browse/AO3"