muerwre/muerwre.github.io
1
0
Fork 0
mirror of https://github.com/muerwre/muerwre.github.io.git synced 2025-04-24 18:36:41 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

fixed main page text

Browse source
This commit is contained in:
Fedor Katurov 2022-11-10 15:17:26 +06:00
parent 5e9e2c308d
commit 884b2ea507
1 changed files with 22 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

28
components/home/HomeHeader.vue
View file

@ -4,13 +4,24 @@
<div :class="$style.text">
<h1 :class="$style.title">Welcome to&nbsp;my Obsidian&nbsp;Garden</h1>
<p :class="$style.subtitle">
<img src="~/assets/svg/obsidian.svg" alt="" width="14" height="14" />
<NuxtLink to="https://obsidian.md" target="_blank">Obsidian</NuxtLink>
is a note-taking app, that I use to store chunks of code and technical
documentation.
<div :class="$style.subtitle">
<p>
<img
src="~/assets/svg/obsidian.svg"
alt=""
width="14"
height="14"
/>
<NuxtLink to="https://obsidian.md" target="_blank"
>Obsidian</NuxtLink
>
is a note-taking app, that I use to store <b>chunks of code</b> and
<b>technical documentation</b>. Here's the frontend for my notebook.
</p>
<p>There's also my Curriculum Vitae and contact info.</p>
</div>
<div :class="$style.buttons">
<UiActionButton href="/bio" variant="outline">
Read about me
@ -65,7 +76,7 @@
.subtitle {
color: var(--color-text-secondary);
max-width: 360px;
max-width: 600px;
@include desktop {
max-width: 100%;
@ -77,7 +88,10 @@
display: flex;
flex-direction: column;
justify-content: center;
max-width: 500px;
b {
color: var(--color-text);
}
@include tablet {
text-align: center;