From f92f469e48071edeb93d5d6b84ea65e98a05dc50 Mon Sep 17 00:00:00 2001
From: eric <eric@hellman.net>
Date: Fri, 5 Jan 2018 16:23:56 -0500
Subject: [PATCH 1/3] add extra metadata

---
 frontend/templates/base.html |  3 +++
 frontend/templates/work.html | 10 +++++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/frontend/templates/base.html b/frontend/templates/base.html
index a7513912..c3a37d78 100644
--- a/frontend/templates/base.html
+++ b/frontend/templates/base.html
@@ -6,6 +6,9 @@
     <meta charset="utf-8" />
     <meta name="referrer" content="origin" />
     <title>unglue.it {% block title %}{% endblock %}</title>
+    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:site" content="@unglueit" />
+    {% block extra_meta %}{% endblock %}
     <link type="text/css" rel="stylesheet" href="/static/css/sitewide4.css" />
 	<link REL="SHORTCUT ICON" HREF="/static/images/favicon.ico">
     {% block extra_css %}{% endblock %}
diff --git a/frontend/templates/work.html b/frontend/templates/work.html
index d00aa57d..c6c8271f 100644
--- a/frontend/templates/work.html
+++ b/frontend/templates/work.html
@@ -11,7 +11,15 @@
         Help us make  {{ work.title }} a Free eBook!
     {% endif %}{% if action == 'editions' %} – All Editions{% endif %}
 {% endblock %}
-
+{% block extra_meta %}
+<meta property="og:title" content="{{ work.title }}" />
+<meta property="og:type" content="book" />
+<meta property="og:url" content="https://unglue.it{% url 'work' work.id %}" />
+<meta property="og:image" content="{{ work.cover_image_thumbnail }}" />
+<meta property="og:site_name" content="Unglue.it" />
+{% for author in work.relators %}<meta property="book:author" content="{{ author.name }}" />{% endfor %}
+{% if work.first_isbn_13 %}<meta property="book:isbn" content="{{ work.first_isbn_13 }}" />{% endif %}
+{% endblock %}
 {% block extra_css %}
 <link type="text/css" rel="stylesheet" href="/static/css/campaign2.css"  />
 {% if user.is_staff or user in work.last_campaign.managers.all %}

From 11445f8a30b0b1aa0a011f021b3ca1d09a8544a0 Mon Sep 17 00:00:00 2001
From: eric <eric@hellman.net>
Date: Fri, 5 Jan 2018 16:24:12 -0500
Subject: [PATCH 2/3] delint

---
 frontend/templates/work.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/templates/work.html b/frontend/templates/work.html
index c6c8271f..94128a05 100644
--- a/frontend/templates/work.html
+++ b/frontend/templates/work.html
@@ -100,9 +100,9 @@
                                 <div>
                                         <div class="pubinfo">
                                             <h3 class="book-author">
-                                            <span  itemprop="author"><a href="{% url 'search' %}?q={{ work.relators.0.author.name|urlencode }}&amp;ty=au" />{{ work.relators.0.name }}</a></span>{% if work.authors.count == 2 %}
-                                                and <span  itemprop="author"><a href="{% url 'search' %}?q={{ work.relators.1.author.name|urlencode }}&amp;ty=au" />{{ work.relators.1.name }}</a></span>
-                                            {% endif %}{% if work.relators.count > 2 %}{% for author in work.relators %}{% if not forloop.first %}, <span  itemprop="author"><a href="{% url 'search' %}?q={{ author.author.name|urlencode }}&amp;ty=au" />{{ author.name }}</a></span>{% endif %}{% endfor %}
+                                            <span  itemprop="author"><a href="{% url 'search' %}?q={{ work.relators.0.author.name|urlencode }}&amp;ty=au" >{{ work.relators.0.name }}</a></span>{% if work.authors.count == 2 %}
+                                                and <span  itemprop="author"><a href="{% url 'search' %}?q={{ work.relators.1.author.name|urlencode }}&amp;ty=au" >{{ work.relators.1.name }}</a></span>
+                                            {% endif %}{% if work.relators.count > 2 %}{% for author in work.relators %}{% if not forloop.first %}, <span  itemprop="author"><a href="{% url 'search' %}?q={{ author.author.name|urlencode }}&amp;ty=au" >{{ author.name }}</a></span>{% endif %}{% endfor %}
                                             {% endif %}
                                             </h3>
                                             <h3 class="book-year"> 
@@ -303,7 +303,7 @@
                                     {% endfor %}
                                     {% if work.doab %}
                                     <p>
-                                    This book is included in <a href="http://www.doabooks.org/doab?func=search&query=rid%3A{{ work.doab }}">DOAB</a>.
+                                    This book is included in <a href="http://www.doabooks.org/doab?func=search&amp;query=rid%3A{{ work.doab }}">DOAB</a>.
                                     </p>
                                     {% endif %}
                                     {% if work.gtbg %}
@@ -340,7 +340,7 @@
                                                     </span>
                                                 </a>
                                                 <div class="show_supporter_contact_form" >
-                                                    <img src="/static/images/icons/email.png" title="contact supporter" />
+                                                    <img src="/static/images/icons/email.png" alt="email" title="contact supporter" />
                                                 </div>
                                                 <div class="info_for_managers">
                                                     {{ supporter }}<br />

