Skip to content

Commit eddbba6

Browse files
imprakharshuklaimprakharshukla
committed
improved a lot
1 parent 74d7d69 commit eddbba6

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

46 files changed

+1307
-669
lines changed

‎assets/css/tailwind.css

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525
}
2626

2727
.input {
28-
@apply appearance-none block w-full py-3 px-4 leading-tight bg-card_background text-gray-100 focus:bg-card_background_accent border font-sans border-gray-600 focus:border-primary-500 rounded focus:outline-none
28+
@apply appearance-none block w-full py-3 px-4 leading-tight bg-card_background text-gray-100 focus:bg-card_background_accent border font-sans border-gray-800 focus:border-primary-500 rounded focus:outline-none
2929
}
3030

3131
.button-1 {
@@ -36,6 +36,9 @@
3636
@apply rounded px-8 py-2 bg-primary-500 text-white font-extrabold text-lg text-center
3737
}
3838

39+
.section-gap {
40+
@apply mt-48 px-12 md:px-24 lg:mx-24
41+
}
3942

4043
/* INPUT */
4144
.formulate-input-class {

‎assets/images/distro/mate.svg

Lines changed: 20 additions & 0 deletions
Loading

‎components/AccountDropdown.vue

Lines changed: 0 additions & 23 deletions
This file was deleted.

‎components/CounterComponent.vue renamed to ‎components/Base/CounterComponent.vue

File renamed without changes.

‎components/CTAButton.vue renamed to ‎components/Base/CtaCard.vue

Lines changed: 13 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -12,14 +12,18 @@
1212
<p class="">
1313
{{ desc }} </p>
1414
</div>
15-
<div class="flex items-center justify-center">
16-
<button
17-
class="w-1/2 px-3 py-2 rounded mt-6 text-white font-extrabold text-center transition ease-in-out duration-300 shadow-2xl transform hover:scale-105"
18-
:class="buttonColor"
19-
:href="buttonLink"
20-
>
21-
Join now!
22-
</button>
15+
<div class="mt-5 flex items-center justify-center">
16+
<PrimaryTextButton @click="openLink(buttonLink)"
17+
:backgroundColor="buttonColor"
18+
label="Join now!" :textHoverColor="buttonColor"
19+
/>
20+
<!-- <button
21+
class="w-1/2 px-3 py-2 rounded mt-6 text-white font-extrabold text-center transition ease-in-out duration-300 shadow-2xl transform hover:scale-105"
22+
:class="buttonColor"
23+
:href="buttonLink"
24+
>
25+
Join now!
26+
</button>-->
2327
</div>
2428
</div>
2529
<div class="h-1.5 rounded-b-lg" :class="color ? color : 'bg-primary'">
@@ -51,7 +55,7 @@ export default {
5155
required: true
5256
},
5357
},
54-
name: 'CTAButton'
58+
name: 'CtaCard'
5559
}
5660
</script>
5761

‎components/Base/PrimaryIconButton.vue

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
<template>
2+
<div @click="$emit('clicked')">
3+
<div
4+
:class="`cursor-pointer px-4 py-3 flex items-center space-x-5 justify-center rounded ${backgroundColor} hover:${backgroundHoverColor} hover:translate-y-1.5 transition transform duration-300`"
5+
>
6+
<slot></slot>
7+
<p class="text-white font-bold">{{ label }}</p>
8+
</div>
9+
</div>
10+
</template>
11+
12+
<script>
13+
export default {
14+
props: {
15+
backgroundColor: {
16+
type: String,
17+
require: true,
18+
},
19+
backgroundHoverColor: {
20+
type: String,
21+
require: true,
22+
},
23+
label: {
24+
type: String,
25+
require: true,
26+
}
27+
},
28+
name: 'PrimaryButton'
29+
}
30+
</script>
31+
32+
<style scoped>
33+
34+
</style>

