Create new Privacy Policy page and its credit, and edit label

_data/internal/credits/privacy-policy.yml

@@ -0,0 +1,11 @@
+---
+title: Privacy Policy
+title-link: https://www.freepik.com/free-vector/privacy-policy-concept-illustration_19245710.htm
+content-type: image
+used-in: Privacy Policy
+artist: Freepik
+provider: Freepik 
+provider-link: https://www.freepik.com/
+image-url: /assets/images/privacy-policy/privacy-policy.jpg
+alt: ''
+---

_sass/components/_privacy-policy.scss

@@ -0,0 +1,77 @@
+.header-container {
+  .header-hero-image--privacy-policy {
+    object-fit: contain;
+    height: 240px;
+    width: 236.41px;
+  }
+}
+
+.content-section--privacy-policy {
+  background: $color-pink;
+
+  .subsection-spacing--privacy-policy {
+    margin-bottom: 24px;
+  }
+
+  .title-spacing {
+    margin-bottom: 24px;
+  }
+
+  .title-spacing.first-title-spacing {
+    margin-top: 0px;
+  }
+
+  .subtitle-spacing {
+    margin-bottom: 18px;
+  }
+
+  .no-bottom-margin-spacing {
+    margin-bottom: 0px;
+  }
+}
+
+@media #{$bp-desktop-up} {
+  .header-container {
+    .header-hero-image--privacy-policy {
+      align-self: start;
+    }
+  }
+
+  .content-section.content-section--privacy-policy {
+    padding-top: 34px;
+    padding-bottom: 34px;
+  }
+
+  .page-card--privacy-policy {
+    padding: 36px 57px;
+  }
+
+  .section-spacing--privacy-policy {
+    margin-bottom: 48px;
+  }
+}
+
+@media #{$bp-below-desktop} {
+
+  /* 
+  This has the same font-size as paragraph3 so it can be used for the Privacy Policy page in mobile screen sizes,
+  which is a different font-size than the paragraph2 classes used for desktop size screens.
+  */
+  section {
+    .paragraph2.paragraph--privacy-policy {
+      font-size: $font-size-paragraph3;
+    }
+  }
+
+  .header-container--privacy-policy {
+    padding: 32px 37.5px;
+  }
+
+  .section-spacing--privacy-policy {
+    margin-bottom: 32px;
+  }
+
+  .page-card--privacy-policy {
+    padding: 28px 21.5px;
+  }
+}

_sass/main.scss

@@ -63,6 +63,7 @@
 @import 'components/donate.scss';
 @import 'components/design-system.scss';
 @import 'components/citizen_engagement.scss';
+@import 'components/privacy-policy.scss';
 
 
 //Guide Pages (Within Components)

pages/privacy-policy.html

