From 06a693228b80a565f2b547d354e79371e20509c3 Mon Sep 17 00:00:00 2001 From: Velma Date: Fri, 26 Jan 2024 12:31:15 +0300 Subject: [PATCH 1/6] edited html --- .../images/favicon-32x32.png | Bin 0 -> 1063 bytes .../images/image-qr-code.png | Bin 0 -> 5224 bytes challenges/qr-code-component/index.html | 77 ++++++++++++++++++ challenges/qr-code-component/style.css | 5 ++ .../qr-code-component/tailwind.config.js | 20 +++++ 5 files changed, 102 insertions(+) create mode 100644 challenges/qr-code-component/images/favicon-32x32.png create mode 100644 challenges/qr-code-component/images/image-qr-code.png create mode 100644 challenges/qr-code-component/index.html create mode 100644 challenges/qr-code-component/style.css create mode 100644 challenges/qr-code-component/tailwind.config.js diff --git a/challenges/qr-code-component/images/favicon-32x32.png b/challenges/qr-code-component/images/favicon-32x32.png new file mode 100644 index 0000000000000000000000000000000000000000..1e2df7f089f46dd930239e418bf13e8e4c1cca0f GIT binary patch literal 1063 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 Fe*phR6 + + + + + + + + + + Frontend Mentor | QR code component + + +
+
+
+ +
+
+

+ Improve your front-end skills by building projects +

+

+ Scan the QR code to visit Frontend Mentor and take your coding + skills to the next level +

+
+
+
+ +
+ for + Optimum BH + Internship. +
+ +
+ Source code +
+
+
+ + diff --git a/challenges/qr-code-component/style.css b/challenges/qr-code-component/style.css new file mode 100644 index 00000000..6374ab5b --- /dev/null +++ b/challenges/qr-code-component/style.css @@ -0,0 +1,5 @@ +@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap'); + +@tailwind base; +@tailwind components; +@tailwind utilities; diff --git a/challenges/qr-code-component/tailwind.config.js b/challenges/qr-code-component/tailwind.config.js new file mode 100644 index 00000000..9d8a8823 --- /dev/null +++ b/challenges/qr-code-component/tailwind.config.js @@ -0,0 +1,20 @@ +module.exports = { + content: ['./challenges/qr_code_component/index.html'], + theme: { + extend: { + colors: { + 'optimum-blue': '#009efc', + 'optimum-darkblue': '#0389e1', + White: 'hsl(0, 0%, 100%)', + 'Light-gray': 'hsl(212, 45%, 89%)', + 'Grayish-blue': 'hsl(220, 15%, 55%)', + 'Dark-blue': 'hsl(218, 44%, 22%)', + }, + fontFamily: { + outfit: ['Outfit', 'sans-serif'], + }, + }, + }, + plugins: [], + variants: {}, +} From 7927fbf310cd5d043861e12a27b9bdf9f4c5a265 Mon Sep 17 00:00:00 2001 From: Velma Date: Fri, 26 Jan 2024 12:34:43 +0300 Subject: [PATCH 2/6] Revert "edited html" This reverts commit df8b871e7b71bde91b26fabd5116301b84bbe7fa. --- .../images/favicon-32x32.png | Bin 1063 -> 0 bytes .../images/image-qr-code.png | Bin 5224 -> 0 bytes challenges/qr-code-component/index.html | 77 ------------------ challenges/qr-code-component/style.css | 5 -- .../qr-code-component/tailwind.config.js | 20 ----- 5 files changed, 102 deletions(-) delete mode 100644 challenges/qr-code-component/images/favicon-32x32.png delete mode 100644 challenges/qr-code-component/images/image-qr-code.png delete mode 100644 challenges/qr-code-component/index.html delete mode 100644 challenges/qr-code-component/style.css delete mode 100644 challenges/qr-code-component/tailwind.config.js diff --git a/challenges/qr-code-component/images/favicon-32x32.png b/challenges/qr-code-component/images/favicon-32x32.png deleted file mode 100644 index 1e2df7f089f46dd930239e418bf13e8e4c1cca0f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1063 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 Fe*phR6 - - - - - - - - - - Frontend Mentor | QR code component - - -
-
-
- -
-
-