‎components/Base/PrimaryTextButton.vue

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<template>
2+
<div @click="$emit('clicked')">
3+
<div class="cursor-pointer rounded px-4 py-3 hover:-translate-y-1.5 transition transform duration-300"
4+
:class="`${backgroundColor?backgroundColor:'bg-primary-600'} hover:${backgroundHoverColor?backgroundHoverColor:'bg-white'}
5+
${textColor?textColor:'text-white'} hover:${textHoverColor?textHoverColor:'text-primary-600'}`"
6+
>
7+
<p class="text-center text-current font-bold">{{ label }}</p>
8+
</div>
9+
</div>
10+
</template>
11+
12+
<script>
13+
export default {
14+
props: {
15+
backgroundColor: {
16+
type: String,
17+
},
18+
backgroundHoverColor: {
19+
type: String,
20+
},
21+
textColor: {
22+
type: String,
23+
},
24+
textHoverColor: {
25+
type: String,
26+
},
27+
label: {
28+
type: String,
29+
require: true,
30+
}
31+
},
32+
name: 'PrimaryTextButton'
33+
}
34+
</script>
35+
36+
<style scoped>
37+
38+
</style>

‎components/DeLogoGrid.vue

Lines changed: 0 additions & 32 deletions
This file was deleted.

‎components/DistroLogoGrid.vue

Lines changed: 0 additions & 36 deletions
This file was deleted.

‎components/Global/Footer.vue

Lines changed: 152 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,152 @@
1+
<template>
2+
<div class="bg-gray-800 px-12 md:px-16 lg:px-24 pb-12 pt-16 mt-40">
3+
<div
4+
class="grid w-full grid-cols-1 md:grid-cols-2 lg:grid-cols-3 mx-auto gap-x-20 gap-y-16 max-w-screen-xl justify-center mx-0"
5+
>
6+
7+
<!-- Info and socials -->
8+
<div class="">
9+
<h3 class="text-2xl md:text-3xl text-white font-bold text-center md:text-left">Let's make the world
10+
more open and free to
11+
use.</h3>
12+
<div
13+
class="pt-10 grid grid-cols-2 md:grid-cols-2 gap-x-8 gap-y-8 justify-center items-center text-center md:text-left"
14+
>
15+
<div class=" flex-col space-y-2"
16+
>
17+
<p class="font-bold text-sm uppercase text-gray-400 pb-2">Want to talk?</p>
18+
<a href="https://chat.andronix.app"
19+
class="underline text-gray-200 hover:text-purple-300 transition duration-200 cursor-pointer"
20+
>Discord</a>
21+
</div>
22+
<div class="flex-col space-y-2">
23+
<p class="font-bold text-sm uppercase text-gray-400">Source code?</p>
24+
<p href="https://git.andronix.app"
25+
class="underline text-gray-200 hover:text-blue-300 transition duration-200 cursor-pointer"
26+
>Github</p>
27+
</div>
28+
<div class="flex-col space-y-2 col-span-2">
29+
<p class="pb-2 font-bold text-sm uppercase text-center md:text-left text-gray-400">Reach out to us</p>
30+
<div class="flex space-x-5 justify-self-center justify-center items-center md:justify-start">
31+
<svg
32+
class="w-5 fill-current text-gray-400 transform transition hover:text-black duration-200 hover:scale-110"
33+
viewBox="0 0 24 24"
34+
xmlns="http://www.w3.org/2000/svg"
35+
>
36+
<path
37+
d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
38+
/>
39+
</svg>
40+
<svg
41+
class="w-5 fill-current text-gray-400 transform transition hover:text-red-600 duration-200 hover:scale-110"
42+
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
43+
>
44+
<path
45+
d="M0 .48v23.04h4.22V.48zm15.385 0c-4.764 0-8.641 3.88-8.641 8.65 0 4.755 3.877 8.623 8.641 8.623 4.75 0 8.615-3.868 8.615-8.623C24 4.36 20.136.48 15.385.48z"
46+
/>
47+
</svg>
48+
<svg
49+
class="w-5 fill-current text-gray-400 transform transition hover:text-yellow-500 duration-200 hover:scale-110"
50+
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
51+
>
52+
<path
53+
d="M12.103 0C18.666 0 24 5.485 24 11.997c0 6.51-5.33 11.99-11.9 11.99L0 24V11.79C0 5.28 5.532 0 12.103 0zm.116 4.563c-2.593-.003-4.996 1.352-6.337 3.57-1.33 2.208-1.387 4.957-.148 7.22L4.4 19.61l4.794-1.074c2.745 1.225 5.965.676 8.136-1.39 2.17-2.054 2.86-5.228 1.737-7.997-1.135-2.778-3.84-4.59-6.84-4.585h-.008z"
54+
/>
55+
</svg>
56+
<svg
57+
class="w-5 fill-current text-gray-400 transform transition hover:text-purple-500 duration-200 hover:scale-110"
58+
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
59+
>
60+
<path
61+
d="M20.222 0c1.406 0 2.54 1.137 2.607 2.475V24l-2.677-2.273-1.47-1.338-1.604-1.398.67 2.205H3.71c-1.402 0-2.54-1.065-2.54-2.476V2.48C1.17 1.142 2.31.003 3.715.003h16.5L20.222 0zm-6.118 5.683h-.03l-.202.2c2.073.6 3.076 1.537 3.076 1.537-1.336-.668-2.54-1.002-3.744-1.137-.87-.135-1.74-.064-2.475 0h-.2c-.47 0-1.47.2-2.81.735-.467.203-.735.336-.735.336s1.002-1.002 3.21-1.537l-.135-.135s-1.672-.064-3.477 1.27c0 0-1.805 3.144-1.805 7.02 0 0 1 1.74 3.743 1.806 0 0 .4-.533.805-1.002-1.54-.468-2.14-1.404-2.14-1.404s.134.066.335.2h.06c.03 0 .044.015.06.03v.006c.016.016.03.03.06.03.33.136.66.27.93.4.466.202 1.065.403 1.8.536.93.135 1.996.2 3.21 0 .6-.135 1.2-.267 1.8-.535.39-.2.87-.4 1.397-.737 0 0-.6.936-2.205 1.404.33.466.795 1 .795 1 2.744-.06 3.81-1.8 3.87-1.726 0-3.87-1.815-7.02-1.815-7.02-1.635-1.214-3.165-1.26-3.435-1.26l.056-.02zm.168 4.413c.703 0 1.27.6 1.27 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334.002-.74.573-1.338 1.27-1.338zm-4.543 0c.7 0 1.266.6 1.266 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334 0-.74.57-1.338 1.27-1.338z"
62+
/>
63+
</svg>
64+
</div>
65+
</div>
66+
</div>
67+
<div class="mt-6">
68+
69+
</div>
70+
</div>
71+
72+
<hr class="border-dashed border-t-1 mr-3 my-4 border-opacity-70 border-gray-500 md:hidden">
73+
74+
<!-- Menu -->
75+
76+
<div class="grid grid-cols-2 md:grid-cols-3 gap-y-8 gap-x-1 md:gap-x-10 items-baseline justify-center lg:mt-8">
77+
<!-- Policies -->
78+
<div class="text-gray-400 text-sm text-center">
79+
<h3 class="font-bold text-lg text-gray-300">Policies</h3>
80+
<ul class="flex-col space-y-2 pt-3 ">
81+
<NuxtLink class="block hover:text-white duration-200 transition hover:underline" to="/">Refund Policy
82+
</NuxtLink>
83+
<NuxtLink class="block hover:text-white duration-200 transition hover:underline" to="/">T&C
84+
</NuxtLink>
85+
<NuxtLink class="block hover:text-white duration-200 transition hover:underline" to="/">Privacy policy
86+
</NuxtLink>
87+
</ul>
88+
</div>
89+
<!-- Products -->
90+
<div
91+
class="text-gray-400 text-sm text-center col-span-2 md:col-span-1 justify-self-center mx-auto md:order-1 order-2"
92+
>
93+
<h3
94+
class="font-bold text-lg text-gray-300 "
95+
>
96+
Products</h3>
97+
<ul class="flex-col space-y-2 pt-3 ">
98+
<NuxtLink class="block hover:text-white duration-200 transition hover:underline" to="/">Modded OS
99+
</NuxtLink>
100+
<NuxtLink class="block hover:text-white duration-200 transition hover:underline" to="/">Premium
101+
</NuxtLink>
102+
<NuxtLink class="block hover:text-white duration-200 transition hover:underline" to="/">Commands
103+
</NuxtLink>
104+
<NuxtLink class="block hover:text-white duration-200 transition hover:underline" to="/">Pricing
105+
</NuxtLink>
106+
<NuxtLink class="block hover:text-white duration-200 transition hover:underline" to="/">Documentation
107+
</NuxtLink>
108+
</ul>
109+
</div>
110+
<!-- Policies -->
111+
<div class="text-gray-400 text-sm text-center md:order-2 order-1">
112+
<h3 class="font-bold text-lg text-gray-300">Know us</h3>
113+
<ul class="flex-col space-y-2 pt-3 ">
114+
<NuxtLink class="block hover:text-white duration-200 transition hover:underline" to="/">Help
115+
</NuxtLink>
116+
<NuxtLink class="block hover:text-white duration-200 transition hover:underline" to="/">About us
117+
</NuxtLink>
118+
<NuxtLink class="block hover:text-white duration-200 transition hover:underline" to="/">Translate
119+
</NuxtLink>
120+
</ul>
121+
</div>
122+
</div>
123+
124+
125+
<hr class="border-dashed border-t-1 mr-3 my-4 border-opacity-70 border-gray-600 md:hidden">
126+
<!-- Copyright and stuff -->
127+
<div class="text-white text-center lg:justify-self-end lg:mt-8"
128+
>
129+
<h3 class="font-extrabold text-3xl pb-8">andronix<strong class="text-primary-400">.app</strong></h3>
130+
<h3 class="font-extrabold text-lg">Andronix App</h3>
131+
<p class="text-gray-400 text-sm">©2021 Andronix | Techriz. All Rights Reserved.</p>
132+
<p class="mt-3 text-xs text-gray-400 w-10/12 text-center mx-auto">
133+
Made with <strong class="font-bold text-gray-300">Tailwind, NuxtJS and NodeJS</strong> by <a
134+
href="https://github.com/imprakharshukla"
135+
class="font-bold text-gray-200"
136+
>imprakharshukla</a> in 🇮🇳
137+
</p>
138+
</div>
139+
140+
</div>
141+
</div>
142+
</template>
143+
144+
<script>
145+
export default {
146+
name: 'Footer'
147+
}
148+
</script>
149+
150+
<style scoped>
151+
152+
</style>

‎components/Heading.vue renamed to ‎components/Global/Heading.vue

File renamed without changes.

0 commit comments

Comments
 (0)