diff --git a/.github/workflows/cicd.yml b/.github/workflows/cicd.yml index 15b7fdc3..95aa55bb 100644 --- a/.github/workflows/cicd.yml +++ b/.github/workflows/cicd.yml @@ -31,7 +31,7 @@ jobs: npm run test - name: Save screenshots - uses: actions/upload-artifact@v2 + uses: actions/upload-artifact@v3 if: ${{ always() }} with: name: screenshots diff --git a/challenges/order_summary_component/images/favicon-32x32.png b/challenges/order_summary_component/images/favicon-32x32.png new file mode 100644 index 00000000..1e2df7f0 Binary files /dev/null and b/challenges/order_summary_component/images/favicon-32x32.png differ diff --git a/challenges/order_summary_component/images/icon-music.svg b/challenges/order_summary_component/images/icon-music.svg new file mode 100644 index 00000000..1421b034 --- /dev/null +++ b/challenges/order_summary_component/images/icon-music.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/order_summary_component/images/illustration-hero.svg b/challenges/order_summary_component/images/illustration-hero.svg new file mode 100644 index 00000000..c7f3534f --- /dev/null +++ b/challenges/order_summary_component/images/illustration-hero.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/order_summary_component/images/pattern-background-desktop.svg b/challenges/order_summary_component/images/pattern-background-desktop.svg new file mode 100644 index 00000000..fa06d570 --- /dev/null +++ b/challenges/order_summary_component/images/pattern-background-desktop.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/order_summary_component/images/pattern-background-mobile.svg b/challenges/order_summary_component/images/pattern-background-mobile.svg new file mode 100644 index 00000000..905cb4ba --- /dev/null +++ b/challenges/order_summary_component/images/pattern-background-mobile.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/order_summary_component/index.html b/challenges/order_summary_component/index.html index f838b6e5..9da8f1ca 100644 --- a/challenges/order_summary_component/index.html +++ b/challenges/order_summary_component/index.html @@ -27,37 +27,105 @@ /> + + + + - +
-
+
+
+
+
+ Order Summary +
+
+ You can now listen to millions of songs, audiobooks, and podcasts on + any device anywhere you like! +
+
+
+
+ + + + + + +
+
+ Annual Plan + $59.99/year +
+
+
+ Change +
+
+
+ +
+ Cancel Order +
+
+
+
+
+
+

Frontend Mentor challenge -

-
for - Optimum BH - Internship. -
- -
+ Internship +

+

Source code -

+

diff --git a/challenges/order_summary_component/tailwind.config.js b/challenges/order_summary_component/tailwind.config.js index e10a8224..dedc3c7e 100644 --- a/challenges/order_summary_component/tailwind.config.js +++ b/challenges/order_summary_component/tailwind.config.js @@ -5,6 +5,25 @@ module.exports = { colors: { 'optimum-blue': '#009efc', 'optimum-darkblue': '#0389e1', + 'pale-blue': 'hsl(225, 100%, 94%)', + 'bright-blue': 'hsl(245, 75%, 52%)', + 'very-pale-blue': 'hsl(225, 100%, 98%)', + 'desaturated-blue': 'hsl(224, 23%, 55%)', + 'dark-blue': 'hsl(223, 47%, 23%)', + }, + fontFamily: { + red_hat: ['Red Hat Display', 'sans-serif'], + }, + fontWeight: { + regular: 500, + bold: 700, + extra_bold: 900, + }, + backgroundImage: { + 'mobile-pattern': "url('images/pattern-background-mobile.svg')", + + 'bottom-pattern': "url('images/pattern-background-desktop.svg')", + illustration: "url('images/illustration-hero.svg')", }, }, },