From 6eaa1dd7e0eead6b139cc9f4113f017f49fe0f9a Mon Sep 17 00:00:00 2001 From: ngumokenneth Date: Wed, 11 Oct 2023 14:57:16 +0300 Subject: [PATCH 1/7] first commit --- challenges/faq_accordion_card/index.html | 191 +++++++++++++++--- challenges/faq_accordion_card/style.css | 4 + .../faq_accordion_card/tailwind.config.js | 7 + challenges/images/bg-pattern-desktop.svg | 1 + challenges/images/bg-pattern-mobile.svg | 1 + challenges/images/icon-arrow-down.svg | 1 + .../images/illustration-box-desktop.svg | 1 + .../illustration-woman-online-desktop.svg | 1 + .../illustration-woman-online-mobile.svg | 1 + 9 files changed, 185 insertions(+), 23 deletions(-) create mode 100644 challenges/images/bg-pattern-desktop.svg create mode 100644 challenges/images/bg-pattern-mobile.svg create mode 100644 challenges/images/icon-arrow-down.svg create mode 100644 challenges/images/illustration-box-desktop.svg create mode 100644 challenges/images/illustration-woman-online-desktop.svg create mode 100644 challenges/images/illustration-woman-online-mobile.svg diff --git a/challenges/faq_accordion_card/index.html b/challenges/faq_accordion_card/index.html index 0dfd3090..f9359f12 100644 --- a/challenges/faq_accordion_card/index.html +++ b/challenges/faq_accordion_card/index.html @@ -27,36 +27,181 @@ /> +
-
- Frontend Mentor challenge -
-
- for - Optimum BH +
+ illustration of a woman online + background pattern + + + +
+ +
- Internship. +

FAQ

+ +
+
+
+ How many team members can I invite? + down arrow icon +
+

+ You can invite up to 2 additional users on the Free plan. There + is no limit on team members for the Premium plan. +

+
+
+
+
+ What is the maximum file upload size? + down arrow icon +
+

+ No more than 2GB. All files in your account must fit your + allotted storage space. +

+
+
+
+
+ How do I reset my password? + down arrow icon +
+

+ Click “Forgot password” from the login page or “Change password” + from your profile page. A reset link will be emailed to you. +

+
+
+
+
+ Can I cancel my subscription? + down arrow icon +
+

+ Yes! Send us a message and we’ll process your request no + questions asked. +

+
+
+
+
+ Do you provide additional support? + down arrow icon +
+

+ Chat and email support is available 24/7. Phone lines are open + during normal business hours. +