- Improve your front-end skills by building projects -

-

- Scan the QR code to visit Frontend Mentor and take your coding - skills to the next level -

-
-
-
- -
- for - Optimum BH - Internship. -
- -
- Source code -
-
-
- - diff --git a/challenges/qr-code-component/style.css b/challenges/qr-code-component/style.css deleted file mode 100644 index 6374ab5b..00000000 --- a/challenges/qr-code-component/style.css +++ /dev/null @@ -1,5 +0,0 @@ -@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap'); - -@tailwind base; -@tailwind components; -@tailwind utilities; diff --git a/challenges/qr-code-component/tailwind.config.js b/challenges/qr-code-component/tailwind.config.js deleted file mode 100644 index 9d8a8823..00000000 --- a/challenges/qr-code-component/tailwind.config.js +++ /dev/null @@ -1,20 +0,0 @@ -module.exports = { - content: ['./challenges/qr_code_component/index.html'], - theme: { - extend: { - colors: { - 'optimum-blue': '#009efc', - 'optimum-darkblue': '#0389e1', - White: 'hsl(0, 0%, 100%)', - 'Light-gray': 'hsl(212, 45%, 89%)', - 'Grayish-blue': 'hsl(220, 15%, 55%)', - 'Dark-blue': 'hsl(218, 44%, 22%)', - }, - fontFamily: { - outfit: ['Outfit', 'sans-serif'], - }, - }, - }, - plugins: [], - variants: {}, -} From 8ae0fcf0fdb916416bea6217fd43420569775d70 Mon Sep 17 00:00:00 2001 From: Velma Date: Tue, 30 Jan 2024 22:09:40 +0300 Subject: [PATCH 3/6] profile card template --- .../images/bg-pattern-bottom.svg | 1 + .../images/bg-pattern-card.svg | 1 + .../images/bg-pattern-top.svg | 1 + .../images/favicon-32x32.png | Bin 0 -> 1063 bytes .../images/image-victor.jpg | Bin 0 -> 2927 bytes challenges/profile_card_component/index.html | 106 +++++++++++++----- .../profile_card_component/tailwind.config.js | 9 +- 7 files changed, 91 insertions(+), 27 deletions(-) create mode 100644 challenges/profile_card_component/images/bg-pattern-bottom.svg create mode 100644 challenges/profile_card_component/images/bg-pattern-card.svg create mode 100644 challenges/profile_card_component/images/bg-pattern-top.svg create mode 100644 challenges/profile_card_component/images/favicon-32x32.png create mode 100644 challenges/profile_card_component/images/image-victor.jpg diff --git a/challenges/profile_card_component/images/bg-pattern-bottom.svg b/challenges/profile_card_component/images/bg-pattern-bottom.svg new file mode 100644 index 00000000..216cdde5 --- /dev/null +++ b/challenges/profile_card_component/images/bg-pattern-bottom.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/profile_card_component/images/bg-pattern-card.svg b/challenges/profile_card_component/images/bg-pattern-card.svg new file mode 100644 index 00000000..5289dca8 --- /dev/null +++ b/challenges/profile_card_component/images/bg-pattern-card.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/profile_card_component/images/bg-pattern-top.svg b/challenges/profile_card_component/images/bg-pattern-top.svg new file mode 100644 index 00000000..0c4a24ba --- /dev/null +++ b/challenges/profile_card_component/images/bg-pattern-top.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/profile_card_component/images/favicon-32x32.png b/challenges/profile_card_component/images/favicon-32x32.png new file mode 100644 index 0000000000000000000000000000000000000000..1e2df7f089f46dd930239e418bf13e8e4c1cca0f GIT binary patch literal 1063 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
- -
- for - Optimum BH - Internship. -
+
+
+ card's parttern +
+ victor's image +
+

