change png to webp avatar

This commit is contained in:
Triston Armstrong 2024-08-11 08:06:10 +07:00
parent e3006dfb5b
commit 6bba5f8b97
10 changed files with 6 additions and 6 deletions

BIN
.DS_Store vendored

Binary file not shown.

View File

@ -18,7 +18,7 @@
<body class="bg-black text-white mx-auto max-w-2xl my-6 ubuntu-regular p-4 gradient"> <body class="bg-black text-white mx-auto max-w-2xl my-6 ubuntu-regular p-4 gradient">
<!-- ______________________________________________________________ --> <!-- ______________________________________________________________ -->
<nav class="flex justify-between items-center"> <nav class="flex justify-between items-center">
<a href="./index.html" class="glow"><img src="./avatar.png" alt="avatar" width={30} height={30} <a href="./index.html" class="glow"><img src="./avatar.webp" alt="avatar" width={30} height={30}
class="w-10 h-10" /></a> class="w-10 h-10" /></a>
<div class="flex gap-6 text-md text-slate-400 "> <div class="flex gap-6 text-md text-slate-400 ">
<a href="./index.html" class="hover:text-[#ffce00]">Home</a> <a href="./index.html" class="hover:text-[#ffce00]">Home</a>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 45 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 264 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 426 KiB

BIN
avatar.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

View File

@ -18,7 +18,7 @@
<body class="bg-black text-white mx-auto max-w-2xl my-6 ubuntu-regular p-4 gradient"> <body class="bg-black text-white mx-auto max-w-2xl my-6 ubuntu-regular p-4 gradient">
<!-- ______________________________________________________________ --> <!-- ______________________________________________________________ -->
<nav class="flex justify-between items-center"> <nav class="flex justify-between items-center">
<a href="./index.html" class="glow"><img src="./avatar.png" alt="avatar" width={30} height={30} <a href="./index.html" class="glow"><img src="./avatar.webp" alt="avatar" width={30} height={30}
class="w-10 h-10" /></a> class="w-10 h-10" /></a>
<div class="flex gap-6 text-md text-slate-400 "> <div class="flex gap-6 text-md text-slate-400 ">
<a href="./index.html" class="hover:text-[#ffce00]">Home</a> <a href="./index.html" class="hover:text-[#ffce00]">Home</a>

View File

@ -2,6 +2,7 @@
<html lang="en" class="min-h-full"> <html lang="en" class="min-h-full">
<head> <head>
<script src="https://cdn.tailwindcss.com"></script>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
@ -11,14 +12,13 @@
<link rel="manifest" href="./site.webmanifest"> <link rel="manifest" href="./site.webmanifest">
<link rel="stylesheet" href="cum.css"> <link rel="stylesheet" href="cum.css">
<title>Klectr | Home</title> <title>Klectr | Home</title>
<script src="https://cdn.tailwindcss.com"></script>
</head> </head>
<body class="bg-black text-white mx-auto max-w-2xl my-6 ubuntu-regular p-4 gradient"> <body class="bg-black text-white mx-auto max-w-2xl my-6 ubuntu-regular p-4 gradient">
<!-- ______________________________________________________________ --> <!-- ______________________________________________________________ -->
<nav class="flex justify-between items-center"> <nav class="flex justify-between items-center">
<a href="./index.html" class="glow"><img src="./avatar.png" alt="avatar" width={30} height={30} <a href="./index.html" class="glow"><img src="./avatar.webp" alt="avatar" width={30} height={30}
class="w-10 h-10" /></a> class="w-10 h-10" /></a>
<div class="flex gap-6 text-md text-slate-400 "> <div class="flex gap-6 text-md text-slate-400 ">
<a href="" class="hover:text-[#ffce00] border-b border-[#ffce00]">Home</a> <a href="" class="hover:text-[#ffce00] border-b border-[#ffce00]">Home</a>
@ -42,7 +42,7 @@
<p class="text-slate-400">Senior Software Engineer</p> <p class="text-slate-400">Senior Software Engineer</p>
<div class="my-6 flex gap-6 "> <div class="my-6 flex gap-6 ">
<img src="./avatar.png" alt="avatar" width={20} height={20} class="w-40 h-40" /> <img src="./avatar.webp" alt="avatar" width={20} height={20} class="w-40 h-40" />
<div class="flex flex-col text-slate-400 gap-2 hover:text-slate-600"> <div class="flex flex-col text-slate-400 gap-2 hover:text-slate-600">
<a href="https://git.tristonarmstrong.com" class="flex gap-2 hover:text-[#ffce00]" target="_blank"> <a href="https://git.tristonarmstrong.com" class="flex gap-2 hover:text-[#ffce00]" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"

View File

@ -18,7 +18,7 @@
<body class="bg-black text-white mx-auto max-w-2xl my-6 ubuntu-regular p-4 gradient"> <body class="bg-black text-white mx-auto max-w-2xl my-6 ubuntu-regular p-4 gradient">
<!-- ______________________________________________________________ --> <!-- ______________________________________________________________ -->
<nav class="flex justify-between items-center"> <nav class="flex justify-between items-center">
<a href="./index.html" class="glow"><img src="./avatar.png" alt="avatar" width={30} height={30} <a href="./index.html" class="glow"><img src="./avatar.webp" alt="avatar" width={30} height={30}
class="w-10 h-10" /></a> class="w-10 h-10" /></a>
<div class="flex gap-6 text-md text-slate-400 "> <div class="flex gap-6 text-md text-slate-400 ">
<a href="./index.html" class="hover:text-[#ffce00]">Home</a> <a href="./index.html" class="hover:text-[#ffce00]">Home</a>