+
+
+
+
+
+ Frontend Mentor challenge +
+
+ for + Optimum BH + Internship. +
-
- Source code +
+ Source code +
diff --git a/challenges/faq_accordion_card/style.css b/challenges/faq_accordion_card/style.css index b5c61c95..700617d3 100644 --- a/challenges/faq_accordion_card/style.css +++ b/challenges/faq_accordion_card/style.css @@ -1,3 +1,7 @@ @tailwind base; @tailwind components; @tailwind utilities; + +[x-cloak] { + display: none !important; +} diff --git a/challenges/faq_accordion_card/tailwind.config.js b/challenges/faq_accordion_card/tailwind.config.js index 880a8462..06245ef4 100644 --- a/challenges/faq_accordion_card/tailwind.config.js +++ b/challenges/faq_accordion_card/tailwind.config.js @@ -5,6 +5,13 @@ module.exports = { colors: { 'optimum-blue': '#009efc', 'optimum-darkblue': '#0389e1', + 'very-dark-desaturated-blue': 'hsl(238, 29%, 16%)', + 'soft-red': 'hsl(14, 88%, 65%)', + 'soft-violet': 'hsl(273, 75%, 66%)', + 'soft-blue': 'hsl(240, 73%, 65%)', + 'very-dark-grayish-blue': 'hsl(237, 12%, 33%)', + 'dark-grayish-blue': 'hsl(240, 6%, 50%)', + 'light-grayish-blue': 'hsl(240, 5%, 91%)', }, }, }, diff --git a/challenges/images/bg-pattern-desktop.svg b/challenges/images/bg-pattern-desktop.svg new file mode 100644 index 00000000..0e7083ce --- /dev/null +++ b/challenges/images/bg-pattern-desktop.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/images/bg-pattern-mobile.svg b/challenges/images/bg-pattern-mobile.svg new file mode 100644 index 00000000..63e033bc --- /dev/null +++ b/challenges/images/bg-pattern-mobile.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/images/icon-arrow-down.svg b/challenges/images/icon-arrow-down.svg new file mode 100644 index 00000000..3dcb6eca --- /dev/null +++ b/challenges/images/icon-arrow-down.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/images/illustration-box-desktop.svg b/challenges/images/illustration-box-desktop.svg new file mode 100644 index 00000000..16791c58 --- /dev/null +++ b/challenges/images/illustration-box-desktop.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/images/illustration-woman-online-desktop.svg b/challenges/images/illustration-woman-online-desktop.svg new file mode 100644 index 00000000..6bca509d --- /dev/null +++ b/challenges/images/illustration-woman-online-desktop.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/images/illustration-woman-online-mobile.svg b/challenges/images/illustration-woman-online-mobile.svg new file mode 100644 index 00000000..aef55421 --- /dev/null +++ b/challenges/images/illustration-woman-online-mobile.svg @@ -0,0 +1 @@ + \ No newline at end of file From d2b8016431b3b990e89a86229ab8d033458a9c78 Mon Sep 17 00:00:00 2001 From: ngumokenneth Date: Wed, 11 Oct 2023 15:28:16 +0300 Subject: [PATCH 2/7] solved failing test on the first question --- challenges/faq_accordion_card/index.html | 39 +++++++++++++++++++----- 1 file changed, 32 insertions(+), 7 deletions(-) diff --git a/challenges/faq_accordion_card/index.html b/challenges/faq_accordion_card/index.html index f9359f12..4fdb6b9b 100644 --- a/challenges/faq_accordion_card/index.html +++ b/challenges/faq_accordion_card/index.html @@ -74,8 +74,8 @@

FAQ

@@ -87,7 +87,12 @@

FAQ

class="absolute right-0 flex" />
-

+

You can invite up to 2 additional users on the Free plan. There is no limit on team members for the Premium plan.

@@ -107,7 +112,12 @@

FAQ

class="absolute right-0 flex" />
-

+

No more than 2GB. All files in your account must fit your allotted storage space.

@@ -127,7 +137,12 @@

FAQ

class="absolute right-0 flex" />
-

+

Click “Forgot password” from the login page or “Change password” from your profile page. A reset link will be emailed to you.

@@ -147,7 +162,12 @@

FAQ

class="absolute right-0 flex" />
-

+

Yes! Send us a message and we’ll process your request no questions asked.

@@ -167,7 +187,12 @@

FAQ

class="absolute right-0 flex" /> -

+

Chat and email support is available 24/7. Phone lines are open during normal business hours.

