feat: add social sharing support and clean up assets (#4)

- Add Open Graph & Twitter Card meta tags for rich link previews
- Create 1200×630 og-image.jpg for social sharing
- Fix homepage OG title to show "Digital Bazaar 💬"
- Reorganize gallery sources into icons/ and hero_selections/
- Remove unused logo sizes from Makefile
- Delete orphaned assets (banner-*, single_article_hero_*, unused logos)

Author: aalhour

Makefile

@@ -57,19 +57,12 @@ assets: ## Download self-hosted assets (fonts + mermaid.js)
 images: ## Generate all site images from gallery sources
 	@echo "📷 Generating site images from assets/gallery/..."
 	@echo ""
-	@echo "  → Logo sizes..."
+	@echo "  → Logo (128px for header)..."
 	sips -z 128 128 assets/gallery/icons/bazaar_2025.jpg --out assets/img/logo-128.jpg
-	sips -z 256 256 assets/gallery/icons/bazaar_2025.jpg --out assets/img/logo-256.jpg
-	sips -z 512 512 assets/gallery/icons/bazaar_2025.jpg --out assets/img/logo-512.jpg
-	@echo "  → Favicons and icons..."
-	sips -z 16 16 assets/gallery/icons/bazaar_2025.png --out assets/img/favicon-16.png
+	cwebp -q 80 assets/img/logo-128.jpg -o assets/img/logo-128.webp
+	@echo "  → Favicons..."
 	sips -z 32 32 assets/gallery/icons/bazaar_2025.png --out assets/img/favicon-32.png
 	sips -z 180 180 assets/gallery/icons/bazaar_2025.png --out assets/img/apple-touch-icon.png
-	sips -z 192 192 assets/gallery/icons/bazaar_2025.png --out assets/img/icon-192.png
-	@echo "  → Converting to WebP..."
-	cwebp -q 80 assets/img/logo-128.jpg -o assets/img/logo-128.webp
-	cwebp -q 80 assets/img/logo-256.jpg -o assets/img/logo-256.webp
-	cwebp -q 90 assets/img/logo-512.jpg -o assets/img/logo-512-hq.webp
 	@echo "  → Social share image (OG)..."
 	sips -Z 1200 assets/gallery/hero_selections/hero_home_light.png --out /tmp/og_temp.png
 	sips -c 630 1200 /tmp/og_temp.png --out /tmp/og_cropped.png

_data/strings_ar.yml

@@ -2,7 +2,7 @@
 # All user-facing text for the Arabic version
 
 # Site
-site_title: "البازار الرقمي"
+site_title: "البازار الرقمي 💬"
 site_tagline: "حيث يلتقي العالم العربي الرقمي، ويتبادل، وينمو."
 
 # Months (for archive)

_data/strings_en.yml

@@ -2,7 +2,7 @@
 # All user-facing text for the English version
 
 # Site
-site_title: "Digital Bazaar"
+site_title: "Digital Bazaar 💬"
 site_tagline: "Where the Arab digital world meets, trades, and grows."
 
 # Navigation

_layouts/default.html

@@ -29,7 +29,11 @@
   <meta name="description" content="{{ page.excerpt | default: site.description }}">
 
   <!-- Open Graph (Facebook, WhatsApp, LinkedIn, Telegram) -->
-  <meta property="og:title" content="{{ page.title | default: strings.site_title }}">
+  {%- if page.layout == 'home' or page.url == '/ar/' or page.url == '/en/' -%}
+  <meta property="og:title" content="{{ strings.site_title }}">
+  {%- else -%}
+  <meta property="og:title" content="{{ page.title }} — {{ strings.site_title }}">
+  {%- endif -%}
   <meta property="og:description" content="{{ page.excerpt | default: strings.site_tagline }}">
   <meta property="og:type" content="{% if page.layout == 'article' %}article{% else %}website{% endif %}">
   <meta property="og:locale" content="{{ lang }}">
@@ -42,7 +46,11 @@
 
   <!-- Twitter Card (X) - Large Image -->
   <meta name="twitter:card" content="summary_large_image">
-  <meta name="twitter:title" content="{{ page.title | default: strings.site_title }}">
+  {%- if page.layout == 'home' or page.url == '/ar/' or page.url == '/en/' -%}
+  <meta name="twitter:title" content="{{ strings.site_title }}">
+  {%- else -%}
+  <meta name="twitter:title" content="{{ page.title }} — {{ strings.site_title }}">
+  {%- endif -%}
   <meta name="twitter:description" content="{{ page.excerpt | default: strings.site_tagline }}">
   <meta name="twitter:image" content="{{ '/assets/img/og-image.jpg' | absolute_url }}">