Skip to content

Commit

Permalink
feat: add Terms of Service and Privacy Policy pages
Browse files Browse the repository at this point in the history
  • Loading branch information
@ehippy
ehippy committed Dec 9, 2024
1 parent a6585bd commit 16ebe84
Show file tree
Hide file tree
Showing 4 changed files with 247 additions and 35 deletions.
83 changes: 48 additions & 35 deletions src/components/Footer.vue
View file
Original file line number Diff line number Diff line change
@@ -1,58 +1,71 @@
<script>
import { RouterLink } from 'vue-router';
export default {
data() {
return {
}
},
components: {
}
}
</script>

<template>
<div class="container">
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
<div class="col-md-4 d-flex align-items-center">
<a href="/" class="mb-3 me-2 mb-md-0 text-body-secondary text-decoration-none lh-1">
<svg class="bi" width="30" height="24"><use xlink:href="#bootstrap"/></svg>
</a>
<span class="mb-3 mb-md-0 text-body-secondary">&copy; {{ (new Date()).getFullYear() }} Infight.io</span>
</div>

<ul class="nav col-md-4 justify-content-end list-unstyled d-flex">
<li class="ms-3">
<a class="text-body-secondary" href="https://github.com/Infight-io" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/>
</svg>
<div class="container">
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
<div class="col-md-6 d-flex align-items-center">
<a href="/" class="mb-3 me-2 mb-md-0 text-body-secondary text-decoration-none lh-1">
<svg class="bi" width="30" height="24">
<use xlink:href="#bootstrap" />
</svg>
</a>
<span class="mb-3 mb-md-0 text-body-secondary">&copy; {{ (new Date()).getFullYear() }} Infight.io</span>
<RouterLink to="/terms" class="mx-2">Terms</RouterLink>
<RouterLink to="/privacy">Privacy</RouterLink>
</div>

<ul class="nav col-md-6 justify-content-end list-unstyled d-flex">
<li class="ms-3">
<a class="text-body-secondary" href="https://github.com/Infight-io" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-github"
viewBox="0 0 16 16">
<path
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8" />
</svg>
</a>
</li>
<li class="ms-3">
<a class="text-body-secondary" href="https://mastodon.social/@infight" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mastodon" viewBox="0 0 16 16">
<path d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a4 4 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522q0-1.288.66-2.046c.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764q.662.757.661 2.046z"/>
<li class="ms-3">
<a class="text-body-secondary" href="https://mastodon.social/@infight" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mastodon"
viewBox="0 0 16 16">
<path
d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a4 4 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522q0-1.288.66-2.046c.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764q.662.757.661 2.046z" />
</svg>
</a>
</a>
</li>
<li class="ms-3">
<a class="text-body-secondary" href="https://discord.gg/rpHNjqxh" target="_blank" v-tooltip="'Join *our* Discord and play with the creators! 🤼'">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-discord" viewBox="0 0 16 16">
<path d="M13.545 2.907a13.2 13.2 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.2 12.2 0 0 0-3.658 0 8 8 0 0 0-.412-.833.05.05 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.04.04 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032q.003.022.021.037a13.3 13.3 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019q.463-.63.818-1.329a.05.05 0 0 0-.01-.059l-.018-.011a9 9 0 0 1-1.248-.595.05.05 0 0 1-.02-.066l.015-.019q.127-.095.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.05.05 0 0 1 .053.007q.121.1.248.195a.05.05 0 0 1-.004.085 8 8 0 0 1-1.249.594.05.05 0 0 0-.03.03.05.05 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.2 13.2 0 0 0 4.001-2.02.05.05 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.03.03 0 0 0-.02-.019m-8.198 7.307c-.789 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612"/>
</svg>
</a>
<li class="ms-3">
<a class="text-body-secondary" href="https://discord.gg/rpHNjqxh" target="_blank"
v-tooltip="'Join *our* Discord and play with the creators! 🤼'">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-discord"
viewBox="0 0 16 16">
<path
d="M13.545 2.907a13.2 13.2 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.2 12.2 0 0 0-3.658 0 8 8 0 0 0-.412-.833.05.05 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.04.04 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032q.003.022.021.037a13.3 13.3 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019q.463-.63.818-1.329a.05.05 0 0 0-.01-.059l-.018-.011a9 9 0 0 1-1.248-.595.05.05 0 0 1-.02-.066l.015-.019q.127-.095.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.05.05 0 0 1 .053.007q.121.1.248.195a.05.05 0 0 1-.004.085 8 8 0 0 1-1.249.594.05.05 0 0 0-.03.03.05.05 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.2 13.2 0 0 0 4.001-2.02.05.05 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.03.03 0 0 0-.02-.019m-8.198 7.307c-.789 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612" />
</svg>
</a>
</li>
</ul>
</footer>
</div>
</ul>
</footer>
</div>
</template>

