Skip to content

Commit 0116a5f

Browse files
committed
feat: updated copyright and is now fully responsive
1 parent 6485914 commit 0116a5f

File tree

7 files changed

+67
-55
lines changed

7 files changed

+67
-55
lines changed

package.json

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -25,8 +25,8 @@
2525
"react-router-dom": "^6.20.1"
2626
},
2727
"devDependencies": {
28-
"@types/react": "^18.2.42",
29-
"@types/react-dom": "^18.2.17",
28+
"@types/react": "^18.2.47",
29+
"@types/react-dom": "^18.2.18",
3030
"@typescript-eslint/eslint-plugin": "^6.13.2",
3131
"@typescript-eslint/parser": "^6.13.2",
3232
"@typescript-eslint/typescript-estree": "^6.13.2",
@@ -36,14 +36,14 @@
3636
"eslint-plugin-prettier": "^5.0.1",
3737
"eslint-plugin-react-hooks": "^4.6.0",
3838
"eslint-plugin-react-refresh": "^0.4.5",
39-
"gh-pages": "^6.1.0",
40-
"postcss": "^8.4.32",
41-
"prettier": "^3.1.0",
42-
"prettier-plugin-tailwindcss": "^0.5.9",
43-
"sass": "^1.69.5",
39+
"gh-pages": "^6.1.1",
40+
"postcss": "^8.4.33",
41+
"prettier": "^3.1.1",
42+
"prettier-plugin-tailwindcss": "^0.5.11",
43+
"sass": "^1.69.7",
4444
"tailwindcss": "^3.3.6",
4545
"typescript": "^5.3.3",
46-
"vite": "^5.0.6"
46+
"vite": "^5.0.11"
4747
},
4848
"packageManager": "[email protected]"
4949
}

