From a12362acc57a5fc11670c32fb42344b8dbdb2f45 Mon Sep 17 00:00:00 2001
From: roxburghm <matt@roxburghm.com>
Date: Fri, 13 Nov 2026 23:43:30 +0000
Subject: [PATCH] Title bar: mortarboard mark instead of the radius glyph

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/App.vue                   | 4 ++--
 src/components/SchoolIcon.vue | 9 +++++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 79e228e..a9647a3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,7 +4,7 @@
     <div v-if="!narrow" class="d-shell">
       <header class="app-header">
         <div class="brand">
-          <span class="brand__mark" aria-hidden="true"><school-icon kind="distance"/></span>
+          <span class="brand__mark" aria-hidden="true"><school-icon kind="cap"/></span>
           <div>
             <h1>Ealing secondary school places</h1>
             <p>How close did you need to live to get a place? Cut-off distances for every school, 2019–2026.</p>
@@ -83,7 +83,7 @@
     <div v-else class="m-shell">
       <header class="m-bar">
         <div class="m-bar__top">
-          <span class="brand__mark brand__mark--small" aria-hidden="true"><school-icon kind="distance"/></span>
+          <span class="brand__mark brand__mark--small" aria-hidden="true"><school-icon kind="cap"/></span>
           <h1>Ealing school places</h1>
           <button type="button" class="icon-btn" aria-label="Compare schools" @click="showTable = true">
             <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
diff --git a/src/components/SchoolIcon.vue b/src/components/SchoolIcon.vue
index d5289fa..27fb025 100644
--- a/src/components/SchoolIcon.vue
+++ b/src/components/SchoolIcon.vue
@@ -1,5 +1,6 @@
 <template>
-  <!-- One of four glyphs saying how a school offered places in a year. Drawn in currentColor. -->
+  <!-- One of four glyphs saying how a school offered places in a year, plus the app's
+       mortarboard mark. Drawn in currentColor. -->
   <svg viewBox="0 0 24 24" aria-hidden="true" class="school-icon">
     <!-- Everyone offered: a tick -->
     <path v-if="kind === 'open'" d="M5 12.5l4.5 4.5L19 7.5" fill="none" stroke="currentColor" stroke-width="3.5"
@@ -9,6 +10,10 @@
     <path v-else-if="kind === 'walk'" fill="currentColor"
           d="M14.12,10H19V8.2H15.38L13.38,4.87C13.08,4.37 12.54,4.03 11.92,4.03C11.74,4.03 11.58,4.06 11.42,4.11L6,5.8V11H7.8V7.33L9.91,6.67L6,22H7.8L10.67,13.89L13,17V22H14.8V15.59L12.31,11.05L13.04,8.18M14,3.8C15,3.8 15.8,3 15.8,2C15.8,1 15,0.2 14,0.2C13,0.2 12.2,1 12.2,2C12.2,3 13,3.8 14,3.8Z"/>
 
+    <!-- App mark: a mortarboard (Material Design Icons "school") -->
+    <path v-else-if="kind === 'cap'" fill="currentColor"
+          d="M12,3L1,9L12,15L21,10.09V17H23V9M5,13.18V17.18L12,21L19,17.18V13.18L12,17L5,13.18Z"/>
+
     <!-- No places by distance: a dash -->
     <path v-else-if="kind === 'none'" d="M6.5 12h11" fill="none" stroke="currentColor" stroke-width="3.5"
           stroke-linecap="round"/>
@@ -26,7 +31,7 @@
 export default {
   name: 'SchoolIcon',
   props: {
-    // 'open' | 'walk' | 'none' | 'distance'
+    // 'open' | 'walk' | 'none' | 'distance' | 'cap'
     kind: {type: String, required: true},
   },
 };