Init

zackkrida · zackkrida · commit f59047093da0 · 2020-11-05T13:47:53.000-10:00
diff --git a/themes/vocabulary_theme/templates/layout.html b/themes/vocabulary_theme/templates/layout.html
@@ -17,10 +17,8 @@
 {% endif %}
 <meta property="og:url" content="{{ this|url }}" />
 <meta property="og:type" content="article" />
-{% set image = this.attachments.images.first() %}
-{% if image %}
-<meta property="og:image" content="{{ image|url(external=true)}}" />
-{% endif %}
+{% from "macros/og_image.html" import og_image %}
+{{ og_image(this) }}
 <meta name="twitter:card" content="summary_large_image" />
 <meta name="twitter:title" content="{{ this.title }}">
 <meta name="twitter:description" content="{{ desc }}">
@@ -41,7 +39,7 @@
 <script>
   const globalHeaderInstance = vocabulary.createGlobalHeader();
 </script>
-<title>{% block title %}Welcome{% endblock %} — Creative Commons on GitHub</title>
+<title>{% block title %}Welcome{% endblock %} — Creative Commons Open Source</title>
 
 <body>
   <div class="ga-script">{{ generate_google_analytics() }}</div>
diff --git a/themes/vocabulary_theme/templates/macros/og_image.html b/themes/vocabulary_theme/templates/macros/og_image.html
@@ -0,0 +1,25 @@
+{% from "macros/author_name.html" import render_author_name %}
+
+{% macro og_image(page) %}
+  {% set baseUrl = 'https://cc-og-image.vercel.app/'  %}
+  {% set queryParams = '?&md=1&fontFamily=roboto-condensed&fontSize=100px&images=https%3A%2F%2Fcc-vocabulary.netlify.app%2Flogos%2Fproducts%2Fopen_source.svg%23opensource' %}
+
+  {% if page.title  %}
+    {% set pageTitle = page.title %}
+  {% else %}
+    {% set pageTitle = 'Open Source at CC' %}
+  {% endif %}
+
+  {% if page.author %}
+    {% set author = page.parent.parent.children.get('authors').children.get(page.author) %}
+    {% if author and author.md5_hashed_email %}
+      {% set gravatarURL = 'https://secure.gravatar.com/avatar/' + author.md5_hashed_email + '?size=300' %}
+      {% set queryParams = queryParams + '&images=' + gravatarURL %}
+      {% set pageTitle = page.title + '<br><sm style="font-size:70px;">By '+ render_author_name(author) + '</sm>'  %}
+    {% endif  %}
+  {% endif %}
+
+  {% set url = baseUrl + pageTitle + '.png' + queryParams  %}
+
+  <meta property="og:image" content="{{ url }}" />
+{% endmacro %}
