couchdb-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From michel...@apache.org
Subject [1/3] couchdb-www git commit: Revert "Update Fauxton Vis Guide - pictures"
Date Tue, 29 Nov 2016 13:11:23 GMT
Repository: couchdb-www
Updated Branches:
  refs/heads/asf-site 1f820a8cf -> 12eadadcb


http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/12eadadc/fauxton-visual-guide/imgs/screenshots/editor6.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/imgs/screenshots/editor6.png b/fauxton-visual-guide/imgs/screenshots/editor6.png
deleted file mode 100644
index e8389ef..0000000
Binary files a/fauxton-visual-guide/imgs/screenshots/editor6.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/12eadadc/fauxton-visual-guide/imgs/screenshots/empty_alldocs.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/imgs/screenshots/empty_alldocs.png b/fauxton-visual-guide/imgs/screenshots/empty_alldocs.png
deleted file mode 100644
index 4d56b14..0000000
Binary files a/fauxton-visual-guide/imgs/screenshots/empty_alldocs.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/12eadadc/fauxton-visual-guide/imgs/screenshots/jumptopermissions.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/imgs/screenshots/jumptopermissions.png b/fauxton-visual-guide/imgs/screenshots/jumptopermissions.png
deleted file mode 100644
index b132d0e..0000000
Binary files a/fauxton-visual-guide/imgs/screenshots/jumptopermissions.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/12eadadc/fauxton-visual-guide/imgs/screenshots/jumptoreplicate.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/imgs/screenshots/jumptoreplicate.png b/fauxton-visual-guide/imgs/screenshots/jumptoreplicate.png
deleted file mode 100644
index 1518d92..0000000
Binary files a/fauxton-visual-guide/imgs/screenshots/jumptoreplicate.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/12eadadc/fauxton-visual-guide/imgs/screenshots/one-db.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/imgs/screenshots/one-db.png b/fauxton-visual-guide/imgs/screenshots/one-db.png
deleted file mode 100644
index be035ae..0000000
Binary files a/fauxton-visual-guide/imgs/screenshots/one-db.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/12eadadc/fauxton-visual-guide/imgs/screenshots/replcationSourceTarget.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/imgs/screenshots/replcationSourceTarget.png b/fauxton-visual-guide/imgs/screenshots/replcationSourceTarget.png
deleted file mode 100644
index a56da28..0000000
Binary files a/fauxton-visual-guide/imgs/screenshots/replcationSourceTarget.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/12eadadc/fauxton-visual-guide/imgs/screenshots/replication1.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/imgs/screenshots/replication1.png b/fauxton-visual-guide/imgs/screenshots/replication1.png
deleted file mode 100644
index b232076..0000000
Binary files a/fauxton-visual-guide/imgs/screenshots/replication1.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/12eadadc/fauxton-visual-guide/imgs/screenshots/searchdb.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/imgs/screenshots/searchdb.png b/fauxton-visual-guide/imgs/screenshots/searchdb.png
deleted file mode 100644
index 6240085..0000000
Binary files a/fauxton-visual-guide/imgs/screenshots/searchdb.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/12eadadc/fauxton-visual-guide/imgs/screenshots/selectdb.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/imgs/screenshots/selectdb.png b/fauxton-visual-guide/imgs/screenshots/selectdb.png
deleted file mode 100644
index a685ec8..0000000
Binary files a/fauxton-visual-guide/imgs/screenshots/selectdb.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/12eadadc/fauxton-visual-guide/imgs/screenshots/setup1.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/imgs/screenshots/setup1.png b/fauxton-visual-guide/imgs/screenshots/setup1.png
deleted file mode 100644
index 8721881..0000000
Binary files a/fauxton-visual-guide/imgs/screenshots/setup1.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/12eadadc/fauxton-visual-guide/imgs/screenshots/setup2.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/imgs/screenshots/setup2.png b/fauxton-visual-guide/imgs/screenshots/setup2.png
deleted file mode 100644
index 523c35f..0000000
Binary files a/fauxton-visual-guide/imgs/screenshots/setup2.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/12eadadc/fauxton-visual-guide/imgs/screenshots/start.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/imgs/screenshots/start.png b/fauxton-visual-guide/imgs/screenshots/start.png
deleted file mode 100644
index d418a86..0000000
Binary files a/fauxton-visual-guide/imgs/screenshots/start.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/12eadadc/fauxton-visual-guide/imgs/screenshots/successful_create.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/imgs/screenshots/successful_create.png b/fauxton-visual-guide/imgs/screenshots/successful_create.png
deleted file mode 100644
index 4f4507a..0000000
Binary files a/fauxton-visual-guide/imgs/screenshots/successful_create.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/12eadadc/fauxton-visual-guide/imgs/screenshots/verify.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/imgs/screenshots/verify.png b/fauxton-visual-guide/imgs/screenshots/verify.png
deleted file mode 100644
index d383ff7..0000000
Binary files a/fauxton-visual-guide/imgs/screenshots/verify.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/12eadadc/fauxton-visual-guide/imgs/user.svg
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/imgs/user.svg b/fauxton-visual-guide/imgs/user.svg
deleted file mode 100644
index db12c41..0000000
--- a/fauxton-visual-guide/imgs/user.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generated by IcoMoon.io -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32">
-<g>
-</g>
-	<path d="M20.736 31.904h-11.968c-3.296 0-5.952-2.656-5.952-5.984v0c0.608-3.648 3.072-6.72 6.176-8.448-1.344-1.408-2.208-3.36-2.208-5.472v-4c0-4.384 3.552-7.968 7.968-7.968s7.968 3.584 7.968 7.968v4c0 2.112-0.864 4.064-2.208 5.472 3.104 1.728 5.568 4.8 6.176 8.448v0c0 3.328-2.656 5.984-5.952 5.984zM18.72 12v-4c0-2.176-1.76-3.968-3.968-3.968s-3.968 1.792-3.968 3.968v4c0 2.176 1.76 3.968 3.968 3.968s3.968-1.792 3.968-3.968zM22.72 25.92c-0.896-3.424-4.256-5.952-7.968-5.952v0 0c-3.712 0-7.072 2.528-7.968 5.952v0c0 1.12 0.896 2.016 1.984 2.016h11.936c1.12 0 2.016-0.896 2.016-2.016v0z" fill="#000000" />
-</svg>

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/12eadadc/fauxton-visual-guide/imgs/using-fauxton-dark.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/imgs/using-fauxton-dark.png b/fauxton-visual-guide/imgs/using-fauxton-dark.png
deleted file mode 100644
index a2b444c..0000000
Binary files a/fauxton-visual-guide/imgs/using-fauxton-dark.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/12eadadc/fauxton-visual-guide/imgs/using-fauxton-light.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/imgs/using-fauxton-light.png b/fauxton-visual-guide/imgs/using-fauxton-light.png
deleted file mode 100644
index 1dd52dc..0000000
Binary files a/fauxton-visual-guide/imgs/using-fauxton-light.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/12eadadc/fauxton-visual-guide/index.html
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/index.html b/fauxton-visual-guide/index.html
index d6d799a..891faf4 100644
--- a/fauxton-visual-guide/index.html
+++ b/fauxton-visual-guide/index.html
@@ -1,141 +1,182 @@
-<!DOCTYPE html><html><head><title>Fauxton Visual Guide</title><link rel="stylesheet" href="https://opensource.keycdn.com/fontawesome/4.7.0/font-awesome.min.css "><link rel="stylesheet" href="main.css"><link rel="icon" type="image/png" href="imgs/favicon.png"><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script><script src="js/jquery.visible.min.js"></script><script src="js/main.js"></script></head><body><div id="redsidebar"><div class="header"> <img src="imgs/CouchDB-SVG.svg" class="logo svg"><span class="title">Fauxton<span class="subtitle"> Visual Guide</span></span></div><a href="#getting-started" data-nav="getting-started" class="section getting-started"><div class="large-icon"></div><div class="big-nav-subtitle">GETTING STARTED</div></a><a href="#using-fauxton" data-nav="using-fauxton" class="section using-fauxton"><div class="large-icon"></div><div class="
 big-nav-subtitle">USING FAUXTON</div></a><a href="#answers" data-nav="answers" class="section answers"><div class="large-icon"></div><div class="big-nav-subtitle">ANSWERS</div></a></div><div id="content" class="showSideBar"><div id="getting-started" class="section shown"><div class="middleBar"><img src="imgs/getting-started-light.png" class="topic-image"><div class="section-title">GETTING STARTED</div></div><div id="rightContent"><div class="intro-section"><h1>Welcome to Fauxton.</h1><div>Apache CouchDB is a database that uses JSON for documents, JavaScript for MapReduce indexes, and regular HTTP for its API.</div><div>Fauxton is a native web-based interface built into CouchDB. It provides a basic interface to the majority of the functionality, including the ability to create, update, delete and view documents and design documents. It provides access to the configuration parameters, and an interface for initiating replication.</div></div><div class="intro-section"><h1>Getting Starte
 d</h1><h2>Download</h2><div class="dl-space">Start by downloading the CouchDB suite:</div><div>1. Go to <a href="https://couchdb.apache.org/">couchdb.apache.org</a><span>, and click </span><a href="https://couchdb.apache.org/#download"><img src="imgs/download-btn.png" class="download-btn"></a></div><div>2. Learn how to install and setup CouchDB from <a href="http://docs.couchdb.org/en/latest/install/index.html">here</a><span>, then go to </span><a href="http://127.0.0.1:5984/_utils">http://127.0.0.1:5984/_utils</a></div></div><div id="end-getting-started"></div></div></div><div id="using-fauxton" class="section"><div class="middleBar"><img src="imgs/using-fauxton-light.png" class="topic-image"><div class="section-title">USING FAUXTON</div><div class="fauxton-toc"><div class="icon-menu"><div><a href="#_all_dbs" class="icon-menu-_all_dbs"><i aria-hidden="true" class="fa fa-database"></i></a><div class="line"></div></div><div><a href="#setup" class="icon-menu-setup"><i aria-hidden="tru
 e" class="fa fa-wrench"></i></a><div class="line"></div></div><div><a href="#_activetasks" class="icon-menu-_activetasks"><i aria-hidden="true" class="fa fa-tasks"></i></a><div class="line"></div></div><div><a href="#_config" class="icon-menu-_config"><i aria-hidden="true" class="fa fa-cog"></i></a><div class="line"></div></div><div><a href="#replication" class="icon-menu-replication"><img src="imgs/replicate.svg" class="svg replicate-icon"></a><div class="line"></div></div><div><a href="#documentation" class="icon-menu-documentation"><img src="imgs/bookmark.svg" class="svg docs-icon"></a><div class="line"></div></div><div><a href="#login" class="icon-menu-login"><img src="imgs/user.svg" class="svg user-icon"></a><div class="line"></div></div><div><a href="#verifyinstall" class="icon-menu-verifyinstall"><i aria-hidden="true" class="fa fa-check-circle"></i></a></div></div><div class="toc"><a href="#intro" id="toc-intro" class="heading selected"> <div class="heading-title"> <span clas
 s="number">00</span><span class="heading-text"></span></div></a><div id="toc-_all_dbs" class="heading"> <a href="#_all_dbs" class="heading-title"> <span class="number">01 // </span><span class="heading-text">ALL DATABASES</span></a><a href="#_all_dbs" id="_all_dbs-sub" class="subheading">ADD A NEW DATABASE</a><a href="#_all_docs" id="_all_docs-sub" class="subheading">A SINGLE DB (ALL DOCS)</a><a href="#editor" id="editor-sub" class="subheading">THE EDITOR</a><a href="#db-action" id="db-actions-sub" class="subheading">DATABASE ACTIONS</a></div><a href="#setup" id="toc-setup" class="heading"><div class="heading-title"> <span class="number">02 // </span><span class="heading-text">SETUP</span></div></a><a href="#_activetasks" id="toc-_activetasks" class="heading"><div class="heading-title"> <span class="number">03 // </span><span class="heading-text">ACTIVE TASKS</span></div></a><a href="#_config" id="toc-_config" class="heading"><div class="heading-title"> <span class="number">04 // </
 span><span class="heading-text">CONFIGURATION</span></div></a><a href="#replication" id="toc-replication" class="heading"><div class="heading-title"> <span class="number">05 // </span><span class="heading-text">REPLICATION</span></div></a><a href="#documentation" id="toc-documentation" class="heading"> <div class="heading-title"> <span class="number">06 // </span><span class="heading-text">DOCUMENTATION </span></div></a><a href="#login" id="toc-login" class="heading"> <div class="heading-title"> <span class="number">07 // </span><span class="heading-text">LOGIN / ADMIN</span></div></a><a href="#verifyinstall" id="toc-verifyinstall" class="heading"> <div class="heading-title"> <span class="number">08 // </span><span class="heading-text">VERIFY</span></div></a></div></div></div><div id="rightContent"><div class="box"><div id="intro" class="chapter"> <h1 id="introduction">INTRODUCTION</h1>
