Merge pull request #910 from choldgraf/social_img_tweaks

tweaks to social images

binderhub/main.py

@@ -7,6 +7,13 @@
 
 from .base import BaseHandler
 
+SPEC_NAMES = {
+    "gh": "GitHub repository",
+    "gist": "GitHub Gist",
+    "gl": "GitLab repository",
+    "git": "Git repository: ",
+    "zenodo": "Zenodo DOI"
+}
 
 class MainHandler(BaseHandler):
     """Main handler for requests"""
@@ -46,6 +53,7 @@ def get(self, provider_prefix, _unescaped_spec):
             raise HTTPError(400, str(e))
 
         provider_spec = f'{provider_prefix}/{spec}'
+        social_desc = f"{SPEC_NAMES[provider_prefix]}: {spec}"
         nbviewer_url = None
         if provider_prefix == "gh":
             # we can only produce an nbviewer URL for github right now
@@ -60,6 +68,7 @@ def get(self, provider_prefix, _unescaped_spec):
             base_url=self.settings['base_url'],
             badge_base_url=self.settings['badge_base_url'],
             provider_spec=provider_spec,
+            social_desc=social_desc,
             nbviewer_url=nbviewer_url,
             # urlpath=self.get_argument('urlpath', None),
             submit=True,

binderhub/templates/about.html

@@ -1,5 +1,9 @@
 {% extends "page.html" %}
 
+{% block head %}
+<meta property="og:description" content="Reproducible, sharable, open, interactive computing environments.">
+{{ super() }}
+{% endblock head %}
 
 {% block main %}
 <div id="main" class="container">

binderhub/templates/index.html

@@ -4,6 +4,9 @@
 <meta id="base-url" data-url="{{base_url}}">
 <meta id="badge-base-url" data-url="{{badge_base_url}}">
 <script src="{{static_url("dist/bundle.js")}}"></script>
+<!-- Other OG information in page.html -->
+<meta property="og:description" content="Reproducible, sharable, interactive computing environments.">
+
 {{ super() }}
 {% endblock head %}
 

binderhub/templates/loading.html

@@ -3,6 +3,9 @@
 {% block head %}
 <meta id="base-url" data-url="{{base_url}}">
 <meta id="badge-base-url" data-url="{{badge_base_url}}">
+<!-- Other OG information in page.html -->
+<meta property="og:description" content="{{social_desc}}">
+
 {{ super() }}
 <script src="{{static_url("dist/bundle.js")}}"></script>
 <link href="{{static_url("dist/styles.css")}}" rel="stylesheet">

binderhub/templates/page.html

@@ -8,12 +8,10 @@
 
   <!-- Social media previews -->
   <meta property="og:title" content="The Binder Project">
-  <meta property="og:description" content="Reproducible, sharable, interactive computing environments.">
   <meta property="og:image" content="https://mybinder.org/static/images/logo_social.png">
   <meta property="og:image:width" content="1334">
   <meta property="og:image:height" content="700">
   <meta property="og:image:alt" content="The Binder Project Logo" />
-
   <meta name="twitter:card" content="summary_large_image">
   {% endblock head %}
 </head>