@@ -0,0 +1,190 @@
+---
+layout: default
+title: Privacy Policy
+permalink: /privacy-policy
+---
+
+<!-- Header banner -->
+<section class="flex-container header-container header-container--privacy-policy">
+  <div class="header-text">
+    <h1 class="title1">Privacy Policy</h1>
+    <p class="paragraph2 paragraph--privacy-policy">
+      We respect your privacy, and recognize that we must maintain and use your information responsibly.
+    </p>
+    <p class="sub-p paragraph2 paragraph--privacy-policy">
+      HackforLA.org is an informational website managed by Hack for LA which is a project (of Code for America Labs, Inc. ("Code for America", "we", "us", "our").
+      This Privacy Policy describes how we collect, use, and protect your personal information on this website.
+      By submitting your personal information on our websites, you agree to the terms in this Privacy Policy.
+      If you do not agree with these terms, please do not use our websites.
+    </p>
+  </div> 
+  <img class="header-hero-image header-hero-image--privacy-policy" src="assets/images/privacy-policy/privacy-policy.jpg" alt="">
+</section>
+<!-- Header banner -->
+
+<!-- Card -->
+<div class="content-section content-section--privacy-policy">
+  <div class="page-card card-primary page-card-lg page-card--privacy-policy">
+    <section class="section-spacing--privacy-policy">
+      <h2 class="title2 title-spacing first-title-spacing">Overview</h2>
+      <ul class="paragraph2 paragraph--privacy-policy">
+        <li>We may collect information from you when you visit and take actions on our website. We use this information to provide the services you've requested.</li>
+        <li>We utilize cookies (such as those stored by Google Analytics) to provide a better experience and improve our review tool website for your use.</li>
+        <li>We will not knowingly disclose or sell your personal information to any third party, except as provided in this privacy policy.</li>
+        <li>Protecting your personal information is extremely important to us, and we take all reasonable measures to do so.</li>
+      </ul>
+    </section>
+    <section class="section-spacing--privacy-policy">
+      <h2 class="title2 title-spacing">The personal information we collect</h2>
+      <section class="subsection-spacing--privacy-policy">
+        <h3 class="title4 subtitle-spacing">Visiting <a href="https://www.hackforla.org/">HackforLA.org</a></h3>
+        <p class="paragraph2 paragraph--privacy-policy no-bottom-margin-spacing">
+          We may automatically collect and store data about your visit to HackforLA.org:
+        </p>
+        <ul class="paragraph2 paragraph--privacy-policy">
+          <li>Domain from which you access the Internet;</li>
+          <li>Operating system on your computer and information about the browser you used when visiting the site;</li>
+          <li>Date and time of your visit;</li>
+          <li>Pages you visited;</li>
+          <li>Address of the website that connects you to the Site (such as google.com or bing.com);</li>
+          <li>The queries you make on our site.</li>
+        </ul>
+        <p class="paragraph2 paragraph--privacy-policy">
+          None of the information we collect about you when you visit HackforLA.org is personally identifiable.
+          We use this non-personally identifiable information to understand how the HackforLA.org website is used, to improve the website, and to monitor usage for security purposes.
+        </p>
+        <p class="paragraph2 paragraph--privacy-policy">We will not collect personal information from you without your knowledge and consent, except in a few limited circumstances as described in this policy.</p>        
+      </section>
+      <section class="subsection-spacing--privacy-policy">
+        <h3 class="title4 subtitle-spacing">E-mail Addresses</h3>
+        <p class="paragraph2 paragraph--privacy-policy">
+          E-mail addresses obtained through the website will not be sold or given to private companies for marketing purposes.
+          The information collected is subject to the access and confidentiality provisions of the Public Records Act, other applicable sections of the California code, as well as federal laws.
+          Individuals can cancel any communications regarding new service updates at any time.
+        </p>
+      </section>
+      <section>
+        <h3 class="title4 subtitle-spacing">Google Analytics</h3>
+        <p class="paragraph2 paragraph--privacy-policy">
+          We use Google Analytics to understand how visitors use our site and to gather aggregate performance metrics. 
+          We have set up Google Analytics so that it doesn’t collect your full IP address.
+          We do not collect any personally identifiable information using Google Analytics, and we do not combine the information collected through Google Analytics with any personally identifiable information.
+        </p>
+        <p class="paragraph2 paragraph--privacy-policy">
+          Google Analytics places a cookie on your web browser to identify you as a unique user. 
+          This cookie cannot be used by anyone but Google. 
+          Google's ability to use and share information collected by Google Analytics about your visits to this site is restricted by the <a href="https://www.google.com/analytics/terms/us.html">Google Analytics Terms of Use</a> and the <a href="https://www.google.com/policies/privacy/">Google Privacy Policy</a>.
+        </p>
+        <p class="paragraph2 paragraph--privacy-policy">
+          To provide website visitors the ability to prevent their data from being used by Google Analytics, Google has developed the Google Analytics opt-out browser add-on for the Google Analytics JavaScript (ga.js, analytics.js, dc.js). 
+          This add-on instructs the Google Analytics JavaScript (ga.js, analytics.js, and dc.js) running on websites to prohibit sending information to Google Analytics. 
+          However, the Google Analytics opt-out browser add-on does not prevent data from being sent to the City’s site.
+        </p>
+        <p class="paragraph2 paragraph--privacy-policy">
+          Visit <a href="https://tools.google.com/dlpage/gaoptout/">https://tools.google.com/dlpage/gaoptout/</a> for more info on how to opt out.
+        </p>
+      </section>
+    </section>
+    <section class="section-spacing--privacy-policy">
+      <h2 class="title2 title-spacing">Cookies and other tracking technologies</h2>
+      <p class="paragraph2 paragraph--privacy-policy">
+        Cookies are small text files that websites place on the computers and mobile devices of people who visit those websites. 
+        Pixel tags (also called web beacons) are small blocks of code placed on websites and emails.
+        We use cookies and other technologies like pixel tags to remember your preferences, enhance your online experience, and to gather data on how you use our Sites to improve the way we promote our content, programs, and events.
+      </p>
+      <p class="paragraph2 paragraph--privacy-policy subsection-spacing--privacy-policy">
+        Your use of our Sites indicates your consent to such use of Cookies.  
+      </p>  
+      <section class="subsection-spacing--privacy-policy">
+        <h3 class="title4 subtitle-spacing">Third party service providers</h3>
+        <p class="paragraph2 paragraph--privacy-policy">
+          We use third-party service providers to track and analyze statistical usage and volume information from our Site users. 
+          These third-party service providers use persistent Cookies to help us to improve the user experience, manage the content on our Sites, and analyze how users navigate and use the Sites.        
+        </p>
+        <p class="paragraph2 paragraph--privacy-policy">
+          Third-party service providers we may use include <a href="https://analytics.google.com/">Google Analytics</a>, <a href="https://mixpanel.com/">Mixpanel</a>, and <a href="https://www.hotjar.com/">Hotjar</a>.       
+        </p>
+      </section>
+      <section>
+        <h3 class="title4 subtitle-spacing">How to opt-out of the use of cookies</h3>
+        <p class="paragraph2 paragraph--privacy-policy">
+          Most browsers are initially set up to accept HTTP cookies. 
+          If you want to restrict or block the cookies that are set by our Site, or any other site, you can do so through your browser setting. 
+          The ‘Help’ function in your browser should explain how. 
+          Alternatively, you can visit <a href="https://www.aboutcookies.org">www.aboutcookies.org</a>, which contains comprehensive information on how to do this on a wide variety of browsers. 
+          You will find general information about cookies and details on how to delete cookies from your machine.        
+        </p>
+      </section>  
+    </section>
+    <section class="section-spacing--privacy-policy">
+      <h2 class="title2 title-spacing">As required by law and similar disclosures</h2>
+      <p class="paragraph2 paragraph--privacy-policy no-bottom-margin-spacing">
+        We may access, preserve, and disclose your information if we believe doing so is required or appropriate to:
+      </p>
+      <ul class="paragraph2 paragraph--privacy-policy">
+        <li>comply with law enforcement requests and legal process, such as a court order or subpoena;</li>
+        <li>respond to your requests; or</li>
+        <li>protect your, our, or others’ rights, property, or safety.</li>
+      </ul>
+      <p class="paragraph2 paragraph--privacy-policy">For the avoidance of doubt, the disclosure of your information may occur if you post any objectionable content on or through the Site.</p>
+    </section>
+    <section class="section-spacing--privacy-policy">
+      <h2 class="title2 title-spacing">Consent</h2>
+      <p class="paragraph2 paragraph--privacy-policy">
+        We may also disclose information from you or about you or your devices with your permission.
+      </p>
+    </section>
+    <section class="section-spacing--privacy-policy">
+      <h2 class="title2 title-spacing">Children’s privacy</h2>
+      <p class="paragraph2 paragraph--privacy-policy">
+        We do not knowingly collect, maintain, or use personal information from children under 13 years of age, and no part of our Site is directed to children.
+      </p>
+      <p class="paragraph2 paragraph--privacy-policy">
+        If you learn that a child has provided us with personal information in violation of this Privacy Policy, then you may alert us at <a href="mailto:privacy@hackforla.org?subject=Child Privacy Report">privacy@hackforla.org</a> and reference “Child Privacy Report” in the subject line.
+      </p>
+    </section>
+    <section class="section-spacing--privacy-policy">
+      <h2 class="title2 title-spacing">Security</h2>
+      <p class="paragraph2 paragraph--privacy-policy">
+        HackforLA.org utilizes Amazon Web Services (AWS).  
+        AWS operates "secure data networks" protected by industry standard firewalls and password protection systems. 
+        Only authorized individuals have access to the information provided by our users.
+      </p>
+      <p class="paragraph2 paragraph--privacy-policy">
+        We make reasonable efforts to protect your information by using physical and electronic safeguards designed to improve the security of the information we maintain. 
+        However, as our Services are hosted electronically, we make no guarantees as to the security or privacy of your information.
+      </p>
+    </section>
+    <section class="section-spacing--privacy-policy">
+      <h2 class="title2 title-spacing">Right to be forgotten and rectification</h2>
+      <p class="paragraph2 paragraph--privacy-policy">
+        You may request that we make corrections to any personal data that is stored on our internal databases at any time. 
+        You may request that incomplete data be completed or that incorrect data be corrected. 
+        Requests can be submitted to <a href="mailto:privacy@hackforla.org?subject=Hack for LA Public Website">privacy@hackforla.org</a> and reference “Hack for LA Public Website” in the subject line.      
+      </p>
+    </section>
+    <section class="section-spacing--privacy-policy">
+      <h2 class="title2 title-spacing">Changes</h2>
+      <p class="paragraph2 paragraph--privacy-policy">
+        This HackforLA.org Privacy Policy is subject to change from time to time in response to, or as a result of, changes in federal, state, and/or local law. 
+        Please check this page frequently for updates, as your continued use of this site after any changes in this Privacy Policy will constitute your acceptance of the changes.
+      </p>
+    </section>
+    <section class="section-spacing--privacy-policy">
+      <h2 class="title2 title-spacing">Effective Date</h2>
+      <p class="paragraph2 paragraph--privacy-policy">This version of the policy is effective November 1, 2021.</p>
+    </section>
+    <section>
+      <h2 class="title2 title-spacing">Questions</h2>
+      <p class="paragraph2 paragraph--privacy-policy">
+        If you have any questions, comments, concerns, or complaints related to our websites, please contact us by email at <a href="mailto:privacy@hackforla.org">privacy@hackforla.org</a>, or by mail at:
+        <br><br>
+        Code for America<br>
+        Ref: Hack for LA, HackforLA.org<br>
+        155 9th Street<br>
+        San Francisco, CA 94103<br>
+      </p>
+    </section>
+  </div>
+</div>
+<!-- Card -->