-<h2 id="features-overview">Features Overview</h2>
-<p>This guide is from September 2016. Fauxton is continuously being improved, so there may be slight differences in the examples in this document vs the latest and greatest <a href="https://www.npmjs.com/package/fauxton">Fauxton on npm</a>.</p>
+<!DOCTYPE html><html><head><title>Fauxton Visual Guide</title><link rel="stylesheet" href="main.css"><link rel="icon" type="image/png" href="assets/couch.png"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script><script src="js/main.js"></script></head><body><div id="toggle-toc-button">TOC</div><ul id="toc" class="hidden"><li><a href="#page-intro">Intro</a></li><li><a href="#page-overview">Overview</a></li><li><a href="#page-getting-started">Features: Getting Started</a></li><li><a href="#page-all-dbs">All Databases</a></li><li><a href="#page-all-docs">All Documents</a></li><li><a href="#page-active-tasks">Active Tasks</a></li><li><a href="#page-replication">Replication</a></li><li><a href="#page-config">Configuration</a></li><li><a href="#page-login">Login/User Management</a></li><li><a href="#page-verify">Verify</a></li><li><a href="#page-helpful-links">Helpful Links</a></li><li><a href="#page-answers">Answers!</a></li></ul><div id="page-intro" cl
 ass="pagecontainer"><div class="leftside linen page"><div id="introBox" class="textbox"><h1>Fauxton</h1><h2>A visual guide</h2></div></div><div class="rightside page"><img src="assets/couch.png" class="couch"></div></div><div id="page-overview" class="pagecontainer"><div class="leftside page"><img src="assets/couchdb-logo1.png"></div><div class="rightside linen page"><div class="textbox"><h1 id="overview">Overview</h1>
+<p>Welcome to Fauxton.</p>
+<p>Apache CouchDB is a database
+that uses JSON for documents,
+JavaScript for MapReduce indexes,
+and regular HTTP for its API.</p>
+<p>Fauxton is a native web-based interface built into CouchDB. It
+provides a basic interface to the majority of the functionality,
+including the ability to create, update, delete and view documents and
+design documents. It provides access to the configuration parameters,
+and an interface for initiating replication.</p>
+<p><a href="https://couchdb.apache.org/">CouchDB Homepage</a> (download available
+<a href="https://couchdb.apache.org/#download">here</a>!)</p>
+<p><a href="http://docs.couchdb.org/en/latest/install/index.html">How to Install/Setup</a></p>
+<p><a href="https://www.npmjs.com/package/fauxton">Install via npm</a>  </p>
+<div class="npm">
+  <code>npm install -g fauxton</code><br>  <code>fauxton</code>
+</div>
+
+<p><a href="http://docs.couchdb.org/en/latest/">CouchDB Documentation</a></p>
+<p><a href="http://blog.couchdb.org/">CouchDB Blog</a> Updates Weekly! :)</p>
+<p><a href="http://webchat.freenode.net/?channels=couchdb">CouchDB IRC</a> Chat
+with our volunteers and others in the community.</p>
+<p><a href="http://www.apache.org/">Apache Software Foundation</a> About the ASF</p>
+</div></div></div><div id="page-getting-started" class="pagecontainer"><div class="leftside page"><img src="assets/login.png"></div><div class="rightside linen page"><div class="textbox"><h1 id="features-getting-started">Features: Getting Started</h1>
 <p>When you first start to use Fauxton, the left most navigation panel
 will allow you jump quickly between viewing different parts of what&#39;s
 going on in your CouchDB instance.</p>
