Fix some more styling issues
This commit is contained in:
parent
7ff5fe20f5
commit
4793c7a629
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -12,6 +12,7 @@
|
||||||
} from 'phosphor-svelte';
|
} from 'phosphor-svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<div data-pagefind-body>
|
||||||
<picture>
|
<picture>
|
||||||
<source srcset={Avif} type="image/avif" />
|
<source srcset={Avif} type="image/avif" />
|
||||||
<source srcset={WebP} type="image/webp" />
|
<source srcset={WebP} type="image/webp" />
|
||||||
|
@ -37,8 +38,8 @@
|
||||||
|
|
||||||
<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>
|
||||||
|
@ -46,10 +47,10 @@
|
||||||
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">
|
||||||
|
@ -84,6 +85,7 @@
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
@import '../vars';
|
@import '../vars';
|
||||||
|
|
|
@ -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')}
|
||||||
|
|
Loading…
Reference in a new issue