(home) intro japanese

This commit is contained in:
Maciej Jur 2023-06-19 00:32:59 +02:00
parent 4bd2317b68
commit 5f7bf0d388
2 changed files with 29 additions and 8 deletions

View file

@ -1,6 +1,5 @@
---
import ContactCard from "../components/cards/Contact.astro";
import NoticeCard from "../components/cards/Notice.astro";
import PhotoCard from "../components/cards/Photo.astro";
import Base from "./Base.astro";
---
@ -10,8 +9,20 @@ import Base from "./Base.astro";
<slot />
</article>
<aside class="l-home__aside">
<NoticeCard />
<!-- -->
<div class="p-card intro-jp">
<h2 class="intro-jp__heading">かもし</h2>
<p class="intro-jp__text">
初めましての方は初めまして、ポーランド出身で日本語を勉強している人です。間違いがあったらすみません。
</p>
<p class="intro-jp__text">
こちらは個人的なウェブサイトです。日本語を練習するため日本語を使って色々なことを書きます。英語も使います。
趣味はプログラミングや日本語や日本の歌や同人など色々なことです。
</p>
</div>
<!-- -->
<PhotoCard />
<!-- -->
<ContactCard />
</aside>
</main>

View file

@ -32,3 +32,13 @@
max-width: 40em;
}
}
.intro-jp {
writing-mode: vertical-rl;
max-height: 18em;
&__heading {
font-family: serif;
font-size: 2.5rem;
}
}