Skip to content

Commit

Permalink
general updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@lewislarsen
lewislarsen committed Aug 23, 2024
1 parent 3645908 commit 73acb3e
Show file tree
Hide file tree
Showing 7 changed files with 361 additions and 85 deletions.
6 changes: 3 additions & 3 deletions dist/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,9 +59,9 @@
"description": "Vanguard is an open-source backup solution for servers and applications."
}
</script>
<script type="module" crossorigin src="/assets/index-DZhoGcFt.js"></script>
<link rel="modulepreload" crossorigin href="/assets/vendor-CRRYlcil.js">
<link rel="stylesheet" crossorigin href="/assets/index-DE94q0HQ.css">
<script type="module" crossorigin src="/assets/index-B6J0gA2z.js"></script>
<link rel="modulepreload" crossorigin href="/assets/vendor-BzMDYvi0.js">
<link rel="stylesheet" crossorigin href="/assets/index-BtDTy4u7.css">
</head>
<body>
<div id="app"></div>
Expand Down
120 changes: 68 additions & 52 deletions src/App.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -178,29 +178,29 @@ onMounted(() => {
<div class="md:col-span-2">
<Logo class="h-auto w-48 mb-6" />
<p
class="text-gray-400 max-w-md text-sm leading-relaxed font-normal"
class="text-gray-400 max-w-md text-sm leading-relaxed font-normal"
>
Vanguard is a community-driven open-source backup solution for
servers and applications, providing robust and secure data
protection for businesses of all sizes.
</p>
<div class="mt-6 flex space-x-6">
<a
href="https://github.com/vanguardbackup"
target="_blank"
class="text-gray-400 hover:text-white"
href="https://github.com/vanguardbackup"
target="_blank"
class="text-gray-400 hover:text-white"
>
<span class="sr-only">GitHub</span>
<svg
class="h-6 w-6"
fill="currentColor"
viewBox="0 0 24 24"
aria-hidden="true"
class="h-6 w-6"
fill="currentColor"
viewBox="0 0 24 24"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
clip-rule="evenodd"
fill-rule="evenodd"
d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
clip-rule="evenodd"
/>
</svg>
</a>
Expand All @@ -211,42 +211,58 @@ onMounted(() => {
<ul class="space-y-4">
<li>
<a
href="/features"
@click="(e) => navigateAndScrollTop(e, '/features')"
class="text-gray-400 hover:text-white transition-colors text-sm"
>Features</a
href="/features"
@click="(e) => navigateAndScrollTop(e, '/features')"
class="text-gray-400 hover:text-white transition-colors text-sm"
>Features</a
>
</li>
<li>
<a
href="/about"
@click="(e) => navigateAndScrollTop(e, '/about')"
class="text-gray-400 hover:text-white transition-colors text-sm"
>About</a
href="/about"
@click="(e) => navigateAndScrollTop(e, '/about')"
class="text-gray-400 hover:text-white transition-colors text-sm"
>About</a
>
</li>
<li>
<a
href="/faq"
@click="(e) => navigateAndScrollTop(e, '/faq')"
class="text-gray-400 hover:text-white transition-colors text-sm"
>FAQ</a
href="/faq"
@click="(e) => navigateAndScrollTop(e, '/faq')"
class="text-gray-400 hover:text-white transition-colors text-sm"
>FAQ</a
>
</li>
<li>
<a
href="/mobile"
@click="(e) => navigateAndScrollTop(e, '/mobile')"
class="text-gray-400 hover:text-white transition-colors text-sm"
>Mobile App</a
href="/mobile"
@click="(e) => navigateAndScrollTop(e, '/mobile')"
class="text-gray-400 hover:text-white transition-colors text-sm"
>Mobile App</a
>
</li>
<li>
<a
class="text-gray-400 hover:text-white transition-colors text-sm"
target="_blank"
href="mailto:hello@vanguardbackup.com"
>Contact</a
href="/contact"
@click="(e) => navigateAndScrollTop(e, '/contact')"
class="text-gray-400 hover:text-white transition-colors text-sm"
>Contact</a
>
</li>
<li>
<a
href="/terms-of-service"
@click="(e) => navigateAndScrollTop(e, '/terms-of-service')"
class="text-gray-400 hover:text-white transition-colors text-sm"
>Terms of Service</a
>
</li>
<li>
<a
href="/privacy-policy"
@click="(e) => navigateAndScrollTop(e, '/privacy-policy')"
class="text-gray-400 hover:text-white transition-colors text-sm"
>Privacy Policy</a
>
</li>
</ul>
Expand All @@ -256,49 +272,49 @@ onMounted(() => {
<ul class="space-y-4">
<li>
<a
href="https://github.com/vanguardbackup/vanguard"
target="_blank"
class="text-gray-400 hover:text-white transition-colors text-sm"
>Project Repo</a
href="https://github.com/vanguardbackup/vanguard"
target="_blank"
class="text-gray-400 hover:text-white transition-colors text-sm"
>Project Repo</a
>
</li>
<li>
<a
href="https://docs.vanguardbackup.com"
target="_blank"
class="text-gray-400 hover:text-white transition-colors text-sm"
>Documentation</a
href="https://docs.vanguardbackup.com"
target="_blank"
class="text-gray-400 hover:text-white transition-colors text-sm"
>Documentation</a
>
</li>
<li>
<a
href="https://github.com/vanguardbackup/vanguard/discussions"
target="_blank"
class="text-gray-400 hover:text-white transition-colors text-sm"
>Discussions</a
href="https://github.com/vanguardbackup/vanguard/discussions"
target="_blank"
class="text-gray-400 hover:text-white transition-colors text-sm"
>Discussions</a
>
</li>
<li>
<a
href="https://github.com/vanguardbackup/vanguard/issues/new/choose"
target="_blank"
class="text-gray-400 hover:text-white transition-colors text-sm"
>Create an Issue</a
href="https://github.com/vanguardbackup/vanguard/issues/new/choose"
target="_blank"
class="text-gray-400 hover:text-white transition-colors text-sm"
>Create an Issue</a
>
</li>
<li>
<a
href="https://docs.vanguardbackup.com/installation"
target="_blank"
class="text-gray-400 hover:text-white transition-colors text-sm"
>Installation Guide</a
href="https://docs.vanguardbackup.com/installation"
target="_blank"
class="text-gray-400 hover:text-white transition-colors text-sm"
>Installation Guide</a
>
</li>
</ul>
</div>
</div>
<div
class="mt-12 border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center"
class="mt-12 border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center"
>
<p class="text-gray-400 text-sm">
© {{ new Date().getFullYear() }} Vanguard.
Expand Down
28 changes: 14 additions & 14 deletions src/components/CookieNotice.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,17 +18,17 @@ onMounted(() => {

<template>
<transition
enter-active-class="transition ease-out duration-300"
enter-from-class="transform translate-y-full opacity-0"
enter-to-class="transform translate-y-0 opacity-100"
leave-active-class="transition ease-in duration-300"
leave-from-class="transform translate-y-0 opacity-100"
leave-to-class="transform translate-y-full opacity-0"
enter-active-class="transition ease-out duration-300"
enter-from-class="transform translate-y-full opacity-0"
enter-to-class="transform translate-y-0 opacity-100"
leave-active-class="transition ease-in duration-300"
leave-from-class="transform translate-y-0 opacity-100"
leave-to-class="transform translate-y-full opacity-0"
>
<div v-if="showNotice" class="fixed bottom-0 inset-x-0 pb-2 sm:pb-5 z-50">
<div class="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8">
<div
class="p-3 rounded-lg bg-gradient-to-r from-blue-600 to-blue-800 shadow-lg sm:p-4"
class="p-3 rounded-lg bg-black border border-gray-700 shadow-lg sm:p-4"
>
<div class="flex items-center justify-between flex-wrap">
<div class="flex-1 flex items-center">
Expand All @@ -43,24 +43,24 @@ onMounted(() => {
<div class="mt-2 flex-shrink-0 w-full sm:mt-0 sm:w-auto sm:ml-4">
<div class="flex space-x-4">
<button
@click="acceptCookies"
class="flex items-center justify-center px-4 py-2 border border-transparent rounded-full shadow-sm text-sm font-medium text-blue-600 bg-white hover:bg-blue-50 transition-colors duration-200"
@click="acceptCookies"
class="flex items-center justify-center px-4 py-2 border border-white rounded-full shadow-sm text-sm font-medium text-black bg-white hover:bg-gray-200 transition-colors duration-200"
>
<CheckIcon class="h-4 w-4 mr-2" />
Accept
</button>
<a
href="/privacy-policy"
class="flex items-center justify-center px-4 py-2 border border-white rounded-full shadow-sm text-sm font-medium text-white hover:bg-blue-700 transition-colors duration-200"
<router-link
to="/privacy-policy"
class="flex items-center justify-center px-4 py-2 border border-white rounded-full shadow-sm text-sm font-medium text-white hover:bg-gray-800 transition-colors duration-200"
>
<InfoIcon class="h-4 w-4 mr-2" />
Learn More
</a>
</router-link>
</div>
</div>
</div>
</div>
</div>
</div>
</transition>
</template>
</template>
20 changes: 19 additions & 1 deletion src/main.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,25 @@ const routes = [
component: () => import('./views/PrivacyPolicy.vue'),
meta: {
title: 'Privacy Policy',
description: 'The privacy policy for the Vanguard project.',
description: 'Learn about how Vanguard collects, uses, and protects your personal information when you use our backup services.',
},
},
{
path: '/terms-of-service',
name: 'Terms of Service',
component: () => import('./views/TermsOfService.vue'),
meta: {
title: 'Terms of Service',
description: 'The Terms of Service for the Vanguard project, outlining the rules and conditions for using our backup services.',
},
},
{
path: '/contact',
name: 'Contact',
component: () => import('./views/Contact.vue'),
meta: {
title: 'Contact',
description: 'The methods to get in touch with the maintainers of the project.',
},
},
{
Expand Down
59 changes: 59 additions & 0 deletions src/views/Contact.vue
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
<template>
<div class="bg-black text-white font-sans min-h-screen">
<!-- Hero Section -->
<section class="pb-8 pt-40 px-4 sm:px-6 lg:px-8">
<div class="max-w-3xl mx-auto text-center">
<h1 class="text-4xl sm:text-5xl font-medium mb-6">Contact Us</h1>
<p class="text-xl mb-8 text-gray-200">
Get in touch with the Vanguard team
</p>
</div>
</section>

<!-- Contact Information -->
<section class="py-20 px-4 sm:px-6 lg:px-8">
<div class="max-w-3xl mx-auto">
<div class="space-y-12">
<div>
<h2 class="text-2xl font-semibold mb-4">Email Contacts</h2>
<ul class="space-y-4">
<li>
<h3 class="text-xl font-medium mb-2">General Enquiries</h3>
<a href="mailto:hello@vanguardbackup.com" class="text-white hover:text-gray-300 transition-colors underline">hello@vanguardbackup.com</a>
</li>
<li>
<h3 class="text-xl font-medium mb-2">Support for Serious Issues</h3>
<a href="mailto:support@vanguardbackup.com" class="text-white hover:text-gray-300 transition-colors underline">support@vanguardbackup.com</a>
</li>
<li>
<h3 class="text-xl font-medium mb-2">Security Vulnerabilities</h3>
<a href="mailto:security@vanguardbackup.com" class="text-white hover:text-gray-300 transition-colors underline">security@vanguardbackup.com</a>
<p class="text-gray-400 mt-2">
For general details about security disclosure, please view our
<a href="https://github.com/vanguardbackup/vanguard/blob/main/SECURITY.md" target="_blank" rel="noopener noreferrer" class="text-white hover:text-gray-300 transition-colors underline">Security Policy</a>.
</p>
</li>
</ul>
</div>

<div>
<h2 class="text-2xl font-semibold mb-4">Project Maintainers</h2>
<p class="text-gray-300">
You can find a list of maintainers of the Vanguard project by visiting our
<a href="https://github.com/orgs/vanguardbackup/people" target="_blank" rel="noopener noreferrer" class="text-white hover:text-gray-300 transition-colors underline">GitHub organization page</a>.
</p>
</div>

<div>
<h2 class="text-2xl font-semibold mb-4">Community Support</h2>
<p class="text-gray-300">
For general help and discussions, we recommend using our
<a href="https://github.com/vanguardbackup/vanguard/discussions" target="_blank" rel="noopener noreferrer" class="text-white hover:text-gray-300 transition-colors underline">GitHub Discussions page</a>.
This is the best place to get help from the community and the maintainers.
</p>
</div>
</div>
</div>
</section>
</div>
</template>
Loading

0 comments on commit 73acb3e

Please sign in to comment.