<style scoped>
.socialIcon {
height: 24px;
width: 24px;
}
.socialIcon {
height: 24px;
width: 24px;
}
</style>

10 changes: 10 additions & 0 deletions src/router/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,6 +32,16 @@ const router = createRouter({
path: '/FAQ',
name: 'faq',
component: () => import('../views/FAQ.vue')
},
{
path: '/terms',
name: 'terms',
component: () => import('../views/Terms.vue')
},
{
path: '/privacy',
name: 'privacy',
component: () => import('../views/Privacy.vue')
}
]
})
Expand Down
82 changes: 82 additions & 0 deletions src/views/Privacy.vue
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
<script setup>
import { h } from 'vue';
</script>

<template>
<main>
<div class="container">
<div class="row">
<div class="offset-lg-2 col-lg-8">
<h1 class="mt-5">Privacy Policy</h1>
<p><strong>Effective Date:</strong> December 7, 2024</p>
<p>Welcome to <strong>Infight.io</strong>. Your privacy is important to us. This Privacy Policy
explains how we collect, use, and protect your information when you use our services.</p>

<h3>1. Information We Collect</h3>
<p>We may collect the following types of information:</p>
<ul>
<li><strong>Account Information:</strong> Discord usernames and unique IDs.</li>
<li><strong>Gameplay Data:</strong> Actions, scores, and in-game activity.</li>
<li><strong>Server Data:</strong> Information about the Discord server where the game is hosted
(e.g., server ID, settings).</li>
<li><strong>Technical Data:</strong> IP addresses, browser type, and other device information.
</li>
</ul>

<h3>2. How We Use Your Information</h3>
<p>We use the information we collect to:</p>
<ul>
<li>Provide and improve the game experience.</li>
<li>Communicate with you about updates, new features, or issues.</li>
<li>Enforce our Terms of Service and ensure fair gameplay.</li>
</ul>

<h3>3. How We Share Your Information</h3>
<p>We do not sell or share your information with third parties, except in the following cases:</p>
<ul>
<li>With your consent.</li>
<li>To comply with legal obligations or enforce our Terms of Service.</li>
<li>With service providers who assist us in operating Infight.io (e.g., hosting providers).</li>
</ul>

<h3>4. Data Retention</h3>
<p>We retain your data only as long as necessary to provide the game services or comply with legal
obligations. Gameplay data may be anonymized and used for analytics purposes.</p>

<h3>5. Your Rights</h3>
<p>Depending on your jurisdiction, you may have the following rights:</p>
<ul>
<li>The right to access the data we have about you.</li>
<li>The right to request correction or deletion of your data.</li>
<li>The right to object to certain types of data processing.</li>
</ul>
<p>If you would like to exercise these rights, please contact us at <a
href="mailto:contact@infight.io">contact@infight.io</a>.</p>

<h3>6. Security</h3>
<p>We take reasonable measures to protect your data from unauthorized access, loss, or misuse.
However, no system can guarantee 100% security. Use Infight.io at your own risk.</p>

<h3>7. Children's Privacy</h3>
<p>Infight.io is not intended for children under the age of 13. If we become aware that we have
collected information from a child under 13 without parental consent, we will delete it
promptly.</p>

<h3>8. Changes to This Privacy Policy</h3>
<p>We may update this Privacy Policy from time to time. Changes will be posted on this page with a
new effective date. Continued use of our services constitutes acceptance of the updated policy.
</p>

