Adding sharing feature and extra meta tags

Author: stefdworschak

teams/templates/team.html

@@ -3,6 +3,17 @@
 {% load teams_tags %}
 {% load account_tags %}
 
+{% block extra_meta %}
+
+{% if showcase %}
+<meta property='og:title' content='{{showcase.hack_project.display_name}}'/>
+<meta property='og:image' content='{{showcase.image_url}}'/>
+<meta property='og:description' content='{{showcase.hack_project.description}}'/>
+<meta property='og:url' content='{{showcase.url}}'/>
+{% endif %}
+
+{% endblock %}
+
 {% block css %}
 <link rel="stylesheet" href="{% static 'hackathon/css/hackathon.css' %}" />
 {% endblock %}
@@ -53,6 +64,10 @@ <h3>About the team</h3>
                     </p>
                     {% endif %}
                     {% include 'includes/create_slack_mpim.html' %}
+                    <div class="share-linkedin">
+                        <script src="https://platform.linkedin.com/in.js" type="text/javascript">lang: en_US</script>
+                        <script type="IN/Share" data-url="{{showcase.url}}"></script>
+                    </div>
                 </div>
             </div>
 

templates/base.html

@@ -7,6 +7,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    {% block extra_meta %}{% endblock %}
     <link rel="icon" sizes="192x192" href="{% static 'img/ci-favicon.png' %}" type="image/x-icon">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
         integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog=="