-<p><img src="imgs/screenshots/start.png" alt="First Start" title="On Startup"></p>
-<p>You can expand or collapse the navigation by clicking <i aria-hidden="true" class="fa fa-bars"> icon</i> in the top left corner of the page.</p>
-<p><a href="#_all_dbs">Databases</a> will show you a list of all your databases,
+<p>You can expand or collapse the navigation by clicking on the area 
+above the topmost tab, &quot;Databases&quot;, where the icon of the three
+horizontal lines is.</p>
+<p><a href="#page-all-dbs">Databases</a> will show you a list of all your databases,
 their size, number of documents, and provides quick links to it&#39;s
 permissions page and replication page.</p>
-<p><a href="#setup">Setup</a> is a wizard to set up and configure CouchDB clusters or a single node.</p>
-<p><a href="#_activetasks">Active Tasks</a> displays a list of the running
+<p><a href="#page-active-tasks">Active Tasks</a> displays a list of the running
 background tasks on the server. Background tasks include view index
 building, compaction and replication. This page is an interface to
 the <a href="http://docs.couchdb.org/en/latest/api/server/common.html#api-server-active-tasks">Active Tasks API</a>
 call.</p>
-<p><a href="#_config">Config</a> is an interface for the configuration of your
+<p><a href="#page-config">Config</a> is an interface for the configuration of your
 CouchDB installation. The interface allows you to edit different
 configurable parameters. For more details on configuration, see
 <a href="http://docs.couchdb.org/en/latest/config/index.html#config">Configuring CouchDB</a>.</p>
-<p><a href="#replication">Replication</a> is an interface to the replication
+<p><a href="#page-replication">Replication</a> is an interface to the replication
 system, enabling you to initiate replication between local and remote
 databases.</p>
 <p><a href="http://docs.couchdb.org/en/latest/">Documentation</a>
 will direct you to your local copy of the documentation. The link 
 shown in this guide is to the online version.</p>
-<p><a href="#login">Login/User Management</a> lets you can change your password,
+<p><a href="#page-login">Login/User Management</a> lets you can change your password,
 or add administrator to your CouchDB instance.</p>
-<p><a href="#verifyinstall">Verify</a> verifies your installation and allows you to
+<p><a href="#page-verify">Verify</a> verifies your installation and allows you to
 check whether all of the components of your CouchDB installation are
 correctly installed.</p>
-</div><div id="_all_dbs" class="chapter"><h1 id="databases">Databases</h1>
-<p><strong> Create Database </strong>
+</div></div></div><div id="page-all-dbs" class="pagecontainer"><div class="leftside page"><img src="assets/all-dbs.png"></div><div class="rightside linen page"><div class="textbox"><h1 id="all-databases">All Databases</h1>
+<p><strong> 1 Add a new Database </strong>
 Click this button on the top bar, and
-enter the name of the database you want to create.
-<img src="imgs/screenshots/createdb.png" alt="Create a database" title="Create a database"></p>
-<p>Once created, you should see a success message in green at the top of the window:
-<img src="imgs/screenshots/successful_create.png" alt="Create DB Sucess" title="Create DB Sucess"></p>
-<p><strong> Search for a Database </strong>
+enter the name of the database you want to create.</p>
+<p><strong> 2 Search for a Database </strong>
 This text field auto-completes and jumps directly to a specified
-database.
-<img src="imgs/screenshots/searchdb.png" alt="Search for a database" title="Search for a DB"></p>
-<p><strong> View a Database  </strong>
-This link will take to that database&#39;s &quot;<a href="#_all_docs">All Docs</a>&quot;
+database.</p>
+<p><strong> 3 View a Database  </strong>
+This link will take to that database&#39;s &quot;<a href="#page-all-docs">All Docs</a>&quot;
 page where you can view all of that database&#39;s contents. You can also
 delete, replicate, and change the permissions for a database from the
