privly/privly-applications

View on GitHub
Pages/ChromeFirstRun.html

Summary

Maintainability
Test Coverage
<!DOCTYPE html>
<html>
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <!--
      This was likely rendered from the Privly-application templating system
      See: https://github.com/privly/privly-applications/pull/19
     -->
  <title>
   New FirstRun
  </title>
  <meta content="../shared/test/parameters.js,../shared/test/extension_integration.js,../shared/test/network_service.js" name="PrivlySpec"/>
  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
  <!-- Top Styles -->
  <link class="top" href="../vendor/bootstrap/css/bootstrap.min.css" media="screen" rel="stylesheet"/>
  <link class="top" href="../shared/css/top/top.css" rel="stylesheet"/>
  <!-- Common Styles -->
  <link href="../shared/css/common.css" media="screen" rel="stylesheet" type="text/css"/>
  <link href="../shared/css/tooltip.css" media="screen" rel="stylesheet" type="text/css"/>
  <link href="css/options.css" media="screen" rel="stylesheet" type="text/css"/>
  <script src="../shared/javascripts/meta_loader.js" type="text/javascript">
  </script>
  <script src="../shared/javascripts/parameters.js" type="text/javascript">
  </script>
  <script src="../shared/javascripts/network_service.js" type="text/javascript">
  </script>
  <script src="../shared/javascripts/extension_integration.js" type="text/javascript">
  </script>
  <script src="../shared/javascripts/local_storage.js" type="text/javascript">
  </script>
  <script src="../vendor/jquery.min.js" type="text/javascript">
  </script>
  <script src="../shared/javascripts/tooltip.js" type="text/javascript">
  </script>
  <script src="js/first_run.js" type="text/javascript">
  </script>
 </head>
 <body data-privly-exclude="true">
  <!-- Include all compiled plugins (below), or include individual files as needed -->
  <script src="../vendor/bootstrap/js/bootstrap.min.js">
  </script>
  <!-- Wrap all page content here -->
  <div id="wrap">
   <div class="navbar navbar-inverse navbar-fixed-top injected_hide mobile_hide" role="navigation">
    <div class="container">
     <div class="navbar-header">
      <button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse" type="button">
       <span class="sr-only">
        Toggle navigation
       </span>
       <span class="icon-bar">
       </span>
       <span class="icon-bar">
       </span>
       <span class="icon-bar">
       </span>
      </button>
      <a class="navbar-brand lobster home_domain" href="../Help/content_server.html" title="This is your current content server">
       Privly
      </a>
     </div>
     <div class="collapse navbar-collapse">
      <ul class="nav navbar-nav">
       <li class="logged_in_nav" style="display:none;">
        <a href="../History/new.html">
         History
         <span class="glyphicon glyphicon-list-alt">
         </span>
        </a>
       </li>
       <li class="logged_out_nav">
        <a class="login_url" href="../Login/new.html">
         Login
         <span class="glyphicon glyphicon-log-in">
         </span>
        </a>
       </li>
       <li class="dropdown logged_in_nav" style="display:none;">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
         New Link
         <b class="caret">
         </b>
        </a>
        <ul class="dropdown-menu">
         <li class="dropdown-header">
          Select Application
         </li>
         <li>
          <a href="../Message/new.html">
           <span class="glyphicon glyphicon-pencil">
           </span>
           New Message
          </a>
         </li>
         <li>
          <a href="../PlainPost/new.html">
           <span class="glyphicon glyphicon-pencil">
           </span>
           New PlainPost
          </a>
         </li>
         <li>
          <a href="../Help/new.html">
           <span class="glyphicon glyphicon-info-sign">
           </span>
           Help
          </a>
         </li>
        </ul>
       </li>
       <li class="active dropdown logged_in_nav logged_out_nav">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
         Options
         <b class="caret">
         </b>
        </a>
        <ul class="dropdown-menu">
         <li>
          <a class="account_url logged_in_nav" href="#" style="display:none;" target="_blank">
           <span class="glyphicon glyphicon-new-window">
           </span>
           Server Account
          </a>
         </li>
         <li>
          <a href="../Pages/ChromeOptions.html">
           <span class="glyphicon glyphicon-wrench">
           </span>
           Extension Options
          </a>
         </li>
         <li class="active">
          <a href="../Pages/ChromeFirstRun.html">
           <span class="glyphicon glyphicon-info-sign">
           </span>
           Extension Information
          </a>
         </li>
        </ul>
       </li>
       <li class="logged_in_nav" style="display:none;">
        <a class="logout_url" href="#" id="logout_link">
         Logout
         <span class="glyphicon glyphicon-log-out">
         </span>
        </a>
       </li>
      </ul>
     </div>
     <!--/.nav-collapse -->
    </div>
   </div>
   <div class="container">
    <div class="row">
     <div class="col-lg-12">
      <p class="flash notice" id="messages">
       Pending server check. The application is checking its connection 
              with the remote server.
      </p>
      <p class="flash notice" id="login_message" style="display:none;">
       You are not currently signed into your content server. Please
       <a class="login_url btn btn-default" href="../Login/new.html">
        login
       </a>
      </p>
      <div id="copy_message" style="display:none;">
       <p class="flash notice">
        Copy and paste the address found below to any website
                you want to share this information through.
       </p>
       <p class="flash notice">
        <span class="glyphicon glyphicon-link">
        </span>
        <span class="privlyUrl" data-privly-exclude="true">
        </span>
       </p>
       <p class="flash notice open-app-button" style="display:none;">
        <strong>
         Now copy/paste
        </strong>
        the highlighted address anywhere you want to share it. You can also
        <a class="btn btn-default" href="" id="local_address" target="_blank">
         open the link
        </a>
        to view the content yourself.
       </p>
      </div>
     </div>
    </div>
    <div id="form" style="display:none;">
     <div class="row">
      <div class="container">
       <br/>
       <div class="row">
        <div class="col-md-12">
         <h1>
          Thank you for installing Privly
         </h1>
         <hr/>
         <br/>
        </div>
       </div>
       <div class="row">
        <div class="col-md-5">
         <h2>
          What Now?
         </h2>
         <p>
          Test out your new extension:
         </p>
         <ol>
          <li>
           <strong>
            Get an account on
            <a href="https://privlyalpha.org/apps/Login/new.html" target="_blank">
             PrivlyAlpha.org
            </a>
            then login.
           </strong>
          </li>
          <li>
           Now it is time to post content using Privly! Right click on the form and select "New Message." A window will popup.
          </li>
          <li>
           Type your content into the popup window.
          </li>
          <li>
           Submit the form on the popup window.
          </li>
          <li>
           Submit the form on your webmail or social network.
          </li>
          <li>
           Done!
          </li>
         </ol>
         <p>
          Now you have a more private web!
         </p>
        </div>
        <div class="col-md-7">
         <p>
          <img class="img-responsive center-block" src="img/firstrun.gif" style="border:3px solid #021a40;"/>
         </p>
        </div>
       </div>
       <br/>
       <div class="row">
        <div class="col-md-12">
         <h1>
          Don't Get Spoofed - Know Your Privly Glyph
         </h1>
        </div>
       </div>
       <br/>
       <div class="row">
        <div class="col-md-7">
         <p>
          Often when you are viewing a web page, you will want to know if that content has been added by the Privly extension. To allow you to differentiate Privly and non-Privly content, your extension shows a random block of colors, a "glyph," that will only be displayed when your mouse is over Privly-type content. Often the Privly extension will display additional information next to the glyph like verified identity information, security properties, and more. Remember to commit your specific glyph to memory and don't trust content without your glyph!
         </p>
         <br/>
         <div id="tooltip">
         </div>
        </div>
        <div alt="Animation of the Privly Glyph at work" class="col-md-5">
         <img class="img-responsive" src="img/glyph_animation.gif"/>
        </div>
       </div>
       <br/>
      </div>
      <!-- /container -->
      <div class="container">
       <div class="row">
        <div class="col-md-12">
         <h1>
          Change History
         </h1>
         <p>
          <strong>
           Version 0.4.0 (this version)
          </strong>
         </p>
         <ul>
          <li>
           Added posting button when clicking on text areas.
          </li>
          <li>
           Renamed the "Index" application to "History".
          </li>
          <li>
           Added local key remembrance to ZeroBin Privly applications.
          </li>
          <li>
           Added page to explain what users are looking at when they click on the content server's name.
          </li>
          <li>
           Improved anti-spoofing glyph.
          </li>
          <li>
           Improved copy/paste of newly generated links.
          </li>
          <li>
           Added a shim for supporting localStorage across all browser platforms.
          </li>
          <li>
           Refactored build system to pull from manifest.json files.
          </li>
         </ul>
         <p>
          <strong>
           Version 0.3.7
          </strong>
         </p>
         <ul>
          <li>
           Added in-place editing of content via double clicking the content.
          </li>
          <li>
           Fixed injection of content on dynamic frames (affected Google hangouts).
          </li>
          <li>
           Updated UI on options page.
          </li>
          <li>
           Made text areas auto-resize when typing in them.
          </li>
          <li>
           Added ability to save long-lived posts.
          </li>
          <li>
           Content now previews the update to the content as the user types in the form.
          </li>
          <li>
           Improved error messaging for users.
          </li>
         </ul>
         <p>
          <strong>
           Version 0.3.6
          </strong>
         </p>
         <ul>
          <li>
           Switched Privly icon into a dropdown menu.
          </li>
          <li>
           Added a "help" application to the Privly applications.
          </li>
          <li>
           Fixed initialization of links on login application.
          </li>
          <li>
           Forced address bar to show in popups that do not show the anti-spoofing glyph.
          </li>
          <li>
           Added glyphicons to menus.
          </li>
          <li>
           Updated pages to use Bootstrap 3.
          </li>
         </ul>
         <p>
          <strong>
           Version 0.3.5
          </strong>
         </p>
         <ul>
          <li>
           Updated Stanford Javascript Cryptography Library
           <a href="https://github.com/bitwiseshiftleft/sjcl" target="_blank">
            (SJCL)
           </a>
           .
          </li>
          <li>
           Added templating system.
          </li>
          <li>
           Fixed user experience on link generation.
          </li>
          <li>
           Switched privly.js to mutation observers from mutation events.
          </li>
          <li>
           Can now login without leaving the extension.
          </li>
          <li>
           Updated Privly Applications.
          </li>
         </ul>
         <p>
          <strong>
           Version 0.3.4
          </strong>
         </p>
         <ul>
          <li>
           Updated Privly Applications.
          </li>
          <li>
           Fixed initialization of content server.
          </li>
         </ul>
         <p>
          <strong>
           Version 0.3.3
          </strong>
         </p>
         <ul>
          <li>
           Bug fix
          </li>
         </ul>
         <p>
          <strong>
           Version 0.3.2
          </strong>
         </p>
         <ul>
          <li>
           Added locally-served posting applications.
          </li>
          <li>
           Added "Index" Privly Application.
          </li>
          <li>
           Updated PlainPost and ZeroBin Privly Applications.
          </li>
          <li>
           Added new programmatic test loading scheme.
          </li>
          <li>
           Added domains to tooltip.
          </li>
          <li>
           Numerous bug fixes and usability enhancements.
          </li>
          <li>
           Updated the first-run document.
          </li>
         </ul>
         <p>
          <strong>
           Version 0.3.1
          </strong>
         </p>
         <ul>
          <li>
           <a href="http://www.privly.org/content/chrome-extension-alpha-release">
            Blog Post Regarding Release
           </a>
          </li>
          <li>
           Updated the first-run document.
          </li>
         </ul>
         <p>
          <strong>
           Version 0.3.0
          </strong>
         </p>
         <ul>
          <li>
           <a href="http://www.privly.org/content/chrome-extension-alpha-release">
            Blog Post Regarding Release
           </a>
          </li>
          <li>
           Added the first-run document.
          </li>
          <li>
           Updated page styling.
          </li>
         </ul>
         <p>
          <strong>
           Version 0.2.0
          </strong>
         </p>
         <ul>
          <li>
           Added content server selection.
          </li>
          <li>
           Added user-defined whitelists.
          </li>
          <li>
           Added options page.
          </li>
          <li>
           Added toggling capabilities.
          </li>
          <li>
           Added loading message.
          </li>
          <li>
           Added anti-spoofing glyph.
          </li>
          <li>
           Added local PlainPosts.
          </li>
          <li>
           Added local
           <a href="https://github.com/privly/privly-chrome/issues/15" target="_blank">
            ZeroBins
           </a>
           .
          </li>
          <li>
           Adopted Google's Native Client for compiled library architecture.
          </li>
         </ul>
         <p>
          <strong>
           Version 0.1.1
          </strong>
         </p>
         <ul>
          <li>
           Posting directly to content servers
          </li>
          <li>
           Context menu for posting ZeroBins
          </li>
          <li>
           Context menu for posting PlainPosts
          </li>
          <li>
           Modal button for turning the extension off
          </li>
         </ul>
         <h2>
          Privly Resources
          <ul>
           <li>
            <a href="http://privly.org" target="_blank">
             Foundation Home
            </a>
           </li>
           <li>
            <a href="https://github.com/privly/privly-organization/wiki" target="_blank">
             Development Wiki
            </a>
           </li>
           <li>
            <a href="https://github.com/privly" target="_blank">
             Repository List
            </a>
           </li>
           <li>
            <a href="http://groups.google.com/group/privly" target="_blank">
             Development Mailing List
            </a>
           </li>
           <li>
            <a href="http://groups.google.com/group/privly-test" target="_blank">
             Testing Mailing List
            </a>
           </li>
           <li>
            <a href="http://groups.google.com/group/privly-announce" target="_blank">
             Announcements Mailing List
            </a>
           </li>
           <li>
            <a href="https://priv.ly/pages/bug.html" target="_blank">
             Submit a Bug
            </a>
           </li>
           <li>
            <a href="http://www.privly.org/content/irc" target="_blank">
             IRC
            </a>
           </li>
           <li>
            <a href="https://priv.ly/pages/download" target="_blank">
             Download
            </a>
           </li>
          </ul>
          <h1>
           Contributors
          </h1>
         </h2>
         <p>
          Sean McGregor,
        Daniel Reichert,
        Vlad Fulgeanu,
        Dragoș Alin Rotaru,
        Jason Jacob
         </p>
         <h1>
          Contact
         </h1>
         <p>
          privly@privly.org
          <br/>
          PO Box 79
          <br/>
          Corvallis, OR 97339
         </p>
        </div>
       </div>
      </div>
      <!-- /container -->
     </div>
    </div>
   </div>
   <!-- /.container -->
   <div class="container">
    <div class="row">
    </div>
    <!-- /.row -->
   </div>
   <!-- /.container -->
  </div>
  <!-- /.wrap -->
  <div id="footer">
   <div class="container">
    <p class="text-muted credit">
     <a href="https://www.priv.ly/pages/donate.html" target="_blank">
      <span class="glyphicon glyphicon-gift">
      </span>
      Donate
     </a>
     to build a more private web.
          You are viewing a
          Privly
     <span style="vertical-align: super;font-size: xx-small">
      ®
     </span>
     Application,
     <a href="https://priv.ly/pages/about" target="_blank">
      learn more
     </a>
     about Privly.
     <a class="legal_nav" href="http://priv.ly" target="_blank">
      Terms of Service
     </a>
     and
     <a class="legal_nav" href="http://priv.ly" target="_blank">
      DMCA
     </a>
     .
    </p>
   </div>
  </div>
 </body>
</html>