chore: updated headshot & to-do

Author: steadyfall

README.md

@@ -1,7 +1,20 @@
 # steadyfall.github.io
 
-to-do:
+## color-palette
+main:
+- `text-pink-500`
+- `text-thunderbird-600`
+- `text-azure-radiance-600`
+- `text-neon-green-500 dark:text-neon-green-400`
+
+across_colors:
+- `text-midnight-blue-500`
+- `text-pink-500`
+- `text-orange-500`
+- `text-blue-violet-500`
+
+## to-do:
 - [ ] check out about highlighting words
 - [ ] YAML file parser for experience, projects
-- [ ] skills, education section
+- [x] skills, education section
 - [x] projects in one column, instead of cards

public/images/headshot.jpg

@@ -6,6 +6,7 @@ import About from '@/components/About'
 import { Experiences } from '@/components/Experiences'
 import { Projects } from '@/components/Projects'
 import { Education } from '@/components/Education'
+import { Skills } from '@/components/Skills';
 import Navbar from '@/components/Navbar';
 
 export default function Portfolio() {
@@ -94,6 +95,7 @@ export default function Portfolio() {
         <Header />
         <main className="container mx-auto px-4 py-8 z-1">
           <About />
+          <Skills />
           <Experiences arr={experiencesArray}/>
           <Education />
           <Projects arr={projectsArray}/>

src/app/page.tsx

@@ -54,7 +54,7 @@ const Header = () => {
         <nav className="mt-8">
             <ul className="flex justify-center md:justify-start space-x-6 text-sm md:text-base">
             <li><a href="#about" className="hover:underline hover:underline-offset-4">About</a></li>
-            {/* <li><a href="#skills" className="hover:underline hover:underline-offset-4">Skills</a></li> */}
+            <li><a href="#skills" className="hover:underline hover:underline-offset-4">Skills</a></li>
             <li><a href="#experience" className="hover:underline hover:underline-offset-4">Experience</a></li>
             <li><a href="#education" className="hover:underline hover:underline-offset-4">Education</a></li>
             <li><a href="#projects" className="hover:underline hover:underline-offset-4">Projects</a></li>