-database&#39;s &#39;All Docs&#39; page.
-<img src="imgs/screenshots/selectdb.png" alt="Select a DB" title="Select a DB"></p>
-<h1 id="_all_docs" class="sub">A Single Database<p><strong> All Documents </strong>
-When you click on the database name, from the Databases page, you will see the <strong>All Docs</strong> page. Here you can create and edit documents, and create and edit views.
-<img src="imgs/screenshots/empty_alldocs.png" alt="All Docs" title="All Docs"></p>
-<p><strong> Create a Document </strong>
-Click on the plus symbol to open the &#39;Add new&#39; menu.
-<img src="imgs/screenshots/create-doc-menu.png" alt="Create a Doc Menu" title="Create a Doc Menu"></p>
-<p>This should open a menu that will let you choose what the new document type you would like to create.</p>
-<p><img src="imgs/screenshots/create-doc-menu-2.png" alt="Create a Doc Menu" title="Create a Doc Menu"></p>
-<p>If you click New Doc, you&#39;ll be taken to the Fauxton text editor.</p>
-</h1><h1 id="editor" class="sub">The Editor<p><strong> The Editor </strong>
-When you first arrive at the editor, you will see:
-<img src="imgs/screenshots/editor1.png" alt="Editor" title="Editor"></p>
-<p>At this point, nothing has been created yet. The document on screen is pre-filled with a JSON object, and an _id with a Globally Unique Identifier (GUID). If you want to change the value of the _id, you must do that before you create the document.</p>
-<p>You can edit any data for the document before or after creating the document, except for the _id, after it has been created.</p>
-<p>Adding Data:
-<img src="imgs/screenshots/editor2.png" alt="Adding data" title="Adding data"></p>
-<p>Click the <strong>Create Document</strong> to save the document.</p>
-<p><img src="imgs/screenshots/editor3.png" alt="Click Create" title="Click Create Document"></p>
-<p>After you click <strong>Create Document</strong> you will go to back to the All Docs page, and you should see it there with a success message in green up top. If you did not change the ID, you may not be able to see your data on this screen. 
-<img src="imgs/screenshots/editor4
-.png" alt="Create Document Success" title="Create Document Success"></p>
-<p>You can click on the <strong> Include Docs </strong> checkbox to see the entire document on this screen.
-<img src="imgs/screenshots/editor5.png" alt="Included Docs" title="Include Docs"></p>
-<p><img src="imgs/screenshots/editor6.png" alt="Included Docs" title="Include Docs"></p>
-</h1><h1 id="db-action" class="sub">Database Maintenance<p><strong> DB Maintenance</strong>
-<img src="imgs/screenshots/db-admin1.png" alt="DB Admin Menu" title="DB Admin Menu">
-This menu will allows you replicate the Database, and as well as delete it.
-<img src="imgs/screenshots/db-admin2.png" alt="DB Admin Menu" title="DB Admin Menu"></p>
-<p><strong> Replication Link </strong>
-Jump directly to the Replication page for this database.
-<img src="imgs/screenshots/jumptoreplicate.png" alt="Replicate a DB" title="Replicate a DB"></p>
-<p><strong> Permissions Link  </strong>
-Jump directly to the Permissions page for this database.
-<img src="imgs/screenshots/jumptopermissions.png" alt="Jump to Permissions" title="Jump to Permissions"></p>
-</h1></div><div id="setup" class="chapter"><h1 id="setup">Setup</h1>
-<p>The Setup tab provides an installation wizard to help you setup a cluster, in case you haven’t done before, or in case you would prefer to use Fauxton.</p>
-<p>You can read more about it in the docs: 
-<a href="http://docs.couchdb.org/en/master/cluster/setup.html#the-cluster-setup-wizard">Cluster Setup Wizard</a></p>
-<p><img src="imgs/screenshots/setup1.png" alt="Setup 1" title="Setup 1">
-<img src="imgs/screenshots/setup2.png" alt="Setup 2" title="Setup 2"></p>
-<p>You can read more about CouchDB clusters in the docs as well: 
-<a href="http://docs.couchdb.org/en/master/cluster/index.html">CouchDB Clusters</a></p>
-</div><div id="_activetasks" class="chapter"><h1 id="active-tasks">Active Tasks</h1>
+database&#39;s &#39;All Docs&#39; page.</p>
+<p><strong> 4 Replication Link </strong>
+Jump directly to the Replication page for this database.</p>
+<p><strong> 5 Permissions Link  </strong>
+Jump directly to the Permissions page for this database.</p>
+</div></div></div><div id="page-all-docs" class="pagecontainer"><div class="leftside page"><img src="assets/all-docs.png"></div><div class="rightside linen page"><div class="textbox"><h1 id="all-documents">All Documents</h1>
+<p><strong> 1 All Documents overview  </strong>
+This is the viewing area, the default view shows you all of the
+documents in your database. If you want to view each document&#39;s
+contents, you can either click &#39;Query Options&#39; (located in upper right
+corner), and then &#39;Include Docs&#39;. To edit a document, you can either
+click on the pencil in upper right of each card, or double click on 
+the document card, go to the editor page.</p>
+<p><strong> 2 Quick Links  </strong>
+These are all links that pertain to this specific database.</p>
+<p><strong> 3 View Design Documents  </strong>
+Design Documents are special documents, since they are data, they are
+included in the database as documents, but they are special because
+they contain functions for Map-Reduce which act on the rest of the 
+documents in the database.</p>
+</div></div></div><div id="page-header-bar" class="pagecontainer"><div class="headerSubsections"><div class="head-header-section"><div class="leftside"></div><div class="rightside linen firstright"><div class="long-header-textbox textbox"></div></div></div><div class="tail-header-section"><div class="headerSection"><div class="leftside subleft"><img src="assets/headerbar/0.png"></div><div class="rightside subright"><div class="textbox"><h1 id="the-header-bar-all-documents">The Header Bar - All Documents</h1>
+<p><strong> Default Header Bar  </strong>
+The top image is the default view of the header bar. You can play 
+around with the controls to see how it works.  </p>
+</div></div></div><div class="headerSection"><div class="leftside subleft"><img src="assets/headerbar/1.png"></div><div class="rightside subright"><div class="textbox"><p><strong> 1 Jump to another Database Dropdown   </strong>
+If you click on the database name here, a tray will pop out, and
+you can type the name of another database. Clicking ENTER on the name
+will cause the page to jump directly into that database.</p>
+</div></div></div><div class="headerSection"><div class="leftside subleft"><img src="assets/headerbar/2.png"></div><div class="rightside subright"><div class="textbox"><p><strong> 2 Cog   </strong>
+You can do many things using the tray within the Cog button. You can
+replicate this database, delete this database, add a new document, a
+new view, or query an index.  </p>
+</div></div></div><div class="headerSection"><div class="leftside subleft"><img src="assets/headerbar/3.png"></div><div class="rightside subright"><div class="textbox"><p><strong> 3 Multiple Document Select and delete   </strong>
+Clicking &#39;Select&#39; will allow you choose multiple documents, or
+deselect all the documents for deletion. You can also expand or
+collapse all of the documents to show more information.</p>
+</div></div></div><div class="headerSection"><div class="leftside subleft"><img src="assets/headerbar/4.png"></div><div class="rightside subright"><div class="textbox"><p><strong> 4 Jump to a specific document in this database  </strong>
+This field takes the _id of the document you are trying to view.
+Use this search bar to jump to a specific document in the database.</p>
+</div></div></div><div class="headerSection"><div class="leftside subleft"><img src="assets/headerbar/5.png"></div><div class="rightside subright"><div class="textbox"><p><strong> 5 Query Options   </strong>
+You choose how you want to view the documents in this database using
+Query Options. &#39;Include Docs&#39; will show all the data in each document.
+&#39;Keys&#39; will allow to narrow down the documents being viewed on this
+page based on the parameters you provide.</p>
+</div></div></div><div class="headerSection"><div class="leftside subleft"><img src="assets/headerbar/6.png"></div><div class="rightside subright"><div class="textbox"><p><strong> 6 API URL  </strong>
+The API URL button shows up on most pages. All the data in CouchDB is
+available through a pingable API URL. You can click on this link to
+view and copy the particular API for the page you are viewing.
+Many times, the browser will shows a interface based on one of the API
+endpoints.</p>
+</div></div></div></div></div></div><div id="page-active-tasks" class="pagecontainer"><div class="leftside page"><img src="assets/active-tasks.png"></div><div class="rightside linen page"><div class="textbox"><h1 id="active-tasks">Active Tasks</h1>
 <p><strong> 1 Change Polling Interval  </strong>
 The status of each task can change as you are watching the Active 
 Tasks page. The page auto-updates, but polls at regular intervals. You
 can set the amount of time that the page updates itself by dragging on
-this bar.
-<img src="imgs/screenshots/activetasks1.png" alt="Active Tasks Polling" title="Active Tasks Polling"></p>
+this bar.</p>
 <p><strong> 2 API URL  </strong>
 This page is an interface to the
 <a href="http://docs.couchdb.org/en/latest/api/server/common.html#api-server-active-tasks">Active Tasks API</a>
-call. You can view or copy the raw JSON by clicking on this button.
-<img src="imgs/screenshots/activetasks2.png" alt="Active Tasks API" title="Active Tasks API"></p>
+call. You can view or copy the raw JSON by clicking on this button.</p>
 <p><strong> 3 Filter  </strong>
 You can filter by the type of task, or search active tasks by
-database name (either source or target) using these tabs.
-<img src="imgs/screenshots/activetasks3.png" alt="Active Tasks Filter" title="Active Tasks Filter"></p>
-</div><div id="_config" class="chapter"><h1 id="configuration">Configuration</h1>
-<p>This may be disabled in Fauxton if you are using CouchDB 2.0, and you can only change config parameters via the backdoor port. It&#39;s best not to use Fauxton for setting config in 2.0, rather use a config tool like chef, puppet, ansible, etc.</p>
-<p>In earlier versions, the interface allows you to edit some of the different configurable parameters. </p>
-<p><img src="imgs/screenshots/config.png" alt="Config" title="Config"></p>
-<h1 id="cors">CORS</h1>
-<p>CORS stands for Cross Origin Resource Sharing. It is a setting that pertains only to browsers.</p>
-<p>By enabling CORS, you allow other people, from their browsers, to access the data you have stored in your CouchDB databases.</p>
-<p>They can ping your CouchDB instance through an AJAX request, and it will return information. Or they can POST data to your CouchDB instance, and CORS allows you to recieve that information.</p>
-<p>For example, if your CouchDB installation is running on the domain alice.example you can ping someone else&#39;s CouchDB instance through an AJAX request from a different domain, e.g. bob.example - or even localhost!</p>
-<p>But be careful - allowing any domain to access your data can be a security risk. If you only want certain websites (origins) to be able to retrieve and change data, you can set &#39;Restrict to specific domains&#39;, and then list which origins you want to allow access for.</p>
-<p>By setting, &#39;All domains&#39;, you allow anyone from anywhere to ping your databases, and retrieve information that way.</p>
-<p>If you disable CORS, the JavaScript that makes the AJAX request needs to run on the same domain. With CORS disabled frontend code that runs on alice.example must be also hosted on alice.example. Disabling CORS, means that no browser that pings your databases will recieve information.</p>
-<p>You can also limit who can ping you. If you only want certain websites, or origins, to be able to recieve data from your stores, you can set &#39;Restrict to specific domains&#39;, and then list which origins you want to allow access.</p>
-<p>This is a browser specific layer of protection, a second layer of protection, if you will. The first layer of protection comes from the permissions you set on each database using roles. (For more information, see <a href="http://docs.couchdb.org/en/latest/api/database/security.html">CouchDB Security</a>)</p>
-<p><img src="imgs/screenshots/cors.png" alt="CORS" title="CORS"></p>
-<p>For more details on configuration, see the
+database name (either source or target) using these tabs.</p>
+</div></div></div><div id="page-config" class="pagecontainer"><div class="leftside page"><img src="assets/config.png"></div><div class="rightside linen page"><div class="textbox"><h1 id="configuration">Configuration</h1>
+<p>An interface into the configuration of your CouchDB installation. The
+interface allows you to edit the different configurable parameters. 
+For more details on configuration, see the
 <a href="http://docs.couchdb.org/en/latest/config/index.html#config">Configuring CouchDB</a>
 section.</p>
