kaan/bgenc.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Compare commits

base: kaan:0f6a60bec9248874244487e20d9e624593d4b702
Branches Tags
kaan:main
...
compare: kaan:945c6150453a7648003da139aa5d394aea056f32
Branches Tags
kaan:main

2 commits
0f6a60bec9 ... 945c615045

Author SHA1 Message Date
Kaan Barmore-Genç 945c615045
Do keep the full size image for the og tag though
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details
2024-05-11 13:03:05 -05:00
Kaan Barmore-Genç 24fbda877b
Set fixed sizes for the logo and profile picture 2024-05-11 13:02:23 -05:00
2 changed files with 11 additions and 14 deletions
Show stats Expand all files Collapse all files

13
src/routes/+page.svelte
View file

@ -1,7 +1,8 @@
<script> <script>
import Avif from './profile.avif'; import Avif from './profile.avif?w=320&format=avif';
import Jpeg from './profile.avif?format=jpeg'; import Jpeg from './profile.avif?w=320&format=jpeg';
import WebP from './profile.avif?format=webp'; import JpegFull from './profile.avif?format=jpeg';
import WebP from './profile.avif?w=320&format=webp';
import cv from '../cv.pdf'; import cv from '../cv.pdf';
import EnvelopeSimple from 'phosphor-svelte/lib/EnvelopeSimple'; import EnvelopeSimple from 'phosphor-svelte/lib/EnvelopeSimple';
@ -18,7 +19,7 @@
<meta property="profile:first_name" content="Kaan" /> <meta property="profile:first_name" content="Kaan" />
<meta property="profile:last_name" content="Barmore-Genç" /> <meta property="profile:last_name" content="Barmore-Genç" />
<meta property="profile:username" content="@SeriousBug" /> <meta property="profile:username" content="@SeriousBug" />
<meta property="og:image" content={`https://bgenc.net${Jpeg}`} /> <meta property="og:image" content={`https://bgenc.net${JpegFull}`} />
</svelte:head> </svelte:head>
<div data-pagefind-body> <div data-pagefind-body>
@ -101,8 +102,8 @@
@import '../button'; @import '../button';
picture { picture {
max-width: 320px; width: 320px;
max-height: 320px; height: 320px;
margin: 0 auto; margin: 0 auto;
clip-path: var(--clip-path); clip-path: var(--clip-path);
} }

12
src/routes/Header.svelte
View file

@ -3,9 +3,9 @@
import Spacer from '$lib/Spacer.svelte'; import Spacer from '$lib/Spacer.svelte';
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import Avif from './logo.avif'; import Avif from './logo.avif?w=192&format=avif';
import Jpeg from './logo.avif?format=jpeg'; import Jpeg from './logo.avif?w=192&format=jpeg';
import WebP from './logo.avif?format=webp'; import WebP from './logo.avif?w=192&format=webp';
import List from 'phosphor-svelte/lib/List'; import List from 'phosphor-svelte/lib/List';
import { afterNavigate } from '$app/navigation'; import { afterNavigate } from '$app/navigation';
@ -115,10 +115,6 @@
.logo { .logo {
width: 12rem; width: 12rem;
align-self: flex-start; height: 12rem;
}
.logo picture {
min-width: 6rem;
min-height: 3rem;
} }
</style> </style>