feat: Privacy notice, Terms of Use, update Impressum, Cookies policy (#…

…212)

* update impressum with email

* terms of use content

* wip privacy 12 chapters

* last chapters of Privacy notice

* add link to cookies

* trigger PR deployment

* remove cookie page. generate routes

* trigger PR deployment

* style: have the More button green and with pointer cursor

* link the web app's Cookie policy

* feat cookies page

* fix typo

* reorder footer links. Style Cookie link from banner

* revert changes to deploy.yml

* May -> June

* 1.2.0

---------

Co-authored-by: katspaugh <[email protected]>

.github/workflows/deploy.yml

@@ -49,4 +49,4 @@ jobs:
         if: github.ref == 'refs/heads/dev'
         env:
           BUCKET: s3://${{ secrets.AWS_DEVELOPMENT_BUCKET_NAME }}
-        run: bash ./scripts/github/s3_upload.sh
+        run: bash ./scripts/github/s3_upload.sh

package.json

@@ -1,7 +1,7 @@
 {
   "name": "safe-homepage",
   "homepage": "https://github.com/safe-global/safe-homepage",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "scripts": {
     "build": "next build && next export",
     "lint": "tsc && next lint",
@@ -49,7 +49,7 @@
     "eslint-plugin-unused-imports": "^2.0.0",
     "jest": "^29.4.0",
     "jest-environment-jsdom": "^29.4.0",
-    "prettier": "^2.8.3",
+    "prettier": "^2.8.8",
     "typescript": "4.9.4"
   }
 }

src/components/common/CookieBanner/styles.module.css

@@ -33,6 +33,10 @@
   min-width: 180px;
 }
 
