Merge pull request #5909 from HabitRPG/sabrecat/social-buttons

Front page Tweet button

common/locales/en/front.json

@@ -178,5 +178,6 @@
     "generalQuestionsSite": "General Questions about the Site",
     "businessInquiries": "Business Inquiries",
     "merchandiseInquiries": "Merchandise Inquiries",
-    "marketingInquiries": "Marketing/Social Media Inquiries"
+    "marketingInquiries": "Marketing/Social Media Inquiries",
+    "tweet": "Tweet"
 }

website/public/js/controllers/footerCtrl.js

@@ -31,6 +31,9 @@ function($scope, $rootScope, User, $http, Notification, ApiUrl) {
     // Stripe
     $.getScript('//checkout.stripe.com/v2/checkout.js');
 
+    // Twitter
+    $.getScript('https://platform.twitter.com/widgets.js');
+
     /* Google Content Experiments
     if (window.env.NODE_ENV === 'production') {
       $.getScript('//www.google-analytics.com/cx/api.js?experiment=boVO4eEyRfysNE5D53nCMQ', function(){

website/views/shared/footer.jade

@@ -57,7 +57,7 @@ footer.footer(ng-controller='FooterCtrl')
           li
             a(target='_blank', href='http://www.reddit.com/r/habitrpg/')=env.t('communityReddit')
       .col-sm-3
-        if (env.NODE_ENV == 'production' && !env.IS_MOBILE)
+        if (env.NODE_ENV === 'production' && !env.IS_MOBILE)
           h4=env.t('footerSocial')
           .addthis_toolbox.addthis_default_style(addthis:url='https://habitica.com', addthis:title=env.t('socialTitle'))
             table
@@ -66,7 +66,7 @@ footer.footer(ng-controller='FooterCtrl')
                   a.addthis_button_facebook_like(fb:like:layout='button_count')
               tr
                 td
-                  a.addthis_button_tweet(tw:via='habitica')
+                  a.twitter-share-button(href='https://twitter.com/intent/tweet?text=Improve+yourself+in+the+land+of+Habitica!&via=habitica&url=https://habitica.com/&count=none')=env.t('tweet')
               tr
                 td
                   iframe(src='/bower_components/github-buttons/github-btn.html?user=habitrpg&repo=habitrpg&type=watch&count=true', allowtransparency='true', frameborder='0', scrolling='0', width='85px', height='20px')

website/views/static/front.jade

@@ -2,26 +2,28 @@ doctype html
 html(ng-app='habitrpg', ng-controller='RootCtrl')
   head
     meta(charset='utf-8')
+    script(type='text/javascript').
+      window.env = !{JSON.stringify(env._.pick(env, env.clientVars))};
+    != env.getManifestFiles("tmp_static_front")
     link(href='//fonts.googleapis.com/css?family=Lato:400,700', rel='stylesheet', type='text/css')
     title Habitica | Your Life the Role Playing Game
     meta(name='description', content='')
     meta(name='keywords', content='')
     meta(name='author', content='')
     meta(name='geo.placename', content='')
-    //if IE
-      meta(http-equiv='imagetoolbar', content='no')
     meta(name='viewport', content='width=device-width, maximum-scale=1')
     meta(property='og:title', content='')
     meta(property='og:description', content='')
     meta(property='og:url', content='')
     meta(property='og:image', content='')
     meta(property='og:site_name', content='')
+    meta(name='twitter:card' content='summary')
+    meta(name='twitter:site' content='@habitica')
+    meta(name='twitter:title' content='Habitica: Your Life the Role Playing Game')
+    meta(name='twitter:description' content='Habitica is a free habit-building and productivity app that treats your real life like a game! Motivate yourself with in-game rewards and social encouragement.') 
+    meta(name='twitter:image' content='https://s3.amazonaws.com/habitica-assets/assets/gryphon_logo.png')
     link(rel='canonical', href='', type='text/html')
-    //-link(rel='sitemap', type='application/xml', title='Sitemap', href='/sitemap.xml')
     link(rel='shortcut icon', href='/favicon.ico')
-    //if lt IE 9
-      script(src='//html5shim.googlecode.com/svn/trunk/html5.js')
-
 
     link(rel='stylesheet', type='text/css', href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.min.css')