-</div><div id="replication" class="chapter"><h1 id="replication">Replication</h1>
+</div></div></div><div id="page-cors" class="pagecontainer"><div class="leftside page"><img src="assets/cors.png"></div><div class="rightside linen page"><div class="textbox"><h1 id="cors">CORS</h1>
+<p>CORS stands for Cross Origin Resource Sharing. It is a setting that
+pertains only to browsers.</p>
+<p>By enabling CORS, you allow other people, from <i>their</i> browsers,
+to access the data you have stored in your CouchDB databases.</p>
+<p>They can ping your CouchDB instance through an AJAX request,
+and it will return information. Or they can POST data to your CouchDB
+instance, and CORS allows you to recieve that information.</p>
+<p>For example,
+if your CouchDB installation is running on the domain <code>alice.example</code>
+you can ping someone else&#39;s CouchDB instance through an AJAX request
+from a different domain, e.g. <code>bob.example</code> - or even localhost!</p>
+<p>But be careful - allowing any domain to access your data can be a
+security risk. If you only want certain websites (origins) to be able 
+to retrieve and change data, you can set &#39;Restrict to specific
+domains&#39;, and then list which origins you want to allow access for.</p>
+<p>By setting, &#39;All domains&#39;, you allow anyone from anywhere to ping your
+databases, and retrieve information that way.</p>
+<p>If you disable CORS, the JavaScript that makes the AJAX request needs 
+to run on the same domain. With CORS disabled frontend code that runs 
+on <code>alice.example</code> must be also hosted on <code>alice.example</code>.
+Disabling CORS, means that no browser that pings your databases will 
+recieve information.</p>
+<p>You can also limit who can ping you. If you only
+want certain websites, or origins, to be able to recieve data from
+your stores, you can set &#39;Restrict to specific domains&#39;, and then list
+which origins you want to allow access.</p>
+<p>This is a browser specific layer of protection, a second layer of
+protection, if you will. The first layer of protection comes from the
+permissions you set on each database using roles. (For more 
+information, see
+<a href="http://docs.couchdb.org/en/latest/api/database/security.html">CouchDB Security</a>)</p>
+</div></div></div><div id="page-replication" class="pagecontainer"><div class="leftside page"><img src="assets/replicator.png"></div><div class="rightside linen page"><div class="textbox"><h1 id="replication">Replication</h1>
 <p>This is the interface to the replication system, enabling you to initiate
 replication between local and remote databases.</p>
 <p>You will see two boxes, with 3 boxes in each bigger box.</p>