src/components/Footer.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
export function Footer() {
22
return (
3-
<div id="footer" className="flex w-full justify-center bg-verdant-bg lg:fixed lg:bottom-8 lg:w-11/12">
3+
<div id="footer" className="flex w-full justify-center bg-verdant-bg lg:fixed lg:bottom-10">
44
<div className="mx-auto flex justify-center">
55
<span className="px-4 py-4 text-center text-verdant-fg lg:px-0">
6-
© 2023 <span className="text-verdant-blue">Jan Leigh Muñoz</span>. All Rights Reserved.
6+
© 2023-2024 <span className="text-verdant-blue">Jan Leigh Muñoz</span>. All Rights Reserved.
77
</span>
88
</div>
99
</div>

src/components/MainContainer.tsx

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,31 +2,30 @@ export function MainContainer() {
22
return (
33
<div id="main" className="flex justify-center bg-verdant-bg">
44
<div className="flex flex-col items-center justify-center lg:flex-row">
5-
<div className="mx-12 mb-8 mt-16 sm:mt-96 md:mt-48 lg:mb-0 lg:mt-0">
5+
<div className="mx-12 mb-8 mt-8 lg:mb-0 lg:mt-0">
66
<img
77
src="https://github.com/janleigh.png"
88
alt="PFP"
99
className="h-60 w-60 rounded-full bg-verdant-bg-light p-4"
1010
/>
1111
</div>
12-
<div className="mx-12 items-center justify-center lg:mx-8 lg:mb-0">
12+
<div className="mx-12 mb-8 items-center justify-center lg:mx-8 lg:mb-0">
1313
<div className="text-3xl font-bold text-verdant-fg">
1414
Heya! I'm <span className="text-verdant-blue">Jan Leigh</span>!
1515
</div>
1616
<div className="text-base text-verdant-fg-dark">
17-
I am a Filipino first-year college student and a self-taught full-stack developer.
17+
I am a Filipino first-year college student and self-taught full-stack developer.
1818
<br />
1919
<br />
20-
I have been programming since 2018, and I have a passion
20+
I've been programming since 2018, and I enjoy creating web applications,
2121
<br />
22-
for creating web applications, and sometimes <span className="line-through">shitty</span>{" "}
23-
software.
22+
and occasionally <span className="line-through">shitty</span> software.
2423
<br />
25-
<br />I am proficient in a variety of programming languages, including{" "}
24+
<br />I am proficient in a variety of programming languages, such as{" "}
2625
<span className="text-verdant-blue">TypeScript</span>,{" "}
2726
<span className="text-verdant-purple">Rust</span>, and{" "}
2827
<span className="text-verdant-red">C</span>.
29-
<br />I am also familiar with a variety of web development frameworks and tools such as{" "}
28+
<br />I am also familiar with a range of web development frameworks and tools such as{" "}
3029
<span className="text-verdant-orange">React</span>,
3130
<br />
3231
<span className="text-verdant-blue">Next.js</span>, and{" "}

src/components/Navbar.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
export function Navbar() {
22
return (
3-
<div id="navbar" className="fixed flex w-full justify-center bg-verdant-bg-light lg:w-11/12 lg:bg-verdant-bg">
3+
<div id="navbar" className="flex w-full justify-center bg-verdant-bg-light lg:fixed lg:top-8 lg:bg-verdant-bg">
44
<div className="mx-12 flex justify-start lg:mx-auto">
55
<span className="py-4 text-verdant-fg">
66
janleigh<span className="text-verdant-blue">.is-a.dev</span>
77
</span>
88
</div>
9-
<div className="mr-6 mt-2 flex lg:mx-auto lg:my-auto">
9+
<div className="mr-6 mt-3 flex lg:mx-auto lg:my-auto">
1010
<div className="flex justify-end">
1111
<div className="flex lowercase">
1212
<a href="https://github.com/janleigh" target="_blank" className="p-4 text-verdant-fg">

src/main.tsx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,8 @@ import { HashRouter as Router, Route, Routes } from "react-router-dom";
44
import App from "./pages/App";
55
import NotFound from "./pages/404";
66

7+
import "./styles/index.css";
8+
79
ReactDOM.render(
810
<Router>
911
<Routes>

src/pages/App.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import Navbar from "../components/Navbar";
44

55
export function App() {
66
return (
7-
<div id="app" className="flex h-screen w-screen justify-center bg-verdant-bg lg:px-8 lg:py-8">
7+
<div id="app" className="h-screen w-screen flex-col justify-center bg-verdant-bg lg:flex lg:px-8 lg:py-8">
88
{/* {window.innerWidth > 768 ? (
99
<>
1010
<Navbar />
@@ -17,8 +17,8 @@ export function App() {
1717
<Navbar />
1818
<div className="flex flex-col justify-center">
1919
<MainContainer />
20-
<Footer />
2120
</div>
21+
<Footer />
2222
</div>
2323
);
2424
}

yarn.lock

Lines changed: 44 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -582,12 +582,12 @@ __metadata:
582582
languageName: node
583583
linkType: hard
584584

585-
"@types/react-dom@npm:^18.2.17":
586-
version: 18.2.17
587-
resolution: "@types/react-dom@npm:18.2.17"
585+
"@types/react-dom@npm:^18.2.18":
586+
version: 18.2.18
587+
resolution: "@types/react-dom@npm:18.2.18"
588588
dependencies:
589589
"@types/react": "npm:*"
590-
checksum: fe0dbb3224b48515da8fe25559e3777d756a27c3f22903f0b1b020de8d68bd57eb1f0af62b52ee65d9632637950afed8cbad24d158c4f3d910d083d49bd73fba
590+
checksum: 4ef7725b4cebd4a32e049097ddfdfd855a178e63ead97ab6d3084872e7d6c1acd71aa923488123cd1015f0e0b11489d2b44f674a1df8fe82d7827eabbec6dbf1
591591
languageName: node
592592
linkType: hard
593593

@@ -602,14 +602,14 @@ __metadata:
602602
languageName: node
603603
linkType: hard
604604

605-
"@types/react@npm:^18.2.42":
606-
version: 18.2.42
607-
resolution: "@types/react@npm:18.2.42"
605+
"@types/react@npm:^18.2.47":
606+
version: 18.2.47
607+
resolution: "@types/react@npm:18.2.47"
608608
dependencies:
609609
"@types/prop-types": "npm:*"
610610
"@types/scheduler": "npm:*"
611611
csstype: "npm:^3.0.2"
612-
checksum: b6ee1873ba551ca7bf87cefff00a615aa4322cd68d425858a2e09be260d8037d7fc68865739d2b05cc88cefa7acd009afdaea43e9856fc6302b322cc8c19464e
612+
checksum: 0a98c2ef8303909f78c973ac9731cb671f3a0b96bc5213b538d1a50cbaae6e51b6befd64845a9cb95af8528767315d5bd99a85608eb716c020393c7d33a9b477
613613
languageName: node
614614
linkType: hard
615615

@@ -1875,9 +1875,9 @@ __metadata:
18751875
languageName: node
18761876
linkType: hard
18771877

1878-
"gh-pages@npm:^6.1.0":
1879-
version: 6.1.0
1880-
resolution: "gh-pages@npm:6.1.0"
1878+
"gh-pages@npm:^6.1.1":
1879+
version: 6.1.1
1880+
resolution: "gh-pages@npm:6.1.1"
18811881
dependencies:
18821882
async: "npm:^3.2.4"
18831883
commander: "npm:^11.0.0"
@@ -1889,7 +1889,7 @@ __metadata:
18891889
bin:
18901890
gh-pages: bin/gh-pages.js
18911891
gh-pages-clean: bin/gh-pages-clean.js
1892-
checksum: feed88a4ff759955420bdee2648baf37bd24e7b7d0819aa599fc6ebe4e94dab344daf8cce7fdad5508f03230b4948bf2ed5bb191a8aae5b728b6e390895db3e7
1892+
checksum: b821a1f24bfa7070e3a8fbc8e4956a137511bb17d8c3e3eaad27eefabb8ccdf61f41d891cac11c0f476f3c5b3078fdcbd3e61e8d960a7e9e6af16c02cd62f971
18931893
languageName: node
18941894
linkType: hard
18951895

@@ -2279,8 +2279,8 @@ __metadata:
22792279
version: 0.0.0-use.local
22802280
resolution: "janleigh.github.io@workspace:."
22812281
dependencies:
2282-
"@types/react": "npm:^18.2.42"
2283-
"@types/react-dom": "npm:^18.2.17"
2282+
"@types/react": "npm:^18.2.47"
2283+
"@types/react-dom": "npm:^18.2.18"
22842284
"@typescript-eslint/eslint-plugin": "npm:^6.13.2"
22852285
"@typescript-eslint/parser": "npm:^6.13.2"
22862286
"@typescript-eslint/typescript-estree": "npm:^6.13.2"
@@ -2290,17 +2290,17 @@ __metadata:
22902290
eslint-plugin-prettier: "npm:^5.0.1"
22912291
eslint-plugin-react-hooks: "npm:^4.6.0"
22922292
eslint-plugin-react-refresh: "npm:^0.4.5"
2293-
gh-pages: "npm:^6.1.0"
2294-
postcss: "npm:^8.4.32"
2295-
prettier: "npm:^3.1.0"
2296-
prettier-plugin-tailwindcss: "npm:^0.5.9"
2293+
gh-pages: "npm:^6.1.1"
2294+
postcss: "npm:^8.4.33"
2295+
prettier: "npm:^3.1.1"
2296+
prettier-plugin-tailwindcss: "npm:^0.5.11"
22972297
react: "npm:^18.2.0"
22982298
react-dom: "npm:^18.2.0"
22992299
react-router-dom: "npm:^6.20.1"
2300-
sass: "npm:^1.69.5"
2300+
sass: "npm:^1.69.7"
23012301
tailwindcss: "npm:^3.3.6"
23022302
typescript: "npm:^5.3.3"
2303-
vite: "npm:^5.0.6"
2303+
vite: "npm:^5.0.11"
23042304
languageName: unknown
23052305
linkType: soft
23062306

@@ -3050,6 +3050,17 @@ __metadata:
30503050
languageName: node
30513051
linkType: hard
30523052

3053+
"postcss@npm:^8.4.33":
3054+
version: 8.4.33
3055+
resolution: "postcss@npm:8.4.33"
3056+
dependencies:
3057+
nanoid: "npm:^3.3.7"
3058+
picocolors: "npm:^1.0.0"
3059+
source-map-js: "npm:^1.0.2"
3060+
checksum: e22a4594c255f26117f38419fb494d7ecab0f596cd409f7aadc8a6173abf180ed7ea970cd13fd366ab12b5840be901d2a09b25197700c2ebcb5a8077326bf519
3061+
languageName: node
3062+
linkType: hard
3063+
30533064
"prelude-ls@npm:^1.2.1":
30543065
version: 1.2.1
30553066
resolution: "prelude-ls@npm:1.2.1"
@@ -3066,9 +3077,9 @@ __metadata:
30663077
languageName: node
30673078
linkType: hard
30683079

3069-
"prettier-plugin-tailwindcss@npm:^0.5.9":
3070-
version: 0.5.9
3071-
resolution: "prettier-plugin-tailwindcss@npm:0.5.9"
3080+
"prettier-plugin-tailwindcss@npm:^0.5.11":
3081+
version: 0.5.11
3082+
resolution: "prettier-plugin-tailwindcss@npm:0.5.11"
30723083
peerDependencies:
30733084
"@ianvs/prettier-plugin-sort-imports": "*"
30743085
"@prettier/plugin-pug": "*"
@@ -3113,11 +3124,11 @@ __metadata:
31133124
optional: true
31143125
prettier-plugin-twig-melody:
31153126
optional: true
3116-
checksum: 6450ee245c7ce5a1989dae0425ce35304ed6d117c05f9306db27070f0c54b57448f30c9b88450ba263b66cf235932c8992b22199805c6dc2acc3f26c29e69b80
3127+
checksum: 79d294c035845f35dbf4cdb0707c3da235dd9c0eb5d2a7db9d779da9efdd8851dbb435646d872f507e55657dc348050c5a15fcbed09d00ef95359ccfa50ff400
31173128
languageName: node
31183129
linkType: hard
31193130

3120-
"prettier@npm:^3.1.0":
3131+
"prettier@npm:^3.1.1":
31213132
version: 3.1.1
31223133
resolution: "prettier@npm:3.1.1"
31233134
bin:
@@ -3371,16 +3382,16 @@ __metadata:
33713382
languageName: node
33723383
linkType: hard
33733384

3374-
"sass@npm:^1.69.5":
3375-
version: 1.69.5
3376-
resolution: "sass@npm:1.69.5"
3385+
"sass@npm:^1.69.7":
3386+
version: 1.69.7
3387+
resolution: "sass@npm:1.69.7"
33773388
dependencies:
33783389
chokidar: "npm:>=3.0.0 <4.0.0"
33793390
immutable: "npm:^4.0.0"
33803391
source-map-js: "npm:>=0.6.2 <2.0.0"
33813392
bin:
33823393
sass: sass.js
3383-
checksum: b320ab22061b3c7fe8cee43b13329b281dd7d86691b8b7c55dec3e47d3ede988989dac56db4dff57ee847d10252a26b611be1b0a5f7c3a0f6a6405ef37a6d018
3394+
checksum: 9c6d3fe468a267949e8dd766085351f59988caf5d3d5c13eb041d370366f869ad3704b5046586fd3584b2cbf59c03650d237b62a4c6ed26a0c003e27f9ef4e89
33843395
languageName: node
33853396
linkType: hard
33863397

@@ -3826,9 +3837,9 @@ __metadata:
38263837
languageName: node
38273838
linkType: hard
38283839

3829-
"vite@npm:^5.0.6":
3830-
version: 5.0.6
3831-
resolution: "vite@npm:5.0.6"
3840+
"vite@npm:^5.0.11":
3841+
version: 5.0.11
3842+
resolution: "vite@npm:5.0.11"
38323843
dependencies:
38333844
esbuild: "npm:^0.19.3"
38343845
fsevents: "npm:~2.3.3"
@@ -3862,7 +3873,7 @@ __metadata:
38623873
optional: true
38633874
bin:
38643875
vite: bin/vite.js
3865-
checksum: c4647591c76ad5a3b818efef37fb23d793512be832b7daa6c54719f24b0dbadfe383b18cf0896e2c4eaf9d1acab031b3caeaa36570b79ce9da2be6a328d27a1e
3876+
checksum: f1a8fea35ed9f162d7a10fd13efb2c96637028b0a319d726aeec8b31e20e4d047272bda5df82167618e7774a520236c66f3093ed172802660aec5227814072f4
38663877
languageName: node
38673878
linkType: hard
38683879

0 commit comments

Comments
 (0)