Change darkgray #34393A

DESIGNGOALS.md

@@ -1,12 +0,0 @@
- - Support for IE10+?? (decide what our entry level IE is, it's okay to have a cut-off if that results in a more focused higher quality codebase. older browsers will need to opt for our jquery-sdk)
- - Lightweight / easy on dependencies
- - tus.io enabled
- - ES6
- - Robust (retries / resumes for *all the things*), avoid showing 'weird errors'
- - Themable UI with a beautiful default
- - Compatible with React (Native)
- - Works great on mobile
- - Small core, modular plugin architecture for everything: (modal / dragdrop / themes/ webcam / google drive / dropbox / etc)
- - Offering sugared shortcuts for novice users (presets)
-
- 

website/_config.yml

@@ -9,7 +9,7 @@ logo_large: /images/cute-puppy-2.png
 logo_medium: /images/dog-172.png
 logo_icon: /images/emojis/dog.png
 description: >
-  Uppy is an uploader written in ES6 JavaScript with a plugin-based architecture, making
+  Uppy is (going to be) an uploader written in ES6 JavaScript with a plugin-based architecture, making
   it very extensible. Out of the box it supports tapping into Dropbox, Instagram, Local files. It
   has support for resumable file uploads via tus.io, and adding encoding backends.
   Uppy is brought to you by the people behind Transloadit and as such has first class

website/src/_data/design_goals.yml

@@ -0,0 +1,10 @@
+ - "Support for IE10+?? (decide what our entry level IE is, it's okay to have a cut-off if that results in a more focused higher quality codebase. older browsers will need to opt for our jquery-sdk)"
+ - "Lightweight / easy on dependencies"
+ - "tus.io enabled"
+ - "ES6"
+ - "Robust (retries / resumes for all the things), avoid showing 'weird errors'"
+ - "Themable UI with a beautiful default"
+ - "Compatible with React (Native)"
+ - "Works great on mobile"
+ - "Small core, modular plugin architecture for everything: (modal / dragdrop / themes/ webcam / google drive / dropbox / etc)"
+ - "Offering sugared shortcuts for novice users (presets)"

website/src/_data/features.yml

@@ -0,0 +1,18 @@
+- title      : Simple
+  icon       : simple
+  description: You can support complex workflows by refering to existing presets in just a few lines of code.
+- title      : Presets
+  icon       : powerful
+  description: Resumable file uploads. Is there any other way? Thanks to tus.io.
+- title      : Plugins
+  icon       : composable
+  description: Every feature in Puppy is available as a plugin. It's easy to use some, none, or roll your own.
+- title      : Compact
+  icon       : compact
+  description: ~10kb min+gzip, no dependencies.
+- title      : Fast
+  icon       : fast
+  description: Parallel uploading and handling of files
+- title      : Package Ready
+  icon       : module
+  description: Install via NPM our include directly form our CDN!

website/src/_data/menu.yml

@@ -1,3 +0,0 @@
-Home: /
-Gallery: /gallery/
-Archives: /archives/

website/themes/uppy/layout/index.ejs

@@ -13,18 +13,11 @@
     </div>
     <p class="desc">
       <strong>
-        <%- config.title %> - <%- config.subtitle %> <img align="absmiddle" width="18" height="18" class="emoji dog" title="puppy" src="/images/emojis/dog.png">
+        <%- config.subtitle %> <img align="absmiddle" width="18" height="18" class="emoji dog" title="puppy" src="/images/emojis/dog.png">
       </strong>
       <br />
       <br />
-
-      Hey there stranger! We just copied the wonderful <a href="http://vuejs.org">Vue.js</a> website (we included its MIT license and attribution with our sources) to push our
-        boilerplate out. We'll iterate and make this place our own - but there really is nothing to see here yet other than ~plagiarism : )
-
-      <br />
-      <br />
       <%- config.description %>
-
     </p>
     <p class="buttons">
       <a href="/guide/installation.html" class="button">Install v<%- theme.uppy_version %></a>
@@ -95,35 +88,23 @@
 </div>
 <div id="features">
   <div class="feats">
-    <div class="feat">
-      <h2><span class="icon simple"></span>Simple</h2>
-      <p>Write some HTML, grab some JSON, create an Uppy instance, that's it.</p>
-    </div>
-    <div class="feat">
-      <h2><span class="icon powerful"></span>Reactive</h2>
-      <p>Expressions & computed properties with transparent dependency tracking.</p>
-    </div>
-    <div class="feat">
-      <h2><span class="icon composable"></span>Components</h2>
-      <p>Compose your application with decoupled, reusable components.</p>
-    </div>
-    <div class="feat">
-      <h2><span class="icon compact"></span>Compact</h2>
-      <p>~24kb min+gzip, no dependency.</p>
-    </div>
-    <div class="feat">
-      <h2><span class="icon fast"></span>Fast</h2>
-      <p>Precise and efficient async batch DOM updates.</p>
-    </div>
-    <div class="feat">
-      <h2><span class="icon module"></span>Package Ready</h2>
-      <p>Install via NPM or Bower - leverage your favorite eco system!</p>
-    </div>
+    <% for (var k in site.data.features) { var v = site.data.features[k]; %>
+      <div class="feat">
+        <h2><span class="icon <%- v.icon %>"></span><%- v.title %></h2>
+        <p> <%- v.description %></p>
+      </div>
+    <% } %>
   </div>
 </div>
 <div id="design_goals">
   <h2>Design Goals:</h2>
-  <%- partial('partials/DESIGNGOALS') %>
+  <ul>
+    <% for (var k in site.data.design_goals) { var v = site.data.design_goals[k]; %>
+    <li>
+      <%- v %>
+    </li>
+    <% } %>
+  </ul>
 </div>
 <div id="footer">
   <a class="start" href="/guide/index.html">Get Started</a>

website/themes/uppy/layout/partials/DESIGNGOALS.md

@@ -1,10 +0,0 @@
- - Support for IE10+?? (decide what our entry level IE is, it's okay to have a cut-off if that results in a more focused higher quality codebase. older browsers will need to opt for our jquery-sdk)
- - Lightweight / easy on dependencies
- - tus.io enabled
- - ES6
- - Robust (retries / resumes for all the things), avoid showing 'weird errors'
- - Themable UI with a beautiful default
- - Compatible with React (Native)
- - Works great on mobile
- - Small core, modular plugin architecture for everything: (modal / dragdrop / themes/ webcam / google drive / dropbox / etc)
- - Offering sugared shortcuts for novice users (presets)

website/themes/uppy/source/css/_settings.styl

@@ -8,14 +8,15 @@ $body-font-size = 15px
 $code-font-size = .8em
 
 // colors
-$blue    = #01A5E1
-$dark    = #2c3e50
-$medium  = #34495e
-$light   = #7f8c8d
-$green   = #42b983
-$border  = #dddddd
-$codebg  = #f8f8f8
-$red     = #ff6666
-$primary = $blue
+$blue     = #01A5E1
+$dark     = #2c3e50
+$medium   = #34495e
+$light    = #7f8c8d
+$green    = #42b983
+$border   = #dddddd
+$codebg   = #f8f8f8
+$red      = #ff6666
+$darkgray = #7f8c8d
+$primary  = $blue
 
 $radius = 2px

website/update.js

@@ -5,7 +5,7 @@ var installPath   = 'src/guide/installation.md'
 var themeconfig   = fs.readFileSync(themeconfPath, 'utf-8')
 var installation  = fs.readFileSync(installPath, 'utf-8')
 
-fs.writeFileSync('themes/uppy/layout/partials/DESIGNGOALS.md', fs.readFileSync('../DESIGNGOALS.md', 'utf-8'));
+// fs.writeFileSync('themes/uppy/layout/partials/DESIGNGOALS.md', fs.readFileSync('../DESIGNGOALS.md', 'utf-8'));
 
 fs.writeFileSync(
   themeconfPath,