Merge pull request #47 from ktannehill/deployment

Update deploy with style overhaul
ktannehill · Sep 17, 2024 · d84e680 · d84e680
2 parents 9c47b88 + 4be325a
commit d84e680
Show file tree

Hide file tree

Showing 8 changed files with 66 additions and 478 deletions.
diff --git a/client/src/components/About.js b/client/src/components/About.js
@@ -16,7 +16,7 @@ const About = () => {
             </aside>
             <main className='text-container'>
                 <h3>Hi, I'm</h3>
-                <h1 className='orange-block'>Kat Tannehill</h1>
+                <h1 className='orange-block intro-orange-block'>Kat Tannehill</h1>
                 <h3>
                     Full-stack software artist blending creative vision with React/Flask skills. Crafting intuitive web experiences through purposeful design (and puns).
                 </h3>

diff --git a/client/src/components/ProjectCard.js b/client/src/components/ProjectCard.js
@@ -17,7 +17,7 @@ const ProjectCard = ({ proj }) => {
 
       <div className='details'>
         <h3>{title}</h3>
-        <p>{summary}</p>
+        <p className='blurb'>{summary}</p>
 
         <Link to={`/project/${id}`}>
           <button className='link-effect link-effect-green'>

diff --git a/client/src/components/ProjectList.js b/client/src/components/ProjectList.js
@@ -7,7 +7,9 @@ const mapped_projects = PROJECTS.reverse().map(proj => <ProjectCard key={proj.id
 const Projects = () => {
   return (
     <div id="projects" className='container'>
-        <h2 className='padded orange-block'>Projects</h2>
+      <div className='padded'>
+        <h2 className='orange-block'>Projects</h2>
+      </div>
         <div>
           {mapped_projects}
         </div>