From 641f73c01282a818dfcd81c2608bbadaffab8dd8 Mon Sep 17 00:00:00 2001 From: ngumokenneth Date: Sun, 22 Oct 2023 10:27:58 +0300 Subject: [PATCH 3/7] ensured all test passed, adjusted position of the box, and changed the path of images --- .../images/android-chrome-192x192.png | Bin .../images/android-chrome-512x512.png | Bin .../images/apple-touch-icon.png | Bin .../images/bg-pattern-desktop.svg | 0 .../images/bg-pattern-mobile.svg | 0 .../images/favicon-16x16.png | Bin .../images/favicon-32x32.png | Bin .../images/icon-arrow-down.svg | 0 .../images/illustration-box-desktop.svg | 0 .../illustration-woman-online-desktop.svg | 0 .../illustration-woman-online-mobile.svg | 0 challenges/faq_accordion_card/index.html | 64 ++++++++++++------ 12 files changed, 42 insertions(+), 22 deletions(-) rename challenges/{ => faq_accordion_card}/images/android-chrome-192x192.png (100%) rename challenges/{ => faq_accordion_card}/images/android-chrome-512x512.png (100%) rename challenges/{ => faq_accordion_card}/images/apple-touch-icon.png (100%) rename challenges/{ => faq_accordion_card}/images/bg-pattern-desktop.svg (100%) rename challenges/{ => faq_accordion_card}/images/bg-pattern-mobile.svg (100%) rename challenges/{ => faq_accordion_card}/images/favicon-16x16.png (100%) rename challenges/{ => faq_accordion_card}/images/favicon-32x32.png (100%) rename challenges/{ => faq_accordion_card}/images/icon-arrow-down.svg (100%) rename challenges/{ => faq_accordion_card}/images/illustration-box-desktop.svg (100%) rename challenges/{ => faq_accordion_card}/images/illustration-woman-online-desktop.svg (100%) rename challenges/{ => faq_accordion_card}/images/illustration-woman-online-mobile.svg (100%) diff --git a/challenges/images/android-chrome-192x192.png b/challenges/faq_accordion_card/images/android-chrome-192x192.png similarity index 100% rename from challenges/images/android-chrome-192x192.png rename to challenges/faq_accordion_card/images/android-chrome-192x192.png diff --git a/challenges/images/android-chrome-512x512.png b/challenges/faq_accordion_card/images/android-chrome-512x512.png similarity index 100% rename from challenges/images/android-chrome-512x512.png rename to challenges/faq_accordion_card/images/android-chrome-512x512.png diff --git a/challenges/images/apple-touch-icon.png b/challenges/faq_accordion_card/images/apple-touch-icon.png similarity index 100% rename from challenges/images/apple-touch-icon.png rename to challenges/faq_accordion_card/images/apple-touch-icon.png diff --git a/challenges/images/bg-pattern-desktop.svg b/challenges/faq_accordion_card/images/bg-pattern-desktop.svg similarity index 100% rename from challenges/images/bg-pattern-desktop.svg rename to challenges/faq_accordion_card/images/bg-pattern-desktop.svg diff --git a/challenges/images/bg-pattern-mobile.svg b/challenges/faq_accordion_card/images/bg-pattern-mobile.svg similarity index 100% rename from challenges/images/bg-pattern-mobile.svg rename to challenges/faq_accordion_card/images/bg-pattern-mobile.svg diff --git a/challenges/images/favicon-16x16.png b/challenges/faq_accordion_card/images/favicon-16x16.png similarity index 100% rename from challenges/images/favicon-16x16.png rename to challenges/faq_accordion_card/images/favicon-16x16.png diff --git a/challenges/images/favicon-32x32.png b/challenges/faq_accordion_card/images/favicon-32x32.png similarity index 100% rename from challenges/images/favicon-32x32.png rename to challenges/faq_accordion_card/images/favicon-32x32.png diff --git a/challenges/images/icon-arrow-down.svg b/challenges/faq_accordion_card/images/icon-arrow-down.svg similarity index 100% rename from challenges/images/icon-arrow-down.svg rename to challenges/faq_accordion_card/images/icon-arrow-down.svg diff --git a/challenges/images/illustration-box-desktop.svg b/challenges/faq_accordion_card/images/illustration-box-desktop.svg similarity index 100% rename from challenges/images/illustration-box-desktop.svg rename to challenges/faq_accordion_card/images/illustration-box-desktop.svg diff --git a/challenges/images/illustration-woman-online-desktop.svg b/challenges/faq_accordion_card/images/illustration-woman-online-desktop.svg similarity index 100% rename from challenges/images/illustration-woman-online-desktop.svg rename to challenges/faq_accordion_card/images/illustration-woman-online-desktop.svg diff --git a/challenges/images/illustration-woman-online-mobile.svg b/challenges/faq_accordion_card/images/illustration-woman-online-mobile.svg similarity index 100% rename from challenges/images/illustration-woman-online-mobile.svg rename to challenges/faq_accordion_card/images/illustration-woman-online-mobile.svg diff --git a/challenges/faq_accordion_card/index.html b/challenges/faq_accordion_card/index.html index 4fdb6b9b..2baab480 100644 --- a/challenges/faq_accordion_card/index.html +++ b/challenges/faq_accordion_card/index.html @@ -39,31 +39,31 @@
-
+
illustration of a woman online background pattern
@@ -78,10 +78,14 @@

