added Context Graph Shield experiment

2016-09-07 16:13:32 -04:00 · 2016-09-07 16:13:32 -04:00 · 8711d5bcaa
--- a/src/olympia/pages/templates/pages/shield_study_5.html
+++ b/src/olympia/pages/templates/pages/shield_study_5.html
@ -0,0 +1,67 @@
 <!DOCTYPE html>
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
 <html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Context Graph Recommendation Engine</title>
    <link rel="stylesheet" href="{{ STATIC_URL }}css/shield_study_5/main.css" type="text/css" />
  </head>
  <body>
      <div class="container">
        <div class="title-container">
          <h1 class="title">Context Graph Recommendation Engine</h1>
            <a href="https://addons.mozilla.org/developers/addon/context-graph-recommendation-e/?src=shield-study-5"><button class="button primary large">Try Context Graph Recommendation Engine</button></a>
        </div>
        <div class="content"><h1 id="context-graph-experiment">Context Graph Experiment</h1>
 <p>Mozilla wants to test the viability of using information about the
 sites users visit to 
 <a href="https://medium.com/@osunick/context-graph-its-time-to-bring-context-back-to-the-web-a7542fe45cf3">build a recommendation engine that improves discovery on the web</a>.</p>
 <p>Participating in this study will help us find out!</p>
 <h2 id="what-will-happen-next">What will happen next</h2>
 <p><strong>If you agree</strong> to participate:</p>
 <ol>
 <li>We will add additional features to Firefox that record the URLs you visit and send that data to our server. This data will be anonymous and not connected to other information about you.</li>
 <li>Continue using Firefox as you normally would. You will not notice any changes.</li>
 <li>Within three months, the study will end on its own. Your Firefox will
 go back to normal.</li>
 <li>We will ask you to fill out a quick optional survey to tell us about your experience. The survey should take less than 5 minutes to complete.</li>
 </ol>
 <h2 id="leaving-the-study">Leaving the study</h2>
 <p>The study will expire on its own within three months. You may leave
 the study early. To do so, follow these steps:</p>
 <ol>
 <li>Type about:addons into the location bar, and press enter.</li>
 <li>Find Context Graph Recommendation Engine Experiment in the addons list.</li>
 <li>Click the remove button.</li>
 <li>If you opt out of the study early we will ask you to fill out a survey. We’re interested in hearing about your experience, even if you didn’t participate in the entire study.</li>
 <li>Opting out of the study early will delete the data you submitted to the server.</li>
 </ol>
 <p>Opting out of a study does not prevent you from participating in future studies.</p>
 <h2 id="your-privacy">Your privacy</h2>
 <p>Here are the key things you should know about what data is collected
 when you participate in this study:</p>
 <ul>
 <li>We collect URLs you visit, which tab you were in, when you visited and
 how long you spent on the page. We filter some potentially sensitive
 URLs and edit others to improve anonymity.</li>
 <li>This data will be linked to a random ID we only use for this
 experiment. It is used to keep a specific user&#39;s data together on the
 server and to allow a user to request that their data be deleted. </li>
 <li>Important study events, such as install, uninstall, and end of study
 will be collected.</li>
 </ul>
 <p>Our practices for collecting and handling the data can be found <a href="https://github.com/mozilla/heatmap/blob/master/docs/data_practices.md">here</a>.</p>
 <p>Technical specifications about the data collection for this study are
 <a href="https://github.com/mozilla/heatmap/blob/master/docs/submit.rst">here</a>.</p>
 <h2 id="you-help-make-firefox-better">You Help Make Firefox Better</h2>
 <p>At Mozilla, we pride ourselves on building products for you, the user!
 That’s why we need your help.</p>
 <p>By participating in this study, you will help us to make better
 decisions on your behalf and directly shape the future of Firefox!</p>
 </div>
    </div>
  </body>
 </html>
--- a/static/css/shield_study_5/main.css
+++ b/static/css/shield_study_5/main.css
@ -0,0 +1,63 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
@import url("chrome://global/skin/in-content/common.css");
 html {
  height: 100%;
 }
 body {
  align-items: stretch;
  display: flex;
  justify-content: center;
  min-height: 100%;
 }
 .container {
  margin: 10vh 0;
  max-width: 920px;
  padding: 0 10px;
 }
 .title-container {
  align-items: center;
  border-bottom: 1px solid var(--in-content-box-border-color);
  display: flex;
  margin-bottom: .5em;
  padding-bottom: 1em;
  position: relative;
 }
 .title {
  flex: 1;
  margin-bottom: 0;
 }
 .title::before {
  background: url('../../img/shield_study_5/small-firefox-logo@2x.png') no-repeat left center;
  background-size: 57px 59px;
  content: '';
  display: block;
  height: 59px;
  left: -2.3em;
  position: absolute;
  top: 0;
  width: 57px;
 }
 .button {
  height: 40px;
  margin: 0;
  padding: 0 15px;
 }
 /* issues/4 */
 code {
  background-color: rgba(0,0,0,.1);
 }
 pre > code {
  display: block;
 }
--- a/static/img/shield_study_5/small-firefox-logo.png
+++ b/static/img/shield_study_5/small-firefox-logo.png
--- a/static/img/shield_study_5/small-firefox-logo@2x.png
+++ b/static/img/shield_study_5/small-firefox-logo@2x.png