Merge pull request #5621 from freelawproject/5355-new-terms-and-policies

feat(simple_pages): add redesigned version of Terms and Policies page

Author: ERosendo

cl/assets/tailwind/input.css

@@ -15,7 +15,7 @@
     @apply border bg-white py-3 px-3.5 rounded-[10px] text-sm font-medium text-greyscale-900;
   }
   h1 {
-    @apply font-cooper font-medium text-display-xs md:font-semibold md:text-display-lg;
+    @apply font-cooper text-display-sm font-semibold md:text-display-lg;
   }
   h2 {
     @apply text-display-xs font-semibold text-greyscale-900;

cl/simple_pages/templates/cotton/terms_history.html

@@ -0,0 +1,30 @@
+<c-vars is_archived></c-vars>
+
+<h3>Other Versions</h3>
+
+<p>{% if is_archived %}Other{% else %}Earlier{% endif %} versions of these policies can be found in the following locations:</p>
+<ul class="text-primary-600 underline">
+  {% if is_archived %}
+    <li><a href="{% url 'terms' %}" rel="nofollow">From September 10, 2024</a></li>
+  {% endif %}
+  <li><a href="{% url 'old_terms' '19' %}" rel="nofollow">Between October 7, 2023 and September 10, 2024</a></li>
+  <li><a href="{% url 'old_terms' '18' %}" rel="nofollow">Between February 8, 2023 and October 6, 2023</a></li>
+  <li><a href="{% url 'old_terms' '17' %}" rel="nofollow">Between July 7, 2022 and February 8, 2023</a></li>
+  <li><a href="{% url 'old_terms' '16' %}" rel="nofollow">Between June 15, 2022 and July 7, 2022</a></li>
+  <li><a href="{% url 'old_terms' '15' %}" rel="nofollow">Between March 14, 2022 and June 15, 2022</a></li>
+  <li><a href="{% url 'old_terms' '14' %}" rel="nofollow">Between March 30, 2021 and March 14, 2022</a></li>
+  <li><a href="{% url 'old_terms' '13' %}" rel="nofollow">Between June 11, 2020 and March 30, 2021</a></li>
+  <li><a href="{% url 'old_terms' '12' %}" rel="nofollow">Between May 29, 2020 and June 11, 2020</a></li>
+  <li><a href="{% url 'old_terms' '11' %}" rel="nofollow">Between July 17, 2019 and May 29, 2020</a></li>
+  <li><a href="{% url 'old_terms' '10' %}" rel="nofollow">Between July 31, 2018 and July 17, 2019</a></li>
+  <li><a href="{% url 'old_terms' '9' %}" rel="nofollow">Between August 24, 2017 and July 31, 2018</a></li>
+  <li><a href="{% url 'old_terms' '8' %}" rel="nofollow">Between February 22, 2016 and August 24, 2017</a></li>
+  <li><a href="{% url 'old_terms' '7' %}" rel="nofollow">Between December 14, 2015 and February 22, 2016</a></li>
+  <li><a href="{% url 'old_terms' '6' %}" rel="nofollow">Between January 2, 2013 and December 14, 2015</a></li>
+  <li><a href="{% url 'old_terms' '5' %}" rel="nofollow">Between May 7, 2012 and January 2, 2013</a></li>
+  <li><a href="{% url 'old_terms' '4' %}" rel="nofollow">Between January 20, 2012 and May 7, 2012</a></li>
+  <li><a href="{% url 'old_terms' '3' %}" rel="nofollow">Between March 16, 2011 and January 20, 2012</a></li>
+  <li><a href="{% url 'old_terms' '2' %}" rel="nofollow">Between February 17, 2011 and March 16, 2011</a></li>
+  <li><a href="{% url 'old_terms' '1' %}" rel="nofollow">Prior to February 17, 2011</a></li>
+</ul>
+<p>Thank you for using CourtListener.com.</p>

cl/simple_pages/templates/includes/terms_history.html

@@ -1,3 +1,16 @@
+{% comment %}
+╔═════════════════════════════════════════════════════════════════════════╗
+║                               ATTENTION!                                ║
+║ This template has a new version behind the use_new_design waffle flag.  ║
+║                                                                         ║
+║ When modifying this template, please also update the new version at:    ║
+║ cl/simple_pages/templates/cotton/terms_history.html                     ║
+║                                                                         ║
+║ Once the new design is fully implemented, all legacy templates          ║
+║ (including this one) and the waffle flag will be removed.               ║
+╚═════════════════════════════════════════════════════════════════════════╝
+{% endcomment %}
+
 <div id="versions">
   <h3>Other Versions</h3>
 

cl/simple_pages/templates/terms/18.html

@@ -4,6 +4,10 @@
 {% block sidebar %}{% endblock %}
 
 {% block content %}
+  <div class="col-xs-12">
+    <h3 class="notice">This is an archived version of our policies that is no longer in effect.</h3>
+  </div>
+
   <div id="toc-container" class="hidden-xs hidden-sm col-md-3">
     <div id="toc">
       <h3>Table of Contents</h3>
@@ -23,7 +27,6 @@ <h3>Table of Contents</h3>
 
     <h1>Terms and Policies</h1>
     <div id="terms">
-      <h3 class="notice">This is an archived version of our policies that is no longer in effect.</h3>
       <h3>Terms of Service</h3>
       <p>By accessing, browsing, or using CourtListener.com, you agree the following terms:</p>
 

cl/simple_pages/templates/terms/19.html

@@ -4,6 +4,10 @@
 {% block sidebar %}{% endblock %}
 
 {% block content %}
+  <div class="col-xs-12">
+    <h3 class="notice">This is an archived version of our policies that is no longer in effect.</h3>
+  </div>
+
   <div id="toc-container" class="hidden-xs hidden-sm col-md-3">
     <div id="toc">
       <h3>Table of Contents</h3>

cl/simple_pages/templates/terms/latest.html

@@ -1,5 +1,18 @@
 {% extends "base.html" %}
 
+{% comment %}
+╔═════════════════════════════════════════════════════════════════════════╗
+║                               ATTENTION!                                ║
+║ This template has a new version behind the use_new_design waffle flag.  ║
+║                                                                         ║
+║ When modifying this template, please also update the new version at:    ║
+║ cl/simple_pages/templates/v2_terms/latest.html                          ║
+║                                                                         ║
+║ Once the new design is fully implemented, all legacy templates          ║
+║ (including this one) and the waffle flag will be removed.               ║
+╚═════════════════════════════════════════════════════════════════════════╝
+{% endcomment %}
+
 {% block title %}{{ title }}{% endblock %}
 {% block sidebar %}{% endblock %}
 

cl/simple_pages/templates/v2_help/alert_help.html

@@ -31,7 +31,7 @@
   ]"
 >
   <c-layout-with-navigation.section id="about">
