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

Set fixed sizes for the logo and profile picture

Browse source
This commit is contained in:
Kaan Barmore-Genç 2024-05-11 13:02:23 -05:00
parent 0f6a60bec9
commit 24fbda877b
Signed by: kaan
GPG key ID: B2E280771CD62FCF
2 changed files with 9 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/routes/+page.svelte
View file

@ -1,7 +1,7 @@
<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 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';
@ -101,8 +101,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>