From 5f7bf0d38886bb20cad055a24ff13ba29dc8653e Mon Sep 17 00:00:00 2001
From: Maciej Jur <maciej@kamoshi.org>
Date: Mon, 19 Jun 2023 00:32:59 +0200
Subject: [PATCH] (home) intro japanese

---
 src/layouts/Home.astro        | 27 +++++++++++++++++++--------
 src/styles/layouts/_home.scss | 10 ++++++++++
 2 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/src/layouts/Home.astro b/src/layouts/Home.astro
index c69c8a9..169f03b 100644
--- a/src/layouts/Home.astro
+++ b/src/layouts/Home.astro
@@ -1,17 +1,28 @@
 ---
 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";
 ---
 <Base>
-	<main class="l-home">
-		<article class="l-home__article markdown">
-			<slot />
-		</article>
-		<aside class="l-home__aside">
-			<NoticeCard />
-			<PhotoCard />
+  <main class="l-home">
+    <article class="l-home__article markdown">
+      <slot />
+    </article>
+    <aside class="l-home__aside">
+      <!--  -->
+      <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>
diff --git a/src/styles/layouts/_home.scss b/src/styles/layouts/_home.scss
index 5839bbe..6b266f1 100644
--- a/src/styles/layouts/_home.scss
+++ b/src/styles/layouts/_home.scss
@@ -32,3 +32,13 @@
     max-width: 40em;
   }
 }
+
+.intro-jp {
+  writing-mode: vertical-rl;
+  max-height: 18em;
+
+  &__heading {
+    font-family: serif;
+    font-size: 2.5rem;
+  }
+}