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

@@ -7,3 +7,6 @@ deploy:
 preview:
   vercel pull --yes --environment=preview
   vercel --yes
+
+dev:
+  yarn dev

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;
+}
+
 

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>
+
+

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>
 

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",

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"