muerwre/muerwre.github.io
1
0
Fork 0
mirror of https://github.com/muerwre/muerwre.github.io.git synced 2025-04-25 02:46:39 +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

30
components/home/HomeHeader.vue
View file

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