Add opengraph

Fix #151
2023-10-04 19:49:26 -03:00 · 2023-10-04 19:49:26 -03:00 · dc23ed29bf
commit dc23ed29bf
parent 84c91974ed
123 changed files with 46 additions and 7 deletions
--- a/.bundle/config
+++ b/.bundle/config
@ -0,0 +1,2 @@
+---
+BUNDLE_PATH: ".localgems"
--- a/.gitignore
+++ b/.gitignore
@ -1,7 +1,7 @@
 build/
 tmp/
 node_modules/
-.bundle/
+.localgems/
 *.log
 .env
 .idea
--- a/Gemfile.lock
+++ b/Gemfile.lock
@ -177,4 +177,4 @@ DEPENDENCIES
  test-cmd.rb (~> 0.3)!

 BUNDLED WITH
-   2.3.26
+   2.4.10
--- a/nanoc/lib/helper.rb
+++ b/nanoc/lib/helper.rb
@ -32,5 +32,12 @@ module Helper
      )
    )
  end
+
+  def erb(partial, local_assigns = {})
+    erb = File.binread File.join(Dir.getwd, "src", "html", "partials", partial)
+    scope = binding
+    local_assigns.each { scope.local_variable_set(_1, _2) }
+    ERB.new(erb).result(scope)
+  end
 end
 use_helper Helper
--- a/nanoc/lib/mixins/opengraph.rb
+++ b/nanoc/lib/mixins/opengraph.rb
@ -0,0 +1,19 @@
+use_helper Module.new {
+  require_relative "helper"
+  include Helper
+
+  def opengraph(locale, basename, options = {})
+    erb "opengraph.html.erb", local_assigns(locale, basename, options)
+  end
+
+  def local_assigns(locale, basename, options)
+    case basename
+    when "stream.html.erb"
+      surah_id = options[:surah_id]
+      { title: t(locale, "TheNobleQuran"),
+        description: t(locale, "meta.stream.description"),
+        url: "https://al-quran.reflectslight.io/#{locale}/#{surah_id}/",
+        image: "https://al-quran.reflectslight.io/images/opengraph/#{surah_id}.png" }
+    end
+  end
+}
--- a/nanoc/rules/assets.rules
+++ b/nanoc/rules/assets.rules
@ -23,3 +23,7 @@ end
 compile "/favicon.png" do
  write(item.identifier.to_s)
 end
+
+compile "/images/opengraph/*.png" do
+  write(item.identifier.to_s)
+end
--- a/src/html/pages/surah/stream.html.erb
+++ b/src/html/pages/surah/stream.html.erb
@ -2,11 +2,12 @@
 <html lang="<%= locale %>">
  <head>
    <title> <%= t(locale, "TheNobleQuran") %>: <%= surah_name %> </title>
+    <%= inline_css('/css/postman.css') %>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8">
-    <meta name="description" content="<%= t(locale, 'meta.stream.description', {surah_name:}) %>">
+    <meta name="description" content="<%= t(locale, 'meta.stream.description') %>">
+    <%= opengraph(locale, "stream.html.erb", {surah_id:}) %>
    <link rel="icon" href="/favicon.png">
-    <%= inline_css('/css/postman.css') %>
  </head>
  <body>
    <div class="postman loader">
