feat: new logo v1

components/Footer/FooterText.tsx

@@ -9,7 +9,7 @@ export const FooterText = (): JSX.Element => {
     <p>
       <Link
         href="/"
-        className="text-yellow hover:underline dark:text-yellow-dark"
+        className="text-yellow hover:underline dark:text-yellow-dark font-semibold"
       >
         Théo LUDWIG
       </Link>{" "}

components/Footer/FooterVersion.tsx

@@ -16,7 +16,7 @@ export const FooterVersion = (props: FooterVersionProps): JSX.Element => {
       Version{" "}
       <a
         data-cy="version-link"
-        className="text-yellow hover:underline dark:text-yellow-dark"
+        className="text-yellow hover:underline dark:text-yellow-dark font-semibold"
         href={versionLink}
         target="_blank"
         rel="noopener noreferrer"

components/Header/index.tsx

@@ -2,6 +2,7 @@ import { cookies } from "next/headers"
 import Link from "next/link"
 import Image from "next/image"
 
+import Logo from "@/public/images/logo.png"
 import { getI18n } from "@/i18n/i18n.server"
 
 import { Locales } from "./Locales"
@@ -17,13 +18,12 @@ export const Header = (): JSX.Element => {
         <div className="flex items-center justify-center">
           <Image
             quality={100}
-            width={60}
-            height={60}
-            src="/images/icon_small.png"
+            className="w-16 h-16"
+            src={Logo}
             alt="Théo LUDWIG"
             priority
           />
-          <strong className="ml-1 hidden font-headline font-semibold text-yellow dark:text-yellow-dark xs:block">
+          <strong className="ml-1 hidden font-headline font-semibold text-yellow dark:text-yellow-dark xs:block sm:text-xl">
             Théo LUDWIG
           </strong>
         </div>
@@ -33,7 +33,7 @@ export const Header = (): JSX.Element => {
           <Link
             href="/blog"
             data-cy="header-blog-link"
-            className="text-yellow hover:underline dark:text-yellow-dark"
+            className="font-semibold text-yellow hover:underline dark:text-yellow-dark"
           >
             Blog
           </Link>

components/OpenSource/Repository.tsx

@@ -15,7 +15,9 @@ export const Repository = (props: RepositoryProps): JSX.Element => {
       <a href={href} target="_blank" rel="noopener noreferrer">
         <div className="flex">
           <GitHubIcon className="mr-2 h-6" />
-          <span className="text-yellow dark:text-yellow-dark">{name}</span>
+          <span className="text-yellow dark:text-yellow-dark font-semibold">
+            {name}
+          </span>
         </div>
         <p className="my-4">{description}</p>
       </a>

components/Portfolio/PortfolioItem.tsx

@@ -32,10 +32,10 @@ export const PortfolioItem = (props: PortfolioItemProps): JSX.Element => {
           />
         </div>
         <div className="absolute bottom-0 h-auto overflow-hidden text-center opacity-0 transition-opacity duration-500 group-hover:opacity-100">
-          <h3 className="my-6 text-xl font-semibold text-yellow dark:text-yellow-dark">
+          <h3 className="my-6 text-2xl font-semibold text-yellow dark:text-yellow-dark">
             {title}
           </h3>
-          <p className="my-6 mx-2">{description}</p>
+          <p className="my-6 mx-4 font-semibold">{description}</p>
         </div>
       </a>
     </ShadowContainer>

components/Profile/ProfileDescriptionBottom.tsx

@@ -12,7 +12,7 @@ export const ProfileDescriptionBottom = (): JSX.Element => {
       <br />
       <a
         href="/curriculum-vitae/index.html"
-        className="text-yellow hover:underline dark:text-yellow-dark"
+        className="text-yellow hover:underline dark:text-yellow-dark font-semibold"
       >
         Curriculum vitæ ({i18n.translate("common.fr-FR")})
       </a>

components/Skills/Skill.tsx

@@ -42,7 +42,7 @@ export const SkillComponent = (props: SkillComponentProps): JSX.Element => {
           alt={skill}
           src={getImage()}
         />
-        <p className="mt-1">{skill}</p>
+        <p className="mt-1 font-semibold">{skill}</p>
       </div>
     </a>
   )

components/design/Section/SectionHeading.tsx

@@ -4,7 +4,10 @@ export const SectionHeading = (props: SectionHeadingProps): JSX.Element => {
   const { children, ...rest } = props
 
   return (
-    <h2 {...rest} className="mb-3 mt-1 text-center text-4xl font-semibold">
+    <h2
+      {...rest}
+      className="mb-3 mt-1 text-center text-4xl font-semibold text-yellow dark:text-yellow-dark"
+    >
       {children}
     </h2>
   )