Skip to content

Commit

Permalink
Consistent button size, typography styles for TOS and PP
Browse files Browse the repository at this point in the history
  • Loading branch information
@parkerdavis1
parkerdavis1 committed Dec 29, 2023
1 parent deee34c commit fc914b9
Show file tree
Hide file tree
Showing 6 changed files with 222 additions and 73 deletions.
18 changes: 11 additions & 7 deletions app/root.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -154,15 +154,15 @@ function App() {
const userIsAdmin = user?.roles.find(role => role.name === 'admin')

let nav = (
<Button asChild size="sm" variant="default">
<Button asChild variant="default">
<Link to="/login">Log In</Link>
</Button>
)
if (user) {
nav = (
<div className="flex grow items-center justify-between gap-1 sm:justify-end">
<div className="flex items-center justify-start gap-1">
<Button asChild className="px-4" size="sm" variant="default">
<Button asChild className="px-4" variant="default">
<Link to="/calendar" className="flex gap-2">
<Icon className="text-body-md" name="calendar" />
<span className="xsm:inline hidden">Calendar</span>
Expand Down Expand Up @@ -206,14 +206,18 @@ function App() {
<div className="font-light">Equestrian</div>
<div className="font-bold">Volunteer Scheduler</div>
</Link>
<div className="flex items-center justify-start gap-1">
<Link to="/tos" className="text-sm mr-2">Terms of Service</Link>
<Link to="/privacy" className="text-sm">Privacy Policy</Link>
<div className="flex items-center justify-start gap-1">
<Link to="/tos" className="mr-2 text-sm">
Terms of Service
</Link>
<Link to="/privacy" className="text-sm">
Privacy Policy
</Link>
</div>

<ThemeSwitch userPreference={data.requestInfo.session.theme} />
</div>

<div className="h-5" />
<Confetti confetti={data.flash?.confetti} />
<Toaster />
Expand Down Expand Up @@ -250,7 +254,7 @@ function UserDropdown() {
alt={user.name ?? user.username}
src={getUserImgSrc(user.imageId)}
/>
<span className="text-body-sm font-bold hidden sm:inline">
<span className="hidden text-body-sm font-bold sm:inline">
{user.name ?? user.username}
</span>
</Link>
Expand Down
93 changes: 62 additions & 31 deletions app/routes/_marketing+/privacy.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,56 +1,87 @@
import {
type V2_MetaFunction
} from '@remix-run/node'
import { type V2_MetaFunction } from '@remix-run/node'

export const meta: V2_MetaFunction = () => {
return [
{
title: "Privacy Policy | TrotTrack.org",
{
title: 'Privacy Policy | TrotTrack.org',
},
{
property: "og:title",
content: "Privacy Policy | TrotTrack.org",
property: 'og:title',
content: 'Privacy Policy | TrotTrack.org',
},
{
name: "description",
content: "Read our Privacy Policy for TrotTrack.org, a nonprofit equestrian volunteer system that connects volunteers with equestrian organizations.",
name: 'description',
content:
'Read our Privacy Policy for TrotTrack.org, a nonprofit equestrian volunteer system that connects volunteers with equestrian organizations.',
},
];
};
]
}

export default function PrivacyRoute() {
return (
<div className="container flex min-h-full flex-col justify-center pb-32 pt-20">
<div className="mx-auto w-full max-w-lg">
<h1 className="text-2xl font-bold">Privacy Policy</h1>
</div>
<p className="text-lg">By using our website and services, you agree to comply with the following privacy policy:</p>
<div className="container prose flex min-h-full flex-col justify-center pb-32 pt-20 dark:prose-invert">
<h1>Privacy Policy</h1>
<p className="text-lg">
By using our website and services, you agree to comply with the
following privacy policy:
</p>
<section>
<h2 className="text-xl font-bold">1. Information Collection</h2>
<p>We collect certain information when you use our website and services. This may include personal information such as your name, email address, and other contact details. We also collect non-personal information such as your IP address and browsing behavior.</p>
<h2>1. Information Collection</h2>
<p>
We collect certain information when you use our website and services.
This may include personal information such as your name, email
address, and other contact details. We also collect non-personal
information such as your IP address and browsing behavior.
</p>
</section>
<section>
<h2 className="text-xl font-bold">2. Use of Information</h2>
<p>We use the information we collect to provide and improve our website and services. We may use your personal information to communicate with you, respond to your inquiries, and send you relevant updates and notifications.</p>
<h2>2. Use of Information</h2>
<p>
We use the information we collect to provide and improve our website
and services. We may use your personal information to communicate with
you, respond to your inquiries, and send you relevant updates and
notifications.
</p>
</section>
<section>
<h2 className="text-xl font-bold">3. Information Sharing</h2>
<p>We may share your information with third-party service providers who assist us in operating our website and services. We may also share your information when required by law or to protect our rights and interests.</p>
<h2>3. Information Sharing</h2>
<p>
We may share your information with third-party service providers who
assist us in operating our website and services. We may also share
your information when required by law or to protect our rights and
interests.
</p>
</section>
<section>
<h2 className="text-xl font-bold">4. Data Security</h2>
<p>We take reasonable measures to protect the security of your information. However, please note that no method of transmission over the internet or electronic storage is completely secure.</p>
<h2>4. Data Security</h2>
<p>
We take reasonable measures to protect the security of your
information. However, please note that no method of transmission over
the internet or electronic storage is completely secure.
</p>
</section>
<section>
<h2 className="text-xl font-bold">5. Cookies</h2>
<p>We use cookies to enhance your browsing experience and provide personalized content. You can choose to disable cookies in your browser settings, but please note that some features of our website may not function properly.</p>
<h2>5. Cookies</h2>
<p>
We use cookies to enhance your browsing experience and provide
personalized content. You can choose to disable cookies in your
browser settings, but please note that some features of our website
may not function properly.
</p>
</section>
<section>
<h2 className="text-xl font-bold">6. Changes to this Privacy Policy</h2>
<p>We may update this privacy policy from time to time. Any changes will be posted on this page, and the revised policy will be effective immediately upon posting.</p>
<p>By using our website and services, you agree to this privacy policy. If you do not agree with any part of this policy, please do not use our website or services.</p>
<h2>6. Changes to this Privacy Policy</h2>
<p>
We may update this privacy policy from time to time. Any changes will
be posted on this page, and the revised policy will be effective
immediately upon posting.
</p>
<p>
By using our website and services, you agree to this privacy policy.
If you do not agree with any part of this policy, please do not use
our website or services.
</p>
</section>
</div>
);
)
}

103 changes: 69 additions & 34 deletions app/routes/_marketing+/tos.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,63 +1,98 @@
import React from 'react';
import {
type V2_MetaFunction
} from '@remix-run/node'
import { type V2_MetaFunction } from '@remix-run/node'

export const meta: V2_MetaFunction = () => {
return [
{
title: "Terms of Service | TrotTrack.org",
{
title: 'Terms of Service | TrotTrack.org',
},
{
property: "og:title",
content: "Terms of Service | TrotTrack.org",
property: 'og:title',
content: 'Terms of Service | TrotTrack.org',
},
{
name: "description",
content: "Read or Terms of Service for TrotTrack.org, a nonprofit equestrian volunteer system that connects volunteers with equestrian organizations.",
name: 'description',
content:
'Read or Terms of Service for TrotTrack.org, a nonprofit equestrian volunteer system that connects volunteers with equestrian organizations.',
},
];
};
]
}

export default function TermsOfServiceRoute() {
return (
<div className="container flex min-h-full flex-col justify-center pb-32 pt-20">
<div className="mx-auto w-full max-w-lg">
<h1 className="text-2xl font-bold">Terms of Service</h1>
</div>
<p className="text-lg">By using our website and services, you agree to comply with the following terms and conditions:</p>
<div className="container prose flex min-h-full flex-col justify-center pb-32 pt-20 dark:prose-invert">
<h1>Terms of Service</h1>
<p className="text-lg">
By using our website and services, you agree to comply with the
following terms and conditions:
</p>
<section>
<h2 className="text-xl font-bold">1. Acceptance of Terms</h2>
<p>These terms of service govern your use of TrotTrack.org. By accessing or using our website, you acknowledge that you have read, understood, and agree to be bound by these terms.</p>
<h2>1. Acceptance of Terms</h2>
<p>
These terms of service govern your use of TrotTrack.org. By accessing
or using our website, you acknowledge that you have read, understood,
and agree to be bound by these terms.
</p>
</section>
<section>
<h2 className="text-xl font-bold">2. Description of Services</h2>
<p>TrotTrack.org is a nonprofit equestrian volunteer system that connects volunteers with equestrian organizations. Our services include providing a platform for volunteers to find and sign up for volunteer opportunities, and for organizations to manage their volunteer programs.</p>
<h2>2. Description of Services</h2>
<p>
TrotTrack.org is a nonprofit equestrian volunteer system that connects
volunteers with equestrian organizations. Our services include
providing a platform for volunteers to find and sign up for volunteer
opportunities, and for organizations to manage their volunteer
programs.
</p>
</section>
<section>
<h2 className="text-xl font-bold">3. User Responsibilities</h2>
<h2>3. User Responsibilities</h2>
<p>As a user of TrotTrack.org, you agree to:</p>
<ul>
<li>Provide accurate and complete information when creating an account</li>
<li>Use the website and services in compliance with applicable laws and regulations</li>
<li>
Provide accurate and complete information when creating an account
</li>
<li>
Use the website and services in compliance with applicable laws and
regulations
</li>
<li>Respect the privacy and rights of other users</li>
<li>Not engage in any activity that may disrupt or interfere with the proper functioning of TrotTrack.org</li>
<li>
Not engage in any activity that may disrupt or interfere with the
proper functioning of TrotTrack.org
</li>
</ul>
</section>
<section>
<h2 className="text-xl font-bold">4. Intellectual Property</h2>
<p>All content and materials on TrotTrack.org, including but not limited to text, graphics, logos, images, and software, are the property of TrotTrack.org or its licensors and are protected by intellectual property laws. You may not reproduce, distribute, modify, or create derivative works of any content without prior written consent from TrotTrack.org.</p>
<h2>4. Intellectual Property</h2>
<p>
All content and materials on TrotTrack.org, including but not limited
to text, graphics, logos, images, and software, are the property of
TrotTrack.org or its licensors and are protected by intellectual
property laws. You may not reproduce, distribute, modify, or create
derivative works of any content without prior written consent from
TrotTrack.org.
</p>
</section>
<section>
<h2 className="text-xl font-bold">5. Limitation of Liability</h2>
<p>TrotTrack.org and its affiliates shall not be liable for any direct, indirect, incidental, special, or consequential damages arising out of or in connection with your use of the website or services.</p>
<h2>5. Limitation of Liability</h2>
<p>
TrotTrack.org and its affiliates shall not be liable for any direct,
indirect, incidental, special, or consequential damages arising out of
or in connection with your use of the website or services.
</p>
</section>
<section>
<h2 className="text-xl font-bold">6. Governing Law</h2>
<p>These terms of service shall be governed by and construed in accordance with the laws of the jurisdiction in which TrotTrack.org operates.</p>
<p>By using TrotTrack.org, you agree to these terms of service. If you do not agree with any part of these terms, please do not use our website or services.</p>
<h2>6. Governing Law</h2>
<p>
These terms of service shall be governed by and construed in
accordance with the laws of the jurisdiction in which TrotTrack.org
operates.
</p>
<p>
By using TrotTrack.org, you agree to these terms of service. If you do
not agree with any part of these terms, please do not use our website
or services.
</p>
</section>
</div>
);
)
}

Loading

0 comments on commit fc914b9

Please sign in to comment.