-<p><img src="imgs/screenshots/replication1.png" alt="Replication" title="Replication"></p>
-<p>Depending on how big your screen is, the top (or leftmost) box is the Source database. The bottom (or rightmost) box is the Target database.</p>
-<p><img src="imgs/screenshots/replcationSourceTarget.png" alt="Replication" title="Replication"></p>
-<p>From the Source database box, you can choose an existing 
+<p>Depending on how big your screen is, the top (or leftmost box, labeled
+#1 in the example) is the Source database. The bottom (or rightmost
+box, label #2) is the Target database.</p>
+<p>From the Source database box (#1), you can choose an existing 
 database from the dropdown, by selecting &#39;Local&#39; like in the image to 
 the left. Or you can specify a remote database as the Source, by 
 clicking on &#39;Remote&#39; in that box, and typing in the remote database&#39;s
 address.</p>
-<p>In the Target database box, choose either a local or remote
+<p>In the Target database box (#2), choose either a local or remote
 database. If you want to create a new database, and replicate into
 that new DB, check the &#39;Create Target&#39; button.</p>
 <p>For continuous Replications, select the &#39;continuous&#39; checkbox.
@@ -147,7 +188,7 @@ full URL of the remote database (including the host, port number and
 database name). If the remote instance requires authentication, you
 can specify the username and password as part of the URL, for example
 <code>http://username:pass@remotehost:5984/demo</code>.</p>
-<p>Under the <a href="#_activetasks">Active Tasks</a> tab, you should see in 
+<p>Under the <a href="#page-active-tasks">Active Tasks</a> tab, you should see in 
 the table your new created replication. You might miss it if the 
 database being replicated is on the small side, but continous 
 replications will always show up while they are active.</p>
@@ -155,37 +196,35 @@ replications will always show up while they are active.</p>
 <a href="http://docs.couchdb.org/en/latest/api/server/common.html#api-server-replicate">/_replicate</a>.</p>
 <p>For more information on replication, see
 <a href="http://docs.couchdb.org/en/latest/replication/index.html#replication">Replication</a>.</p>
-</div><div id="documentation" class="chapter"><h1 id="documentation">Documentation</h1>
-<p>Here you will find helpful online and offline versions of CouchDB Documentation, as well as links to various related links regarding the CouchDB community. If you need to look at this guide again, the link is also here.</p>
-<p><img src="imgs/screenshots/docs.png" alt="Documentation" title="Documentation"></p>
-</div><div id="login" class="chapter"> <h1 id="login-user-management">Login/User Management</h1>
-<p>You can change your password, or add admins to your CouchDB instance within this tab.
-<img src="imgs/screenshots/admin.png" alt="Admin" title="![Documentation](imgs/screenshots/docs.png &quot;Documentation"></p>
-</div><div id="verifyinstall" class="chapter"><h1 id="verify">Verify</h1>
-<p>The Verify Installation allows you to check whether all of the components of your CouchDB installation are correctly installed.</p>
-<p><img src="imgs/screenshots/verify.png" alt="Verify" title="Verify"></p>
-</div><div id="end-using-fauxton"></div></div></div></div><div id="answers" class="section"><div class="middleBar"> <img src="imgs/answers-light.png" class="topic-image"><div class="section-title">Answers</div></div><div id="rightContent"> <h1>Answers!<p class="question">Q: Where can I find answers about CouchDB?</p><p class="answer">A: Checkout the <a href="http://wiki.apache.org/couchdb/Frequently_asked_questions">CouchDB FAQ</a>.</p><p class="question">Q: Wow! this is awesome! how can I contribute?</p><p class="answer">A: Thanks! If you want to contribute, you can open a pull request 
+</div></div></div><div id="page-login" class="pagecontainer"><div class="leftside page"><img src="assets/add-admin.png"></div><div class="rightside linen page"><div class="textbox"><h1 id="login-user-management">Login/User Management</h1>
+<p>You can change your password, or add admins to your CouchDB instance
+within this tab.</p>
+</div></div></div><div id="page-verify" class="pagecontainer"><div class="leftside page"><img src="assets/verify.png"></div><div class="rightside linen page"><div class="textbox"><h1 id="verify">Verify</h1>
+<p>The Verify Installation allows you to check whether all of the
+components of your CouchDB installation are correctly installed.</p>
+</div></div></div><div id="page-helpful-links" class="pagecontainer"><div class="leftside page"><img src="assets/troubleshooting.png"></div><div class="rightside linen page"><div class="textbox"><h1 id="helpful-links">Helpful links</h1>
+<p><a href="http://docs.couchdb.org/en/latest/install/index.html">How to Install/Setup</a></p>
+<p><a href="https://couchdb.apache.org/">CouchDB Homepage</a> (more info is
+available here!)</p>
+<p><a href="http://docs.couchdb.org/en/latest/">CouchDB Documentation</a></p>
+<p><a href="http://wiki.apache.org/couchdb/">CouchDB Wiki</a></p>
+<p><a href="http://guide.couchdb.org/index.html">CoucDB: The Definitive Guide</a></p>
+<p><a href="http://wiki.apache.org/couchdb/Basics">CouchDB Tutorials</a> General and
+Tutorials for Specific Languages</p>
+<p><a href="http://webchat.freenode.net/?channels=couchdb">CouchDB IRC</a> Our chat 
+channel</p>
+</div></div></div><div id="page-answers" class="page"><div class="leftside page"><img src="assets/answers.png"></div><div class="rightside linen page"><div class="textbox"><h1>Answers!</h1><p class="question">Q: Where can I find answers about CouchDB?</p><p class="answer">A: Checkout the <a href="http://wiki.apache.org/couchdb/Frequently_asked_questions">CouchDB FAQ</a>.</p><p class="question">Q: Wow! this is awesome! how can I contribute?</p><p class="answer">A: Thanks! If you want to contribute, you can open a pull request 
 on <a href="https://github.com/apache/couchdb-fauxton">Github</a>.</p><p class="question">Q: What can I do?</p><p class="answer">A: Lots of things! checkout our <a href="https://issues.apache.org/jira/browse/COUCHDB/component/12320406/?selectedTab=com.atlassian.jira.jira-projects-plugin:component-summary-panel">JIRA</a> page for a list of things we need help fixing or building.</p><p class="question">Q: I'm not a programmer. What can I do?</p><p class="answer">A: Good question. There are many things you can do to help out! Find
 a place that you think needs fixing, and find out how to fix it.
-</p><p>If you have design skills, or would like to learn architecture 
+</p><p>For example, if you find the documentation a long rabbit hole of 
+links and links (and links and links....) you could come up with a
+hierarchical system of links or strategy guide that would help out a
+newbie.</p>
+<p>If you have design skills, or would like to learn architecture 
 skills, you can help out by finding a cumbersome or non-intuitive
 part of CouchDB and/or Fauxton and propose a fix. Good ideas are 
 always welcome :)</p>
 <p>Another thing is documentation. We have a lot, but the more the
 better! If you find a place in CouchDB that is not well-documented,
 feel free!</p>
-<p class="question">Q: I found a bug and I know how to fix it!!</p><p class="answer">A: Awesome! Open a pull request and we can make that happen!
-</p></h1><h1>Helpful Links<p><a href="https://couchdb.apache.org/">CouchDB Homepage</a> (more info is
-available here!)</p>
-<p><a href="http://docs.couchdb.org/en/latest/install/index.html">How to Install/Setup</a></p>
-<p><a href="https://www.npmjs.com/package/fauxton">Install via npm</a>  </p>
-<p><a href="http://docs.couchdb.org/en/latest/">CouchDB Documentation</a></p>
-<p><a href="http://blog.couchdb.org/">CouchDB Blog</a> Updates Weekly! :)</p>
-<p><a href="http://wiki.apache.org/couchdb/">CouchDB Wiki</a></p>
-<p><a href="http://guide.couchdb.org/index.html">CouchDB: The Definitive Guide</a></p>
-<p><a href="http://wiki.apache.org/couchdb/Basics">CouchDB Tutorials</a> General and
-Tutorials for Specific Languages</p>
-<p><a href="http://webchat.freenode.net/?channels=couchdb">CouchDB IRC</a> Our chat 
-channel</p>
-<p><a href="http://www.apache.org/">Apache Software Foundation</a> About the ASF</p>
-</h1><div id="end-answers"></div></div></div><div id="hamburger" class="showSideBar"><i aria-hidden="true" class="fa fa-bars"></i></div></div></body></html>
\ No newline at end of file
+<p class="question">Q: I found a bug and I think it should be fixed!</p><p class="answer">A: Awesome! Open a pull request and we can make that happen!</p></div></div></div></body></html>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/12eadadc/fauxton-visual-guide/js/jquery.visible.min.js
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/js/jquery.visible.min.js b/fauxton-visual-guide/js/jquery.visible.min.js
deleted file mode 100644
index 417039c..0000000
--- a/fauxton-visual-guide/js/jquery.visible.min.js
+++ /dev/null
@@ -1 +0,0 @@
-!function(t){var i=t(window);t.fn.visible=function(t,e,o){if(!(this.length<1)){var r=this.length>1?this.eq(0):this,n=r.get(0),f=i.width(),h=i.height(),o=o?o:"both",l=e===!0?n.offsetWidth*n.offsetHeight:!0;if("function"==typeof n.getBoundingClientRect){var g=n.getBoundingClientRect(),u=g.top>=0&&g.top<h,s=g.bottom>0&&g.bottom<=h,c=g.left>=0&&g.left<f,a=g.right>0&&g.right<=f,v=t?u||s:u&&s,b=t?c||a:c&&a;if("both"===o)return l&&v&&b;if("vertical"===o)return l&&v;if("horizontal"===o)return l&&b}else{var d=i.scrollTop(),p=d+h,w=i.scrollLeft(),m=w+f,y=r.offset(),z=y.top,B=z+r.height(),C=y.left,R=C+r.width(),j=t===!0?B:z,q=t===!0?z:B,H=t===!0?R:C,L=t===!0?C:R;if("both"===o)return!!l&&p>=q&&j>=d&&m>=L&&H>=w;if("vertical"===o)return!!l&&p>=q&&j>=d;if("horizontal"===o)return!!l&&m>=L&&H>=w}}}}(jQuery);

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/12eadadc/fauxton-visual-guide/js/main.js
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/js/main.js b/fauxton-visual-guide/js/main.js
index fc63562..aa06e3d 100644
--- a/fauxton-visual-guide/js/main.js
+++ b/fauxton-visual-guide/js/main.js
@@ -1,264 +1 @@
-//main.js
-
-$(document).ready(function(){
-  replaceSVGs();
-  toggleSidebar();
-  clickSidebarItemListener();
-  usingFauxtonNavigationListener();
-  jumpToAnchor();
-  detectHashChange();
-  changeHashOnScroll();
-});
-
-function jumpToAnchor () {
-
-  var hash = window.location.hash;
-  switch (hash) {
-    case '' : 
-      $('#redsidebar .getting-started').click();
-      break;
-    case '#getting-started' : 
-      $('#redsidebar .getting-started').click();
-      break;
-    case '#answers' :
-      $('#redsidebar .answers').click();
-      break;
-    default: 
-      $('#redsidebar .using-fauxton').click();
-      if (location.hash) {
-        location.href = location.hash;
-      }
-      highlightFauxtonNavigation();
-  }
-}
-
-function getOffset(el) {
-  el = el.getBoundingClientRect();
-  return {
-    left: el.left + window.scrollX,
-    top: el.top + window.scrollY
-  }
-}
-
-function getAmountofContentVisibleOnPage () {
-
-  var hash = window.location.hash;
-
-  switch (hash) {
-    case '' : 
-    case '#getting-started' : 
-      return getOffset(document.getElementById('end-getting-started')).top;
-    case '#using-fauxton' : 
-      return getOffset(document.getElementById('end-using-fauxton')).top;
-    case '#answers' :
-      return getOffset(document.getElementById('end-answers')).top;
-    default:
-      return getOffset(document.getElementById('end-using-fauxton')).top;
-  }
-}
-
-function highlightFauxtonNavigation () {
-    clearAll();
-
-    var hash = window.location.hash;
-    var address = hash.substring(1);
-    var end = address.slice(-1);
-
-    $('#toc-' + address).addClass('selected');
-    $('.icon-menu-'+ address).addClass('selected');
-
-    function clearAll () {
-      $('.toc .heading, .fauxton-toc .icon-menu a').each(function () {
-        $(this).removeClass('selected');
-      });
-    }
-  }
-
-function changeHashOnScroll() {
-  //http://stackoverflow.com/questions/5315659/jquery-change-hash-fragment-identifier-while-scrolling-down-page
-  
-  var timer = null;
-  $(window).scroll(function (e) {
-    $('div.chapter').each(function () {
-      if (
-        $(this).offset().top < window.pageYOffset + 10
-        //begins before top
-        && $(this).offset().top + $(this).height() > window.pageYOffset + 10
-        //but ends in visible area
-        //+ 20 allows you to change hash before it hits the top border
-      ){
-
-        history.replaceState(null, null, "#" + $(this).attr('id'));
-        highlightFauxtonNavigation();
-
-        if ($('#_all_dbs').visible(true)) {
-          clear();
-          $('#_all_dbs-sub').css({
-            'color': 'black',
-            'font-weight': 'bold'
-          });
-        }
-        
-
-        if ($('#_all_docs').visible(true)) {
-          clear();
-          $('#_all_docs-sub').css({
-            'color': 'black',
-            'font-weight': 'bold'
-          });
-          return;
-        }
-
-        if ($('#editor').visible(true)) {
-          clear();
-          $('#editor-sub').css({
-            'color': 'black',
-            'font-weight': 'bold'
-          });
-          return;
-        }
-
-        if ($('#db-action').visible(true)) {
-          clear();
-          $('#db-actions-sub').css({
-            'color': 'black',
-            'font-weight': 'bold'
-          });
-        }
-      }
-    });
-  });
-
-  function clear () {
-    $('#db-actions-sub, #_all_docs-sub, #editor-sub, #_all_dbs-sub').css({
-      'color': '',
-      'font-weight': ''
-    });
-  }
-}
-
-function detectHashChange () {
-  // this is if you click the back button on the browser
-
-  $(window).on('load', function() {
-    jumpToAnchor();
-  });
-
-  $(window).on('hashchange', function() {
-    var hash = window.location.hash;
-
-    if (
-      hash === '#editor' ||
-      hash === '#_all_docs' ||
-      hash === '#db-action'
-    ) {
-      $('#toc-_all_dbs').addClass('selected');
-      $('.icon-menu-_all_dbs').addClass('selected');
-    }
-
-    if (hash === '#answers') {
-      $('#content').scrollTop(0);
-    }
-  });
-}
-
-function toggleSidebar() {
-  $('#hamburger, #redsidebar .header').click(function () {
-    $('#content').toggleClass('showSideBar');
-    $('#hamburger').toggleClass('showSideBar');
-  });
-}
-
-function clickSidebarItemListener () {
-
-  //makes the CSS changes
-  $('#redsidebar .section').click(function () {
-    clearAll();
-    var sectionChosen = $(this).data('nav');
-
-    $('#' + sectionChosen).addClass('shown');
-    $('.' + sectionChosen + ' .big-nav-subtitle')
-      .css({
-        'color': '#750f34',
-        'font-weight': 'bold'
-      });
-    $('.section.' + sectionChosen + ' .large-icon')
-      .css('background-image', 'url("imgs/'+ sectionChosen +'-dark.png")');
-    $( ".middleBar" ).css('padding-top', '50px');
-  });
-
-  //makes the CSS default
-  function clearAll () {
-    $('#getting-started').removeClass('shown');
-    $('#using-fauxton').removeClass('shown');
-    $('#answers').removeClass('shown');
-    $('.toc .heading, .fauxton-toc .icon-menu a').each(function () {
-      $(this).removeClass('selected');
-    })
-
-    $('.big-nav-subtitle')
-      .css({
-        'color': '',
-        'font-weight': ''
-      });
-    $('.getting-started .large-icon, .using-fauxton .large-icon, .answers .large-icon')
-      .css('background-image', '');
-  }
-}
-
-function usingFauxtonNavigationListener () {
-  $('#using-fauxton .toc a, .fauxton-toc .icon-menu a').click(function (e) {
-    clearAll();
-    console.log('f');
-
-    if ($(this).hasClass('subheading')) {
-      e.stopPropagation();
-    }
-    var href = $(this).attr('href');
-    var address = href.substring(1);
-
-    $('#toc-' + address).addClass('selected');
-    $('.icon-menu-'+ address).addClass('selected');
-
-  });
-
-  function clearAll () {
-    $('.toc .heading, .fauxton-toc .icon-menu a').each(function () {
-      $(this).removeClass('selected');
-    });
-  }
-}
-
-/*
- * Replace all SVG images with inline SVG
- * from http://stackoverflow.com/questions/11978995/how-to-change-color-of-svg-image-using-css-jquery-svg-image-replacement
- */
-function replaceSVGs () {
-  jQuery('img.svg').each(function(){
-    var $img = jQuery(this);
-    var imgID = $img.attr('id');
-    var imgClass = $img.attr('class');
-    var imgURL = $img.attr('src');
-
-    jQuery.get(imgURL, function(data) {
-      // Get the SVG tag, ignore the rest
-      var $svg = jQuery(data).find('svg');
-
-      // Add replaced image's ID to the new SVG
-      if(typeof imgID !== 'undefined') {
-        $svg = $svg.attr('id', imgID);
-      }
-      // Add replaced image's classes to the new SVG
-      if(typeof imgClass !== 'undefined') {
-        $svg = $svg.attr('class', imgClass+' replaced-svg');
-      }
-
-      // Remove any invalid XML tags as per http://validator.w3.org
-      $svg = $svg.removeAttr('xmlns:a');
-
-      // Replace image with new SVG
-      $img.replaceWith($svg);
-
-    }, 'xml');  
-  });
-}
+$(function(){var t,n;n=$("#toc");t=$("#toggle-toc-button");return t.click(function(){n.toggleClass("hidden");t.toggleClass("x");return t.text(function(){if(n.hasClass("hidden")){return"TOC"}else{return"X"}})})});
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/12eadadc/fauxton-visual-guide/main.css
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/main.css b/fauxton-visual-guide/main.css
index cfba712..e7f20d9 100644
--- a/fauxton-visual-guide/main.css
+++ b/fauxton-visual-guide/main.css
@@ -1 +1 @@
-html,body{font-family:"Helvetica";padding:0;background:#f9f9f9;color:#444;margin:0;height:100%;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#redsidebar{width:270px;height:100vh;background-color:#d84d4d;position:fixed;text-align:center;overflow:auto}#redsidebar .header{padding:20px 20px 40px 20px;font-weight:bold;color:#f9f9f9;vertical-align:middle;font-size:16px}#redsidebar .header .logo{fill:#9b0038;height:25px;display:inline;padding-right:10px;vertical-align:middle}#redsidebar .header .title{display:inline;vertical-align:middle;cursor:pointer}#redsidebar .header .subtitle{color:#750f34;vertical-align:middle}#redsidebar a.section{background-repeat:no-repeat;background-position:center;margin-bottom:30px;display:block;font-weight:300;color:#f9f9f9;font-size:12px;text-decoration:none}#redsidebar a.section:hover{cursor:pointer;color:#750f34}#redsidebar a.section .large-icon{height:150px;width:150px;background-repeat:no-
 repeat;margin:auto}#redsidebar a.section.getting-started .large-icon{background-image:url('imgs/getting-started-light.png')}#redsidebar a.section.getting-started .large-icon:hover{background-image:url('imgs/getting-started-dark.png')}#redsidebar a.section.using-fauxton .large-icon{cursor:pointer;background-image:url('imgs/using-fauxton-light.png')}#redsidebar a.section.using-fauxton .large-icon:hover{background-image:url('imgs/using-fauxton-dark.png')}#redsidebar a.section.answers .large-icon{background-image:url('imgs/answers-light.png')}#redsidebar a.section.answers .large-icon:hover{background-image:url('imgs/answers-dark.png')}#content{width:100%;background:#f9f9f9;display:inline-block;-webkit-transition:padding-left 0.5s,width 0.5s;transition:padding-left 0.5s,width 0.5s;overflow-y:auto;overflow-x:auto}#content.showSideBar{padding-left:270px;width:calc(100% - 270px)}#content #hamburger{height:25px;text-align:left;padding:15px;position:fixed;left:0;cursor:pointer;color:#750f34;f
 ont-size:20px;top:0;-webkit-transition:left 0.5s,width 0.5s;transition:left 0.5s,width 0.5s}#content #hamburger.showSideBar{left:275px}#content .section{display:none}#content .shown{display:inline}.middleBar{width:255px;padding-left:30px;padding-top:50px;height:calc(100% - 100px);padding-bottom:50px;float:left;position:fixed;background:#f9f9f9;text-align:center}.middleBar .topic-image{height:120px}.middleBar .section-title{font-weight:300;color:#750f34}#rightContent{-webkit-touch-callout:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;width:calc(100% - 360px);padding-left:300px;font-weight:300;text-align:left;margin:auto;min-width:450px;max-width:960px;margin-top:50px}#rightContent .box{overflow-x:auto}#rightContent h1{font-size:24px;font-weight:normal;padding-bottom:20px}#rightContent h1::before{content:url('imgs/diamond.png');margin-right:10px}#rightContent div,#rightContent h2,#rightContent p{margin-top:15px;margin:15px 8px;font-size:16px
 }#rightContent .intro-section,#rightContent .dl-space{padding-bottom:40px}#rightContent .download-btn{width:200px;vertical-align:middle}#rightContent a{color:black}#rightContent a:hover{color:darkgray}#using-fauxton #rightContent .chapter{padding:75px 0 0 0;border-top:1px solid gainsboro}#using-fauxton #rightContent .chapter a{color:black}#using-fauxton #rightContent .chapter a:hover{color:darkgray}#using-fauxton #rightContent .chapter img{width:100%}#using-fauxton #end-using-fauxton{height:40vh}.fauxton-toc{margin-top:40px}.fauxton-toc .icon-menu{width:50px;height:100%;float:left;font-size:20px;text-align:center}.fauxton-toc .icon-menu a{color:#b3b3b3}.fauxton-toc .icon-menu > div i:hover,.fauxton-toc .icon-menu > div svg:hover,.fauxton-toc .icon-menu a.selected{cursor:pointer;color:black}.fauxton-toc .icon-menu > div i:hover path,.fauxton-toc .icon-menu > div svg:hover path,.fauxton-toc .icon-menu a.selected path{fill:black}.fauxton-toc .icon-menu .replicate-icon,.fauxton-toc .ico
 n-menu .user-icon,.fauxton-toc .icon-menu .docs-icon{width:22px}.fauxton-toc .icon-menu .replicate-icon:hover path,.fauxton-toc .icon-menu .user-icon:hover path,.fauxton-toc .icon-menu .docs-icon:hover path{fill:black}.fauxton-toc .icon-menu .replicate-icon path,.fauxton-toc .icon-menu .user-icon path,.fauxton-toc .icon-menu .docs-icon path{fill:#b3b3b3}.fauxton-toc .icon-menu .line{width:50%;border-right:1px dotted black;height:10px;margin:5px 0 5px 0}.fauxton-toc .toc{float:right;font-weight:400;text-align:left;width:175px;cursor:pointer;padding-right:15px}.fauxton-toc .toc a{text-decoration:none;color:#b3b3b3}.fauxton-toc .toc .heading{display:block;margin-left:5px;margin-bottom:15px;font-size:12px}.fauxton-toc .toc .heading .heading-title{padding-left:18px}.fauxton-toc .toc .heading .subheading{font-weight:normal;display:none;line-height:17px;font-size:10px;margin-left:8px}.fauxton-toc .toc .heading .subheading:hover{color:red}.fauxton-toc .toc .heading.selected .subheading{disp
 lay:block;padding-left:19px}.fauxton-toc .toc .heading:hover{font-weight:bold;color:black}.fauxton-toc .toc .heading:hover .subheading{font-weight:normal}.fauxton-toc .toc .selected{color:black}.fauxton-toc .toc .selected.heading{padding-left:0}.fauxton-toc .toc .selected .heading-title{font-weight:bold;margin-bottom:10px;padding-left:15px;border-left:2px solid red;color:black}.fauxton-toc .toc .selected .heading-title .number{font-size:18px}.fauxton-toc .toc .selected .heading-title .heading-text{font-size:12px}#answers .question{font-weight:bold}#answers a{color:black}#answers a:hover{color:darkgray}#end1,#end2{height:40vh}
