Merge pull request #3226 from hypothesis/csp-violation-homepage

CSP Violation: old homepage

gulpfile.js

@@ -162,6 +162,7 @@ var styleFiles = [
   './h/static/styles/front-page/main.css',
   './h/static/styles/help-page.scss',
   './h/static/styles/site.scss',
+  './h/static/styles/old-home.scss',
 
   // Vendor
   './h/static/styles/vendor/angular-csp.css',

h/static/scripts/legacy-site.js

+'use strict';
+
 window.$ = window.jQuery = require('jquery');
 require('bootstrap');
+
+if (window.chrome !== undefined) {
+  var elements = document.getElementsByClassName('unhide-in-chrome');
+  for (var i = 0; i < elements.length; i++) {
+    elements[i].classList.remove('hidden');
+  }
+  elements = document.getElementsByClassName('hide-in-chrome');
+  for (var i = 0; i < elements.length; i++) {
+    elements[i].classList.add('hidden');
+  }
+}
+
+var bookmarkletInstaller = document.getElementById('js-bookmarklet-install');
+if (bookmarkletInstaller) {
+  bookmarkletInstaller.addEventListener('click', function (event) {
+    window.alert('Drag me to the bookmarks bar');
+    event.preventDefault();
+  });
+}
+
+var chromeextInstaller = document.getElementById('js-chrome-extension-install');
+if (chromeextInstaller) {
+  chromeextInstaller.addEventListener('click', function (event) {
+    chrome.webstore.install();
+    event.preventDefault();
+  });
+}

h/static/styles/old-home.scss

+@at-root {
+  .press-release-banner {
+    background-color: #f7f7f7;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+  }
+
+  .press-release-banner > p {
+    font-size: 21px;
+    margin-top: 20px;
+    margin-bottom: 20px;
+    text-align: center;
+  }
+
+  /* FIXME: Remove the '!important' hack below and move
+  This to the correct stylesheet in the new homepage.
+   */
+  .social-media-link {
+    font-size: 16px !important;
+    text-decoration: none !important;
+  }
+}