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

Fix some more styling issues

Browse source
This commit is contained in:
Kaan Barmore-Genç 2024-05-08 22:49:33 -05:00
parent 7ff5fe20f5
commit 4793c7a629
Signed by: kaan
GPG key ID: B2E280771CD62FCF
4 changed files with 73 additions and 71 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/_button.scss
View file

@ -3,6 +3,7 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: 0.25rem;
color: $color-text; color: $color-text;
font-weight: 600; font-weight: 600;
text-decoration: none; text-decoration: none;
@ -13,8 +14,8 @@
transition: all var(--animation-speed) var(--animation-type); transition: all var(--animation-speed) var(--animation-type);
user-select: none; user-select: none;
:hover, &:hover,
:focus-visible { &:focus-visible {
opacity: 1; opacity: 1;
text-decoration-color: unset; text-decoration-color: unset;
} }

1
src/app.scss
View file

@ -50,7 +50,6 @@ body {
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-weight: normal;
} }
body { body {
line-height: 1.5; line-height: 1.5;

136
src/routes/+page.svelte
View file

@ -12,78 +12,80 @@
} from 'phosphor-svelte'; } from 'phosphor-svelte';
</script> </script>
<picture> <div data-pagefind-body>
<source srcset={Avif} type="image/avif" /> <picture>
<source srcset={WebP} type="image/webp" /> <source srcset={Avif} type="image/avif" />
<img <source srcset={WebP} type="image/webp" />
src={Jpeg} <img
class="circle" src={Jpeg}
alt="Kaan, wearing a beanie, in front of some shrubbery." class="circle"
style="max-width:20rem" alt="Kaan, wearing a beanie, in front of some shrubbery."
/> style="max-width:20rem"
</picture> />
</picture>
<h1>Kaan Barmore-Genç</h1> <h1>Kaan Barmore-Genç</h1>
<p> <p>
Hi! I'm a software engineer with a diverse technical toolkit: Linux enthusiast, polyglot 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 programmer, home chef, and (when time allows) an amateur cyclist. Currently, I'm building
microservices and polished UIs at <a microservices and polished UIs at <a
target="blank" target="blank"
rel="noreferrer" rel="noreferrer"
href="https://tailwindapp.com">Tailwind</a href="https://tailwindapp.com">Tailwind</a
> alongside a fantastic team. > alongside a fantastic team.
</p> </p>
<p> <p>
My focus is building seamless web applications, and I excel in both front-end and back-end 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, development. My experience includes TypeScript, React, SvelteKit, TailwindCSS, Rust, Docker,
and AWS technologies (DynamoDB, Lambda, EventBridge, and more). SQL, and AWS technologies (DynamoDB, Lambda, EventBridge, and more).
</p> </p>
<p> <p>
I'm an active contributor to the open-source world: check out my <a I'm an active contributor to the open-source world: check out my <a
href="https://github.com/SeriousBug" href="https://github.com/SeriousBug"
target="_blank" target="_blank"
rel="noreferrer me">Github profile</a rel="noreferrer me">Github profile</a
>! For a closer look at my work, visit my <a href="/portfolio/">portfolio</a> where I highlight my >! For a closer look at my work, visit my <a href="/portfolio/">portfolio</a> where I highlight
favorite projects. I sometimes write about the tools I use or challenges I've solved on my 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 <a href="/posts/">blog</a>. I'm always open to feedback, reach out to me through my socials
below. linked below.
</p> </p>
<ul class="socials"> <ul class="socials">
<li> <li>
<a target="_blank" rel="noreferrer me" href="mailto:kaan@bgenc.net"> <a target="_blank" rel="noreferrer me" href="mailto:kaan@bgenc.net">
<EnvelopeSimple aria-hidden /> <EnvelopeSimple aria-hidden />
<span>Email</span> <span>Email</span>
</a> </a>
</li> </li>
<li> <li>
<a target="_blank" rel="noreferrer me" href="https://github.com/SeriousBug"> <a target="_blank" rel="noreferrer me" href="https://github.com/SeriousBug">
<GithubLogo aria-hidden /> <GithubLogo aria-hidden />
<span>Github</span> <span>Github</span>
</a> </a>
</li> </li>
<li> <li>
<a target="_blank" rel="noreferrer me" href="https://fosstodon.org/@kaan"> <a target="_blank" rel="noreferrer me" href="https://fosstodon.org/@kaan">
<MastodonLogo aria-hidden /> <MastodonLogo aria-hidden />
<span>Mastodon</span> <span>Mastodon</span>
</a> </a>
</li> </li>
<li> <li>
<a target="_blank" rel="noreferrer me" href="https://www.linkedin.com/in/kaan-barmore-genc"> <a target="_blank" rel="noreferrer me" href="https://www.linkedin.com/in/kaan-barmore-genc">
<LinkedinLogo aria-hidden /> <LinkedinLogo aria-hidden />
<span>LinkedIn</span> <span>LinkedIn</span>
</a> </a>
</li> </li>
<li> <li>
<a target="_blank" href="/static/cv.pdf"> <a target="_blank" href="/static/cv.pdf">
<FilePlus /> <FilePlus />
<span>CV</span> <span>CV</span>
</a> </a>
</li> </li>
</ul> </ul>
</div>
<style lang="scss"> <style lang="scss">
@import '../vars'; @import '../vars';

2
src/routes/[slug]/+page.svelte
View file

@ -4,7 +4,7 @@
export let data; export let data;
</script> </script>
<article> <article data-pagefind-body>
<h1>{data.title}</h1> <h1>{data.title}</h1>
<time datetime={data.date}> <time datetime={data.date}>
{format(new Date(data.date), 'MMMM d, yyyy')} {format(new Date(data.date), 'MMMM d, yyyy')}