Initial version of the new website from Chloi

Authors: Kenneth Ormandy <[email protected]> Brock Whitten <[email protected]> Rob Ellis <[email protected]>
crosswalk-project · Oct 9, 2014 · 27a9348 · 27a9348
1 parent afa2a2e
commit 27a9348
Show file tree

Hide file tree

Showing 581 changed files with 226,902 additions and 3 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,5 @@
+# ignore www folder.  This is the static content created by "harp compile"
+# and used on the live server.  It should be generated and tested each time 
+# from the harp code
+www/
+
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,121 @@
+The content for this website, unless explicitly listed farther in this
+LICENSE file, are provided under the following terms:
+
+-----------------------------------------------------------------------
+Copyright © 2013–2014 Intel Corporation. All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+   * Redistributions of source code must retain the above copyright
+     notice, this list of conditions and the following disclaimer.
+   * Redistributions in binary form must reproduce the above
+     copyright notice, this list of conditions and the following
+     disclaimer in the documentation and/or other materials provided
+     with the distribution.
+   * Neither the name of Intel Corporation nor the names of its
+     contributors may be used to endorse or promote products derived
+     from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+-----------------------------------------------------------------------
+
+The files in public/css/vendor/bourbon/* and public/css/vendor/neat/*
+are are provided under the following license:
+
+https://github.com/thoughtbot/bourbon/blob/master/LICENSE.md
+-----------------------------------------------------------------------
+LICENSE
+
+The MIT License
+
+Copyright © 2014 thoughtbot, inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the “Software”), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+-----------------------------------------------------------------------
+
+The file for vagueTime in public/js/vagueTime.js is provided under the
+following license:
+
+https://github.com/philbooth/vagueTime.js/blob/master/COPYING
+-----------------------------------------------------------------------
+LICENSE
+
+The MIT License
+
+Copyright © 2012 Phil Booth
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
+of the Software, and to permit persons to whom the Software is furnished to do
+so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+-----------------------------------------------------------------------
+
+The file for TRMix in public/js/trmix.js is provided under the
+followig license:
+
+https://github.com/bramstein/trmix/blob/master/LICENSE
+-----------------------------------------------------------------------
+Copyright (c) 2013 - Tim Brown, Bram Stein
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions
+are met:
+
+ 1. Redistributions of source code must retain the above copyright
+    notice, this list of conditions and the following disclaimer.
+ 2. Redistributions in binary form must reproduce the above copyright
+    notice, this list of conditions and the following disclaimer in the
+    documentation and/or other materials provided with the distribution.
+
+THIS SOFTWARE IS PROVIDED BY THE AUTHOR "AS IS" AND ANY EXPRESS OR IMPLIED
+WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO
+EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT,
+INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING,
+BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
+OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE,
+EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
diff --git a/README.md b/README.md
@@ -1,4 +1,68 @@
-crosswalk-website-v2
-====================
+# Intel Crosswalk
 
-Website revamp October 2014.
+## Running the project
+
+This static site for Crosswalk is built with:
+
+- [Node.js](http://nodejs.org)
+- [Harp](http://harpjs.com), the static web server with build-in preprocessing
+- [KSS](https://github.com/kss-node/kss-node), which creates the styleguide
+
+First, [install Node.js](http://nodejs.org). Then, run the following commands:
+
+```sh
+# Install Harp. You may need to preface this command with `sudo`
+npm install --global harp
+
+# Clone this project from GitHub
+git clone https://github.com/chloi/intel-crosswalk
+
+# Install the project’s dependencies
+npm install
+
+# Serve the project
+harp server
+
+# The project is now available at http://localhost:9000
+```
+
+### Run in production
+
+To run Harp in production:
+
+```
+NODE_ENV=production harp server --port 80
+```
+
+You can also use Harp to compile the site down to flat files, which can then be
+hosted on any web server. These have been included within the repository already.
+
+
+```
+harp compile
+```
+
+Note that this site has been built to take advantage of Harp’s niceties, so the
+web server should:
+
+- Create clean URLs by rewriting, for example, `about.html` to `about/`
+- Allow absolute paths from`/`
+
+### Build the Styleguide
+
+This site comes with its markup and CSS modules documented in a Styleguide. It’s comparable to a miniature version of the [documentation for Bootstrap](http://getbootstrap.com/css/), where each module has an example and the accompanying code.
+
+To build the Styleguide, run the following commands:
+
+```sh
+# Install dependencies
+npm install -g kss
+
+# Build the Styleguide
+npm run styleguide
+
+# Serve the project
+harp server
+
+# Site and Styleguide now available at http://localhost:9000/styleguide
+```
diff --git a/_styleguide-template/index.html b/_styleguide-template/index.html
@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Crosswalk Styleguide</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
+    <meta name="description" content="" />
+    <meta name="generator" content="kss-node" />
+    <link rel="stylesheet" href="public/kss.css" />
+    <link rel="stylesheet" href="public/style.css" />
+    <!--[if lt IE 9]><script src="public/html5shiv.js"></script><![endif]-->
+    <script>
+      WebFontConfig = {
+        google: {
+          families: ['Source Code Pro:n4,n6'],
+          text: 'webviWV'
+        },
+        custom: {
+          families: ['Clear Sans'],
+          urls: ['/css/fonts.css']
+        },
+        timeout: 2000
+      };
+      (function() {
+        var wf = document.createElement('script');
+        wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
+                  '://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js';
+        wf.type = 'text/javascript';
+        wf.async = 'true';
+        var s = document.getElementsByTagName('script')[0];
+        s.parentNode.insertBefore(wf, s);
+      })();
+    </script>
+  </head>
+  <body id="kss-node">
+    <div class="kss-wrapper">
+      <div class="kss-sidebar">
+        <div class="kss-sidebar-inner">
+          <header class="kss-header">
+            <h1 class="kss-doc-title"><a href="./">Crosswalk Styleguide</a></h1>
+          </header>
+          <nav class="kss-nav">
+            <ul class="kss-menu" data-kss-ref="{{rootNumber}}">
+              <li class="kss-menu-item"><a href="./"><span class="kss-ref">0</span><span class="kss-name">Overview</span></a></li>
+              {{#eachRoot}}
+              <li class="kss-menu-item"><a href="section-{{reference}}.html"><span class="kss-ref">{{reference}}</span><span class="kss-name">{{header}}</span></a></li>
+              {{/eachRoot}}
+            </ul>
+            {{#if overview}}
+            {{else}}
+            <ul class="kss-menu-child">
+              {{#eachSection rootNumber}}
+              {{#whenDepth 1}}
+              {{else}}
+              <li class="kss-menu-item"><a href="#section-{{reference}}"><span class="kss-ref">{{reference}}</span><span class="kss-name">{{header}}</span></a></li>
+              {{/whenDepth}}
+              {{/eachSection}}
+            </ul>
+            {{/if}}
+          </nav>
+        </div>
+      </div>
+      <div class="kss-content">
+        <article class="kss-article">
+          {{#if overview}}
+          <section id="section-0" class="kss-section kss-overview">
+            {{html overview}}
+          </section>
+          {{else}}
+          {{#eachSection rootNumber}}
+          <section id="section-{{reference}}" class="kss-section kss-depth-{{refDepth}}">
+            <h1 class="kss-title"><span class="kss-ref">{{reference}}</span> {{header}}</h1>
+            {{#ifAny markup modifiers}}
+            {{#if description}}
+            <div class="kss-description">
+              {{html description}}
+            </div>
+            {{/if}}
+            <div class="kss-modifier-block">
+              <div class="kss-modifier kss-modifier-original">
+                <div class="kss-modifier-example body">
+                  {{modifierMarkup}}
+                </div>
+              </div>
+              {{#eachModifier}}
+              <div class="kss-modifier">
+                <div class="kss-modifier-head">
+                  <div class="kss-modifier-name">{{name}}</div>
+                  <div class="kss-modifier-description">
+                    {{html description}}
+                  </div>
+                </div>
+                <div class="kss-modifier-example body">
+                  {{modifierMarkup}}
+                </div>
+              </div>
+              {{/eachModifier}}
+              <div class="kss-markup">
+                <pre><code data-language="html">{{markup}}</code></pre>
+              </div>
+            </div>
+            {{else}}
+            {{#if description}}
+            <div class="kss-description">
+              {{html description}}
+            </div>
+            {{/if}}
+            {{/ifAny}}
+          </section>
+          {{/eachSection}}
+          {{/if}}
+        </article>
+        <footer class="kss-footer">
+        </footer>
+      </div>
+    </div>
+    <script src="public/kss.js"></script>
+    <script src="public/jquery-1.9.1.min.js"></script>
+    <!--[if gt IE 8]><!-->
+    <script src="public/rainbow.min.js"></script>
+    <!--<![endif]-->
+    <script src="public/main.js"></script>
+  </body>
+</html>
diff --git a/_styleguide-template/public/html5shiv.js b/_styleguide-template/public/html5shiv.js
diff --git a/_styleguide-template/public/jquery-1.9.1.min.js b/_styleguide-template/public/jquery-1.9.1.min.js
diff --git a/_styleguide-template/public/kss.js b/_styleguide-template/public/kss.js