+ Victor Crest 26 +

+ London +
+
+ +
-
- Source code +
+
+

80k

+ Followers +
+
+

803k

+ Likes +
+
+

1.4k

+ Photos +
+
+
+
+
Front-end development challenges
+ +
+ for + Optimum BH + Internship. +
+ +
+ Source code +
+
+ + +
- + \ No newline at end of file diff --git a/challenges/profile_card_component/tailwind.config.js b/challenges/profile_card_component/tailwind.config.js index cf512637..55a9c92f 100644 --- a/challenges/profile_card_component/tailwind.config.js +++ b/challenges/profile_card_component/tailwind.config.js @@ -5,9 +5,16 @@ module.exports = { colors: { 'optimum-blue': '#009efc', 'optimum-darkblue': '#0389e1', + 'dark-cyan': 'hsl(185, 75%, 39%)', + 'dark-desaturated-blue': 'hsl(229, 23%, 23%)', + 'dark-grayish-blue': 'hsl(227, 10%, 46%)', + 'dark-gray': 'hsl(0, 0%, 59%)', + }, + fontFamily: { + 'kumbh-sans': ['Kumbh Sans', 'sans-serif'], }, }, }, plugins: [], variants: {}, -} +} \ No newline at end of file From 220d4a03583454be16bdad9cae3ee54b0a1a7a93 Mon Sep 17 00:00:00 2001 From: Velma Date: Tue, 30 Jan 2024 22:16:18 +0300 Subject: [PATCH 4/6] format --- challenges/profile_card_component/index.html | 4 ++-- challenges/profile_card_component/tailwind.config.js | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/challenges/profile_card_component/index.html b/challenges/profile_card_component/index.html index bf088de3..98285c12 100644 --- a/challenges/profile_card_component/index.html +++ b/challenges/profile_card_component/index.html @@ -95,7 +95,7 @@
Source code
@@ -114,4 +114,4 @@ />
- \ No newline at end of file + diff --git a/challenges/profile_card_component/tailwind.config.js b/challenges/profile_card_component/tailwind.config.js index 55a9c92f..292c3c46 100644 --- a/challenges/profile_card_component/tailwind.config.js +++ b/challenges/profile_card_component/tailwind.config.js @@ -17,4 +17,4 @@ module.exports = { }, plugins: [], variants: {}, -} \ No newline at end of file +} From c5a400a60b0fe37a1d104a3368488c5b2ca356e1 Mon Sep 17 00:00:00 2001 From: Velma Date: Wed, 17 Apr 2024 06:52:43 +0300 Subject: [PATCH 5/6] enhance ui implementation --- challenges/profile_card_component/index.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/challenges/profile_card_component/index.html b/challenges/profile_card_component/index.html index 98285c12..c5c4c38f 100644 --- a/challenges/profile_card_component/index.html +++ b/challenges/profile_card_component/index.html @@ -30,10 +30,10 @@
-
+
card's parttern
From a1d90ddc2d16c0edefff4819d85ecf55663ba333 Mon Sep 17 00:00:00 2001 From: Velma Date: Tue, 23 Apr 2024 19:49:47 +0300 Subject: [PATCH 6/6] adjust text size --- challenges/profile_card_component/index.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/challenges/profile_card_component/index.html b/challenges/profile_card_component/index.html index c5c4c38f..a7e97f44 100644 --- a/challenges/profile_card_component/index.html +++ b/challenges/profile_card_component/index.html @@ -46,26 +46,26 @@ class="-mt-[52px] w-24 rounded-full ring-4 ring-white" />
-

- Victor Crest 26 +

+ Victor Crest + 26

London
-
-

80k

+

80K

Followers
-

803k

+

803K

Likes
-

1.4k

+

1.4K

Photos