FAQ

@click="open = open" class="flex flex-col py-3" > -
- How many team members can I invite? +
+ How many team members can I invite? down arrow iconFAQ @click="open = !open" class="flex flex-col py-3" > -
- What is the maximum file upload size? +
+ What is the maximum file upload size? down arrow iconFAQ @click="open = !open" class="flex flex-col py-3" > -
- How do I reset my password? +
+ How do I reset my password? down arrow iconFAQ @click="open = !open" class="flex flex-col py-3" > -
- Can I cancel my subscription? +
+ Can I cancel my subscription? down arrow iconFAQ @click="open = !open" class="flex flex-col py-3" > -
- Do you provide additional support? +
+ Do you provide additional support? down arrow icon Date: Sun, 22 Oct 2023 10:54:32 +0300 Subject: [PATCH 4/7] adjusted the margins in mobile --- challenges/faq_accordion_card/index.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/challenges/faq_accordion_card/index.html b/challenges/faq_accordion_card/index.html index 2baab480..e88f3a6f 100644 --- a/challenges/faq_accordion_card/index.html +++ b/challenges/faq_accordion_card/index.html @@ -37,7 +37,7 @@ class="from-soft-blue to-soft-violet flex h-screen flex-col items-center justify-center bg-gradient-to-t" >
FAQ
- How many team members can I invite? FAQ
-
+
Date: Wed, 25 Oct 2023 21:13:07 +0300 Subject: [PATCH 5/7] Fix the file structure --- challenges/faq_accordion_card/index.html | 20 +++++++++--------- .../images/android-chrome-192x192.png | Bin .../images/android-chrome-512x512.png | Bin .../images/apple-touch-icon.png | Bin .../images/bg-pattern-desktop.svg | 0 .../images/bg-pattern-mobile.svg | 0 .../images/favicon-16x16.png | Bin .../images/favicon-32x32.png | Bin .../images/icon-arrow-down.svg | 0 .../images/illustration-box-desktop.svg | 0 .../illustration-woman-online-desktop.svg | 0 .../illustration-woman-online-mobile.svg | 0 12 files changed, 10 insertions(+), 10 deletions(-) rename challenges/{faq_accordion_card => }/images/android-chrome-192x192.png (100%) rename challenges/{faq_accordion_card => }/images/android-chrome-512x512.png (100%) rename challenges/{faq_accordion_card => }/images/apple-touch-icon.png (100%) rename challenges/{faq_accordion_card => }/images/bg-pattern-desktop.svg (100%) rename challenges/{faq_accordion_card => }/images/bg-pattern-mobile.svg (100%) rename challenges/{faq_accordion_card => }/images/favicon-16x16.png (100%) rename challenges/{faq_accordion_card => }/images/favicon-32x32.png (100%) rename challenges/{faq_accordion_card => }/images/icon-arrow-down.svg (100%) rename challenges/{faq_accordion_card => }/images/illustration-box-desktop.svg (100%) rename challenges/{faq_accordion_card => }/images/illustration-woman-online-desktop.svg (100%) rename challenges/{faq_accordion_card => }/images/illustration-woman-online-mobile.svg (100%) diff --git a/challenges/faq_accordion_card/index.html b/challenges/faq_accordion_card/index.html index e88f3a6f..61e086b4 100644 --- a/challenges/faq_accordion_card/index.html +++ b/challenges/faq_accordion_card/index.html @@ -41,27 +41,27 @@ >
illustration of a woman online background pattern @@ -85,7 +85,7 @@

FAQ

