use compressed image; style changes; add meta, img alt

2025-07-30 12:19:07 -05:00
parent baa4d9ea03
commit 6ff072fe9d
4 changed files with 2 additions and 10 deletions
@@ -49,14 +49,6 @@ body {
    align-items: center;
    margin-bottom: 1rem;
    border-radius: 50%;
-    width: 96px;
-    height: 96px;
-}
-
-.profile-picture {
-    object-fit: cover;
-    width: 100%;
-    height: auto;
 }

 .profile-title {
@@ -4,8 +4,8 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="Personal website of Nicholas — software developer" >
    <link rel="stylesheet" href="assets/css/styles.css">
-
    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="shortcut icon" href="/favicon.ico" />
@@ -22,7 +22,7 @@
        <div class="profile-container">
            <div class="info">
                <div class="profile-picture-container">
-                    <img class="profile-picture" src="assets/images/profile.png" />
+                    <img alt="Portrait of Nicholas Ward, smiling at the camera" width="150" height="150" class="profile-picture" src="assets/images/profile.avif" />
                </div>
                <div class="profile-title">
                    <h1>Nicholas Ward</h1>