<h3>9. Contact Us</h3>
<p>If you have any questions about this Privacy Policy, please contact us at:</p>
<ul>
<li>Email: <a href="mailto:contact@infight.io">contact@infight.io</a></li>
</ul>
</div>
</div>
</div>
</main>
</template>

<style scoped></style>
107 changes: 107 additions & 0 deletions src/views/Terms.vue
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,107 @@
<script setup>
import { h } from 'vue';
</script>

<template>
<main>
<div class="container">
<div class="row">
<div class="offset-lg-2 col-lg-8">

<article>
<h1 class="mt-5">Infight.io Terms of Service</h1>

<p><strong>Effective Date:</strong> December 7, 2024</p>
<p>By accessing or using our website or services, you agree to
comply with and be bound by these Terms of Service. If you do not agree, please do not use
our services.</p>

<h3>1. Acceptance of Terms</h3>
<p>By using Infight.io you acknowledge that you have read,
understood, and agree to be bound by these Terms of Service, along with our Privacy Policy.
</p>

<h3>2. Eligibility</h3>
<ul>
<li>You must be at least 13 years old or the minimum age required in your jurisdiction to
access Discord.</li>
<li>You must comply with Discord's Terms of Service and Community Guidelines.</li>
</ul>
<p>If you are under 18, you may only use Infight.io with the involvement and consent of a parent
or guardian.</p>

<h3>3. Description of Services</h3>
<p>Infight.io provides:</p>
<ul>
<li>A multiplayer game integrated with Discord.</li>
</ul>
<p>We reserve the right to modify or discontinue any feature at any time without notice.</p>

<h3>4. User Responsibilities</h3>
<p>By using Infight.io, you agree to:</p>
<ul>
<li>Use Infight.io only for lawful purposes.</li>
<li>Respect other users and not engage in harassment, cheating, or abusive behavior.</li>
<li>Ensure that any data or content you provide (e.g., Discord username, game actions) does
not violate the rights of third parties.</li>
</ul>
<p>You are responsible for maintaining the confidentiality of any login credentials and ensuring
your account's security.</p>

<h3>5. Prohibited Activities</h3>
<p>You may not:</p>
<ul>
<li>Exploit bugs, glitches, or unintended behaviors to gain an unfair advantage.</li>
<li>Reverse-engineer, modify, or attempt to access the source code of Infight.io.</li>
<li>Use automated systems (e.g., bots) to interact with the game unless explicitly allowed.
</li>
</ul>
<p>Violation of these rules may result in suspension or termination of your account.</p>

<h3>6. Intellectual Property</h3>
<p>All content, including but not limited to the Infight.io website, branding, game design, and
software, is the property of Infight.io or its licensors. You may not copy, distribute, or
reproduce any part of the service without prior written permission.</p>

<h3>7. Disclaimer of Warranties</h3>
<p>Infight.io is provided "as is" without warranties of any kind, either express or implied. We
do not guarantee:</p>
<ul>
<li>The uninterrupted or error-free operation of the game.</li>
<li>That the game will meet your expectations.</li>
</ul>
<p>We are not responsible for any losses resulting from your use of the service.</p>

<h3>8. Limitation of Liability</h3>
<p>To the fullest extent permitted by law, Infight.io, its creators, and affiliates will not be
liable for any indirect, incidental, or consequential damages resulting from your use of the
service.</p>

<h3>9. Changes to the Terms</h3>
<p>We reserve the right to update these Terms of Service at any time. Any changes will be posted
on this page with a new effective date. Continued use of the service constitutes acceptance
of the updated terms.</p>

<h3>10. Termination</h3>
<p>We may terminate or suspend your access to Infight.io at our sole discretion for violations
of these terms or other reasons, with or without notice.</p>

<h3>11. Governing Law</h3>
<p>These Terms of Service are governed by the laws of Colorado, United States. Any disputes will
be resolved in the courts of Colorado Springs, Colorado.</p>

<h3>12. Contact Information</h3>
<p>If you have questions about these Terms of Service, please contact us at:</p>
<ul>
<li>Email: <a href="mailto:contact@infight.io">contact@infight.io</a></li>
</ul>

</article>
</div>
</div>
</div>
</main>
</template>

<style scoped></style>

0 comments on commit 16ebe84

Please sign in to comment.