From 48de8408a6956abe931a8e9d5217e3679b481e30 Mon Sep 17 00:00:00 2001
From: eric <eric@hellman.net>
Date: Fri, 5 Jan 2018 16:37:52 -0500
Subject: [PATCH 3/3] add metas on landing page

---
 frontend/templates/home.html       | 20 ++++++++++++++------
 frontend/templates/learn_more.html |  2 +-
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/frontend/templates/home.html b/frontend/templates/home.html
index 0e8839fd..010755ec 100755
--- a/frontend/templates/home.html
+++ b/frontend/templates/home.html
@@ -3,6 +3,14 @@
 {% load truncatechars %}
 {% block title %}&#151; Support Free eBooks{% endblock %}
 
+{% block extra_meta %}
+<meta property="og:title" content="Unglue.it - A Community Supporting Free eBooks" />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https://unglue.it" />
+<meta property="og:image" content="https://unglue.it/static/images/logo.png" />
+{% endblock %}
+
+
 {% block extra_css %}
 <link type="text/css" rel="stylesheet" href="/static/css/landingpage4.css"  />
 <link type="text/css" rel="stylesheet" href="/static/css/searchandbrowse2.css"  />
@@ -286,12 +294,12 @@ function put_un_in_cookie2(){
     
             <h3 class="featured_books">As seen on</h3>
             <ul id="as_seen_on">
-                <li><a href="http://boingboing.net/2012/06/28/release-a-deadly-monster-a-dr.html"><img src="{{ STATIC_URL }}images/press_logos/boingboing_logo.png"></a></li>
-                <li><a href="http://www.zeit.de/digital/internet/2012-07/unglue-ebook-creative-commons"><img src="{{ STATIC_URL }}images/press_logos/die_zeit_logo.png"></a></li>
-                <li><a href="http://www.huffingtonpost.com/2012/05/21/unglueit-free-ebooks-crowdfunding_n_1532644.html"><img src="{{ STATIC_URL }}images/press_logos/huffington_post_logo.png"></a></li>
-                <li><a href="http://techcrunch.com/2014/05/06/unglue-it-sets-books-free-after-authors-get-paid/"><img src="{{ STATIC_URL }}images/press_logos/techcrunch_logo.png"></a></li>
-                <li><a href="http://www.thedigitalshift.com/2014/02/ebooks/buy-unglue-ebook-crowdfunding-model-goes-beta/"><img src="{{ STATIC_URL }}images/press_logos/library_journal_logo.png"></a></li>
-                <li><a href="http://www.networkworld.com/community/node/85329"><img src="{{ STATIC_URL }}images/press_logos/networkworld_logo.png"></a></li>
+                <li><a href="http://boingboing.net/2012/06/28/release-a-deadly-monster-a-dr.html"><img alt="boingboing" src="{{ STATIC_URL }}images/press_logos/boingboing_logo.png"></a></li>
+                <li><a href="http://www.zeit.de/digital/internet/2012-07/unglue-ebook-creative-commons"><img alt="die zeit" src="{{ STATIC_URL }}images/press_logos/die_zeit_logo.png"></a></li>
+                <li><a href="http://www.huffingtonpost.com/2012/05/21/unglueit-free-ebooks-crowdfunding_n_1532644.html"><img alt="huffington post" src="{{ STATIC_URL }}images/press_logos/huffington_post_logo.png"></a></li>
+                <li><a href="http://techcrunch.com/2014/05/06/unglue-it-sets-books-free-after-authors-get-paid/"><img alt="techcrunch" src="{{ STATIC_URL }}images/press_logos/techcrunch_logo.png"></a></li>
+                <li><a href="http://www.thedigitalshift.com/2014/02/ebooks/buy-unglue-ebook-crowdfunding-model-goes-beta/"><img alt="library journal" src="{{ STATIC_URL }}images/press_logos/library_journal_logo.png"></a></li>
+                <li><a href="http://www.networkworld.com/community/node/85329"><img alt="networkworld" src="{{ STATIC_URL }}images/press_logos/networkworld_logo.png"></a></li>
             </ul>
             <div class="speech_bubble"><span>For readers it’s a gold mine of great books they can have a say in bringing to market.</span></div>
     
diff --git a/frontend/templates/learn_more.html b/frontend/templates/learn_more.html
index 2dee652b..048abec0 100644
--- a/frontend/templates/learn_more.html
+++ b/frontend/templates/learn_more.html
@@ -17,7 +17,7 @@
                         </div>
                     </div>
                     <div {%if request.user.is_authenticated  or hide_learn_more %}id="user-block-hide" {% endif %}class="user-block-hide learnmore_block ">
-                        <h1 style="text-align: center;padding-top: 1em;width: 70%; line-height: 1.2em;">Find over 10,000 <i>free</i> ebooks here.<br/>Help us make more ebooks <i>free</i>!</h1>
+                        <h1 style="text-align: center;padding-top: 1em;width: 70%; line-height: 1.2em;">Find over 10,000 <i>free</i> ebooks here.<br />Help us make more ebooks <i>free</i>!</h1>
                          
                         <div class="quicktour panelview" >
                             <div class="panelview panelfront side1" >