(home) intro japanese
This commit is contained in:
parent
4bd2317b68
commit
5f7bf0d388
|
@ -1,17 +1,28 @@
|
||||||
---
|
---
|
||||||
import ContactCard from "../components/cards/Contact.astro";
|
import ContactCard from "../components/cards/Contact.astro";
|
||||||
import NoticeCard from "../components/cards/Notice.astro";
|
|
||||||
import PhotoCard from "../components/cards/Photo.astro";
|
import PhotoCard from "../components/cards/Photo.astro";
|
||||||
import Base from "./Base.astro";
|
import Base from "./Base.astro";
|
||||||
---
|
---
|
||||||
<Base>
|
<Base>
|
||||||
<main class="l-home">
|
<main class="l-home">
|
||||||
<article class="l-home__article markdown">
|
<article class="l-home__article markdown">
|
||||||
<slot />
|
<slot />
|
||||||
</article>
|
</article>
|
||||||
<aside class="l-home__aside">
|
<aside class="l-home__aside">
|
||||||
<NoticeCard />
|
<!-- -->
|
||||||
<PhotoCard />
|
<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 />
|
<ContactCard />
|
||||||
</aside>
|
</aside>
|
||||||
</main>
|
</main>
|
||||||
|
|
|
@ -32,3 +32,13 @@
|
||||||
max-width: 40em;
|
max-width: 40em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.intro-jp {
|
||||||
|
writing-mode: vertical-rl;
|
||||||
|
max-height: 18em;
|
||||||
|
|
||||||
|
&__heading {
|
||||||
|
font-family: serif;
|
||||||
|
font-size: 2.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue