From 19e51994434b199d8c2a534a5c4c8d23ba7f2b34 Mon Sep 17 00:00:00 2001 From: Tudor Date: Mon, 2 Feb 2026 22:34:14 +0000 Subject: [PATCH] Improve professional appearance: logo, favicon, and remove emoji icons MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 1. Added original favicon - Copied favicon.svg from original frontend - Added favicon reference to layout metadata - Professional icon with brand colors 2. Updated logo in navigation - Replaced emoji with proper SVG logo from original design - Uses circular target design with crosshairs - Matches brand identity with coral accent color 3. Removed emoji icons throughout app for professional look - Removed 📍 (location pin) from school locations - Removed 🏫 (school building) from school types - Removed 🔢 from URN labels and section headings - Kept meaningful symbols (✓, +) in buttons only - Updated map popup button color to brand coral (#e07256) Components updated: - Navigation: Professional SVG logo - HomeView: Clean location banner - SchoolDetailView: No decorative emojis in metadata - ComparisonView: Text-only school information - SchoolSearchModal: Clean school listings - LeafletMapInner: Professional map popups Result: More polished, professional appearance suitable for educational data platform Co-Authored-By: Claude Sonnet 4.5 --- nextjs-app/app/layout.tsx | 5 +++++ nextjs-app/components/ComparisonView.tsx | 4 ++-- nextjs-app/components/HomeView.tsx | 1 - nextjs-app/components/LeafletMapInner.tsx | 6 +++--- nextjs-app/components/Navigation.tsx | 8 +++++++- nextjs-app/components/SchoolDetailView.tsx | 8 ++++---- nextjs-app/components/SchoolSearchModal.tsx | 4 ++-- nextjs-app/public/favicon.svg | 6 ++++++ 8 files changed, 29 insertions(+), 13 deletions(-) create mode 100644 nextjs-app/public/favicon.svg diff --git a/nextjs-app/app/layout.tsx b/nextjs-app/app/layout.tsx index 13109ec..c9aa513 100644 --- a/nextjs-app/app/layout.tsx +++ b/nextjs-app/app/layout.tsx @@ -28,6 +28,11 @@ export const metadata: Metadata = { keywords: 'school comparison, KS2 results, primary school performance, England schools, SATs results', authors: [{ name: 'SchoolCompare' }], manifest: '/manifest.json', + icons: { + icon: '/favicon.svg', + shortcut: '/favicon.svg', + apple: '/favicon.svg', + }, openGraph: { type: 'website', title: 'SchoolCompare | Compare Primary School Performance', diff --git a/nextjs-app/components/ComparisonView.tsx b/nextjs-app/components/ComparisonView.tsx index 147c947..b3bbb1f 100644 --- a/nextjs-app/components/ComparisonView.tsx +++ b/nextjs-app/components/ComparisonView.tsx @@ -158,10 +158,10 @@ export function ComparisonView({
{school.local_authority && ( - 📍 {school.local_authority} + {school.local_authority} )} {school.school_type && ( - 🏫 {school.school_type} + {school.school_type} )}
diff --git a/nextjs-app/components/HomeView.tsx b/nextjs-app/components/HomeView.tsx index 1fc4fa9..4560885 100644 --- a/nextjs-app/components/HomeView.tsx +++ b/nextjs-app/components/HomeView.tsx @@ -44,7 +44,6 @@ export function HomeView({ initialSchools, filters }: HomeViewProps) { {/* Location Info Banner */} {isLocationSearch && initialSchools.location_info && (
- 📍 Showing schools within {(initialSchools.location_info.radius / 1.60934).toFixed(1)} miles of{' '} {initialSchools.location_info.postcode} diff --git a/nextjs-app/components/LeafletMapInner.tsx b/nextjs-app/components/LeafletMapInner.tsx index d269e4a..1d96c58 100644 --- a/nextjs-app/components/LeafletMapInner.tsx +++ b/nextjs-app/components/LeafletMapInner.tsx @@ -58,9 +58,9 @@ export default function LeafletMapInner({ schools, center, zoom, onMarkerClick } const popupContent = `
${school.school_name} - ${school.local_authority ? `
📍 ${school.local_authority}
` : ''} - ${school.school_type ? `
🏫 ${school.school_type}
` : ''} - View Details + ${school.local_authority ? `
${school.local_authority}
` : ''} + ${school.school_type ? `
${school.school_type}
` : ''} + View Details
`; diff --git a/nextjs-app/components/Navigation.tsx b/nextjs-app/components/Navigation.tsx index ba5f3eb..b0d9469 100644 --- a/nextjs-app/components/Navigation.tsx +++ b/nextjs-app/components/Navigation.tsx @@ -25,7 +25,13 @@ export function Navigation() {
- 🏫 +
+ + + + + +
SchoolCompare diff --git a/nextjs-app/components/SchoolDetailView.tsx b/nextjs-app/components/SchoolDetailView.tsx index 7436ead..0a5ec0c 100644 --- a/nextjs-app/components/SchoolDetailView.tsx +++ b/nextjs-app/components/SchoolDetailView.tsx @@ -44,16 +44,16 @@ export function SchoolDetailView({ schoolInfo, yearlyData, absenceData }: School
{schoolInfo.local_authority && ( - 📍 {schoolInfo.local_authority} + {schoolInfo.local_authority} )} {schoolInfo.school_type && ( - 🏫 {schoolInfo.school_type} + {schoolInfo.school_type} )} - 🔢 URN: {schoolInfo.urn} + URN: {schoolInfo.urn}
{schoolInfo.address && ( @@ -216,7 +216,7 @@ export function SchoolDetailView({ schoolInfo, yearlyData, absenceData }: School {/* Maths Metrics */}
-

🔢 Mathematics

+

Mathematics

{latestResults.maths_expected_pct !== null && (
diff --git a/nextjs-app/components/SchoolSearchModal.tsx b/nextjs-app/components/SchoolSearchModal.tsx index 57ec523..a100c43 100644 --- a/nextjs-app/components/SchoolSearchModal.tsx +++ b/nextjs-app/components/SchoolSearchModal.tsx @@ -112,10 +112,10 @@ export function SchoolSearchModal({ isOpen, onClose }: SchoolSearchModalProps) {
{school.school_name}
{school.local_authority && ( - 📍 {school.local_authority} + {school.local_authority} )} {school.school_type && ( - 🏫 {school.school_type} + {school.school_type} )}
diff --git a/nextjs-app/public/favicon.svg b/nextjs-app/public/favicon.svg new file mode 100644 index 0000000..7b533fc --- /dev/null +++ b/nextjs-app/public/favicon.svg @@ -0,0 +1,6 @@ + + + + + +