Merge pull request #8359 from cfpb/tccp/sharing-details

TCCP: Add sharing details

cfgov/tccp/jinja2/tccp/about.html

@@ -4,6 +4,18 @@
     About this tool | Consumer Financial Protection Bureau
 {%- endblock %}
 
+{% block desc -%}
+    Details on how our tool to explore credit cards works.
+{%- endblock desc %}
+
+{% block og_desc -%}
+    {{ self.desc() }}
+{%- endblock og_desc %}
+
+{% block og_image %}
+    {%- include "tccp/includes/og_image.html" -%}
+{% endblock %}
+
 {% block content_main %}
 <div class="block block--flush-top">
     <div class="eyebrow">Explore credit cards</div>

cfgov/tccp/jinja2/tccp/card.html

@@ -12,6 +12,18 @@
     | Consumer Financial Protection Bureau
 {%- endblock title %}
 
+{% block desc -%}
+    Full interest rate and fee information for {{ card.product_name }} from {{ card.institution_name }}
+{%- endblock desc %}
+
+{% block og_desc -%}
+    {{ self.desc() }}
+{%- endblock og_desc %}
+
+{% block og_image %}
+    {%- include "tccp/includes/og_image.html" -%}
+{% endblock %}
+
 {% block javascript scoped %}
     {{ super() }}
     <script src="{{ static( 'js/routes/on-demand/expandable.js' ) }}"></script>

cfgov/tccp/jinja2/tccp/cards.html

@@ -7,6 +7,18 @@
     {{ title }} | {{ super() }}
 {%- endblock title %}
 
+{% block desc -%}
+    Search our large database of credit cards to find ones that are best for you.
+{%- endblock desc %}
+
+{% block og_desc -%}
+    {{ self.desc() }}
+{%- endblock og_desc %}
+
+{% block og_image %}
+    {%- include "tccp/includes/og_image.html" -%}
+{% endblock %}
+
 {% block javascript scoped %}
 {{ super() }}
 <script src="{{ static( 'js/routes/on-demand/filterable-list-controls.js' ) }}"></script>

cfgov/tccp/jinja2/tccp/includes/og_image.html

@@ -0,0 +1,7 @@
+{%- set og_image_url=request.build_absolute_uri(
+  static('apps/tccp/img/explore-credit-cards-sharing.png')
+) -%}
+
+<meta property="og:image" content="{{ og_image_url }}">
+<meta property="twitter:image" content="{{ og_image_url }}">
+<meta name="twitter:card" content="summary_large_image">

cfgov/tccp/jinja2/tccp/landing_page.html

@@ -6,6 +6,18 @@
     {{ title }} | Consumer Financial Protection Bureau
 {%- endblock title %}
 
+{% block desc -%}
+    Search our large database of credit cards to find ones that are best for you.
+{%- endblock desc %}
+
+{% block og_desc -%}
+    {{ self.desc() }}
+{%- endblock og_desc %}
+
+{% block og_image %}
+    {%- include "tccp/includes/og_image.html" -%}
+{% endblock %}
+
 {% block javascript scoped %}
 {{ super() }}
 <script src="{{ static( 'apps/tccp/js/index.js' ) }}"></script>