-    <h1 class="text-display-xs font-semibold md:text-display-lg">Help with Search and Docket Alerts</h1>
+    <h1>Help with Search and Docket Alerts</h1>
     <p class="text-xl font-sans font-normal text-greyscale-700">Since 2009, CourtListener has helped people keep up with new cases and legal topics.</p>
     <p>We currently have three kinds of alerts: Search Alerts, Docket Alerts for PACER, and Citation Alerts.</p>
   </c-layout-with-navigation.section>

cl/simple_pages/templates/v2_help/coverage.html

@@ -15,7 +15,7 @@
   ]"
 >
   <section id="overview">
-    <h2>Data Coverage &mdash; What's in CourtListener?</h2>
+    <h1>Data Coverage &mdash; What's in CourtListener?</h1>
     <p class="lead">CourtListener is a vast searchable collection of legal information.</p>
     <p>We have millions of case law records including <a class="underline" href="https://free.law/projects/supreme-court-data/">a detailed collection of SCOTUS opinions</a>, tens of millions of PACER docket entries in the <a class="text-primary-600" href="{% url "advanced_r" %}">RECAP Archive</a>, and <a class="text-primary-600" href="{% url "advanced_oa" %}">the largest collection of oral argument recordings</a> available on the Internet, with {{ oa_duration|floatformat:"0"|intcomma }} minutes of recordings (and counting).
     </p>

cl/simple_pages/templates/v2_help/coverage_fds.html

@@ -15,7 +15,7 @@
   ]"
 >
   <c-layout-with-navigation.section id="overview">
-    <h1 class="text-display-xs font-semibold font-sans">Data Coverage &mdash; What Financial Disclosures Does CourtListener Have?</h1>
+    <h1 class="text-display-xs">Data Coverage &mdash; What Financial Disclosures Does CourtListener Have?</h1>
     <p>The <a class="underline" href="https://www.govinfo.gov/content/pkg/USCODE-2010-title5/pdf/USCODE-2010-title5-app-ethicsing.pdf">Ethics in Government Act of 1978</a> requires that senior government officials file annual disclosures listing their personal financial interests. In the Judicial Branch, this law applies to certain judicial employees and all judges. Once filed, these disclosures are generally available to the public for six years. After that time has elapsed the statute generally <a class="underline" href="https://www.govinfo.gov/app/details/USCODE-2021-title5/USCODE-2021-title5-app-ethicsing-sec105" target="_blank" rel="noopener noreferrer">requires that disclosures be "destroyed."</a>
     </p>
     <p>Historically, these disclosures were not collected systematically because it was too difficult to do so. Each disclosure had to be requested individually by fax, and had to be paid for by check. A big change to this policy came in the <a class="underline" href="https://www.uscourts.gov/sites/default/files/2017-03_0.pdf#page=12">March, 2017 meeting of the Judicial Conference</a>, where they created a new policy that allowed the disclosures to be released on "electronic storage devices…at no cost to the requestor."

