Fix some more styling issues
This commit is contained in:
parent
7ff5fe20f5
commit
4793c7a629
GPG key ID:
B2E280771CD62FCF
|
|
@ -3,6 +3,7 @@
|
|||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.25rem;
|
||||
color: $color-text;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
|
|
@ -13,8 +14,8 @@
|
|||
transition: all var(--animation-speed) var(--animation-type);
|
||||
user-select: none;
|
||||
|
||||
:hover,
|
||||
:focus-visible {
|
||||
&:hover,
|
||||
&:focus-visible {
|
||||
opacity: 1;
|
||||
text-decoration-color: unset;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -50,7 +50,6 @@ body {
|
|||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
body {
|
||||
line-height: 1.5;
|
||||
|
|
|
|||
|
|
@ -12,78 +12,80 @@
|
|||
} from 'phosphor-svelte';
|
||||
</script>
|
||||
|
||||
<picture>
|
||||
<source srcset={Avif} type="image/avif" />
|
||||
<source srcset={WebP} type="image/webp" />
|
||||
<img
|
||||
src={Jpeg}
|
||||
class="circle"
|
||||
alt="Kaan, wearing a beanie, in front of some shrubbery."
|
||||
style="max-width:20rem"
|
||||
/>
|
||||
</picture>
|
||||
<div data-pagefind-body>
|
||||
<picture>
|
||||
<source srcset={Avif} type="image/avif" />
|
||||
<source srcset={WebP} type="image/webp" />
|
||||
<img
|
||||
src={Jpeg}
|
||||
class="circle"
|
||||
alt="Kaan, wearing a beanie, in front of some shrubbery."
|
||||
style="max-width:20rem"
|
||||
/>
|
||||
</picture>
|
||||
|
||||
<h1>Kaan Barmore-Genç</h1>
|
||||
<h1>Kaan Barmore-Genç</h1>
|
||||
|
||||
<p>
|
||||
Hi! I'm a software engineer with a diverse technical toolkit: Linux enthusiast, polyglot
|
||||
programmer, home chef, and (when time allows) an amateur cyclist. Currently, I'm building
|
||||
microservices and polished UIs at <a
|
||||
target="blank"
|
||||
rel="noreferrer"
|
||||
href="https://tailwindapp.com">Tailwind</a
|
||||
> alongside a fantastic team.
|
||||
</p>
|
||||
<p>
|
||||
Hi! I'm a software engineer with a diverse technical toolkit: Linux enthusiast, polyglot
|
||||
programmer, home chef, and (when time allows) an amateur cyclist. Currently, I'm building
|
||||
microservices and polished UIs at <a
|
||||
target="blank"
|
||||
rel="noreferrer"
|
||||
href="https://tailwindapp.com">Tailwind</a
|
||||
> alongside a fantastic team.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
My focus is building seamless web applications, and I excel in both front-end and back-end
|
||||
development. My experience includes TypeScript, React, SvelteKit, TailwindCSS, Rust, Docker, SQL,
|
||||
and AWS technologies (DynamoDB, Lambda, EventBridge, and more).
|
||||
</p>
|
||||
<p>
|
||||
My focus is building seamless web applications, and I excel in both front-end and back-end
|
||||
development. My experience includes TypeScript, React, SvelteKit, TailwindCSS, Rust, Docker,
|
||||
SQL, and AWS technologies (DynamoDB, Lambda, EventBridge, and more).
|
||||
</p>
|
||||
|
||||
<p>
|
||||
I'm an active contributor to the open-source world: check out my <a
|
||||
href="https://github.com/SeriousBug"
|
||||
target="_blank"
|
||||
rel="noreferrer me">Github profile</a
|
||||
>! For a closer look at my work, visit my <a href="/portfolio/">portfolio</a> where I highlight my
|
||||
favorite projects. I sometimes write about the tools I use or challenges I've solved on my
|
||||
<a href="/posts/">blog</a>. I'm always open to feedback, reach out to me through my socials linked
|
||||
below.
|
||||
</p>
|
||||
<p>
|
||||
I'm an active contributor to the open-source world: check out my <a
|
||||
href="https://github.com/SeriousBug"
|
||||
target="_blank"
|
||||
rel="noreferrer me">Github profile</a
|
||||
>! For a closer look at my work, visit my <a href="/portfolio/">portfolio</a> where I highlight
|
||||
my favorite projects. I sometimes write about the tools I use or challenges I've solved on my
|
||||
<a href="/posts/">blog</a>. I'm always open to feedback, reach out to me through my socials
|
||||
linked below.
|
||||
</p>
|
||||
|
||||
<ul class="socials">
|
||||
<li>
|
||||
<a target="_blank" rel="noreferrer me" href="mailto:kaan@bgenc.net">
|
||||
<EnvelopeSimple aria-hidden />
|
||||
<span>Email</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" rel="noreferrer me" href="https://github.com/SeriousBug">
|
||||
<GithubLogo aria-hidden />
|
||||
<span>Github</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" rel="noreferrer me" href="https://fosstodon.org/@kaan">
|
||||
<MastodonLogo aria-hidden />
|
||||
<span>Mastodon</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" rel="noreferrer me" href="https://www.linkedin.com/in/kaan-barmore-genc">
|
||||
<LinkedinLogo aria-hidden />
|
||||
<span>LinkedIn</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="/static/cv.pdf">
|
||||
<FilePlus />
|
||||
<span>CV</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="socials">
|
||||
<li>
|
||||
<a target="_blank" rel="noreferrer me" href="mailto:kaan@bgenc.net">
|
||||
<EnvelopeSimple aria-hidden />
|
||||
<span>Email</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" rel="noreferrer me" href="https://github.com/SeriousBug">
|
||||
<GithubLogo aria-hidden />
|
||||
<span>Github</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" rel="noreferrer me" href="https://fosstodon.org/@kaan">
|
||||
<MastodonLogo aria-hidden />
|
||||
<span>Mastodon</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" rel="noreferrer me" href="https://www.linkedin.com/in/kaan-barmore-genc">
|
||||
<LinkedinLogo aria-hidden />
|
||||
<span>LinkedIn</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="/static/cv.pdf">
|
||||
<FilePlus />
|
||||
<span>CV</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<style lang="scss">
|
||||
@import '../vars';
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
export let data;
|
||||
</script>
|
||||
|
||||
<article>
|
||||
<article data-pagefind-body>
|
||||
<h1>{data.title}</h1>
|
||||
<time datetime={data.date}>
|
||||
{format(new Date(data.date), 'MMMM d, yyyy')}
|
||||
|
|
|
|||
Loading…
Reference in a new issue