--- a/src/html/partials/opengraph.html.erb
+++ b/src/html/partials/opengraph.html.erb
@ -0,0 +1,6 @@
+<meta property="og:type" content="website"/>
+<meta property="og:title" content="<%= title %>"/>
+<meta property="og:description" content="<%= description %>"/>
+<meta property="og:url" content="<%= url %>"/>
+<meta property="og:image" content="<%= image %>"
+<meta property="og:image:type" content="image/png"/>
--- a/src/i18n.json
+++ b/src/i18n.json
@ -7,7 +7,7 @@
    "comma": ",",
    "meta": {
      "index": {"description": "Read and listen to The Noble Quran."},
-      "stream": {"description": "Read and listen to '%{surah_name}' from The Noble Quran."}
+      "stream": {"description": "Read and listen to The Noble Quran."}
    },
    "surahs": {
      "names": [
@ -135,8 +135,8 @@
    "ayah": "آية",
    "comma": "،",
    "meta": {
-      "index": {"description": "اقرأ واستمع إلى القرآن الكريم."},
-      "stream": {"description": "اقرأ واستمع إلى القرآن الكريم - '%{surah_name}'."}
+      "index": {"description": "اقرأ واستمع إلى القرآن الكريم"},
+      "stream": {"description": "اقرأ واستمع إلى القرآن الكريم"}
    },
    "surahs": {
      "names": [
--- a/src/images/opengraph/1.png
+++ b/src/images/opengraph/1.png
--- a/src/images/opengraph/10.png
+++ b/src/images/opengraph/10.png
--- a/src/images/opengraph/100.png
+++ b/src/images/opengraph/100.png
--- a/src/images/opengraph/101.png
+++ b/src/images/opengraph/101.png
--- a/src/images/opengraph/102.png
+++ b/src/images/opengraph/102.png
--- a/src/images/opengraph/103.png
+++ b/src/images/opengraph/103.png
--- a/src/images/opengraph/104.png
+++ b/src/images/opengraph/104.png
--- a/src/images/opengraph/105.png
+++ b/src/images/opengraph/105.png
--- a/src/images/opengraph/106.png
+++ b/src/images/opengraph/106.png
--- a/src/images/opengraph/107.png
+++ b/src/images/opengraph/107.png
--- a/src/images/opengraph/108.png
+++ b/src/images/opengraph/108.png
--- a/src/images/opengraph/109.png
+++ b/src/images/opengraph/109.png
--- a/src/images/opengraph/11.png
+++ b/src/images/opengraph/11.png
--- a/src/images/opengraph/110.png
+++ b/src/images/opengraph/110.png
--- a/src/images/opengraph/111.png
+++ b/src/images/opengraph/111.png
--- a/src/images/opengraph/112.png
+++ b/src/images/opengraph/112.png
--- a/src/images/opengraph/113.png
+++ b/src/images/opengraph/113.png
--- a/src/images/opengraph/114.png
+++ b/src/images/opengraph/114.png
--- a/src/images/opengraph/12.png
+++ b/src/images/opengraph/12.png
--- a/src/images/opengraph/13.png
+++ b/src/images/opengraph/13.png
--- a/src/images/opengraph/14.png
+++ b/src/images/opengraph/14.png
--- a/src/images/opengraph/15.png
+++ b/src/images/opengraph/15.png
--- a/src/images/opengraph/16.png
+++ b/src/images/opengraph/16.png
--- a/src/images/opengraph/17.png
+++ b/src/images/opengraph/17.png
--- a/src/images/opengraph/18.png
+++ b/src/images/opengraph/18.png
--- a/src/images/opengraph/19.png
+++ b/src/images/opengraph/19.png
--- a/src/images/opengraph/2.png
+++ b/src/images/opengraph/2.png
--- a/src/images/opengraph/20.png
+++ b/src/images/opengraph/20.png
--- a/src/images/opengraph/21.png
+++ b/src/images/opengraph/21.png
--- a/src/images/opengraph/22.png
+++ b/src/images/opengraph/22.png
--- a/src/images/opengraph/23.png
+++ b/src/images/opengraph/23.png
--- a/src/images/opengraph/24.png
+++ b/src/images/opengraph/24.png
--- a/src/images/opengraph/25.png
+++ b/src/images/opengraph/25.png
--- a/src/images/opengraph/26.png
+++ b/src/images/opengraph/26.png
--- a/src/images/opengraph/27.png
+++ b/src/images/opengraph/27.png
--- a/src/images/opengraph/28.png
+++ b/src/images/opengraph/28.png
--- a/src/images/opengraph/29.png
+++ b/src/images/opengraph/29.png
--- a/src/images/opengraph/3.png
+++ b/src/images/opengraph/3.png
--- a/src/images/opengraph/30.png
+++ b/src/images/opengraph/30.png
--- a/src/images/opengraph/31.png
+++ b/src/images/opengraph/31.png
--- a/src/images/opengraph/32.png
+++ b/src/images/opengraph/32.png
--- a/src/images/opengraph/33.png
+++ b/src/images/opengraph/33.png
--- a/src/images/opengraph/34.png
+++ b/src/images/opengraph/34.png
--- a/src/images/opengraph/35.png
+++ b/src/images/opengraph/35.png
--- a/src/images/opengraph/36.png
+++ b/src/images/opengraph/36.png
--- a/src/images/opengraph/37.png
+++ b/src/images/opengraph/37.png
--- a/src/images/opengraph/38.png
+++ b/src/images/opengraph/38.png
--- a/src/images/opengraph/39.png
+++ b/src/images/opengraph/39.png
--- a/src/images/opengraph/4.png
+++ b/src/images/opengraph/4.png
--- a/src/images/opengraph/40.png
+++ b/src/images/opengraph/40.png
--- a/src/images/opengraph/41.png
+++ b/src/images/opengraph/41.png
--- a/src/images/opengraph/42.png
+++ b/src/images/opengraph/42.png
--- a/src/images/opengraph/43.png
+++ b/src/images/opengraph/43.png
--- a/src/images/opengraph/44.png
+++ b/src/images/opengraph/44.png
--- a/src/images/opengraph/45.png
+++ b/src/images/opengraph/45.png
--- a/src/images/opengraph/46.png
+++ b/src/images/opengraph/46.png
--- a/src/images/opengraph/47.png
+++ b/src/images/opengraph/47.png
--- a/src/images/opengraph/48.png
+++ b/src/images/opengraph/48.png
--- a/src/images/opengraph/49.png
+++ b/src/images/opengraph/49.png
--- a/src/images/opengraph/5.png
+++ b/src/images/opengraph/5.png
--- a/src/images/opengraph/50.png
+++ b/src/images/opengraph/50.png
--- a/src/images/opengraph/51.png
+++ b/src/images/opengraph/51.png
--- a/src/images/opengraph/52.png
+++ b/src/images/opengraph/52.png
--- a/src/images/opengraph/53.png
+++ b/src/images/opengraph/53.png
--- a/src/images/opengraph/54.png
+++ b/src/images/opengraph/54.png
--- a/src/images/opengraph/55.png
+++ b/src/images/opengraph/55.png
--- a/src/images/opengraph/56.png
+++ b/src/images/opengraph/56.png
--- a/src/images/opengraph/57.png
+++ b/src/images/opengraph/57.png
--- a/src/images/opengraph/58.png
+++ b/src/images/opengraph/58.png
--- a/src/images/opengraph/59.png
+++ b/src/images/opengraph/59.png
--- a/src/images/opengraph/6.png
+++ b/src/images/opengraph/6.png
--- a/src/images/opengraph/60.png
+++ b/src/images/opengraph/60.png
--- a/src/images/opengraph/61.png
+++ b/src/images/opengraph/61.png
--- a/src/images/opengraph/62.png
+++ b/src/images/opengraph/62.png
--- a/src/images/opengraph/63.png
+++ b/src/images/opengraph/63.png
--- a/src/images/opengraph/64.png
+++ b/src/images/opengraph/64.png
--- a/src/images/opengraph/65.png
+++ b/src/images/opengraph/65.png
--- a/src/images/opengraph/66.png
+++ b/src/images/opengraph/66.png
--- a/src/images/opengraph/67.png
+++ b/src/images/opengraph/67.png
--- a/src/images/opengraph/68.png
+++ b/src/images/opengraph/68.png
--- a/src/images/opengraph/69.png
+++ b/src/images/opengraph/69.png
--- a/src/images/opengraph/7.png
+++ b/src/images/opengraph/7.png
--- a/src/images/opengraph/70.png
+++ b/src/images/opengraph/70.png
--- a/src/images/opengraph/71.png
+++ b/src/images/opengraph/71.png
--- a/src/images/opengraph/72.png
+++ b/src/images/opengraph/72.png
--- a/src/images/opengraph/73.png
+++ b/src/images/opengraph/73.png
--- a/src/images/opengraph/74.png
+++ b/src/images/opengraph/74.png
--- a/src/images/opengraph/75.png
+++ b/src/images/opengraph/75.png
--- a/src/images/opengraph/76.png
+++ b/src/images/opengraph/76.png
--- a/src/images/opengraph/77.png
+++ b/src/images/opengraph/77.png
--- a/src/images/opengraph/78.png
+++ b/src/images/opengraph/78.png
--- a/Show more
+++ b/Show more