From 97fb5d824293c22b3192db9b53d24583399ad03f Mon Sep 17 00:00:00 2001 From: candifloss Date: Tue, 27 May 2025 08:31:49 +0530 Subject: [PATCH] Update: Classes - Updated html classes - Tweaked text color --- css/about.css | 16 +++++++++++----- html/about.html | 20 ++++++++++---------- scss/about.scss | 18 ++++++++++++------ 3 files changed, 33 insertions(+), 21 deletions(-) diff --git a/css/about.css b/css/about.css index 170e191..36f49e4 100644 --- a/css/about.css +++ b/css/about.css @@ -48,6 +48,12 @@ main { .intro .content h1 { font-size: 3rem; margin-bottom: 1rem; + text-shadow: 0px 0px 9px #373737; + color: #5488bf; +} +.intro .content h1 .myname { + font-style: normal; + color: #fff; } h2 { @@ -71,22 +77,22 @@ footer { opacity: 0.5; } -#intro::before { +.section1::before { background-image: url("https://static.vecteezy.com/system/resources/thumbnails/013/384/142/small_2x/fabric-texture-abstract-pattern-black-and-white-textiles-backgrounds-photo.jpg"); } -#about::before { +.section2::before { background-image: url("https://wallpapers.com/images/hd/integral-project-management-cover-erpo8ef1af3wuquu.jpg"); } -#skills::before { +.section3::before { background-image: url("https://visme.co/blog/wp-content/uploads/2017/07/50-Beautiful-and-Minimalist-Presentation-Backgrounds-013.jpg"); } -#projects::before { +.section4::before { background-image: url("https://www.elegantthemes.com/blog/wp-content/uploads/2013/09/bg-1-full.jpg"); } -#contact::before { +.section5::before { background-image: url("https://wallpapers.com/images/hd/professional-zoom-background-3h69jq8rrky7f3tj.jpg"); } diff --git a/html/about.html b/html/about.html index c2f63f2..68b1392 100644 --- a/html/about.html +++ b/html/about.html @@ -3,26 +3,26 @@ - Shaheem - Portfolio + MyName - Portfolio
-
+
-

Hello, I'm Shaheem

-

I like building cool stuff and learning new things.

+

Hello, I'm [My Name]

+

Code Wizard | Linux Fanatic | Amateur Artist

-
+

About Me

A short, informal overview about who you are and what you enjoy doing.

-
+

Skills

    @@ -34,20 +34,20 @@
-
+

Projects

-

A few interesting things I\u2019ve made or contributed to.

+

A few interesting things I've made or contributed to.

-
+

Contact

Email: you@example.com
Mastodon / GitHub / etc.

diff --git a/scss/about.scss b/scss/about.scss index 0d3e571..49542d2 100644 --- a/scss/about.scss +++ b/scss/about.scss @@ -53,8 +53,14 @@ main { .intro .content h1 { font-size: 3rem; margin-bottom: 1rem; + text-shadow: 0px 0px 9px #373737; + color: #5488bf; + + .myname { + font-style: normal; + color: $text-color; + } } - h2 { font-size: 2rem; margin-bottom: 1rem; @@ -78,31 +84,31 @@ footer { } // Example background images per section -#intro { +.section1 { &::before { background-image: url('https://static.vecteezy.com/system/resources/thumbnails/013/384/142/small_2x/fabric-texture-abstract-pattern-black-and-white-textiles-backgrounds-photo.jpg'); } } -#about { +.section2 { &::before { background-image: url('https://wallpapers.com/images/hd/integral-project-management-cover-erpo8ef1af3wuquu.jpg'); } } -#skills { +.section3 { &::before { background-image: url('https://visme.co/blog/wp-content/uploads/2017/07/50-Beautiful-and-Minimalist-Presentation-Backgrounds-013.jpg'); } } -#projects { +.section4 { &::before { background-image: url('https://www.elegantthemes.com/blog/wp-content/uploads/2013/09/bg-1-full.jpg'); } } -#contact { +.section5 { &::before { background-image: url('https://wallpapers.com/images/hd/professional-zoom-background-3h69jq8rrky7f3tj.jpg'); }