From 4f37b9fc9f47061f71caa6145fc182d88dab0da6 Mon Sep 17 00:00:00 2001 From: TablePhoOne <126613800+TablePhoOne@users.noreply.github.com> Date: Wed, 18 Dec 2024 13:36:31 +0000 Subject: [PATCH 1/8] color changes 1 --- src/App.css | 2 +- src/components/Navbar.js | 4 +-- src/index.css | 2 +- src/style.css | 78 ++++++++++++++++++++-------------------- 4 files changed, 43 insertions(+), 43 deletions(-) diff --git a/src/App.css b/src/App.css index 74b5e05345..e110d006d5 100644 --- a/src/App.css +++ b/src/App.css @@ -14,7 +14,7 @@ } .App-header { - background-color: #282c34; + background-color: #182133; min-height: 100vh; display: flex; flex-direction: column; diff --git a/src/components/Navbar.js b/src/components/Navbar.js index b7d3c21c4c..b89cce446b 100644 --- a/src/components/Navbar.js +++ b/src/components/Navbar.js @@ -78,7 +78,7 @@ function NavBar() { {" "} - Projects + Gallery @@ -98,7 +98,7 @@ function NavBar() { target="_blank" rel="noreferrer" > - Blogs + remove diff --git a/src/index.css b/src/index.css index c426578ebe..30817c4f69 100644 --- a/src/index.css +++ b/src/index.css @@ -4,5 +4,5 @@ body { font-family: "Raleway", serif !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - background-image: linear-gradient(to left, rgb(27 20 41), rgb(20 15 35)); + background-image: linear-gradient(to left, rgb(12, 13, 17), rgb(11, 13, 51)); } diff --git a/src/style.css b/src/style.css index ce5f1bebf6..8acb332a14 100644 --- a/src/style.css +++ b/src/style.css @@ -11,7 +11,7 @@ html { rgba(12, 10, 22, 0.863) ); - --imp-text-color: #c770f0; + --imp-text-color: #7070f0; } .purple { @@ -32,7 +32,7 @@ button:focus { width: 100%; height: 100%; z-index: 999999; - background-color: #0c0513; + background-color: #050513; background-image: url(./Assets/pre.svg); background-repeat: no-repeat; background-position: center; @@ -57,18 +57,18 @@ button:focus { /* Track */ ::-webkit-scrollbar-track { - background: #2d1950; + background: #1e1950; } /* Handle */ ::-webkit-scrollbar-thumb { - background: rgba(178, 121, 216, 0.959); + background: rgba(123, 121, 216, 0.959); border-radius: 12px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { - background: rgba(222, 130, 235, 0.911); + background: rgba(130, 141, 235, 0.911); border-radius: 12px; } @@ -97,7 +97,7 @@ button:focus { .navbar-toggler span { display: block !important; - background-color: #be50f4 !important; + background-color: #5650f4 !important; height: 4px !important; width: 27px !important; margin-top: 5px !important; @@ -194,7 +194,7 @@ button:focus { height: 5px; width: 0; border-radius: 16px; - background: #c95bf5; + background: #685bf5; bottom: 1px; left: 0; z-index: -1; @@ -281,17 +281,17 @@ button:focus { } .main-name { - color: #cd5ff8; + color: #7e5ff8; } .Typewriter__wrapper { font-size: 2.2em !important; - color: #be6adf !important; + color: #746adf !important; font-weight: 600 !important; } .Typewriter__cursor { font-size: 2.4em !important; - color: #b562d6 !important; + color: #6262d6 !important; } @media (max-width: 767px) { @@ -371,7 +371,7 @@ button:focus { width: 100%; height: 100%; border-radius: 50%; - background: #68187a; + background: #22187a; transition: 0.5s; transform: scale(0.9); z-index: -1; @@ -379,13 +379,13 @@ button:focus { .home-social-icons:hover::before { transform: scale(1.1); - box-shadow: 0 0 15px #801f95; + box-shadow: 0 0 15px #401f95; } .home-social-icons:hover { - color: #87209e; - box-shadow: 0 0 5px #87209e; - text-shadow: 0 0 2px #87209e; + color: #33209e; + box-shadow: 0 0 5px #40209e; + text-shadow: 0 0 2px #40209e; } .social-icons { @@ -395,14 +395,14 @@ button:focus { } .icon-colour { - color: #700c86 !important; + color: #330c86 !important; } /* --------- */ /* Footer */ /* --------- */ .footer { - background-color: rgb(10, 4, 22); + background-color: rgb(8, 4, 22); bottom: 0 !important; padding-top: 10px !important; padding-bottom: 8px !important ; @@ -439,7 +439,7 @@ button:focus { } .blockquote-footer { - color: #a588c0 !important; + color: #8b88c0 !important; } /* --------- */ /* Projects */ @@ -460,7 +460,7 @@ button:focus { } .project-card-view { - box-shadow: 0 4px 5px 3px rgba(119, 53, 136, 0.459) !important; + box-shadow: 0 4px 5px 3px rgba(53, 53, 136, 0.459) !important; color: white !important; background-color: transparent !important; opacity: 0.9 !important; @@ -470,7 +470,7 @@ button:focus { .project-card-view:hover { transform: scale(1.02) !important; overflow: hidden !important; - box-shadow: 0 4px 4px 5px rgba(129, 72, 144, 0.561) !important; + box-shadow: 0 4px 4px 5px rgba(90, 72, 144, 0.561) !important; } .blog-card { @@ -483,7 +483,7 @@ button:focus { .blog-card-view { background-color: transparent !important; - box-shadow: 0 3px 3px 2px rgba(145, 77, 161, 0.459) !important; + box-shadow: 0 3px 3px 2px rgba(101, 77, 161, 0.459) !important; color: white !important; transition: all 0.5s ease 0s !important; height: 100% !important; @@ -501,7 +501,7 @@ button:focus { .blog-card-view:hover { transform: scale(1.02) !important; overflow: hidden !important; - box-shadow: 0 3px 3px 5px rgba(155, 88, 173, 0.65) !important; + box-shadow: 0 3px 3px 5px rgba(112, 88, 173, 0.65) !important; } .card-img-top { @@ -518,14 +518,14 @@ button:focus { .btn-primary { color: #fff !important; - background-color: #623686 !important; - border-color: #623686 !important; + background-color: #363686 !important; + border-color: #3d3686 !important; } .btn-primary:hover { color: #fff !important; - background-color: #6d20c5d7 !important; - border-color: #6d20c5d7 !important; + background-color: #3920c5d7 !important; + border-color: #2320c5d7 !important; } .btn:focus { outline: none !important; @@ -555,12 +555,12 @@ button:focus { margin: 15px !important; padding: 10px !important; opacity: 0.93 !important; - border: 1.7px solid rgba(200, 137, 230, 0.637) !important; + border: 1.7px solid rgba(149, 137, 230, 0.637) !important; vertical-align: middle !important; text-align: center !important; border-radius: 5px !important; display: table !important; - box-shadow: 4px 5px 4px 3px rgba(89, 4, 168, 0.137) !important; + box-shadow: 4px 5px 4px 3px rgba(15, 4, 168, 0.137) !important; overflow: hidden !important; transition: all 0.4s ease 0s !important; } @@ -574,7 +574,7 @@ button:focus { .tech-icons:hover { transform: scale(1.05) !important; overflow: hidden !important; - border: 2.2px solid rgba(197, 115, 230, 0.883) !important; + border: 2.2px solid rgba(119, 115, 230, 0.883) !important; } .tech-icon-images { padding: 20px !important; @@ -645,14 +645,14 @@ button:focus { .resume .resume-item { padding: 0 0 10px 25px; margin-top: -2px; - border-left: 2px solid #8a49a8; + border-left: 2px solid #5b49a8; position: relative; } .resume .resume-item .resume-title { line-height: 18px; font-size: 0.9em; - background: #5234795d; + background: #3440795d; padding: 8px 15px; display: inline-block; font-weight: 600; @@ -682,7 +682,7 @@ button:focus { left: -9px; top: 0; background: #fff; - border: 2px solid #8a49a8; + border: 2px solid #5449a8; } .like-item { @@ -692,8 +692,8 @@ button:focus { } .like-btn { - background-color: #934cce5e !important; - border-color: #934cce5e !important; + background-color: #4c4ece5e !important; + border-color: #4c53ce5e !important; padding: 0.25rem 0.98rem !important; border-radius: 5px !important; line-height: 1.4 !important; @@ -702,8 +702,8 @@ button:focus { .like-btn:hover { transform: translateY(-2px) !important; - background-color: #a24dd386 !important; - border-color: #a24dd386 !important; + background-color: #4d5dd386 !important; + border-color: #4d51d386 !important; } .animate-like { @@ -727,7 +727,7 @@ button:focus { .fork-btn-inner { line-height: 1.4em !important; - background-color: #934cce5e !important; + background-color: #4c4ece5e !important; padding: 0.25rem 1.1rem !important; vertical-align: middle !important; text-align: center !important; @@ -735,8 +735,8 @@ button:focus { .fork-btn-inner:hover { transform: translateY(-2px) !important; - background-color: #a24dd386 !important; - border-color: #a24dd386 !important; + background-color: #4d56d386 !important; + border-color: #4d51d386 !important; } .fork-btn-inner::after { display: none !important; From b0132e68d5217af3131e2f2977dff4a0f8e43117 Mon Sep 17 00:00:00 2001 From: TablePhoOne <126613800+TablePhoOne@users.noreply.github.com> Date: Thu, 19 Dec 2024 15:13:18 -0500 Subject: [PATCH 2/8] Update README.md --- README.md | 77 +------------------------------------------------------ 1 file changed, 1 insertion(+), 76 deletions(-) diff --git a/README.md b/README.md index 0200765861..6fcfe986e6 100644 --- a/README.md +++ b/README.md @@ -1,76 +1 @@ -

- Portfolio Website - v2.0
- soumyajit.tech -

-
- Demo -
- -
- -
- -[![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com)   -[![forthebadge](https://forthebadge.com/images/badges/made-with-javascript.svg)](https://forthebadge.com)   -[![forthebadge](https://forthebadge.com/images/badges/open-source.svg)](https://forthebadge.com)   -![GitHub Repo stars](https://img.shields.io/github/stars/soumyajit4419/Portfolio?color=red&logo=github&style=for-the-badge)   -![GitHub forks](https://img.shields.io/github/forks/soumyajit4419/Portfolio?color=red&logo=github&style=for-the-badge) - -
- -

- 🔹 - Report Bug     - 🔹 - Request Feature -

- -## TL;DR - -You can fork this repo to modify and make changes of your own. Please give me proper credit by linking back to [Soumyajit4419](https://github.com/soumyajit4419/Portfolio). Thanks! - -## Built With - -My personal portfolio soumyajit.tech which features some of my github projects as well as my resume and technical skills.
- -This project was built using these technologies. - -- React.js -- Node.js -- Express.js -- CSS3 -- VsCode -- Vercel - -## Features - -**📖 Multi-Page Layout** - -**🎨 Styled with React-Bootstrap and Css with easy to customize colors** - -**📱 Fully Responsive** - -## Getting Started - -Clone down this repository. You will need `node.js` and `git` installed globally on your machine. - -## 🛠 Installation and Setup Instructions - -1. Installation: `npm install` - -2. In the project directory, you can run: `npm start` - -Runs the app in the development mode.\ -Open [http://localhost:3000](http://localhost:3000) to view it in the browser. -The page will reload if you make edits. - -## Usage Instructions - -Open the project folder and Navigate to `/src/components/`.
-You will find all the components used and you can edit your information accordingly. - -### Show your support - -Give a ⭐ if you like this website! - -Buy Me A Coffee +Gravity of Decisions From ccbaa11ef90eab91b382084ef225660e74602501 Mon Sep 17 00:00:00 2001 From: TablePhoOne <126613800+TablePhoOne@users.noreply.github.com> Date: Thu, 19 Dec 2024 20:19:16 +0000 Subject: [PATCH 3/8] update color and home page --- public/index.html | 20 ++++++++++---------- src/components/Footer.js | 4 ++-- src/components/Home/Home.js | 8 ++++---- src/components/Home/Home2.js | 2 +- src/components/Home/Type.js | 8 ++++---- src/style.css | 26 +++++++++++++------------- 6 files changed, 34 insertions(+), 34 deletions(-) diff --git a/public/index.html b/public/index.html index 9a1d8bdd82..59bae30682 100644 --- a/public/index.html +++ b/public/index.html @@ -6,29 +6,29 @@ - + - S0umyajit | Portfolio - + Amsonia Supperclub + - - + + - + - - + + - - + + diff --git a/src/components/Footer.js b/src/components/Footer.js index 40759086be..8b211b7b92 100644 --- a/src/components/Footer.js +++ b/src/components/Footer.js @@ -14,10 +14,10 @@ function Footer() { -

Designed and Developed by Soumyajit Behera

+

Forked from SB.

-

Copyright © {year} SB

+

Copyright © {year} Amsonia