+.container a {
+  color: var(--mui-palette-primary-main);
+}
+
 @media (max-width: 600px) {
   .container {
     padding: 24px 8px;

src/components/common/Footer/index.tsx

@@ -81,6 +81,14 @@ const resourcesItems = [
 ]
 
 const subFooterItems = [
+  {
+    label: 'Terms',
+    href: AppRoutes.terms,
+  },
+  {
+    label: 'Privacy',
+    href: AppRoutes.privacy,
+  },
   {
     label: 'Press Kit',
     href: PRESS_LINK,
@@ -94,13 +102,17 @@ const subFooterItems = [
     rel: 'noreferrer',
   },
   {
-    label: 'Imprint',
-    href: AppRoutes.imprint,
+    label: 'Cookie Policy',
+    href: AppRoutes.cookie,
   },
   {
     label: 'Preferences',
     href: COOKIE_PREFERENCES,
   },
+  {
+    label: 'Imprint',
+    href: AppRoutes.imprint,
+  },
 ]
 
 const Footer = () => {

src/content/cookie-policy.json

@@ -5,6 +5,7 @@
   },
   {
     "title": "Cookie Policy",
-    "component": "common/TextBlock"
+    "component": "common/TextBlock",
+    "text": "<h1>Cookie Policy</h1><h3>Last updated on June 2023</h3><p>As described in our <a href=\"/privacy\">Privacy Policy</a>, for general web-browsing of this website, your personal data is not revealed to us, although certain statistical information is available to us via our internet service provider as well as through the use of special tracking technologies. Such information tells us about the pages you are clicking on or the hardware you are using, but not your name, age, address or anything we can use to identify you personally. We exclusively process your personal data in pseudonymised form.<br/> This Cookie Policy applies to our website at <a href=\"https://safe.global\">https://safe.global</a> and sets out some further detail on how and why we use these technologies on our website. In this policy, \"we\", \"us\" and \"our\" refers to Safe Ecosystem Foundation, a foundation incorporated in Switzerland with its registered office at <strong>Safe Ecosystem Foundation, Bahnhofstrasse 16, 6300 Zug, Switzerland</strong>. The terms “you” and “your” includes our clients, business partners and users of this website.<br/> By using our website, you consent to storage and access to cookies and other technologies on your device, in accordance with this Cookie Policy.<h2>What are cookies?</h2><p>Cookies are a feature of web browser software that allows web servers to recognize the computer or device used to access a website. A cookie is a small text file that a website saves on your computer or mobile device when you visit the site. It enables the website to remember your actions and preferences (such as login, language, font size and other display preferences) over a period of time, so you don't have to keep re-entering them whenever you come back to the site or browse from one page to another.</p><h2>What are the different types of cookies?</h2><p>A cookie can be classified by its lifespan and the domain to which it belongs. By lifespan, a cookie is either a:<ol><li>session cookie which is erased when the user closes the browser; or</li><li>persistent cookie which is saved to the hard drive and remains on the user's computer/device for a pre-defined period of time.</li></ol>As for the domain to which it belongs, cookies are either:<ol><li>first-party cookies which are set by the web server of the visited page and share the same domain (i.e. set by us); or</li><li>third-party cookies stored by a different domain to the visited page's domain.</li></ol></p><h2>What cookies do we use and why?</h2><p>We list all the cookies we use on this website in the APPENDIX below.<br/>We do not use cookies set by ourselves via our web developers (first-party cookies). We only have those set by others (third-party cookies).<br/>Cookies are also sometimes classified by reference to their purpose. We use the following cookies for the following purposes:<ol><li>Analytical/performance cookies: They allow us to recognize and count the number of visitors and to see how visitors move around our website when they are using it, as well as dates and times they visit. This helps us to improve the way our website works, for example, by ensuring that users are finding what they are looking for easily.</li><li>Targeting cookies: These cookies record your visit to our website, the pages you have visited and the links you have followed, as well as time spent on our website, and the websites visited just before and just after our website. We will use this information to make our website and the advertising displayed on it more relevant to your interests. We may also share this information with third parties for this purpose.</li></ol><br/>In general, we use cookies and other technologies (such as web server logs) on our website to enhance your experience and to collect information about how our website is used.<br/> We will retain and evaluate information on your recent visits to our website and how you move around different sections of our website for analytics purposes to understand how people use our website so that we can make it more intuitive. The information also helps us to understand which parts of this website are most popular and generally to assess user behavior and characteristics to measure interest in and use of the various areas of our website. This then allows us to improve our website and the way we market our business.<br/>This information may also be used to help us to improve, administer and diagnose problems with our server and website. The information also helps us monitor traffic on our website so that we can manage our website's capacity and efficiency.</p><h2>Other Technologies</h2><p>We may allow others to provide analytics services and serve advertisements on our behalf. In addition to the uses of cookies described above, these entities may use other methods, such as the technologies described below, to collect information about your use of our website and other websites and online services.<br/>Pixels tags. Pixel tags (which are also called clear GIFs, web beacons, or pixels), are small pieces of code that can be embedded on websites and emails. Pixels tags may be used to learn how you interact with our website pages and emails, and this information helps us, and our partners provide you with a more tailored experience.<br/>Device Identifiers. A device identifier is a unique label that can be used to identify a mobile device. Device identifiers may be used to track, analyze and improve the performance of the website and ads delivered.</p><h2>What data is collected by cookies and other technologies on our website?</h2><p><strong>This information may include:</strong><ol><li> the IP and logical address of the server you are using (but the last digits are anonymised so we cannot identify you)</li><li>the top level domain name from which you access the internet (for example .ie, .com, etc)</li><li>the type of browser you are using</li><li>the date and time you access our website</li><li>the internet address linking to our website</li></ol></p><p><strong>This website also uses cookies to:</strong><ol><li>remember you and your actions while navigating between pages;</li><li>remember if you have agreed (or not) to our use of cookies on our website;</li><li>ensure the security of the website;</li><li>monitor and improve the performance of servers hosting the site;</li><li>distinguish users and sessions;</li><li>improving the speed of the site when you access content repeatedly;</li><li>determine new sessions and visits;</li><li>show the traffic source or campaign that explains how you may have reached our website; and</li> <li>allow us to store any customization preferences where our website allows this</li></ol>We may also use other services, such as <a href=\"https://www.google.com/intl/en/analytics/\">Google Analytics</a> (described below) or other third-party cookies, to assist with analyzing performance on our website. As part of providing these services, these service providers may use cookies and the technologies described below to collect and store information about your device, such as time of visit, pages visited, time spent on each page of our website, links clicked and conversion information, IP address, browser, mobile network information, and type of operating system used.</p><p><strong>Google Analytics Cookies</strong><br/>This website uses <a href=\"https://www.google.com/analytics/\">Google Analytics</a>, a web analytics service provided by Google, Inc. (\"Google\").<br/>We use Google Analytics to track your preferences and also to identify popular sections of our website. Use of Google Analytics in this way, enables us to adapt the content of our website more specifically to your needs and thereby improve what we can offer to you.<br/>Google will use this information for the purpose of evaluating your use of our website, compiling reports on website activity for website operators and providing other services relating to website activity and internet usage. Google may also transfer this information to third parties where required to do so by law, or where such third parties process the information on Google's behalf. Google will not associate your IP address with any other data held by Google.<br/>In particular Google Analytics tells us<ol><li>your IP address (last 3 digits are masked);</li><li>the number of pages visited;</li><li>the time and duration of the visit;</li><li>your location;</li><li>the website you came from (if any);</li><li>the type of hardware you use (i.e. whether you are browsing from a desktop or a mobile device);</li><li>the software used (type of browser); and</li><li>your general interaction with our website.</li></ol><p>As stated above, cookie-related information is not used to identify you personally, and what is compiled is only aggregate data that tells us, for example, what countries we are most popular in, but not that you live in a particular country or your precise location when you visited our website (this is because we have only half the information- we know the country the person is browsing from, but not the name of person who is browsing). In such an example Google will analyze the number of users for us, but the relevant cookies do not reveal their identities.<br/>By using this website, you consent to the processing of data about you by Google in the manner and for the purposes set out above. Google Analytics, its purpose and function is further explained on the <a href=\"https://www.google.com/analytics/\">Google Analytics website</a>.<br/>For more information about Google Analytics cookies, please see Google's help pages and privacy policy: <a href=\"https://www.google.com/intl/en/policies/privacy/\">Google's Privacy Policy</a> and <a href=\"https://developers.google.com/analytics/devguides/collection/analyticsjs/cookie-usage\">Google Analytics Help pages</a>. For further information about the use of these cookies by Google <a href=\"https://support.google.com/analytics/answer/6004245\">click here</a>.</p><p><strong>What if you don’t agree with us monitoring your use of our website (even if we don't collect your personal data)?</strong><br/>Enabling these cookies is not strictly necessary for our website to work but it will provide you with a better browsing experience. You can delete or block the cookies we set, but if you do that, some features of this website may not work as intended.<br/>Most browsers are initially set to accept cookies. If you prefer, you can set your browser to refuse cookies and control and/or delete cookies as you wish – for details, see https://aboutcookies.org. You can delete all cookies that are already on your device and you can set most browsers to prevent them from being placed. You should be aware that if you do this, you may have to manually adjust some preferences every time you visit an Internet site and some services and functionalities may not work if you do not accept the cookies they send.<br/>Advertisers and business partners that you access on or through our website may also send you cookies. We do not control any cookies outside of our website.<br/>If you have any further questions regarding disabling cookies you should consult with your preferred browser’s provider or manufacturer.<br/>In order to implement your objection it may be necessary to install an opt-out cookie on your browser. This cookie will only indicate that you have opted out. It is important to note, that for technical reasons, the opt-out cookie will only affect the browser from which you actively object from. If you delete the cookies in your browser or use a different end device or browser, you will need to opt out again.<br/>To opt out of being tracked by Google Analytics across all websites, Google has developed Google Analytics opt-out browser add-on. If you would like to opt out of Google Analytics, you have the option of downloading and installing this browser add-on which can be found under the link: <a href=\"https://tools.google.com/dlpage/gaoptout\">https://tools.google.com/dlpage/gaoptout</a>.</p><h3>Revisions to this Cookie Policy</h3><p>On this website, you can always view the latest version of our Privacy Policy and our Cookie Policy. We may modify this Cookie Policy from time to time. If we make changes to this Cookie Policy, we will provide notice of such changes, such as by sending an email notification, providing notice through our website or updating the ‘Last Updated’ date at the beginning of this Cookie Policy. The amended Cookie Policy will be effective immediately after the date it is posted. By continuing to access or use our website after the effective date, you confirm your acceptance of the revised Cookie Policy and all of the terms incorporated therein by reference. We encourage you to review our Privacy Policy and our Cookie Policy whenever you access or use our website to stay informed about our information practices and the choices available to you.<br/>If you do not accept changes which are made to this Cookie Policy, or take any measures described above to opt-out by removing or rejecting cookies, you may continue to use this website but accept that it may not display and/or function as intended by us. Any social media channels connected to us and third party applications will be subject to the privacy and cookie policies and practices of the relevant platform providers which, unless otherwise indicated, are not affiliated or associated with us Your exercise of any rights to opt-out may also impact how our information and content is displayed and/or accessible to you on this website and on other websites.</p><h2>APPENDIX</h2><p>Overview of cookies placed and the consequences if the cookies are not placed.</p><h3>Third-party cookies</h3><p>The cookies from this table can be set by third-party wallets.</p><table><thead><tr><th>#</th><th>Name of cookie</th><th>Domain</th><th>Purpose(s) of cookie</th><th>Storage period of cookie</th><th>Consequences if cookie is not accepted</th> </tr> </thead><tbody><tr><td>1</td><td>_ga</td><td>safe.global</td><td>Used to distinguish users</td><td>2 years from set/update</td><td>User activity won't be tracked</td></tr></tbody></table><p><li>&copy;2022–2023 Safe Ecosystem Foundation</li></p>"
   }
 ]

src/content/imprint.json

@@ -5,7 +5,7 @@
   },
   {
     "title": "Imprint",
-    "text": "<p>Safe Ecosystem Foundation<br>Bahnhofstrasse 16\n        <br>6300 Zug, Switzerland<br>CHE-295.207.842</p>\n      <p>Members of the Foundation Council: Lukas Schor, Christoph Simmchen, Stefan George<br>Swiss foundation with registered office in Zug, Switzerland.<br></p>",
+    "text": "<p>Safe Ecosystem Foundation<br>Bahnhofstrasse 16\n        <br>6300 Zug, Switzerland<br>CHE-295.207.842<br>Email: <a href=\"mailto:[email protected]\">[email protected]</a></p>\n      <p>Members of the Foundation Council: Lukas Schor, Christoph Simmchen, Stefan George<br>Swiss foundation with registered office in Zug, Switzerland.<br></p>",
     "component": "common/TextBlock"
   }
 ]