>How many team members can I invite? down arrow iconFAQ >What is the maximum file upload size? down arrow iconFAQ >How do I reset my password? down arrow iconFAQ >Can I cancel my subscription? down arrow iconFAQ >Do you provide additional support? down arrow icon Date: Thu, 26 Oct 2023 21:10:15 +0300 Subject: [PATCH 6/7] Fix file structure --- challenges/{ => faq_accordion_card}/images/bg-pattern-desktop.svg | 0 challenges/{ => faq_accordion_card}/images/bg-pattern-mobile.svg | 0 challenges/{ => faq_accordion_card}/images/icon-arrow-down.svg | 0 .../{ => faq_accordion_card}/images/illustration-box-desktop.svg | 0 .../images/illustration-woman-online-desktop.svg | 0 .../images/illustration-woman-online-mobile.svg | 0 6 files changed, 0 insertions(+), 0 deletions(-) rename challenges/{ => faq_accordion_card}/images/bg-pattern-desktop.svg (100%) rename challenges/{ => faq_accordion_card}/images/bg-pattern-mobile.svg (100%) rename challenges/{ => faq_accordion_card}/images/icon-arrow-down.svg (100%) rename challenges/{ => faq_accordion_card}/images/illustration-box-desktop.svg (100%) rename challenges/{ => faq_accordion_card}/images/illustration-woman-online-desktop.svg (100%) rename challenges/{ => faq_accordion_card}/images/illustration-woman-online-mobile.svg (100%) diff --git a/challenges/images/bg-pattern-desktop.svg b/challenges/faq_accordion_card/images/bg-pattern-desktop.svg similarity index 100% rename from challenges/images/bg-pattern-desktop.svg rename to challenges/faq_accordion_card/images/bg-pattern-desktop.svg diff --git a/challenges/images/bg-pattern-mobile.svg b/challenges/faq_accordion_card/images/bg-pattern-mobile.svg similarity index 100% rename from challenges/images/bg-pattern-mobile.svg rename to challenges/faq_accordion_card/images/bg-pattern-mobile.svg diff --git a/challenges/images/icon-arrow-down.svg b/challenges/faq_accordion_card/images/icon-arrow-down.svg similarity index 100% rename from challenges/images/icon-arrow-down.svg rename to challenges/faq_accordion_card/images/icon-arrow-down.svg diff --git a/challenges/images/illustration-box-desktop.svg b/challenges/faq_accordion_card/images/illustration-box-desktop.svg similarity index 100% rename from challenges/images/illustration-box-desktop.svg rename to challenges/faq_accordion_card/images/illustration-box-desktop.svg diff --git a/challenges/images/illustration-woman-online-desktop.svg b/challenges/faq_accordion_card/images/illustration-woman-online-desktop.svg similarity index 100% rename from challenges/images/illustration-woman-online-desktop.svg rename to challenges/faq_accordion_card/images/illustration-woman-online-desktop.svg diff --git a/challenges/images/illustration-woman-online-mobile.svg b/challenges/faq_accordion_card/images/illustration-woman-online-mobile.svg similarity index 100% rename from challenges/images/illustration-woman-online-mobile.svg rename to challenges/faq_accordion_card/images/illustration-woman-online-mobile.svg From 61031775fb7d4e4897cd7a5e57c4ca5a7f7dd07b Mon Sep 17 00:00:00 2001 From: ngumokenneth Date: Thu, 26 Oct 2023 21:15:23 +0300 Subject: [PATCH 7/7] Fix the images path --- challenges/faq_accordion_card/index.html | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/challenges/faq_accordion_card/index.html b/challenges/faq_accordion_card/index.html index 61e086b4..43f2b17a 100644 --- a/challenges/faq_accordion_card/index.html +++ b/challenges/faq_accordion_card/index.html @@ -41,7 +41,7 @@ >
illustration of a woman online @@ -51,17 +51,17 @@ class="lg:hidden" /> @@ -85,7 +85,7 @@

FAQ

>How many team members can I invite? down arrow iconFAQ >What is the maximum file upload size? down arrow iconFAQ >How do I reset my password? down arrow iconFAQ >Can I cancel my subscription? down arrow iconFAQ >Do you provide additional support?