couchdb-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From michel...@apache.org
Subject [4/6] couchdb-www git commit: Revert "Update Fauxton Vis Guide"
Date Tue, 29 Nov 2016 04:21:44 GMT
http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/_src-fauxton-visual-guide/imgs/screenshots/activetasks1.png
----------------------------------------------------------------------
diff --git a/_src-fauxton-visual-guide/imgs/screenshots/activetasks1.png b/_src-fauxton-visual-guide/imgs/screenshots/activetasks1.png
deleted file mode 100644
index c77a497..0000000
Binary files a/_src-fauxton-visual-guide/imgs/screenshots/activetasks1.png and /dev/null differ

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

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/_src-fauxton-visual-guide/imgs/screenshots/activetasks3.png
----------------------------------------------------------------------
diff --git a/_src-fauxton-visual-guide/imgs/screenshots/activetasks3.png b/_src-fauxton-visual-guide/imgs/screenshots/activetasks3.png
deleted file mode 100644
index 2990f29..0000000
Binary files a/_src-fauxton-visual-guide/imgs/screenshots/activetasks3.png and /dev/null differ

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

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

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/_src-fauxton-visual-guide/imgs/screenshots/cors.png
----------------------------------------------------------------------
diff --git a/_src-fauxton-visual-guide/imgs/screenshots/cors.png b/_src-fauxton-visual-guide/imgs/screenshots/cors.png
deleted file mode 100644
index 5798f51..0000000
Binary files a/_src-fauxton-visual-guide/imgs/screenshots/cors.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/_src-fauxton-visual-guide/imgs/screenshots/create-doc-menu-2.png
----------------------------------------------------------------------
diff --git a/_src-fauxton-visual-guide/imgs/screenshots/create-doc-menu-2.png b/_src-fauxton-visual-guide/imgs/screenshots/create-doc-menu-2.png
deleted file mode 100644
index d14caf2..0000000
Binary files a/_src-fauxton-visual-guide/imgs/screenshots/create-doc-menu-2.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/_src-fauxton-visual-guide/imgs/screenshots/create-doc-menu.png
----------------------------------------------------------------------
diff --git a/_src-fauxton-visual-guide/imgs/screenshots/create-doc-menu.png b/_src-fauxton-visual-guide/imgs/screenshots/create-doc-menu.png
deleted file mode 100644
index e730306..0000000
Binary files a/_src-fauxton-visual-guide/imgs/screenshots/create-doc-menu.png and /dev/null differ

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

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

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/_src-fauxton-visual-guide/imgs/screenshots/db-admin2.png
----------------------------------------------------------------------
diff --git a/_src-fauxton-visual-guide/imgs/screenshots/db-admin2.png b/_src-fauxton-visual-guide/imgs/screenshots/db-admin2.png
deleted file mode 100644
index 246fd18..0000000
Binary files a/_src-fauxton-visual-guide/imgs/screenshots/db-admin2.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/_src-fauxton-visual-guide/imgs/screenshots/docs.png
----------------------------------------------------------------------
diff --git a/_src-fauxton-visual-guide/imgs/screenshots/docs.png b/_src-fauxton-visual-guide/imgs/screenshots/docs.png
deleted file mode 100644
index 46b9e18..0000000
Binary files a/_src-fauxton-visual-guide/imgs/screenshots/docs.png and /dev/null differ

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

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

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/_src-fauxton-visual-guide/imgs/screenshots/editor3.png
----------------------------------------------------------------------
diff --git a/_src-fauxton-visual-guide/imgs/screenshots/editor3.png b/_src-fauxton-visual-guide/imgs/screenshots/editor3.png
deleted file mode 100644
index 039434d..0000000
Binary files a/_src-fauxton-visual-guide/imgs/screenshots/editor3.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/_src-fauxton-visual-guide/imgs/screenshots/editor4.png
----------------------------------------------------------------------
diff --git a/_src-fauxton-visual-guide/imgs/screenshots/editor4.png b/_src-fauxton-visual-guide/imgs/screenshots/editor4.png
deleted file mode 100644
index 6463b8c..0000000
Binary files a/_src-fauxton-visual-guide/imgs/screenshots/editor4.png and /dev/null differ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/_src-fauxton-visual-guide/imgs/user.svg
----------------------------------------------------------------------
diff --git a/_src-fauxton-visual-guide/imgs/user.svg b/_src-fauxton-visual-guide/imgs/user.svg
deleted file mode 100644
index db12c41..0000000
--- a/_src-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/998d395f/_src-fauxton-visual-guide/imgs/using-fauxton-dark.png
----------------------------------------------------------------------
diff --git a/_src-fauxton-visual-guide/imgs/using-fauxton-dark.png b/_src-fauxton-visual-guide/imgs/using-fauxton-dark.png
deleted file mode 100644
index a2b444c..0000000
Binary files a/_src-fauxton-visual-guide/imgs/using-fauxton-dark.png and /dev/null differ

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

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/_src-fauxton-visual-guide/index.jade
----------------------------------------------------------------------
diff --git a/_src-fauxton-visual-guide/index.jade b/_src-fauxton-visual-guide/index.jade
index 86c8169..62a4e71 100644
--- a/_src-fauxton-visual-guide/index.jade
+++ b/_src-fauxton-visual-guide/index.jade
@@ -1,409 +1,455 @@
-div#redsidebar
-  div.header 
-    img(src='imgs/CouchDB-SVG.svg').logo.svg 
-    span.title Fauxton
-      span.subtitle  Visual Guide
-  a(href="#getting-started" data-nav="getting-started").section.getting-started
-    div.large-icon
-    div.big-nav-subtitle GETTING STARTED
-  a(href="#using-fauxton" data-nav="using-fauxton").section.using-fauxton
-    div.large-icon
-    div.big-nav-subtitle USING FAUXTON
-  a(href="#answers" data-nav="answers").section.answers
-    div.large-icon
-    div.big-nav-subtitle ANSWERS
-
-div#content.showSideBar
-  div#hamburger.showSideBar
-    i(aria-hidden="true").fa.fa-bars
-  div#getting-started.section.shown
-    div.middleBar
-      img(src='imgs/getting-started-light.png').topic-image
-      div.section-title GETTING STARTED
-    div#rightContent
-      div.intro-section
-        h1 Welcome to Fauxton.
-        
-        div Apache CouchDB is a database that uses JSON for documents, JavaScript for MapReduce indexes, and regular HTTP for its API.
-
-        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.intro-section
-        h1 Getting Started
-        h2 Download
-        div.dl-space Start by downloading the CouchDB suite:
-
-        div 1. Go to 
-          a(href='https://couchdb.apache.org/') couchdb.apache.org
-          span , and click 
-          a(href='https://couchdb.apache.org/#download')
-            img(src='imgs/download-btn.png').download-btn
-    
-        div 2. Learn how to install and setup CouchDB from 
-          a(href='http://docs.couchdb.org/en/latest/install/index.html') here
-          span , then go to 
-          a(href='http://127.0.0.1:5984/_utils') http://127.0.0.1:5984/_utils
-      div#end-getting-started
-  div#using-fauxton.section
-    div.middleBar
-      img(src='imgs/using-fauxton-light.png').topic-image
-      div.section-title USING FAUXTON
-      div.fauxton-toc
-        div.icon-menu
-          div
-            a(href="#_all_dbs").icon-menu-_all_dbs
-              i(aria-hidden="true").fa.fa-database
-            div.line
-          div
-            a(href="#setup").icon-menu-setup
-              i(aria-hidden="true").fa.fa-wrench
-            div.line
-          div
-            a(href="#_activetasks").icon-menu-_activetasks
-              i(aria-hidden="true").fa.fa-tasks
-            div.line
-          div
-            a(href="#_config").icon-menu-_config
-              i(aria-hidden="true").fa.fa-cog
-            div.line
-          div
-            a(href="#replication").icon-menu-replication
-              img(src='imgs/replicate.svg').svg.replicate-icon 
-            div.line
-          div
-            a(href="#documentation").icon-menu-documentation
-              img(src='imgs/bookmark.svg').svg.docs-icon
-            div.line
-          div
-            a(href="#login").icon-menu-login
-              img(src='imgs/user.svg').svg.user-icon 
-            div.line
-          div
-            a(href="#verifyinstall").icon-menu-verifyinstall
-              i(aria-hidden="true").fa.fa-check-circle
-            
-        div.toc
-          a(href="#intro").heading#toc-intro.selected 
-            div.heading-title 
-              span.number 00
-              span.heading-text
-          div.heading#toc-_all_dbs 
-            a(href="#_all_dbs").heading-title 
-              span.number 01 // 
-              span.heading-text ALL DATABASES
-            a(href="#_all_dbs")#_all_dbs-sub.subheading ADD A NEW DATABASE
-            a(href="#_all_docs")#_all_docs-sub.subheading A SINGLE DB (ALL DOCS)
-            a(href="#editor")#editor-sub.subheading THE EDITOR
-            a(href="#db-action")#db-actions-sub.subheading DATABASE ACTIONS
-          a(href="#setup").heading#toc-setup
-            div.heading-title 
-              span.number 02 // 
-              span.heading-text SETUP
-          a(href="#_activetasks").heading#toc-_activetasks
-            div.heading-title 
-              span.number 03 // 
-              span.heading-text ACTIVE TASKS
-          a(href="#_config").heading#toc-_config
-            div.heading-title 
-              span.number 04 // 
-              span.heading-text CONFIGURATION
-          a(href="#replication").heading#toc-replication
-            div.heading-title 
-              span.number 05 // 
-              span.heading-text REPLICATION
-          a(href="#documentation").heading#toc-documentation 
-            div.heading-title 
-              span.number 06 // 
-              span.heading-text DOCUMENTATION 
-          a(href="#login").heading#toc-login 
-            div.heading-title 
-              span.number 07 // 
-              span.heading-text LOGIN / ADMIN
-          a(href="#verifyinstall").heading#toc-verifyinstall 
-            div.heading-title 
-              span.number 08 // 
-              span.heading-text VERIFY
-
-    div#rightContent
-      div.box
-        div.chapter#intro 
-          :markdown
-            # INTRODUCTION 
-            ## Features Overview
-
-            This guide is from September 2016. Fauxton is continuously being improved, so there may be slight differences in the examples in this document versus the latest and greatest <a href="https://www.npmjs.com/package/fauxton">Fauxton on npm</a>.
-
-            When you first start to use Fauxton, the left most navigation panel
-            will allow you jump quickly between viewing different parts of what's
-            going on in your CouchDB instance.
-
-            ![First Start](imgs/screenshots/start.png "On Startup")
-
-            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.
-
-            [Databases](#_all_dbs) will show you a list of all your databases,
-            their size, number of documents, and provides quick links to it's
-            permissions page and replication page.
-
-            [Setup](#setup) is a wizard to set up and configure CouchDB clusters or a single node.
-
-            [Active Tasks](#_activetasks) 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 [Active Tasks API](http://docs.couchdb.org/en/latest/api/server/common.html#api-server-active-tasks)
-            call.
-
-            [Config](#_config) 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
-            [Configuring CouchDB](http://docs.couchdb.org/en/latest/config/index.html#config).
-
-            [Replication](#replication) is an interface to the replication
-            system, enabling you to initiate replication between local and remote
-            databases.
-
-            [Documentation](http://docs.couchdb.org/en/latest/)
-            will direct you to your local copy of the documentation. The link 
-            shown in this guide is to the online version.
-
-            [Login/User Management](#login) lets you can change your password,
-            or add administrator to your CouchDB instance.
-
-            [Verify](#verifyinstall) verifies your installation and allows you to
-            check whether all of the components of your CouchDB installation are
-            correctly installed.
-        
-        div.chapter#_all_dbs
-          :markdown
-            # Databases
-            ** Create Database **
-            Click this button on the top bar, and
-            enter the name of the database you want to create.
-            ![Create a database](imgs/screenshots/createdb.png "Create a database")
-
-            Once created, you should see a success message in green at the top of the window:
-            ![Create DB Sucess](imgs/screenshots/successful_create.png "Create DB Sucess")
-
-            ** Search for a Database **
-            This text field auto-completes and jumps directly to a specified
-            database.
-            ![Search for a database](imgs/screenshots/searchdb.png "Search for a DB")
-
-            ** View a Database  **
-            This link will take to that database's "[All Docs](#_all_docs)"
-            page where you can view all of that database's contents. You can also
-            delete, replicate, and change the permissions for a database from the
-            database's 'All Docs' page.
-            ![Select a DB](imgs/screenshots/selectdb.png "Select a DB")
-
-
-          h1#_all_docs.sub A Single Database
+#toggle-toc-button TOC
+ul#toc.hidden
+  li
+    a(href="#page-intro") Intro
+  li
+    a(href="#page-overview") Overview
+  li
+    a(href="#page-getting-started") Features: Getting Started
+  li
+    a(href="#page-all-dbs") All Databases
+  li
+    a(href="#page-all-docs") All Documents
+  li
+    a(href="#page-active-tasks") Active Tasks
+  li
+    a(href="#page-replication") Replication
+  li
+    a(href="#page-config") Configuration
+  li
+    a(href="#page-login") Login/User Management
+  li
+    a(href="#page-verify") Verify
+  li
+    a(href="#page-helpful-links") Helpful Links
+  li
+    a(href="#page-answers") Answers!
+
+//- ----------------------------------------------------------------------------------------------------------------------------
+#page-intro.pagecontainer
+  .leftside.linen.page
+    #introBox.textbox
+      h1 Fauxton
+      h2 A visual guide
+
+  .rightside.page
+    img(src='assets/couch.png').couch
+//- ----------------------------------------------------------------------------------------------------------------------------
+#page-overview.pagecontainer
+  .leftside.page
+    img(src='assets/couchdb-logo1.png')
+  .rightside.linen.page
+    .textbox
+      :markdown
+        # Overview
+        Welcome to Fauxton.
+
+        Apache CouchDB is a database
+        that uses JSON for documents,
+        JavaScript for MapReduce indexes,
+        and regular HTTP for its API.
+
+        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.
+
+        [CouchDB Homepage](https://couchdb.apache.org/) (download available
+        [here](https://couchdb.apache.org/#download)!)
+
+        [How to Install/Setup](http://docs.couchdb.org/en/latest/install/index.html)
+
+        [Install via npm](https://www.npmjs.com/package/fauxton)  
+        <div class="npm">
+          ``npm install -g fauxton``  
+          ``fauxton``
+        </div>
+
+        [CouchDB Documentation](http://docs.couchdb.org/en/latest/)
+
+        [CouchDB Blog](http://blog.couchdb.org/) Updates Weekly! :)
+
+        [CouchDB IRC](http://webchat.freenode.net/?channels=couchdb) Chat
+        with our volunteers and others in the community.
+
+        [Apache Software Foundation](http://www.apache.org/) About the ASF
+//- ----------------------------------------------------------------------------------------------------------------------------
+#page-getting-started.pagecontainer
+  .leftside.page
+    img(src='assets/login.png')
+  .rightside.linen.page
+    .textbox
+      :markdown
+        # Features: Getting Started
+
+        When you first start to use Fauxton, the left most navigation panel
+        will allow you jump quickly between viewing different parts of what's
+        going on in your CouchDB instance.
+
+        You can expand or collapse the navigation by clicking on the area 
+        above the topmost tab, "Databases", where the icon of the three
+        horizontal lines is.
+
+        [Databases](#page-all-dbs) will show you a list of all your databases,
+        their size, number of documents, and provides quick links to it's
+        permissions page and replication page.
+
+        [Active Tasks](#page-active-tasks) 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 [Active Tasks API](http://docs.couchdb.org/en/latest/api/server/common.html#api-server-active-tasks)
+        call.
+
+        [Config](#page-config) 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
+        [Configuring CouchDB](http://docs.couchdb.org/en/latest/config/index.html#config).
+
+        [Replication](#page-replication) is an interface to the replication
+        system, enabling you to initiate replication between local and remote
+        databases.
+
+        [Documentation](http://docs.couchdb.org/en/latest/)
+        will direct you to your local copy of the documentation. The link 
+        shown in this guide is to the online version.
+
+        [Login/User Management](#page-login) lets you can change your password,
+        or add administrator to your CouchDB instance.
+
+        [Verify](#page-verify) verifies your installation and allows you to
+        check whether all of the components of your CouchDB installation are
+        correctly installed.
+
+//- ----------------------------------------------------------------------------------------------------------------------------
+#page-all-dbs.pagecontainer
+  .leftside.page
+        img(src='assets/all-dbs.png')
+  .rightside.linen.page
+    .textbox
+      :markdown
+        # All Databases
+        ** 1 Add a new Database **
+        Click this button on the top bar, and
+        enter the name of the database you want to create.
+
+        ** 2 Search for a Database **
+        This text field auto-completes and jumps directly to a specified
+        database.
+
+        ** 3 View a Database  **
+        This link will take to that database's "[All Docs](#page-all-docs)"
+        page where you can view all of that database's contents. You can also
+        delete, replicate, and change the permissions for a database from the
+        database's 'All Docs' page.
+
+        ** 4 Replication Link **
+        Jump directly to the Replication page for this database.
+
+        ** 5 Permissions Link  **
+        Jump directly to the Permissions page for this database.
+
+
+//- ----------------------------------------------------------------------------------------------------------------------------
+#page-all-docs.pagecontainer
+  .leftside.page
+        img(src='assets/all-docs.png')
+  .rightside.linen.page
+    .textbox
+      :markdown
+        # All Documents
+        ** 1 All Documents overview  **
+        This is the viewing area, the default view shows you all of the
+        documents in your database. If you want to view each document's
+        contents, you can either click 'Query Options' (located in upper right
+        corner), and then 'Include Docs'. 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.
+
+        ** 2 Quick Links  **
+        These are all links that pertain to this specific database.
+
+        ** 3 View Design Documents  **
+        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.
+//- ----------------------------------------------------------------------------------------------------------------------------
+#page-header-bar.pagecontainer
+  .headerSubsections
+    .head-header-section
+      .leftside
+      .rightside.linen.firstright
+        .long-header-textbox.textbox
+    .tail-header-section
+      .headerSection
+        .leftside.subleft
+          img(src='assets/headerbar/0.png')
+        .rightside.subright
+          .textbox
             :markdown
-              ** All Documents **
-              When you click on the database name, from the Databases page, you will see the **All Docs** page. Here you can create and edit documents, and create and edit views.
-              ![All Docs](imgs/screenshots/empty_alldocs.png "All Docs")
-
-              ** Create a Document **
-              Click on the plus symbol to open the 'Add new' menu.
-              ![Create a Doc Menu](imgs/screenshots/create-doc-menu.png "Create a Doc Menu")
-
-              This should open a menu that will let you choose what the new document type you would like to create.
-
-              ![Create a Doc Menu](imgs/screenshots/create-doc-menu-2.png "Create a Doc Menu")
-
-              If you click New Doc, you'll be taken to the Fauxton text editor.
-
-          h1#editor.sub The Editor
+              # The Header Bar - All Documents
+              ** Default Header Bar  **
+              The top image is the default view of the header bar. You can play 
+              around with the controls to see how it works.  
+
+      .headerSection
+        .leftside.subleft
+          img(src='assets/headerbar/1.png')
+        .rightside.subright
+          .textbox
             :markdown
-              ** The Editor **
-              When you first arrive at the editor, you will see:
-              ![Editor](imgs/screenshots/editor1.png "Editor")
-
-              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.
-
-              You can edit any data for the document before or after creating the document, except for the _id, after it has been created.
-
-              Adding Data:
-              ![Adding data](imgs/screenshots/editor2.png "Adding data")
-
-              Click the **Create Document** to save the document.
-
-              ![Click Create](imgs/screenshots/editor3.png "Click Create Document")
-
-              After you click **Create Document** 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. 
-              ![Create Document Success](imgs/screenshots/editor4
-              .png "Create Document Success")
-
-              You can click on the ** Include Docs ** checkbox to see the entire document on this screen.
-              ![Included Docs](imgs/screenshots/editor5.png "Include Docs")
-
-              ![Included Docs](imgs/screenshots/editor6.png "Include Docs")
-
-
-          h1#db-action.sub Database Maintenance
+              ** 1 Jump to another Database Dropdown   **
+              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.
+
+      .headerSection
+        .leftside.subleft
+          img(src='assets/headerbar/2.png')
+        .rightside.subright
+          .textbox
             :markdown
-              ** DB Maintenance**
-              ![DB Admin Menu](imgs/screenshots/db-admin1.png "DB Admin Menu")
-              This menu will allows you replicate the Database, and as well as delete it.
-              ![DB Admin Menu](imgs/screenshots/db-admin2.png "DB Admin Menu")
-
-
-              ** Replication Link **
-              Jump directly to the Replication page for this database.
-              ![Replicate a DB](imgs/screenshots/jumptoreplicate.png "Replicate a DB")
-
-              ** Permissions Link  **
-              Jump directly to the Permissions page for this database.
-              ![Jump to Permissions](imgs/screenshots/jumptopermissions.png "Jump to Permissions")
-
-        div.chapter#setup
-          :markdown
-            # Setup
-            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.
-
-            You can read more about it in the docs: 
-            [Cluster Setup Wizard](http://docs.couchdb.org/en/master/cluster/setup.html#the-cluster-setup-wizard)
-
-            ![Setup 1](imgs/screenshots/setup1.png "Setup 1")
-            ![Setup 2](imgs/screenshots/setup2.png "Setup 2")
-
-            You can read more about CouchDB clusters in the docs as well: 
-            [CouchDB Clusters](http://docs.couchdb.org/en/master/cluster/index.html)
-
-        div.chapter#_activetasks
-          :markdown
-            # Active Tasks
-
-            ** 1 Change Polling Interval  **
-            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.
-            ![Active Tasks Polling](imgs/screenshots/activetasks1.png "Active Tasks Polling")
-
-            ** 2 API URL  **
-            This page is an interface to the
-            [Active Tasks API](http://docs.couchdb.org/en/latest/api/server/common.html#api-server-active-tasks)
-            call. You can view or copy the raw JSON by clicking on this button.
-            ![Active Tasks API](imgs/screenshots/activetasks2.png "Active Tasks API")
-
-            ** 3 Filter  **
-            You can filter by the type of task, or search active tasks by
-            database name (either source or target) using these tabs.
-            ![Active Tasks Filter](imgs/screenshots/activetasks3.png "Active Tasks Filter")
-        
-        div.chapter#_config
-          :markdown
-            # Configuration
-
-            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's best not to use Fauxton for setting config in 2.0, rather use a config tool like chef, puppet, ansible, etc.
-
-            In earlier versions, the interface allows you to edit some of the different configurable parameters. 
-
-            ![Config](imgs/screenshots/config.png "Config")
-
-            # CORS
-
-            CORS stands for Cross Origin Resource Sharing. It is a setting that pertains only to browsers.
-
-            By enabling CORS, you allow other people, from their browsers, to access the data you have stored in your CouchDB databases.
-
-            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.
-
-            For example, if your CouchDB installation is running on the domain alice.example you can ping someone else's CouchDB instance through an AJAX request from a different domain, e.g. bob.example - or even localhost!
-
-            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 'Restrict to specific domains', and then list which origins you want to allow access for.
-
-            By setting, 'All domains', you allow anyone from anywhere to ping your databases, and retrieve information that way.
-
-            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.
-
-            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 'Restrict to specific domains', and then list which origins you want to allow access.
-
-            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 [CouchDB Security](http://docs.couchdb.org/en/latest/api/database/security.html))
-            
-            ![CORS](imgs/screenshots/cors.png "CORS")
-
-            For more details on configuration, see the
-            [Configuring CouchDB](http://docs.couchdb.org/en/latest/config/index.html#config)
-            section.
-
-        div.chapter#replication
-          :markdown
-            # Replication
-
-            This is the interface to the replication system, enabling you to initiate
-            replication between local and remote databases.
-
-            You will see two boxes, with 3 boxes in each bigger box.
-
-            ![Replication](imgs/screenshots/replication1.png "Replication")
-
-            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.
-
-            ![Replication](imgs/screenshots/replcationSourceTarget.png "Replication")
-
-            From the Source database box, you can choose an existing 
-            database from the dropdown, by selecting 'Local' like in the image to 
-            the left. Or you can specify a remote database as the Source, by 
-            clicking on 'Remote' in that box, and typing in the remote database's
-            address.
-
-            In the Target database box, choose either a local or remote
-            database. If you want to create a new database, and replicate into
-            that new DB, check the 'Create Target' button.
-
-            For continuous Replications, select the 'continuous' checkbox.
-            'Continous' means that the target database will update itself whenever
-            the source database is updated, from now on. It will continue to 
-            update itself until you cancel the continous replication.
-
-            If you are specifying a remote database name, you must specify the 
-            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
-            ``http://username:pass@remotehost:5984/demo``.
-
-            Under the [Active Tasks](#_activetasks) 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.
-
-            For more information, see
-            [/_replicate](http://docs.couchdb.org/en/latest/api/server/common.html#api-server-replicate).
-
-            For more information on replication, see
-            [Replication](http://docs.couchdb.org/en/latest/replication/index.html#replication).
-
-        div.chapter#documentation
-          :markdown
-            # Documentation
-
-            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.
-
-            ![Documentation](imgs/screenshots/docs.png "Documentation")
-        
-        div.chapter#login 
-          :markdown
-            # Login/User Management
-
-            You can change your password, or add admins to your CouchDB instance within this tab.
-            ![Admin](imgs/screenshots/admin.png "![Documentation](imgs/screenshots/docs.png "Documentation")
-
-        div.chapter#verifyinstall
-          :markdown
-            # Verify
-
-            The Verify Installation allows you to check whether all of the components of your CouchDB installation are correctly installed.
-
-            ![Verify](imgs/screenshots/verify.png "Verify")
-        div#end-using-fauxton
+              ** 2 Cog   **
+              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.  
+
+      .headerSection
+        .leftside.subleft
+          img(src='assets/headerbar/3.png')
+        .rightside.subright
+          .textbox
+            :markdown
+              ** 3 Multiple Document Select and delete   **
+              Clicking 'Select' 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.
+
+      .headerSection
+        .leftside.subleft
+          img(src='assets/headerbar/4.png')
+        .rightside.subright
+          .textbox
+            :markdown
+              ** 4 Jump to a specific document in this database  **
+              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.
+
+      .headerSection
+        .leftside.subleft
+          img(src='assets/headerbar/5.png')
+        .rightside.subright
+          .textbox
+            :markdown
+              ** 5 Query Options   **
+              You choose how you want to view the documents in this database using
+              Query Options. 'Include Docs' will show all the data in each document.
+              'Keys' will allow to narrow down the documents being viewed on this
+              page based on the parameters you provide.
+
+       .headerSection
+        .leftside.subleft
+          img(src='assets/headerbar/6.png')
+        .rightside.subright
+          .textbox
+            :markdown
+              ** 6 API URL  **
+              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.
+
+//- ----------------------------------------------------------------------------------------------------------------------------
+#page-active-tasks.pagecontainer
+  .leftside.page
+        img(src='assets/active-tasks.png')
+  .rightside.linen.page
+    .textbox
+      :markdown
+        # Active Tasks
+        ** 1 Change Polling Interval  **
+        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.
+
+        ** 2 API URL  **
+        This page is an interface to the
+        [Active Tasks API](http://docs.couchdb.org/en/latest/api/server/common.html#api-server-active-tasks)
+        call. You can view or copy the raw JSON by clicking on this button.
+
+        ** 3 Filter  **
+        You can filter by the type of task, or search active tasks by
+        database name (either source or target) using these tabs.
+
+//- ----------------------------------------------------------------------------------------------------------------------------
+#page-config.pagecontainer
+  .leftside.page
+        img(src='assets/config.png')
+  .rightside.linen.page
+    .textbox
+      :markdown
+        # Configuration
+
+        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
+        [Configuring CouchDB](http://docs.couchdb.org/en/latest/config/index.html#config)
+        section.
+//- ----------------------------------------------------------------------------------------------------------------------------
+#page-cors.pagecontainer
+  .leftside.page
+        img(src='assets/cors.png')
+  .rightside.linen.page
+    .textbox
+      :markdown
+        # CORS
+
+        CORS stands for Cross Origin Resource Sharing. It is a setting that
+        pertains only to browsers.
+
+        By enabling CORS, you allow other people, from <i>their</i> browsers,
+        to access the data you have stored in your CouchDB databases.
+
+        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.
+
+        For example,
+        if your CouchDB installation is running on the domain ``alice.example``
+        you can ping someone else's CouchDB instance through an AJAX request
+        from a different domain, e.g. ``bob.example`` - or even localhost!
+
+        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 'Restrict to specific
+        domains', and then list which origins you want to allow access for.
+
+        By setting, 'All domains', you allow anyone from anywhere to ping your
+        databases, and retrieve information that way.
+
+        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.
+
+        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 'Restrict to specific domains', and then list
+        which origins you want to allow access.
+
+        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
+        [CouchDB Security](http://docs.couchdb.org/en/latest/api/database/security.html))
+//- ----------------------------------------------------------------------------------------------------------------------------
+#page-replication.pagecontainer
+  .leftside.page
+        img(src='assets/replicator.png')
+  .rightside.linen.page
+    .textbox
+      :markdown
+        # Replication
+
+        This is the interface to the replication system, enabling you to initiate
+        replication between local and remote databases.
+
+        You will see two boxes, with 3 boxes in each bigger box.
+
+        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.
+
+        From the Source database box (\#1), you can choose an existing 
+        database from the dropdown, by selecting 'Local' like in the image to 
+        the left. Or you can specify a remote database as the Source, by 
+        clicking on 'Remote' in that box, and typing in the remote database's
+        address.
+
+        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 'Create Target' button.
+
+        For continuous Replications, select the 'continuous' checkbox.
+        'Continous' means that the target database will update itself whenever
+        the source database is updated, from now on. It will continue to 
+        update itself until you cancel the continous replication.
+
+        If you are specifying a remote database name, you must specify the 
+        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
+        ``http://username:pass@remotehost:5984/demo``.
+
+        Under the [Active Tasks](#page-active-tasks) 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.
+
+        For more information, see
+        [/_replicate](http://docs.couchdb.org/en/latest/api/server/common.html#api-server-replicate).
+
+        For more information on replication, see
+        [Replication](http://docs.couchdb.org/en/latest/replication/index.html#replication).
+//- ----------------------------------------------------------------------------------------------------------------------------
+#page-login.pagecontainer
+  .leftside.page
+        img(src='assets/add-admin.png')
+  .rightside.linen.page
+    .textbox
+      :markdown
+        # Login/User Management
+
+        You can change your password, or add admins to your CouchDB instance
+        within this tab.
+//- ----------------------------------------------------------------------------------------------------------------------------
+#page-verify.pagecontainer
+  .leftside.page
+      img(src='assets/verify.png')
+  .rightside.linen.page
+    .textbox
+      :markdown
+        # Verify
+
+        The Verify Installation allows you to check whether all of the
+        components of your CouchDB installation are correctly installed.
+//- ----------------------------------------------------------------------------------------------------------------------------
+#page-helpful-links.pagecontainer
+  .leftside.page
+        img(src='assets/troubleshooting.png')
+  .rightside.linen.page
+    .textbox
+      :markdown
+        # Helpful links
+
+        [How to Install/Setup](http://docs.couchdb.org/en/latest/install/index.html)
+
+        [CouchDB Homepage](https://couchdb.apache.org/) (more info is
+        available here!)
+
+        [CouchDB Documentation](http://docs.couchdb.org/en/latest/)
+
+        [CouchDB Wiki](http://wiki.apache.org/couchdb/)
+
+        [CoucDB: The Definitive Guide](http://guide.couchdb.org/index.html)
+
+        [CouchDB Tutorials](http://wiki.apache.org/couchdb/Basics) General and
+        Tutorials for Specific Languages
+
+        [CouchDB IRC](http://webchat.freenode.net/?channels=couchdb) Our chat 
+        channel
+//- ----------------------------------------------------------------------------------------------------------------------------
+#page-answers.page
+  .leftside.page
+        img(src='assets/answers.png')
+  .rightside.linen.page
+    .textbox
+        h1 Answers!
 
-  div#answers.section
-    div.middleBar 
-      img(src='imgs/answers-light.png').topic-image
-      div.section-title Answers
-    div#rightContent 
-      h1 Answers!
         p.question Q: Where can I find answers about CouchDB?
         p.answer
           | A: Checkout the 
@@ -426,6 +472,11 @@ div#content.showSideBar
           a place that you think needs fixing, and find out how to fix it.
 
         :markdown
+          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.
+
           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 
@@ -435,32 +486,10 @@ div#content.showSideBar
           better! If you find a place in CouchDB that is not well-documented,
           feel free!
 
-        p.question Q: I found a bug and I know how to fix it!!
+        p.question Q: I found a bug and I think it should be fixed!
         p.answer.
           A: Awesome! Open a pull request and we can make that happen!
 
-      h1 Helpful Links
-         :markdown
-          [CouchDB Homepage](https://couchdb.apache.org/) (more info is
-          available here!)
-
-          [How to Install/Setup](http://docs.couchdb.org/en/latest/install/index.html)
-          
-          [Install via npm](https://www.npmjs.com/package/fauxton)  
-
-          [CouchDB Documentation](http://docs.couchdb.org/en/latest/)
-
-          [CouchDB Blog](http://blog.couchdb.org/) Updates Weekly! :)
-          
-          [CouchDB Wiki](http://wiki.apache.org/couchdb/)
-
-          [CouchDB: The Definitive Guide](http://guide.couchdb.org/index.html)
 
-          [CouchDB Tutorials](http://wiki.apache.org/couchdb/Basics) General and
-          Tutorials for Specific Languages
 
-          [CouchDB IRC](http://webchat.freenode.net/?channels=couchdb) Our chat 
-          channel
 
-          [Apache Software Foundation](http://www.apache.org/) About the ASF
-      div#end-answers

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/_src-fauxton-visual-guide/js/jquery.visible.min.js
----------------------------------------------------------------------
diff --git a/_src-fauxton-visual-guide/js/jquery.visible.min.js b/_src-fauxton-visual-guide/js/jquery.visible.min.js
deleted file mode 100644
index 417039c..0000000
--- a/_src-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/998d395f/_src-fauxton-visual-guide/js/main.coffee
----------------------------------------------------------------------
diff --git a/_src-fauxton-visual-guide/js/main.coffee b/_src-fauxton-visual-guide/js/main.coffee
new file mode 100644
index 0000000..e2df07b
--- /dev/null
+++ b/_src-fauxton-visual-guide/js/main.coffee
@@ -0,0 +1,12 @@
+$ ->
+  
+  toc = $('#toc')
+  button = $('#toggle-toc-button')
+  
+  button.click ->
+    toc.toggleClass('hidden')
+    button.toggleClass('x')
+    
+    button.text ->
+      if toc.hasClass('hidden') then 'TOC' 
+      else 'X'
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/_src-fauxton-visual-guide/js/main.js
----------------------------------------------------------------------
diff --git a/_src-fauxton-visual-guide/js/main.js b/_src-fauxton-visual-guide/js/main.js
deleted file mode 100644
index fa0f2a7..0000000
--- a/_src-fauxton-visual-guide/js/main.js
+++ /dev/null
@@ -1,278 +0,0 @@
-//main.js
-
-$(document).ready(function(){
-  replaceSVGs();
-  toggleSidebar();
-  clickSidebarItemListener();
-  usingFauxtonNavigationListener();
-  jumpToAnchor();
-  detectHashChange();
-  changeHashOnScroll();
-  scrollOnMiddleBarScrollsRightContent();
-});
-
-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 scrollOnMiddleBarScrollsRightContent () {
-  $('#content').scroll(function (e) {
-    var top = $('#content').scrollTop();
-    
-    var amountVisibleOnPage = getAmountofContentVisibleOnPage();
-
-    if (amountVisibleOnPage > 250) { 
-      // if the end is 250px on the page, scroll
-      $('.middleBar').css({
-        'padding-top': (top + 50) + 'px'
-      });
-    } 
-  });
-
-}
-
-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
-  $('#content').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
-        //+ 10 allows you to change hash before it hits the top border
-      ){
-        history.replaceState(undefined, undefined, "#" + $(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();
-
-    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');  
-  });
-}

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/_src-fauxton-visual-guide/main.less
----------------------------------------------------------------------
diff --git a/_src-fauxton-visual-guide/main.less b/_src-fauxton-visual-guide/main.less
index f1e3af1..cca707b 100644
--- a/_src-fauxton-visual-guide/main.less
+++ b/_src-fauxton-visual-guide/main.less
@@ -1,379 +1,291 @@
-html, body {
-  font-family: "Helvetica";
-  text-align: center;
-  padding: 0;
-  background: #f9f9f9;
-  color: #444;
+* {
   margin: 0;
-  height: 100%;
-
-  -webkit-touch-callout: none; /* iOS Safari */
-  -webkit-user-select: none;   /* Chrome/Safari/Opera */
-  -khtml-user-select: none;    /* Konqueror */
-  -moz-user-select: none;      /* Firefox */
-  -ms-user-select: none;       /* Internet Explorer/Edge */
-  user-select: none;           /* Non-prefixed version, currently
-                                  not supported by any browser */
+  padding: 0;
+  -webkit-text-size-adjust: none;
 }
 
-#redsidebar {
-  width: 270px;
-  height: 100%;
-  background-color: #d84d4d;
-
-  overflow: auto;
+body,
+a {
+  color: #291d1e;
+}
+/*---------------------------------------------------
+    Font
+---------------------------------------------------*/
+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;
+}
 
-  .header {
-    padding: 20px 20px 40px 20px;
+.npm {
+  background-color: #E2E2E2;
+  border: 1px solid rgb(196, 196, 219);
+  margin-left: 50px;
+  display: inline-block;
+  padding: 10px;
+  margin-top: -10px;
+  margin-bottom: 20px;
+}
 
-    font-weight: bold;
-    color: #f9f9f9;
-    vertical-align: middle;
-    font-size: 16px;
 
-    .logo {
-      fill: #9b0038;
-      height: 25px;
-      display: inline;
-      padding-right: 10px;
-      vertical-align: middle;
+#toggle-toc-button {
+  color: #888;
+  right: 20px;
+  top: 20px;
+  font-size: 12px;
+  padding: 10px;
+  position: fixed;
+  font-family: Arial,sans-serif;
+  &:hover {
+    cursor:sw-resize;
+  }
+  &.x{
+    height: 35px;
+    width: 100px;
+    font-size: 8px;
+    text-align: right;
+    margin-right: 6px;
+    &:hover {
+      cursor:ne-resize;
     }
+  }
+  z-index: 1001;
+}
 
-    .title {
-      display: inline;
-      vertical-align: middle;
-      cursor: pointer;
-    }
+#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);
 
-    .subtitle{
-      color: #750f34;
-      vertical-align: middle;
-    }
+  li {
+    padding: 2px;
   }
 
-  a.section {
-    background-repeat: no-repeat;
-    background-position: center;
-    margin-bottom: 30px;
-    display: block;
-    font-weight: 300;
-    color: #f9f9f9;
-    font-size: 12px;
+  a {
+    color: rgb(197, 105, 105);
     text-decoration: none;
 
     &:hover {
-      cursor: pointer;
-      color: #750f34;
-    }
-
-    .large-icon {
-      height: 150px;
-      width: 150px;
-      background-repeat: no-repeat;
-      margin: auto;
+      text-decoration: underline;
     }
+  }
 
-    &.getting-started .large-icon {
-      background-image: url('imgs/getting-started-light.png');
-
-      &:hover {
-        background-image: url('imgs/getting-started-dark.png');
-      }
-    }
-    
-    &.using-fauxton .large-icon {
-      cursor: pointer;
-      background-image: url('imgs/using-fauxton-light.png');
+  &.hidden {
+    display: none;
+  }
+}
 
-      &:hover {
-        background-image: url('imgs/using-fauxton-dark.png');
-      }
-    }
+.pagecontainer {
+  min-height: 800px;
+  clear:both;
+}
 
-    &.answers .large-icon {
-      background-image: url('imgs/answers-light.png');
+.page {
+  min-height: 800px;
+  img {
+    margin-top: 70px;
+    height: 600px;
 
-      &:hover {
-        background-image: url('imgs/answers-dark.png');
-      }
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    
+    &.couch {
+      height: auto;
+      position: relative;
+      top: 50%;
+      transform: translateY(50%);
     }
   }
+  overflow-y: auto;
 }
 
-#content {
+.leftside {
+  width: 50%;
+  float: left;
+}
+
+.rightside {
+  color: green;
+  width: 50%;
+  float: right;
   height: 100%;
-  width: 100%;
-  background: #f9f9f9;
-  position: fixed;
-  top: 0px;
-  left: 0px;
-  -webkit-transition: left 0.5s, width 0.5s;
-  -moz-transition: left 0.5s, width 0.5s;
-  -o-transition: left 0.5s, width 0.5s;
-  transition: left 0.5s, width 0.5s;
-  overflow-y: auto;
-  overflow-x: hidden;
+}
+
+.linen {
+  background: url(assets/linen.jpg) #eeeeee 50% 0%;
+}
 
-  &.showSideBar {
-    left: 270px;
-    width: calc(100% ~"-" 270px);
+.textbox {
+  color: gray;
+  border: 1px solid rgb(216, 216, 216);
+  min-height: 600px;
+  width: 87%;
+  margin: auto;
+  margin-top: 70px;
+  margin-bottom: 50px;
+  background-color: rgba(242, 242, 242, 0.85);
+  overflow: hidden;
+  
+  h1 {
+    font-size: 30px;
+    text-align: center;
+    margin: 20px 10px 20px 10px;
+    color: #B5B5B5;
   }
+  p {
+    padding: 5px 30px 15px 30px;
+    line-height: 1.5;
 
-  #hamburger {
-    height: 25px;
-    width: 100%;
-    text-align: left;
-    padding: 15px;
-    position: fixed;
-    top: 5px;
-    left: 0px;
-    cursor: pointer;
-    color: #750f34;
-    font-size: 20px;
-
-
-    -webkit-transition: left 0.5s, width 0.5s;
-    -moz-transition: left 0.5s, width 0.5s;
-    -o-transition: left 0.5s, width 0.5s;
-    transition: left 0.5s, width 0.5s;
-
-    &.showSideBar {
-      left: 275px;
+    &.br { 
+      padding: 0px 30px 0px 30px;
+      line-height: 1;
     }
-  }
 
-  .section {
-    display: none;
-  }
-  .shown {
-    display: inline;
-  }
-}
+    &.indent {
+      margin-left: 15px;
+    }
 
-.middleBar {
-  width: 255px;
-  margin-left: 50px;
-  padding-top: 50px;
-  height: calc(100% ~"-" 100px);
-  padding-bottom: 50px;
-  float: left;
-  position: absolute;
-  
+    &.question {
+      font-weight: 600;
+      padding-bottom: 0px;
+    }
 
-  .topic-image {
-    height: 120px;
-  }
-  .section-title {
-    font-weight: 300;
-    color: #750f34;
+    &.answer {
+      padding-top: 0px;
+    }
   }
 }
 
-#rightContent {
-  -webkit-touch-callout: text; 
-  -webkit-user-select: text;
-  -khtml-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;
+#introBox {
+  text-align: center;
+  min-height: 320px;
 
-  .box {
-    overflow-x: auto;
+  display: block;
+  position: relative;
+  top: 50%;
+  transform: translateY(50%);
+  h1 {
+    margin-top: 100px;
   }
 
   h1 {
-    font-size: 24px;
-    font-weight: normal;
-    padding-bottom: 20px;
-    
-    &::before {
-      content: url('imgs/diamond.png');
-      margin-right: 10px;
-    }
+    font-size: 60px;
+    color: #C0C0C0;
   }
 
-  div, h2, p {
-    margin-top: 15px;
-    margin: 15px 8px;
+  h2 {
     font-size: 16px;
-  }
-
-  .intro-section , .dl-space{
-    padding-bottom: 40px;
-  }
-
-  .download-btn {
-    width: 200px;
-    vertical-align: middle;
+    padding: 0px;
   }
 }
 
-#using-fauxton {
-  #rightContent {
-    .chapter {
-      padding: 75px 0 0 0;
-      border-top: 1px solid gainsboro;
-
-      a {
-        color: black;
-        
-        &:hover{
-          color: darkgray;
-        }
-      }
-
-      img {
-        width: 100%;      
-      }
-    }
+#page-overview {
+  img {
+    margin-top: 300px;
+    height: auto;
   }
 }
 
-.fauxton-toc {
-  margin-top: 40px;
+#page-header-bar {
 
-  .icon-menu {
-    width: 50px;
-    height: 100%;
-    float: left;
-    font-size: 20px;
+  .head-header-section {
 
-    a {
-      color: #b3b3b3;
-    }
-
-    > div i:hover, 
-    > div svg:hover, 
-    a.selected {
-      cursor: pointer;
-      color: black;
 
-      path {
-       fill: black;
-      }
+    .firstleft{
+      padding-top: 100px;
     }
-
-    .replicate-icon, .user-icon, .docs-icon {
-      width: 22px;
-
-      &:hover {
-        path {
-          fill: black;
-        }
-      }
-      path {
-        fill: #b3b3b3;
+    .firstright{
+      height: 2806px;
+      
+      .long-header-textbox{
+        height: 95%;
       }
     }
 
-    .line {
-      width: 50%;
-      border-right: 1px dotted black;
-      height: 10px;
-      margin: 5px 0 5px 0;
-    }
-  }
-
-  .toc {
-    float: right;
-    font-weight: 400;
-    text-align: left;
-    width: 175px;
-    cursor: pointer;
-    padding-right: 15px;
-
-    a {
-      text-decoration: none;
-      color: #b3b3b3;
-    }
 
+  }
 
-    .heading {
-      display: block;
-      margin-left: 5px;
-      margin-bottom: 15px;
-      font-size: 12px;
-      
-      .heading-title { 
-        padding-left: 18px;
-      }
-
-      .subheading {
-        font-weight: normal;
-        display: none;
-        line-height: 17px;
-        font-size: 10px;
-        margin-left: 8px;
+  .tail-header-section {
+    position: absolute;
+    width: 100%;
+    
+    .headerSection {
 
-        &:hover {
-          color: red;
-        }
-      }
+      overflow: hidden;
+    }
 
-      &.selected .subheading {
-        display:block;
-        padding-left: 19px;
+    >.headerSection:first-child  {
+      .leftside{
+        padding-top: 130px;
       }
-      
+    }
 
-      &:hover {
-        font-weight: bold;
-        color: black;
-        .subheading {
-          font-weight: normal;
-        }
-      }
+    .leftside{
+      padding-top: 40px;
     }
-    
-    .selected {
-      color: black;
-      
-      &.heading {
-        padding-left: 0px;
-      }
+  }
+  
 
-      .heading-title {
-        font-weight: bold;
-        margin-bottom: 10px;
-        padding-left: 15px;
-        border-left: 2px solid red;
-        color: black;
+  img {
+    padding: 30px;
+    width: 936px;
+    height: auto;
+  }
+  .textbox {
+   min-height: auto;
+   border: none;
+  }
+  .border {
+    border: 1px solid black;
+  }
 
-        .number {
-          font-size: 18px;
-        }
+  .redborder{
+    border: 1px solid red;
+  }
 
-        .heading-text {
-          font-size: 12px;
-        }
-      }
-    }
+  .blueborder{
+    border: 1px solid blue;
   }
-}
 
-#answers {
-  .question {
-    font-weight: bold;
+  .greenborder{
+    border: 1px solid green;
   }
 
-  a {
-    color: black;
-      
-    &:hover{
-      color: darkgray;
-    }
+  .subleft {
+    overflow-y: auto;
+  }
+
+  .clearfix {
+     clear: both;
   }
 }
 
-#end1, #end2 {
-  height: 40vh;
+#page-answers {
+  img {
+    height: auto;
+  }
 }
+

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/assets/active-tasks.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/assets/active-tasks.png b/fauxton-visual-guide/assets/active-tasks.png
new file mode 100644
index 0000000..cd3d77a
Binary files /dev/null and b/fauxton-visual-guide/assets/active-tasks.png differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/assets/add-admin.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/assets/add-admin.png b/fauxton-visual-guide/assets/add-admin.png
new file mode 100644
index 0000000..a898715
Binary files /dev/null and b/fauxton-visual-guide/assets/add-admin.png differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/assets/all-dbs.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/assets/all-dbs.png b/fauxton-visual-guide/assets/all-dbs.png
new file mode 100644
index 0000000..5b9d53f
Binary files /dev/null and b/fauxton-visual-guide/assets/all-dbs.png differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/assets/all-docs.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/assets/all-docs.png b/fauxton-visual-guide/assets/all-docs.png
new file mode 100644
index 0000000..07f5607
Binary files /dev/null and b/fauxton-visual-guide/assets/all-docs.png differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/assets/answers.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/assets/answers.png b/fauxton-visual-guide/assets/answers.png
new file mode 100644
index 0000000..0a993ba
Binary files /dev/null and b/fauxton-visual-guide/assets/answers.png differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/assets/config.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/assets/config.png b/fauxton-visual-guide/assets/config.png
new file mode 100644
index 0000000..cb2b211
Binary files /dev/null and b/fauxton-visual-guide/assets/config.png differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/assets/cors.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/assets/cors.png b/fauxton-visual-guide/assets/cors.png
new file mode 100644
index 0000000..a3397aa
Binary files /dev/null and b/fauxton-visual-guide/assets/cors.png differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/assets/couch.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/assets/couch.png b/fauxton-visual-guide/assets/couch.png
new file mode 100644
index 0000000..8670739
Binary files /dev/null and b/fauxton-visual-guide/assets/couch.png differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/assets/couchdb-logo.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/assets/couchdb-logo.png b/fauxton-visual-guide/assets/couchdb-logo.png
new file mode 100644
index 0000000..db7edaa
Binary files /dev/null and b/fauxton-visual-guide/assets/couchdb-logo.png differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/assets/couchdb-logo1.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/assets/couchdb-logo1.png b/fauxton-visual-guide/assets/couchdb-logo1.png
new file mode 100644
index 0000000..a7d179b
Binary files /dev/null and b/fauxton-visual-guide/assets/couchdb-logo1.png differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/assets/header-bar1.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/assets/header-bar1.png b/fauxton-visual-guide/assets/header-bar1.png
new file mode 100644
index 0000000..53df722
Binary files /dev/null and b/fauxton-visual-guide/assets/header-bar1.png differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/assets/headerbar/0.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/assets/headerbar/0.png b/fauxton-visual-guide/assets/headerbar/0.png
new file mode 100644
index 0000000..52ab51c
Binary files /dev/null and b/fauxton-visual-guide/assets/headerbar/0.png differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/assets/headerbar/1.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/assets/headerbar/1.png b/fauxton-visual-guide/assets/headerbar/1.png
new file mode 100644
index 0000000..344fbda
Binary files /dev/null and b/fauxton-visual-guide/assets/headerbar/1.png differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/assets/headerbar/2.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/assets/headerbar/2.png b/fauxton-visual-guide/assets/headerbar/2.png
new file mode 100644
index 0000000..e92d5f5
Binary files /dev/null and b/fauxton-visual-guide/assets/headerbar/2.png differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/assets/headerbar/3.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/assets/headerbar/3.png b/fauxton-visual-guide/assets/headerbar/3.png
new file mode 100644
index 0000000..f93749f
Binary files /dev/null and b/fauxton-visual-guide/assets/headerbar/3.png differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/assets/headerbar/4.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/assets/headerbar/4.png b/fauxton-visual-guide/assets/headerbar/4.png
new file mode 100644
index 0000000..7ffd2dc
Binary files /dev/null and b/fauxton-visual-guide/assets/headerbar/4.png differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/assets/headerbar/5.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/assets/headerbar/5.png b/fauxton-visual-guide/assets/headerbar/5.png
new file mode 100644
index 0000000..2fb655c
Binary files /dev/null and b/fauxton-visual-guide/assets/headerbar/5.png differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/assets/headerbar/6.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/assets/headerbar/6.png b/fauxton-visual-guide/assets/headerbar/6.png
new file mode 100644
index 0000000..92df140
Binary files /dev/null and b/fauxton-visual-guide/assets/headerbar/6.png differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/assets/linen.jpg
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/assets/linen.jpg b/fauxton-visual-guide/assets/linen.jpg
new file mode 100644
index 0000000..d80be96
Binary files /dev/null and b/fauxton-visual-guide/assets/linen.jpg differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/assets/login.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/assets/login.png b/fauxton-visual-guide/assets/login.png
new file mode 100644
index 0000000..5da5cec
Binary files /dev/null and b/fauxton-visual-guide/assets/login.png differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/assets/replicator.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/assets/replicator.png b/fauxton-visual-guide/assets/replicator.png
new file mode 100644
index 0000000..c36758b
Binary files /dev/null and b/fauxton-visual-guide/assets/replicator.png differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/assets/troubleshooting.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/assets/troubleshooting.png b/fauxton-visual-guide/assets/troubleshooting.png
new file mode 100644
index 0000000..328a8fa
Binary files /dev/null and b/fauxton-visual-guide/assets/troubleshooting.png differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/assets/usermanagement.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/assets/usermanagement.png b/fauxton-visual-guide/assets/usermanagement.png
new file mode 100644
index 0000000..2a31f83
Binary files /dev/null and b/fauxton-visual-guide/assets/usermanagement.png differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/assets/verify.png
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/assets/verify.png b/fauxton-visual-guide/assets/verify.png
new file mode 100644
index 0000000..0db6b5e
Binary files /dev/null and b/fauxton-visual-guide/assets/verify.png differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/fonts/fontawesome-webfont.ttf
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/fonts/fontawesome-webfont.ttf b/fauxton-visual-guide/fonts/fontawesome-webfont.ttf
deleted file mode 100644
index f221e50..0000000
Binary files a/fauxton-visual-guide/fonts/fontawesome-webfont.ttf and /dev/null differ

http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/998d395f/fauxton-visual-guide/fonts/fontawesome-webfont.woff
----------------------------------------------------------------------
diff --git a/fauxton-visual-guide/fonts/fontawesome-webfont.woff b/fauxton-visual-guide/fonts/fontawesome-webfont.woff
deleted file mode 100644
index 6e7483c..0000000
Binary files a/fauxton-visual-guide/fonts/fontawesome-webfont.woff and /dev/null differ


Mime
View raw message