diff --git a/src/comps/Button.svelte b/src/comps/Button.svelte index 6edc752..582aec5 100644 --- a/src/comps/Button.svelte +++ b/src/comps/Button.svelte @@ -2,7 +2,7 @@ import { createEventDispatcher } from 'svelte'; export let text: string = 'Empty Button'; - export let type: 'primary' | 'secondary' = 'primary'; + export let type: 'primary' | 'secondary' | 'red' = 'primary'; export let icon: 'discord' | 'github' | 'none' | 'youtube' = 'none'; const dispatch = createEventDispatcher(); @@ -17,7 +17,9 @@ on:click={submitButton} class={type === 'primary' ? 'relative focus:ring focus:ring-gray-600 transform hover:scale-105 transition-transform duration-300 rounded-md px-[24px] py-[12px] border-black border-[1px] bg-black text-white flex items-center justify-center space-x-[12px]' - : 'relative focus:ring focus:ring-gray-600 transform hover:scale-105 transition-transform duration-300 rounded-md px-[24px] py-[12px] border-black border-[1px] bg-transparent text-black flex items-center justify-center space-x-[12px]'} + : type === 'secondary' + ? 'relative focus:ring focus:ring-gray-600 transform hover:scale-105 transition-transform duration-300 rounded-md px-[24px] py-[12px] border-black border-[1px] bg-transparent text-black flex items-center justify-center space-x-[12px]' + : 'relative focus:ring focus:ring-gray-100 transform hover:scale-105 transition-transform duration-300 rounded-md px-[24px] py-[12px] border-white border-[1px] bg-white text-[#F02E65] flex items-center justify-center space-x-[12px]'} > {#if icon === 'discord'} diff --git a/src/comps/ButtonGithub.svelte b/src/comps/ButtonGithub.svelte index f67e795..bdac3a3 100644 --- a/src/comps/ButtonGithub.svelte +++ b/src/comps/ButtonGithub.svelte @@ -1,16 +1,11 @@ - +

+

Your open source journey begins with a pull request. We've curated a list of beginner friendly issues for you to check out.

diff --git a/src/routes/index/_about.svelte b/src/routes/index/_about.svelte index 3d31b31..7f24bdc 100644 --- a/src/routes/index/_about.svelte +++ b/src/routes/index/_about.svelte @@ -4,28 +4,59 @@
-
-

about the event

-

- About Hacktoberfest -

- -
- Bottles +
+
+

about the event

+

+ About Hacktoberfest +

+ +
+ Bottles +
+ +

+ Hacktoberfest is a month-long celebration of open source software run by DigitalOcean. + Hacktoberfest is open to everyone, from first-time contributors to seasoned open source + developers. Appwrite is one of the projects that you can contribute to. +

-

- Hacktoberfest is a month-long celebration of open source software run by DigitalOcean. - Hacktoberfest is open to everyone, from first-time contributors to seasoned open source - developers. Appwrite is one of the projects that you can contribute to. -

+
+
+ +
+
+

+ Our journey with Hacktoberfest +

+ + +
+ +
+
+

About Appwrite

-

+

Appwrite is an open source, secure end-to-end backend server for Web, Mobile, and Flutter developers that is packaged as a set of Docker containers for easy deployment.

@@ -51,4 +82,8 @@ .custom-shadow { box-shadow: -20px -9px 20px 0px rgb(0 0 0 / 5%); } + + .linear-bg { + background: linear-gradient(180deg, #f02e65 0%, #d72456 100%); + } diff --git a/src/routes/index/_howto.svelte b/src/routes/index/_howto.svelte index 496bb62..77759e5 100644 --- a/src/routes/index/_howto.svelte +++ b/src/routes/index/_howto.svelte @@ -1,4 +1,6 @@ @@ -8,7 +10,7 @@

How can you contribute?

-

+

There are different ways you can contribute to Appwrite. All accepted contributions qualify for receiving Appwrite Swag!

@@ -42,9 +44,29 @@

Contributions to open issues

-

+

We have a curated list of Hacktoberfest issues that are ready for you to pick up.

+ + + View issues + + + + +
@@ -71,9 +93,29 @@

Build a demo app

-

+

Build a demo app with your favourite technologies using an Appwrite Backend.

+ + + View issue + + + + +
@@ -101,10 +143,30 @@

Write a blog post

-

+

Used Appwrite in a recent project? Built something cool with Appwrite? Tell the community about it in an awesome blog post.

+ + + View issue + + + + +
@@ -136,10 +198,30 @@

Make a tutorial

-

+

From video tutorials to written tutorials, help new community members get started with Appwrite!

+ + + View issue + + + + +
diff --git a/src/routes/index/_rewards.svelte b/src/routes/index/_rewards.svelte index 21eb410..a6b9409 100644 --- a/src/routes/index/_rewards.svelte +++ b/src/routes/index/_rewards.svelte @@ -31,7 +31,7 @@ 4 contributions or more -

+

Limited Edition Appwrite Hacktoberfest T-shirt + Hacktoberfest Sticker pack + OG Appwrite Sticker Pack + Mug

@@ -59,7 +59,7 @@ 4 contributions or more -

+

Limited Edition Appwrite Hacktoberfest T-shirt + Hacktoberfest Sticker pack + OG Appwrite Sticker Pack + Mug

@@ -85,7 +85,7 @@ >

3 contributions

-

+

OG Appwrite sticker pack + Limited Edition Hacktoberfest sticker pack + Mug

@@ -110,7 +110,7 @@ >

2 contributions

-

+

OG Appwrite sticker pack + Limited Edition Hacktoberfest sticker pack

@@ -135,7 +135,7 @@ >

1 contribution

-

OG Appwrite sticker pack

+

OG Appwrite sticker pack

:not([hidden]) ~ :not([hidden]){ + --tw-space-x-reverse: 0; + margin-right: calc(0.44rem * var(--tw-space-x-reverse)); + margin-left: calc(0.44rem * calc(1 - var(--tw-space-x-reverse))); +} .space-y-20 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse))); @@ -1108,6 +1140,9 @@ video { .rounded-full{ border-radius: 9999px; } +.rounded-\[1\.5rem\]{ + border-radius: 1.5rem; +} .rounded-xl{ border-radius: 0.75rem; } @@ -1134,6 +1169,10 @@ video { --tw-border-opacity: 1; border-color: rgba(0, 0, 0, var(--tw-border-opacity)); } +.border-white{ + --tw-border-opacity: 1; + border-color: rgba(255, 255, 255, var(--tw-border-opacity)); +} .border-gray-300{ --tw-border-opacity: 1; border-color: rgba(209, 213, 219, var(--tw-border-opacity)); @@ -1142,10 +1181,6 @@ video { --tw-border-opacity: 1; border-color: rgba(243, 243, 243, var(--tw-border-opacity)); } -.border-white{ - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); -} .bg-black{ --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); @@ -1153,14 +1188,14 @@ video { .bg-transparent{ background-color: transparent; } -.bg-\[\#F02E65\]{ - --tw-bg-opacity: 1; - background-color: rgba(240, 46, 101, var(--tw-bg-opacity)); -} .bg-white{ --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } +.bg-\[\#F02E65\]{ + --tw-bg-opacity: 1; + background-color: rgba(240, 46, 101, var(--tw-bg-opacity)); +} .bg-\[\#20007F\]{ --tw-bg-opacity: 1; background-color: rgba(32, 0, 127, var(--tw-bg-opacity)); @@ -1198,6 +1233,9 @@ video { -o-object-fit: cover; object-fit: cover; } +.p-\[2\.75rem\]{ + padding: 2.75rem; +} .p-4{ padding: 1rem; } @@ -1297,6 +1335,9 @@ video { .pt-\[80px\]{ padding-top: 80px; } +.pb-\[3rem\]{ + padding-bottom: 3rem; +} .pt-20{ padding-top: 5rem; } @@ -1306,12 +1347,30 @@ video { .pb-\[100px\]{ padding-bottom: 100px; } +.pl-8{ + padding-left: 2rem; +} +.pl-10{ + padding-left: 2.5rem; +} +.pl-12{ + padding-left: 3rem; +} +.pl-14{ + padding-left: 3.5rem; +} +.pl-16{ + padding-left: 4rem; +} .text-left{ text-align: left; } .text-center{ text-align: center; } +.text-justify{ + text-align: justify; +} .text-\[16px\]{ font-size: 16px; } @@ -1328,6 +1387,12 @@ video { .text-\[14px\]{ font-size: 14px; } +.text-\[1\.8rem\]{ + font-size: 1.8rem; +} +.text-\[1\.1rem\]{ + font-size: 1.1rem; +} .text-\[24px\]{ font-size: 24px; } @@ -1363,6 +1428,9 @@ video { .leading-snug{ line-height: 1.375; } +.leading-relaxed{ + line-height: 1.625; +} .tracking-wide{ letter-spacing: 0.025em; } @@ -1377,6 +1445,14 @@ video { --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)); } +.text-\[\#F02E65\]{ + --tw-text-opacity: 1; + color: rgba(240, 46, 101, var(--tw-text-opacity)); +} +.text-\[\#454545\]{ + --tw-text-opacity: 1; + color: rgba(69, 69, 69, var(--tw-text-opacity)); +} .text-\[\#DE2459\]{ --tw-text-opacity: 1; color: rgba(222, 36, 89, var(--tw-text-opacity)); @@ -1397,10 +1473,6 @@ video { --tw-text-opacity: 1; color: rgba(249, 250, 251, var(--tw-text-opacity)); } -.text-\[\#F02E65\]{ - --tw-text-opacity: 1; - color: rgba(240, 46, 101, var(--tw-text-opacity)); -} .text-gray-900{ --tw-text-opacity: 1; color: rgba(17, 24, 39, var(--tw-text-opacity)); @@ -1508,6 +1580,11 @@ body { --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity)); } +.focus\:ring-gray-100:focus{ + --tw-ring-opacity: 1; + --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity)); +} + .group:hover .group-hover\:max-h-\[50px\]{ max-height: 50px; } @@ -1691,6 +1768,14 @@ body { grid-column: span 6 / span 6; } + .lg\:col-span-3{ + grid-column: span 3 / span 3; + } + + .lg\:col-span-9{ + grid-column: span 9 / span 9; + } + .lg\:col-span-4{ grid-column: span 4 / span 4; } @@ -1704,6 +1789,27 @@ body { margin-right: auto; } + .lg\:my-8{ + margin-top: 2rem; + margin-bottom: 2rem; + } + + .lg\:mt-\[7\.375rem\]{ + margin-top: 7.375rem; + } + + .lg\:mb-\[5rem\]{ + margin-bottom: 5rem; + } + + .lg\:mt-\[1\.5rem\]{ + margin-top: 1.5rem; + } + + .lg\:mb-\[1\.5rem\]{ + margin-bottom: 1.5rem; + } + .lg\:mt-16{ margin-top: 4rem; } @@ -1736,6 +1842,10 @@ body { max-width: 600px; } + .lg\:max-w-none{ + max-width: none; + } + .lg\:max-w-md{ max-width: 28rem; } @@ -1764,6 +1874,10 @@ body { align-items: flex-start; } + .lg\:justify-start{ + justify-content: flex-start; + } + .lg\:gap-12{ gap: 3rem; } @@ -1793,16 +1907,33 @@ body { margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); } + .lg\:p-\[3\.375rem\]{ + padding: 3.375rem; + } + .lg\:py-0{ padding-top: 0px; padding-bottom: 0px; } + .lg\:px-\[5\.5rem\]{ + padding-left: 5.5rem; + padding-right: 5.5rem; + } + .lg\:px-0{ padding-left: 0px; padding-right: 0px; } + .lg\:pl-16{ + padding-left: 4rem; + } + + .lg\:pl-20{ + padding-left: 5rem; + } + .lg\:text-left{ text-align: left; } @@ -1815,6 +1946,10 @@ body { font-size: 48px; } + .lg\:text-\[2\.1rem\]{ + font-size: 2.1rem; + } + .lg\:text-\[32px\]{ font-size: 32px; } diff --git a/static/hacktoberfest.svg b/static/hacktoberfest.svg new file mode 100644 index 0000000..ba1736f --- /dev/null +++ b/static/hacktoberfest.svg @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +