From 702d26ae1bb207ad3786ef9f39c4dec0841fd3f3 Mon Sep 17 00:00:00 2001
From: Kevin Matsubara <kevin.matsubara@proton.me>
Date: Tue, 4 Aug 2026 19:42:51 +0200
Subject: [PATCH] Fix te-form japanese page.

---
 portfolio/css/custom.css                      | 19 ++++-
 .../en/japan/language/te-form/te-form.md      | 74 ++++++++++++++-----
 2 files changed, 73 insertions(+), 20 deletions(-)

diff --git a/portfolio/css/custom.css b/portfolio/css/custom.css
index a57b11d..45a73e3 100644
--- a/portfolio/css/custom.css
+++ b/portfolio/css/custom.css
@@ -28,9 +28,26 @@ footer {
 }
 
 /* Japanese learning notes text colours. */
-span.jc-1 {
+span.color-1 {
   color: mediumvioletred;
 }
+span.color-2 {
+  color: rgb(6, 144, 107);
+}
+span.color-3 {
+  color: rgb(201, 134, 0);
+}
+span.color-4 {
+  color: rgb(141, 141, 141);
+}
+
+article.japanese section {
+  border: #dadada 1px solid;
+  padding: 15px;
+  box-shadow: 5px 5px 10px rgb(221, 221, 221);
+  margin-bottom: 20px;
+}
+
 
 .cert-link {
     display: inline-flex;
diff --git a/portfolio/pages/en/japan/language/te-form/te-form.md b/portfolio/pages/en/japan/language/te-form/te-form.md
index 08dcf8a..1fb1b76 100644
--- a/portfolio/pages/en/japan/language/te-form/te-form.md
+++ b/portfolio/pages/en/japan/language/te-form/te-form.md
@@ -4,34 +4,70 @@ language: "en"
 title: "て-form"
 ---
 
+<article class="japanese">
+
+## Connector form
+
 The て-form also acts as a connector form.
 
-* 母の新しいカメラは小さく<Jps colour="c1" text="て"/>軽い。
-* My mothers new camera is small <Jps colour="c1" text="and"/> light.
-  * 小さい　＞　小さくて
+<section>
 
+母の新しいカメラは小さく<span class="color-1">て</span>軽い。
 
-* 弟は１６歳<Jps colour="c1" text="で"/>、学生です。
-* My younger brother is 16-years-old <Jps colour="c1" text="and"/> is a student.
+My mothers new camera is small <span class="color-1">and</span> light.
 
-* 山田さんは元気<Jps colour="c1" text="で"/>面白い人です。
-* Yamada-san is a lively <Jps colour="c1" text="and"/> interesting person.
+<span class="color-4">小さい　＞　小さくて</span>
 
-* <Furigana kanji="一昨日" kana="おととい"/>は雪<Jps colour="c1" text="で"/>、昨日は雨でした。
-* The day before yesterday in snowed <Jps colour="c1" text="and"/> yesterday it rained.
-  * Note: do not use <Jps colour="c3" text="だ"/>、<Jps colour="c3" text="だった"/> or even <Jps colour="c3" text="だったで"/>
+</section>
+<section>
 
----
+弟は１６歳<span class="color-1">で</span>、学生です。
 
-Express cause:
+My younger brother is 16-years-old <span class="color-1">and</span> is a student.
 
-* <Furigana kanji="辞書" kana="じしょ"/>を見<Jps colour="c1" text="て"/>漢字を<Furigana kanji="覚" kana="おぼ"/>えます。
-* I remember kanji <Jps colour="c1" text="by"/> looking at the dictionary.
-  * Note: do not use <Jps colour="c3" text="見た"/>
+</section>
+<section>
 
+山田さんは元気<span class="color-1">で</span>面白い人です。
 
-* 最近は忙しく<Jps colour="c1" text="て"/>あまり運動をしていない。
-* Lately, I've been busy <Jps colour="c1" text="therefor"/> I have not been exercising.
+Yamada-san is a lively <span class="color-1">and</span> interesting person.
 
-* 自転車のカギをなくし<Jps colour="c1" text="て"/>、家まで歩い<Jps colour="c1" text="て"/>帰った。
-* I lost the key to my bicycle, <Jps colour="c1" text="therefor"/> I walked home.
\ No newline at end of file
+</section>
+<section>
+
+<ruby><rb>一昨日<rt>おととい</ruby>は雪<span class="color-1">で</span>、昨日は雨でした。
+
+The day before yesterday in snowed <span class="color-1">and</span> yesterday it rained.
+
+* Note: do not use <span class="color-3">だ</span>、<span class="color-3">だった</span> or even <span class="color-3">だったで</span>
+
+</section>
+
+## Cause
+
+It can be used to express causality.
+
+<section>
+
+<ruby><rb>辞<rb>書<rt>じ<rt>しょ</ruby>を見<span class="color-1">て</span>漢字を<ruby><rb>覚<rt>おぼ</ruby>えます。
+
+I remember kanji <span class="color-1">by</span> looking at the dictionary.
+
+* Note: do not use <span class="color-3">見た</span>
+
+</section>
+<section>
+
+最近は忙しく<span class="color-1">て</span>あまり運動をしていない。
+
+Lately, I've been busy <span class="color-1">therefor</span> I have not been exercising.
+
+</section>
+<section>
+
+自転車のカギをなくし<<span class="color-1">て</span>、家まで歩い<span class="color-1">て</span>帰った。
+
+I lost the key to my bicycle, <span class="color-1">therefor</span> I walked home.
+
+</section>
+</article>
\ No newline at end of file