From ce541384922a42259f53c5ce6245178ef806b3d1 Mon Sep 17 00:00:00 2001
From: Brian Rosner <brian@brosner.com>
Date: Sat, 16 Aug 2025 14:54:26 -0600
Subject: [PATCH] feat(home): add Learning & Projects sections; polish
 copy\n\n- Learning: personal/warm tone, Hebrew/Israel/Aviation updates\n-
 Projects: paragraph style (no boxes)\n- Hebrew support: add Noto Sans Hebrew,
 RTL handling, Heb.vue component\n- Remove Heebo; update CSS and deps

---
 Justfile                |  3 +++
 app/assets/css/main.css | 10 ++++++++++
 app/components/Heb.vue  |  9 +++++++++
 app/pages/index.vue     | 39 +++++++++++++++++++++++++++++++++++++++
 package.json            |  1 +
 yarn.lock               |  5 +++++
 6 files changed, 67 insertions(+)
 create mode 100644 app/components/Heb.vue

diff --git a/Justfile b/Justfile
index d954c54..ff0fe35 100644
--- a/Justfile
+++ b/Justfile
@@ -7,3 +7,6 @@ deploy:
 preview:
   vercel pull --yes --environment=preview
   vercel --yes
+
+dev:
+  yarn dev
diff --git a/app/assets/css/main.css b/app/assets/css/main.css
index 78edab2..dc9b256 100644
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -1,5 +1,7 @@
 /* Match brosner.com font */
 @import url("@fontsource-variable/roboto-slab/index.css");
+@import url("@fontsource/noto-sans-hebrew/400.css");
+@import url("@fontsource/noto-sans-hebrew/600.css");
 html, body {
   font-family: "Roboto Slab Variable", Roboto, "Helvetica Neue", Arial, sans-serif;
   font-optical-sizing: auto;
@@ -10,4 +12,12 @@ html, body {
   fill: #fff;
 }
 
+.hebrew, :lang(he) {
+  font-family: "Noto Sans Hebrew", system-ui, sans-serif;
+}
+:lang(he) {
+  direction: rtl;
+  unicode-bidi: isolate;
+}
+
 
diff --git a/app/components/Heb.vue b/app/components/Heb.vue
new file mode 100644
index 0000000..8b5d2e9
--- /dev/null
+++ b/app/components/Heb.vue
@@ -0,0 +1,9 @@
+<template>
+  <span class="hebrew" lang="he" dir="rtl"><slot /></span>
+</template>
+
+<script setup lang="ts">
+// no-op
+</script>
+
+
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 0b82c68..e99c015 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -29,6 +29,45 @@
         </div>
       </div>
     </section>
+
+    <section class="section" id="learning">
+      <div class="container">
+        <div class="columns">
+          <div class="column is-two-thirds content is-large">
+            <h2>Learning</h2>
+            <p>These are some topics I am actively exploring:</p>
+
+            <h3 class="title is-4">Aviation</h3>
+            <p>I learn aviation through flight sims—mostly MSFS 2020 (X‑Plane nostalgia is real). I’m drawn to airliners; the A350 and 757 are my favorites.</p>
+
+            <h3 class="title is-4">Israel</h3>
+            <p>I visited Israel for the first time in December 2024. I’m reconnecting with my family’s Jewish roots, and I left with a deep appreciation for the country and its people.</p>
+
+            <h3 class="title is-4">Hebrew</h3>
+            <p><Heb>אני לומד עברית</Heb></p>
+            <p>I’d love to be fluent. I’m a little embarrassed that most of my study is Duolingo right now—but it keeps me consistent—and I lean on <a href="https://www.pealim.com/">Pealim</a> for vocab and verbs.</p>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <section class="section" id="projects">
+      <div class="container">
+        <div class="columns">
+          <div class="column is-two-thirds content is-large">
+            <h2>Projects</h2>
+            <h3 class="title is-4">Project Name</h3>
+            <p>Short description of what it is, why it exists, and your role.</p>
+
+            <h3 class="title is-4">Project Name</h3>
+            <p>Short description of what it is, why it exists, and your role.</p>
+
+            <h3 class="title is-4">Project Name</h3>
+            <p>Short description of what it is, why it exists, and your role.</p>
+          </div>
+        </div>
+      </div>
+    </section>
   </div>
 </template>
 
diff --git a/package.json b/package.json
index 5898baa..f14ec98 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
   },
   "dependencies": {
     "@fontsource-variable/roboto-slab": "^5.2.6",
+    "@fontsource/noto-sans-hebrew": "^5.2.6",
     "@vercel/analytics": "^1.5.0",
     "@vercel/speed-insights": "^1.2.0",
     "bulma": "^1.0.4",
diff --git a/yarn.lock b/yarn.lock
index 68813f8..ad58f0e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -555,6 +555,11 @@
   resolved "https://registry.npmjs.org/@fontsource-variable/roboto-slab/-/roboto-slab-5.2.6.tgz"
   integrity sha512-+Kz8D4cMh2ndwFOeZcFKAHnhZbFWslCmMI9QTy3uLocVkFyj30MriUmDphuiZPvBuEnotsVTZjjGMHyuM6nckQ==
 
+"@fontsource/noto-sans-hebrew@^5.2.6":
+  version "5.2.6"
+  resolved "https://registry.yarnpkg.com/@fontsource/noto-sans-hebrew/-/noto-sans-hebrew-5.2.6.tgz#07cab8a2ed1a37bdda2e9c0acd17fec783da83b1"
+  integrity sha512-XgUUx3TnZ1+cyWrA50KVNG11MEmQIeexY7e1g3fhtFPtXPXEAm3838s6041BYEGuorvARTI3X95dE7l1YNtOAQ==
+
 "@ioredis/commands@^1.3.0":
   version "1.3.0"
   resolved "https://registry.npmjs.org/@ioredis/commands/-/commands-1.3.0.tgz"