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

Compare commits

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

No commits in common. "945c6150453a7648003da139aa5d394aea056f32" and "0f6a60bec9248874244487e20d9e624593d4b702" have entirely different histories.
945c615045 ... 0f6a60bec9

2 changed files with 14 additions and 11 deletions
Show stats Expand all files Collapse all files

13
src/routes/+page.svelte
View file

@ -1,8 +1,7 @@
<script> <script>
import Avif from './profile.avif?w=320&format=avif'; import Avif from './profile.avif';
import Jpeg from './profile.avif?w=320&format=jpeg'; import Jpeg from './profile.avif?format=jpeg';
import JpegFull from './profile.avif?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';
@ -19,7 +18,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${JpegFull}`} /> <meta property="og:image" content={`https://bgenc.net${Jpeg}`} />
</svelte:head> </svelte:head>
<div data-pagefind-body> <div data-pagefind-body>
@ -102,8 +101,8 @@
@import '../button'; @import '../button';
picture { picture {
width: 320px; max-width: 320px;
height: 320px; max-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?w=192&format=avif'; import Avif from './logo.avif';
import Jpeg from './logo.avif?w=192&format=jpeg'; import Jpeg from './logo.avif?format=jpeg';
import WebP from './logo.avif?w=192&format=webp'; import WebP from './logo.avif?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,6 +115,10 @@
.logo { .logo {
width: 12rem; width: 12rem;
height: 12rem; align-self: flex-start;
}
.logo picture {
min-width: 6rem;
min-height: 3rem;
} }
</style> </style>