Rename avatar to portrait

marcbouchenoire · Jan 25, 2022 · a6a0ae7 · a6a0ae7
1 parent f1a6bdc
commit a6a0ae7
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/packages/site/public/avatar.jpg → packages/site/public/portrait.jpg b/packages/site/public/avatar.jpg → packages/site/public/portrait.jpg
diff --git a/packages/site/src/components/layout/Footer.tsx b/packages/site/src/components/layout/Footer.tsx
@@ -1,7 +1,7 @@
 import clsx from "clsx"
 import Image from "next/image"
 import { ComponentProps } from "react"
-import avatar from "../../../public/avatar.jpg"
+import portrait from "../../../public/portrait.jpg"
 import { useData } from "../../hooks/use-data"
 
 /**
@@ -39,12 +39,12 @@ export function Footer({ className, ...props }: ComponentProps<"footer">) {
             className="inline-flex items-center link"
             href="https://marcbouchenoire.com"
           >
-            <span className="mr-2 ml-1.5 w-4 h-4 avatar">
+            <span className="mr-2 ml-1.5 w-4 h-4 portrait">
               <Image
                 alt="Portrait of Marc Bouchenoire"
                 height="20"
                 layout="fixed"
-                src={avatar}
+                src={portrait}
                 width="20"
               />
             </span>{" "}

diff --git a/packages/site/src/components/layout/Header.tsx b/packages/site/src/components/layout/Header.tsx
@@ -2,7 +2,7 @@ import clsx from "clsx"
 import { Transition, Variants, motion } from "framer-motion"
 import Image from "next/image"
 import { ComponentProps } from "react"
-import avatar from "../../../public/avatar.jpg"
+import portrait from "../../../public/portrait.jpg"
 import { useData } from "../../hooks/use-data"
 import { useSystemTheme } from "../../hooks/use-system-theme"
 import { springiest } from "../../transitions"
@@ -47,14 +47,14 @@ export function Header({ className, ...props }: ComponentProps<"header">) {
         <p className="flex items-center leading-none whitespace-pre">
           <a
             aria-label="marcbouchenoire.com"
-            className="mr-0.5 w-5 h-5 hover:opacity-60 transition focusable avatar"
+            className="mr-0.5 w-5 h-5 hover:opacity-60 transition focusable portrait"
             href="https://marcbouchenoire.com"
           >
             <Image
               alt="Portrait of Marc Bouchenoire"
               height="20"
               layout="fixed"
-              src={avatar}
+              src={portrait}
               width="20"
             />
           </a>{" "}

diff --git a/packages/site/src/styles/main.css b/packages/site/src/styles/main.css
@@ -288,7 +288,7 @@ pre[class*="language-"] {
   }
 }
 
-.avatar {
+.portrait {
   @apply bg-white inline-block overflow-hidden relative highlight rounded-full ring-offset-2;
 
   box-shadow: 0 0 0 2px theme("colors.white"), 0 0 1px 2px rgb(0 0 0 / 8%),