From 9a6e6ad5521b5edfd550bfc197b5b866362e3b56 Mon Sep 17 00:00:00 2001 From: jayrajsingh Date: Thu, 6 Oct 2022 11:48:49 +0530 Subject: [PATCH 1/3] added hover effect to card and border color to search btn --- assets/style.css | 16 +++++++++++++++- index.html | 40 ++++++++++++++++++++++++++++++++++++++++ 2 files changed, 55 insertions(+), 1 deletion(-) diff --git a/assets/style.css b/assets/style.css index 666abe4b9..597149477 100644 --- a/assets/style.css +++ b/assets/style.css @@ -62,7 +62,8 @@ p { width: 500px; height: 50px; text-align: center; - border: none; + border-radius: 15px; + border-color: #ff426b; transition: all 1s; box-shadow: 0px 1px 11px 2px rgb(82 81 85 / 10%); } @@ -206,6 +207,10 @@ footer { border-radius: 0 0 5px 5px; } +.resources:hover { + color: #ff0037; +} + /* Night Mode Code */ .night .contact i { @@ -224,6 +229,10 @@ footer { border: 1px solid var(--orange); } +.night .card:hover { + background-color: var(--orange); +} + .toggle-box-label-left:empty { margin-left: -10px; } @@ -253,6 +262,11 @@ body.night { background-color: var(--dark-purple); } +.night .resources:hover { + color: #ff0037; + background-color: var(--purple); +} + .night #searchbar { background-color: var(--dark-purple); color: var(--light-grey1); diff --git a/index.html b/index.html index 168763abe..d2b70aadc 100644 --- a/index.html +++ b/index.html @@ -115,6 +115,46 @@

A project for first-time contributions

+ + +
+

jayrajSingh65

+

+ + jayrajSingh65 +

+

+ I am web developer learning Blockchain develeopment right now. + check out my twitter handle for daily updates! +

+
+

3 Useful Dev Resource

+ + + +
+
+ + +
From 094186192f65a4c9e4a0aa9e31a1713316e30c92 Mon Sep 17 00:00:00 2001 From: Jayraj singh <97652040+JayrajSingh65@users.noreply.github.com> Date: Fri, 7 Oct 2022 14:05:44 +0530 Subject: [PATCH 2/3] Update style.css --- assets/style.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/assets/style.css b/assets/style.css index 597149477..4a806babf 100644 --- a/assets/style.css +++ b/assets/style.css @@ -62,8 +62,8 @@ p { width: 500px; height: 50px; text-align: center; + border: none; border-radius: 15px; - border-color: #ff426b; transition: all 1s; box-shadow: 0px 1px 11px 2px rgb(82 81 85 / 10%); } @@ -208,7 +208,7 @@ footer { } .resources:hover { - color: #ff0037; + color: var(--pink); } /* Night Mode Code */ @@ -263,7 +263,7 @@ body.night { } .night .resources:hover { - color: #ff0037; + color: var(--pink); background-color: var(--purple); } From b6613a56422a972db9f0d64e94e79092139b26ea Mon Sep 17 00:00:00 2001 From: jayrajsingh Date: Fri, 7 Oct 2022 14:18:57 +0530 Subject: [PATCH 3/3] added border radius to search bar --- assets/style.css | 1 + 1 file changed, 1 insertion(+) diff --git a/assets/style.css b/assets/style.css index 4a806babf..d6f6e0da2 100644 --- a/assets/style.css +++ b/assets/style.css @@ -178,6 +178,7 @@ footer { box-shadow: 1px 1px 5px 1px rgba(82, 81, 85, 0.2); transition: 0.5s; } + .card:hover { -webkit-box-shadow: 1px 1px 5px 1px rgba(82, 81, 85, 0.5); -moz-box-shadow: 1px 1px 5px 1px rgba(82, 81, 85, 0.5);