\ No newline at end of file
+*{margin:0;padding:0;-webkit-text-size-adjust:none}body,a{color:#291d1e}body,h1,h2,h3,h4,pre{font-size:16px;font-family:'HelveticaNeue-Light',Helvetica,Arial,sans-serif;font-weight:300}h1{font-size:34px}h2{font-size:34px;padding:48px 0}b,strong{font-family:'HelveticaNeue-Bold',Helvetica,Arial,sans-serif;font-weight:900}.npm{background-color:#E2E2E2;border:1px solid #c4c4db;margin-left:50px;display:inline-block;padding:10px;margin-top:-10px;margin-bottom:20px}#toggle-toc-button{color:#888;right:20px;top:20px;font-size:12px;padding:10px;position:fixed;font-family:Arial,sans-serif;z-index:1001}#toggle-toc-button:hover{cursor:sw-resize}#toggle-toc-button.x{height:35px;width:100px;font-size:8px;text-align:right;margin-right:6px}#toggle-toc-button.x:hover{cursor:ne-resize}#toc{z-index:1000;width:200px;margin:20px;padding:20px;list-style-type:none;position:fixed;right:5px;background-color:rgba(255,255,255,0.9)}#toc li{padding:2px}#toc a{color:#c56969;text-decoration:none}#toc a:hover{text-
 decoration:underline}#toc.hidden{display:none}.pagecontainer{min-height:800px;clear:both}.page{min-height:800px;overflow-y:auto}.page img{margin-top:70px;height:600px;display:block;margin-left:auto;margin-right:auto}.page img.couch{height:auto;position:relative;top:50%;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}.leftside{width:50%;float:left}.rightside{color:green;width:50%;float:right;height:100%}.linen{background:url(assets/linen.jpg) #eee 50% 0%}.textbox{color:gray;border:1px solid #d8d8d8;min-height:600px;width:87%;margin:auto;margin-top:70px;margin-bottom:50px;background-color:rgba(242,242,242,0.85);overflow:hidden}.textbox h1{font-size:30px;text-align:center;margin:20px 10px;color:#B5B5B5}.textbox p{padding:5px 30px 15px 30px;line-height:1.5}.textbox p.br{padding:0 30px;line-height:1}.textbox p.indent{margin-left:15px}.textbox p.question{font-weight:600;padding-bottom:0}.textbox p.answer{padding-top:0}#introBox{text-align:center;m
 in-height:320px;display:block;position:relative;top:50%;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}#introBox h1{margin-top:100px}#introBox h1{font-size:60px;color:#C0C0C0}#introBox h2{font-size:16px;padding:0}#page-overview img{margin-top:300px;height:auto}#page-header-bar .head-header-section .firstleft{padding-top:100px}#page-header-bar .head-header-section .firstright{height:2806px}#page-header-bar .head-header-section .firstright .long-header-textbox{height:95%}#page-header-bar .tail-header-section{position:absolute;width:100%}#page-header-bar .tail-header-section .headerSection{overflow:hidden}#page-header-bar .tail-header-section > .headerSection:first-child .leftside{padding-top:130px}#page-header-bar .tail-header-section .leftside{padding-top:40px}#page-header-bar img{padding:30px;width:936px;height:auto}#page-header-bar .textbox{min-height:auto;border:none}#page-header-bar .border{border:1px solid black}#page-header-bar .redbor
 der{border:1px solid red}#page-header-bar .blueborder{border:1px solid blue}#page-header-bar .greenborder{border:1px solid green}#page-header-bar .subleft{overflow-y:auto}#page-header-bar .clearfix{clear:both}#page-answers img{height:auto}
\ No newline at end of file


Mime
View raw message