- 🎨 **Top Project Showcase:** Tiled sections featuring my top projects with links to live demos and GitHub repos.
-- 🔧 **Technologies:** A display of *most* of the technologies I've used in my CS career.
+- 🔧 **Technologies:** A display of _most_ of the technologies I've used in my CS career.
- 📱 **Responsive Design:** Made with different screen-sizes in mind (mobile-first approach).
-
🔗 Important Links
- 📚 **Development Resources:** Here are some [helpful links](https://github.com/carsonSgit/carsonsgit.github.io/issues/9) I made use of during development.
@@ -41,7 +40,6 @@
- 📘 **TypeScript Documentation:** Explore TypeScript documentation [here](https://www.typescriptlang.org/docs/).
- 🎨 **SCSS Documentation:** Check out the SCSS documentation [here](https://sass-lang.com/documentation).
-
📈 Quick Repo Stats
@@ -51,9 +49,9 @@
+
-
@@ -61,32 +59,37 @@
If you want to run it locally follow these steps:
### 🔧 Prerequisites:
+
- `Git`
- `Node.js`
- `npm (Node Package Manager)`
### 📥 Installation Steps:
+
1. Clone the repository:
```bash
git clone https://github.com/carsonSgit/carsonsgit.github.io.git
- ```
+ ```
2. Go to the project directory:
- ```bash
- cd carsonsgit.github.io
- ```
+ ```bash
+ cd carsonsgit.github.io
+ ```
3. Install dependencies
- ```bash
- npm i
- ```
- **OR** if your `npm i` doesn't work
-
- ```bash
- npm i --force
- ```
+
+ ```bash
+ npm i
+ ```
+
+ **OR** if your `npm i` doesn't work
+
+ ```bash
+ npm i --force
+ ```
+
4. Run locally
- ```bash
- npm start
- ```
+ ```bash
+ npm start
+ ```
5. Open your browser at `http://localhost:3000`!
diff --git a/public/manifest.json b/public/manifest.json
index 67c0500..3c0ea17 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -20,8 +20,8 @@
],
"start_url": ".",
"display": "standalone",
- "theme_color": "#1c5722",
- "background_color": "#23272b",
+ "theme_color": "#1c5722",
+ "background_color": "#23272b",
"description": "Welcome to my personal portfolio!",
"lang": "en-US"
}
diff --git a/src/App.scss b/src/App.scss
index 64b4f4d..5d76416 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -26,6 +26,6 @@ body {
}
::selection {
- color:rgb(106, 222, 170);
+ color: rgb(106, 222, 170);
background-color: #c7f2ea4d;
-}
\ No newline at end of file
+}
diff --git a/src/Components/About/About.scss b/src/Components/About/About.scss
index 413496c..e201930 100644
--- a/src/Components/About/About.scss
+++ b/src/Components/About/About.scss
@@ -133,7 +133,9 @@ $tools-item-tint: darken($list-item-color, 40%);
font-family: 'Poppins', sans-serif;
font-weight: 500;
box-shadow: $box-shadow;
- transition: background 0.3s ease, transform 0.2s ease;
+ transition:
+ background 0.3s ease,
+ transform 0.2s ease;
&:hover {
transform: translateY(-2px);
@@ -174,7 +176,9 @@ $tools-item-tint: darken($list-item-color, 40%);
font-family: 'Poppins', sans-serif;
font-weight: 500;
box-shadow: $box-shadow;
- transition: background 0.3s ease, transform 0.2s ease;
+ transition:
+ background 0.3s ease,
+ transform 0.2s ease;
&:hover {
transform: translateY(-2px);
@@ -192,4 +196,3 @@ $tools-item-tint: darken($list-item-color, 40%);
margin-top: -3px;
font-size: 1.2em;
}
-
diff --git a/src/Components/About/About.tsx b/src/Components/About/About.tsx
index 267fdfd..887330e 100644
--- a/src/Components/About/About.tsx
+++ b/src/Components/About/About.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import { motion, useInView } from 'framer-motion';
-import { FaFilePdf, FaStar, FaGithub } from 'react-icons/fa';
+import { FaFilePdf, FaStar, FaGithub } from 'react-icons/fa';
import { toast, ToastContainer } from 'react-toastify';
import 'react-toastify/dist/ReactToastify.css';
import './About.scss';
@@ -10,8 +10,8 @@ const About: React.FC = () => {
const isInView = useInView(ref, { once: true });
const handleDownloadClick = () => {
- toast.success("Resume downloaded successfully!", {
- position: "bottom-right",
+ toast.success('Resume downloaded successfully!', {
+ position: 'bottom-right',
});
};
@@ -98,9 +98,9 @@ const About: React.FC = () => {
alt="At JACHacks"
/>
