writing legal docs in markdown. this will close #39

kingjulien1 · Sep 23, 2022 · fc144b7 · fc144b7
1 parent 4ecd647
commit fc144b7
Show file tree

Hide file tree

Showing 9 changed files with 199 additions and 301 deletions.
diff --git a/components/footer.js b/components/footer.js
@@ -11,9 +11,9 @@ export default function Footer() {
     <Card as="footer" css={{ background: "transparent", width: "100%", mx: 0, px: 20, py: 20, my: 10 }}>
       <Row css={{ my: 8, display: "flex", flexDirection: "column-reverse", alignItems: "center", rowGap: 10, "@xs": { flexDirection: "row", justifyContent: "space-around", rowGap: 0 } }}>
         <Creator />
-        <FooterLink href="/privacy-policy" title="Privacy Policy" />
-        <FooterLink href="/terms-of-service" title="Terms of Service" />
-        <FooterLink href="/cookie-policy" title="Cookie Policy" />
+        <FooterLink href="/legal/privacy-policy" title="Privacy Policy" />
+        <FooterLink href="/legal/terms-of-service" title="Terms of Service" />
+        <FooterLink href="/legal/cookie-policy" title="Cookie Policy" />
         <FooterLink href="https://github.com/kingjulien1/ttt.land" title="Repository" isExternal />
         <FooterLink href="https://github.com/kingjulien1/ttt.land/discussions/new?category=feedback" title="Feedback" isExternal />
       </Row>
@@ -31,7 +31,7 @@ export default function Footer() {
  */
 function FooterLink({ href, title, isExternal = false }) {
   const Component = isExternal ? NextUiLink : Link
-  return <Component color="text" css={{ fontSize: "$sm", color: "$gray800" }} href={href} children={title} />
+  return <Component color="text" css={{ fontSize: "$sm" }} href={href} children={title} />
 }
 
 /**

diff --git a/components/layout/markdown.js b/components/layout/markdown.js
@@ -0,0 +1,17 @@
+import { Container } from "@nextui-org/react"
+import Head from "next/head"
+
+/**
+ * layout wrapper for markdown pages, apply styling & set meta data
+ *
+ * @param {object} meta options for html doc
+ * @returns {Container}
+ */
+export default function Markdown({ meta, children }) {
+  return (
+    <>
+      <Head children={<title children={meta.title} />} />
+      <Container xs css={{ my: "$14", display: "grid", gap: "$10" }} children={children} />
+    </>
+  )
+}
diff --git a/pages/_app.js b/pages/_app.js
@@ -1,6 +1,6 @@
 import Footer from "@/components/footer"
 import Nav from "@/components/navbar"
-import { createTheme, NextUIProvider } from "@nextui-org/react"
+import { createTheme, globalCss, NextUIProvider } from "@nextui-org/react"
 import { SessionProvider } from "next-auth/react"
 import { ThemeProvider } from "next-themes"
 
@@ -10,7 +10,15 @@ const lightTheme = createTheme({ type: "light", theme: { colors } })
 
 const darkTheme = createTheme({ type: "dark", theme: { colors } })
 
+const globalStyles = globalCss({
+  body: { margin: 0 },
+  ul: { listStyleType: "circle" },
+  "h1, h2, h3, h4": { fontWeight: "$light" },
+})
+
 export default function TrampStampNetwork({ Component, pageProps }) {
+  globalStyles()
+
   return (
     <ThemeProvider defaultTheme="system" attribute="class" value={{ light: lightTheme.className, dark: darkTheme.className }}>
       <NextUIProvider>

diff --git a/pages/cookie-policy.js b/pages/cookie-policy.js
diff --git a/pages/legal/cookie-policy.mdx b/pages/legal/cookie-policy.mdx
@@ -0,0 +1,33 @@
+import Layout from "@/components/layout/markdown"
+
+export const meta = {
+  title: "Cookie Policy",
+}
+
+# Cookie Policy
+
+## What are cookies?
+
+This Cookie Policy explains what cookies are and how we use them, the types of cookies we use i.e, the information we collect using cookies and how that information is used, and how to manage the cookie settings.
+Cookies are small text files that are used to store small pieces of information. They are stored on your device when the website is loaded on your browser. These cookies help us make the website function properly, make it more secure, provide better user experience, and understand how the website performs and to analyze what works and where it needs improvement.
+
+## How do we use cookies?
+
+As most of the online services, our website uses first-party and third-party cookies for several purposes. First-party cookies are mostly necessary for the website to function the right way, and they do not collect any of your personally identifiable data.
+The third-party cookies used on our website are mainly for understanding how the website performs, how you interact with our website, keeping our services secure, providing advertisements that are relevant to you, and all in all providing you with a better and improved user experience and help speed up your future interactions with our website.
+
+## Manage cookie preferences
+
+[comment]: <> (@todo add cookie preferences component here)
+
+You can change your cookie preferences any time by clicking the above button. This will let you revisit the cookie consent banner and change your preferences or withdraw your consent right away.
+In addition to this, different browsers provide different methods to block and delete cookies used by websites. You can change the settings of your browser to block/delete the cookies. Listed below are the links to the support documents on how to manage and delete cookies from the major web browsers.
+
+- [Safari](https://support.apple.com/en-in/guide/safari/sfri11471/mac)
+- [Chrome](https://support.google.com/accounts/answer/32050)
+- [Firefox](https://support.mozilla.org/en-US/kb/clear-cookies-and-site-data-firefox?redirectslug=delete-cookies-remove-info-websites-stored&redirectlocale=en-US)
+- [Internet Explorer](https://support.microsoft.com/en-us/topic/how-to-delete-cookie-files-in-internet-explorer-bca9446f-d873-78de-77ba-d42645fa52fc)
+
+If you are using any other web browser, please visit your browser's official support documents.
+
+export default ({ children }) => <Layout meta={meta} children={children} />
diff --git a/pages/legal/privacy-policy.mdx b/pages/legal/privacy-policy.mdx
@@ -0,0 +1,88 @@
+import Layout from "@/components/layout/markdown"
+
+export const meta = {
+  title: "Privacy Policy",
+}
+
+# Privacy Policy
+
+At Trampstamp Network, accessible from [trampstamp.network](https://trampstamp.network),one of our main priorities is the privacy of our visitors. This Privacy Policy document contains types of information that
+is collected and recorded by Trampstamp Network and how we use it. If you have additional questions or require more information about our Privacy Policy, do not hesitate to contact us.
+
+This Privacy Policy applies only to our online activities and is valid for visitors to our website with regards to the information that they shared and/or collect in Trampstamp Network. This policy is
+not applicable to any information collected offline or via channels other than this website.
+
+## Consent
+
+By using our website, you hereby consent to our Privacy Policy and agree to its terms.
+
+## Information we collect
+
+The personal information that you are asked to provide, and the reasons why you are asked to provide it, will be made clear to you at the point we ask you to provide your personal information.
+If you contact us directly, we may receive additional information about you such as your name, email address, phone number, the contents of the message and/or attachments you may send us, and any other information you may choose to provide.
+When you register for an Account, we may ask for your contact information, including items such as name, company name, address, email address, and telephone number.
+
+## How we use your information
+
+We use the information we collect in various ways, including to:
+
+- Provide, operate, and maintain our website
+- Improve, personalize, and expand our website
+- Understand and analyze how you use our website
+- Develop new products, services, features, and functionality
+- Communicate with you, either directly or through one of our partners, including for customer service, to provide you with updates and other information relating to the website, and for marketing and promotional purposes
+- Send you emails
+- Find and prevent fraud
+
+## Log Files
+
+Trampstamp Network follows a standard procedure of using log files. These files log visitors when they visit websites. All hosting companies do this and a part of hosting services' analytics. The information collected by log files include internet protocol (IP) addresses, browser type, Internet Service Provider (ISP), date and time stamp, referring/exit pages, and possibly the number of clicks. These are not linked to any information that is personally identifiable. The purpose of the information is for analyzing trends, administering the site, tracking users' movement on the website, and gathering demographic information.
+
+## Cookies & Web Beacons
+
+Like any other website, Trampstamp Network uses 'cookies'. These cookies are used to store information including visitors' preferences, and the pages on the website that the visitor accessed or visited. The information is used to optimize the users' experience by customizing our web page content based on visitors' browser type and/or other information. Please see our [Cookie Policy](/legal/cookie-policy) for more information.
+
+## Advertising Partners Privacy Policies
+
+You may consult this list to find the Privacy Policy for each of the advertising partners of Trampstamp Network.
+Third-party ad servers or ad networks uses technologies like cookies, JavaScript, or Web Beacons that are used in their respective advertisements and links that appear on Trampstamp Network, which are sent directly to users' browser. They automatically receive your IP address when this occurs. These technologies are used to measure the effectiveness of their advertising campaigns and/or to personalize the advertising content that you see on websites that you visit.
+Note that Trampstamp Network has no access to or control over these cookies that are used by third-party advertisers.
+
+## Third Party Privacy Policies
+
+Tattoo Land's Privacy Policy does not apply to other advertisers or websites. Thus, we are advising you to consult the respective Privacy Policies of these third-party ad servers for more detailed information. It may include their practices and instructions about how to opt-out of certain options.
+
+You can choose to disable cookies through your individual browser options. To know more detailed information about cookie management with specific web browsers, it can be found at the browsers' respective websites.
+
+## CCPA Privacy Rights (Do Not Sell My Personal Information)
+
+Under the CCPA, among other rights, California consumers have the right to:
+Request that a business that collects a consumer's personal data disclose the categories and specific pieces of personal data that a business has collected about consumers.
+Request that a business delete any personal data about the consumer that a business has collected.
+Request that a business that sells a consumer's personal data, not sell the consumer's personal data.
+If you make a request, we have one month to respond to you. If you would like to exercise any of these rights, please contact us.
+
+## GDPR Data Protection Rights
+
+We would like to make sure you are fully aware of all of your data protection rights. Every user is entitled to the following:
+
+The right to **access** – You have the right to request copies of your personal data. We may charge you a small fee for this service.
+
+The right to **rectification** – You have the right to request that we correct any information you believe is inaccurate. You also have the right to request that we complete the information you believe is incomplete.
+
+The right to **erasure** – You have the right to request that we erase your personal data, under certain conditions.
+
+The right to **restrict processing** – You have the right to request that we restrict the processing of your personal data, under certain conditions.
+
+The right to **object to processing** – You have the right to object to our processing of your personal data, under certain conditions.
+
+The right to **data portability** – You have the right to request that we transfer the data that we have collected to another organization, or directly to you, under certain conditions.
+
+If you make a request, we have one month to respond to you. If you would like to exercise any of these rights, please [contact us](https://github.com/kingjulien1/ttt.land/discussions/new?category=feedback).
+
+## Children's Information
+
+Another part of our priority is adding protection for children while using the internet. We encourage parents and guardians to observe, participate in, and/or monitor and guide their online activity.
+Tattoo Land does not knowingly collect any Personal Identifiable Information from children under the age of 13. If you think that your child provided this kind of information on our website, we strongly encourage you to contact us immediately and we will do our best efforts to promptly remove such information from our records.
+
+export default ({ children }) => <Layout meta={meta} children={children} />
diff --git a/pages/legal/terms-of-service.mdx b/pages/legal/terms-of-service.mdx
@@ -0,0 +1,48 @@
+import Layout from "@/components/layout/markdown"
+
+export const meta = {
+  title: "Terms of Service",
+}
+
+# Terms and Conditions of Use
+
+## Terms
+
+By accessing this Website, accessible from [trampstamp.network](https//trampstamp.network), you are agreeing to be bound by these Website Terms and Conditions of Use and agree that you are responsible for the agreement with any applicable local laws. If you disagree with any of these terms, you are prohibited from accessing this site. The materials contained in this Website are protected by copyright and trade mark law.
+
+## Use License
+
+Permission is granted to temporarily download one copy of the materials on Trampstamp Network's Website for personal, non-commercial transitory viewing only. This is the grant of a license, not a transfer of title, and under this license you may not:
+modify or copy the materials; use the materials for any commercial purpose or for any public display; attempt to reverse engineer any software contained on Trampstamp Network's Website; remove any copyright or other proprietary notations from the materials; or transferring the materials to another person or "mirror" the materials on any other server.
+
+This will let Trampstamp Network to terminate upon violations of any of these restrictions. Upon termination, your viewing right will also be terminated and you should destroy any downloaded materials in your possession whether it is printed or electronic format.
+
+## Disclaimer
+
+All the materials on Trampstamp Network's Website are provided "as is". Trampstamp Network makes no warranties, may it be expressed or implied, therefore negates all other warranties. Furthermore, Trampstamp Network does not make any representations concerning the accuracy or reliability of the use of the materials on its Website or otherwise relating to such materials or any sites linked to this Website.
+
+## Limitations
+
+Trampstamp Network or its suppliers will not be hold accountable for any damages that will arise with the use or inability to use the materials on Trampstamp Network's Website, even if Trampstamp Network or an authorize representative of this Website has been notified, orally or written, of the possibility of such damage. Some jurisdiction does not allow limitations on implied warranties or limitations of liability for incidental damages, these limitations may not apply to you.
+
+## Revisions and Errata
+
+The materials appearing on Trampstamp Network's Website may include technical, typographical, or photographic errors. Trampstamp Network will not promise that any of the materials in this Website are accurate, complete, or current. Trampstamp Network may change the materials contained on its Website at any time without notice. Trampstamp Network does not make any commitment to update the materials.
+
+## Links
+
+Trampstamp Network has not reviewed all of the sites linked to its Website and is not responsible for the contents of any such linked site. The presence of any link does not imply endorsement by Trampstamp Network of the site. The use of any linked website is at the user's own risk.
+
+## Site Terms of Use Modifications
+
+Trampstamp Network may revise these Terms of Use for its Website at any time without prior notice. By using this Website, you are agreeing to be bound by the current version of these Terms and Conditions of Use.
+
+## Your Privacy
+
+Please read our [Privacy Policy](/legal/privacy-policy)
+
+## Governing Law
+
+Any claim related to Trampstamp Network's Website shall be governed by the laws of at without regards to its conflict of law provisions.
+
+export default ({ children }) => <Layout meta={meta} children={children} />