Skip to content

Commit

Permalink
Apply automatic formatting
Browse files Browse the repository at this point in the history
  • Loading branch information
@lewislarsen @github-actions
lewislarsen authored and github-actions[bot] committed Aug 23, 2024
1 parent 23c79fe commit 3645908
Show file tree
Hide file tree
Showing 7 changed files with 142 additions and 96 deletions.
34 changes: 24 additions & 10 deletions node_modules/.package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Binary file modified node_modules/esbuild/bin/esbuild
View file
Binary file not shown.
2 changes: 1 addition & 1 deletion src/App.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ import { ref, onMounted, computed } from 'vue'
import { useRouter } from 'vue-router'
import Logo from './components/Logo.vue'
import LoadingIndicator from './components/LoadingIndicator.vue'
import CookieNotice from "@/components/CookieNotice.vue";
import CookieNotice from '@/components/CookieNotice.vue'
const isMenuOpen = ref(false)
const router = useRouter()
Expand Down
26 changes: 14 additions & 12 deletions src/components/CookieNotice.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,16 +18,18 @@ 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">
<div
class="p-3 rounded-lg bg-gradient-to-r from-blue-600 to-blue-800 shadow-lg sm:p-4"
>
<div class="flex items-center justify-between flex-wrap">
<div class="flex-1 flex items-center">
<CookieIcon class="h-6 w-6 text-white mr-3" />
Expand All @@ -41,15 +43,15 @@ 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-transparent rounded-full shadow-sm text-sm font-medium text-blue-600 bg-white hover:bg-blue-50 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"
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"
>
<InfoIcon class="h-4 w-4 mr-2" />
Learn More
Expand All @@ -61,4 +63,4 @@ onMounted(() => {
</div>
</div>
</transition>
</template>
</template>
3 changes: 1 addition & 2 deletions src/main.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -60,8 +60,7 @@ const routes = [
component: () => import('./views/PrivacyPolicy.vue'),
meta: {
title: 'Privacy Policy',
description:
'The privacy policy for the Vanguard project.',
description: 'The privacy policy for the Vanguard project.',
},
},
{
Expand Down
96 changes: 49 additions & 47 deletions src/views/MobileApp.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,13 +3,14 @@
<!-- Coming Soon Notice -->
<div class="bg-yellow-400 text-black py-3 px-6 text-center">
<p class="text-lg font-semibold">
Coming Soon! The Vanguard Mobile app is currently in development. Stay tuned for updates!
Coming Soon! The Vanguard Mobile app is currently in development. Stay
tuned for updates!
</p>
</div>

<!-- Hero Section -->
<section
class="min-h-screen flex items-center justify-center bg-gradient-to-b from-gray-900 to-black text-center px-6 py-40"
class="min-h-screen flex items-center justify-center bg-gradient-to-b from-gray-900 to-black text-center px-6 py-40"
>
<div class="max-w-6xl mx-auto">
<h1 class="text-4xl sm:text-5xl font-medium mb-6">
Expand All @@ -21,22 +22,22 @@
</p>
<div class="flex flex-col sm:flex-row justify-center gap-6 mb-20">
<a
href="#"
class="bg-white text-black font-semibold py-4 px-10 rounded-full transition-all duration-300 hover:bg-gray-200 hover:scale-105 transform inline-flex items-center justify-center text-lg group cursor-not-allowed opacity-50"
@click.prevent
href="#"
class="bg-white text-black font-semibold py-4 px-10 rounded-full transition-all duration-300 hover:bg-gray-200 hover:scale-105 transform inline-flex items-center justify-center text-lg group cursor-not-allowed opacity-50"
@click.prevent
>
Download for Android
<AndroidIcon class="w-7 h-7 ml-3 group-hover:animate-bounce" />
</a>
</div>
<div class="relative">
<img
src="/phone-render.png"
alt="Vanguard Mobile App"
class="mx-auto rounded-3xl shadow-2xl max-w-sm sm:max-w-md md:max-w-lg lg:max-w-xl border-transparent"
src="/phone-render.png"
alt="Vanguard Mobile App"
class="mx-auto rounded-3xl shadow-2xl max-w-sm sm:max-w-md md:max-w-lg lg:max-w-xl border-transparent"
/>
<div
class="absolute -top-8 -right-8 bg-yellow-400 text-black font-bold py-3 px-6 rounded-full transform rotate-12 text-lg animate-pulse"
class="absolute -top-8 -right-8 bg-yellow-400 text-black font-bold py-3 px-6 rounded-full transform rotate-12 text-lg animate-pulse"
>
Open Source!
</div>
Expand All @@ -50,9 +51,9 @@
<h2 class="text-4xl font-medium mb-20 text-center">Key Features</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-14">
<FeatureCard
v-for="feature in features"
:key="feature.title"
:feature="feature"
v-for="feature in features"
:key="feature.title"
:feature="feature"
/>
</div>
</div>
Expand All @@ -63,25 +64,25 @@
<div class="container mx-auto px-6">
<h2 class="text-4xl font-medium mb-20 text-center">How It Works</h2>
<div
class="flex flex-col md:flex-row items-center justify-between gap-16"
class="flex flex-col md:flex-row items-center justify-between gap-16"
>
<div class="md:w-1/2">
<img
src="/phone-render-two.png"
alt="App Screenshots"
class="rounded-3xl shadow-2xl max-w-sm sm:max-w-md md:max-w-lg lg:max-w-xl mx-auto border border-transparent"
src="/phone-render-two.png"
alt="App Screenshots"
class="rounded-3xl shadow-2xl max-w-sm sm:max-w-md md:max-w-lg lg:max-w-xl mx-auto border border-transparent"
/>
</div>
<div class="md:w-1/2">
<ol class="space-y-10">
<li
v-for="(step, index) in howItWorks"
:key="index"
class="flex items-start"
v-for="(step, index) in howItWorks"
:key="index"
class="flex items-start"
>
<span
class="bg-white text-black rounded-full w-12 h-12 flex items-center justify-center mr-6 font-bold flex-shrink-0 text-lg"
>{{ index + 1 }}</span
class="bg-white text-black rounded-full w-12 h-12 flex items-center justify-center mr-6 font-bold flex-shrink-0 text-lg"
>{{ index + 1 }}</span
>
<span class="text-gray-300 text-lg">{{ step }}</span>
</li>
Expand All @@ -101,7 +102,7 @@
server seamlessly.
</p>
<div
class="bg-black p-8 rounded-3xl max-w-2xl mx-auto border border-gray-800 shadow-2xl"
class="bg-black p-8 rounded-3xl max-w-2xl mx-auto border border-gray-800 shadow-2xl"
>
<h3 class="text-2xl font-semibold mb-6">How to Connect:</h3>
<ol class="text-left space-y-4 text-gray-300">
Expand All @@ -125,9 +126,9 @@
</p>
<div class="grid md:grid-cols-3 gap-16">
<div
v-for="security in securityFeatures"
:key="security.title"
class="flex flex-col items-center bg-gray-900 p-8 rounded-3xl border border-gray-800 transition-all duration-300 hover:shadow-2xl hover:scale-105"
v-for="security in securityFeatures"
:key="security.title"
class="flex flex-col items-center bg-gray-900 p-8 rounded-3xl border border-gray-800 transition-all duration-300 hover:shadow-2xl hover:scale-105"
>
<component :is="security.icon" class="w-24 h-24 mb-8 text-white" />
<h3 class="text-2xl font-semibold mb-4">{{ security.title }}</h3>
Expand All @@ -142,36 +143,37 @@
<div class="container mx-auto px-6 text-center">
<h2 class="text-4xl font-medium mb-10">Ready to Take Control?</h2>
<p class="text-xl mb-16 text-gray-300 max-w-3xl mx-auto">
The Vanguard Mobile app is coming soon! Stay tuned for updates on its release.
The Vanguard Mobile app is coming soon! Stay tuned for updates on its
release.
</p>
<div
class="flex flex-col sm:flex-row justify-center space-y-6 sm:space-y-0 sm:space-x-8 mb-16"
class="flex flex-col sm:flex-row justify-center space-y-6 sm:space-y-0 sm:space-x-8 mb-16"
>
<a
href="#"
class="bg-white text-black font-medium py-5 px-12 rounded-full text-xl transition-all duration-300 hover:bg-gray-200 hover:scale-105 transform inline-flex items-center justify-center group cursor-not-allowed opacity-50"
@click.prevent
href="#"
class="bg-white text-black font-medium py-5 px-12 rounded-full text-xl transition-all duration-300 hover:bg-gray-200 hover:scale-105 transform inline-flex items-center justify-center group cursor-not-allowed opacity-50"
@click.prevent
>
Coming Soon on Google Play
<AndroidIcon class="w-8 h-8 ml-3 group-hover:animate-bounce" />
</a>
</div>
<div>
<a
href="https://github.com/vanguardbackup/mobile"
target="_blank"
rel="noopener noreferrer"
class="text-gray-400 hover:text-white inline-flex items-center text-lg transition-colors duration-300"
href="https://github.com/vanguardbackup/mobile"
target="_blank"
rel="noopener noreferrer"
class="text-gray-400 hover:text-white inline-flex items-center text-lg transition-colors duration-300"
>
View on GitHub
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 ml-2"
fill="currentColor"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 ml-2"
fill="currentColor"
viewBox="0 0 24 24"
>
<path
d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
/>
</svg>
</a>
Expand Down Expand Up @@ -199,25 +201,25 @@ const features = ref([
icon: Smartphone,
title: 'On-the-Go Management',
description:
'View backup tasks, destinations, remote servers and more from your mobile device.',
'View backup tasks, destinations, remote servers and more from your mobile device.',
},
{
icon: Shield,
title: 'Biometric Security',
description:
'Lock the app with biometric authentication for an extra layer of security.',
'Lock the app with biometric authentication for an extra layer of security.',
},
{
icon: Clock,
title: 'Run Backup Tasks',
description:
'Initiate backup tasks directly from your mobile device, anytime, anywhere.',
'Initiate backup tasks directly from your mobile device, anytime, anywhere.',
},
{
icon: Server,
title: 'Custom Endpoints',
description:
'Connect to your self-hosted Vanguard instance by providing your own endpoint URL.',
'Connect to your self-hosted Vanguard instance by providing your own endpoint URL.',
},
])
Expand All @@ -233,19 +235,19 @@ const securityFeatures = ref([
icon: Shield,
title: 'End-to-End Encryption',
description:
'All data transmissions are secured with state-of-the-art encryption, whether connecting to our cloud or your own server.',
'All data transmissions are secured with state-of-the-art encryption, whether connecting to our cloud or your own server.',
},
{
icon: Smartphone,
title: 'Biometric Authentication',
description:
"Use your device's built-in biometric features for secure app access, adding an extra layer of protection.",
"Use your device's built-in biometric features for secure app access, adding an extra layer of protection.",
},
{
icon: Eye,
title: 'Zero Knowledge Architecture',
description:
'We never store or have access to your server credentials, ensuring your data remains private and secure.',
'We never store or have access to your server credentials, ensuring your data remains private and secure.',
},
])
</script>
</script>
Loading

0 comments on commit 3645908

Please sign in to comment.