cl/simple_pages/templates/v2_help/coverage_oa.html

@@ -16,7 +16,7 @@
   ]"
 >
   <c-layout-with-navigation.section id="about">
-    <h1 class="text-display-xs font-sans font-semibold">Data Coverage — What Oral Argument Recordings Does CourtListener Have?</h1>
+    <h1 class="text-display-xs">Data Coverage — What Oral Argument Recordings Does CourtListener Have?</h1>
     <p class="lead">Our <a class="text-primary-600" href="{% url "advanced_oa" %}">database of oral argument recordings</a> is the largest on the Internet.
     </p>
     <p>Each hour, we gather audio files from the Supreme Court and the Federal Circuit Courts listed below. For many of these courts, we also gathered everything they had available on their website so that we would have as complete a collection as possible. We are seeking partnerships with courts to host their older content from their archives.

cl/simple_pages/templates/v2_help/coverage_recap.html

@@ -24,7 +24,7 @@
   ]"
 >
   <c-layout-with-navigation.section id="overview">
-    <h1 class="text-display-xs font-sans">RECAP Archive Coverage — What PACER Data Does CourtListener Have?</h1>
+    <h1 class="text-display-xs">RECAP Archive Coverage — What PACER Data Does CourtListener Have?</h1>
     <p class="lead">The <a class="text-primary-600" href="{% url "advanced_r" %}">RECAP Archive</a> is the biggest open collection of PACER data on the Internet.</p>
     <p>It contains hundreds of millions of docket entries, nearly every federal case, and millions of documents. On a given day, it is likely to gain numerous new dockets, thousands of new documents, and around 100,000 new docket entries.</p>
     <p>Our goal with the RECAP Archive is to collect any PACER data that we can so that we can share it as widely as possible.</p>

cl/simple_pages/templates/v2_help/index.html

@@ -11,9 +11,7 @@
   <div class="pb-11">
     <div class="flex flex-col gap-4 pr-13">
       <c-eyebrow>CourtListener</c-eyebrow>
-      <h1 class="font-cooper font-medium text-display-xs md:font-semibold md:text-display-lg">
-        Getting Help on CourtListener
-      </h1>
+      <h1>Getting Help on CourtListener</h1>
       <p class="font-normal text-greyscale-600">The following help articles are currently available</p>
     </div>
   </div>

cl/simple_pages/templates/v2_help/markdown_help.html

@@ -26,7 +26,7 @@
   ]"
 >
     <c-layout-with-navigation.section id="markdown">
-      <h2>Understanding Markdown</h2>
+      <h1>Understanding Markdown</h1>
       <p>Markdown is a lightweight and simple system that can be used to write complex and beautiful documents on the Web. At CourtListener, you can use Markdown in a number of locations to add links, headers, and other formatting.
       </p>
       <p>Markdown is based loosely on email formatting and is very easy to learn. For example, to make a word bold, all you have to do is add asterisks around it, **like this**, and then when CourtListener displays the words, they'll be bold. Many of the rules of Markdown are similar, so most people are able to learn the basics in a few minutes.

cl/simple_pages/templates/v2_help/recap_email_help.html

@@ -26,7 +26,7 @@
   ]"
 >
   <c-layout-with-navigation.section id="about">
-    <h1 class="font-sans text-display-xs font-semibold text-greyscale-900">Help with @recap.email</h1>
+    <h1>Help with @recap.email</h1>
     <p class="lead"><strong>@recap.email</strong> is a system that gathers content from PACER and adds it to the <a class="text-primary-600" href="{% url 'advanced_r' %}">RECAP Archive</a>. If you receive notification emails from PACER, it only takes a minute to set up this system and contribute content to the public commons.
     </p>
   </c-layout-with-navigation.section>

cl/simple_pages/templates/v2_help/tags_help.html

@@ -19,7 +19,7 @@
   ]"
 >
   <section>
-    <h1 class="font-sans text-display-xs font-semibold text-greyscale-900">Help with Tags and Notes on CourtListener</h1>
+    <h1>Help with Tags and Notes on CourtListener</h1>
     <p>Our tagging and notes features help you to tag, organize, and share cases that you are working with. To learn more about these features, continue reading below.
     </p>
     <p>We hope that if you find these tools useful, you will become a member of <a class="underline" href="https://free.law">Free Law Project</a>, the non-profit supporting CourtListener and RECAP. It is the best thing you can do to support ongoing feature development and maintenance.