couchdb-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
Subject [1/4] couchdb-www git commit: Add Fauxton Visual Guide
Date Sat, 03 Dec 2016 20:14:59 GMT
Repository: couchdb-www
Updated Branches:
  refs/heads/asf-site 2c9ff82ad -> 37d727df6
diff --git a/test/index.html b/test/index.html
deleted file mode 100644
index 419bde6..0000000
--- a/test/index.html
+++ /dev/null
@@ -1,191 +0,0 @@
-<!DOCTYPE html><html><head><title>Fauxton Visual Guide</title><link
rel="stylesheet" href="
"><link rel="stylesheet" href="main.css"><script src=""
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
Started</h1><h2>Download</h2><div class="dl-space">Start by down
 loading the CouchDB suite:</div><div>1. Go to <a href=""></a><span>,
and click </span><a href=""><img src="imgs/download-btn.png"
class="download-btn"></a></div><div>2. Learn how to install and setup
CouchDB from <a href="">here</a><span>,
then go to </span><a href=""></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="true" class="fa fa-wrench"></i></a><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 class="number">00</span><span class="heading-text"></span></di
 v></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
id="rightContent"><div class="box"><div id="intro" class="chapter"> <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="">Fauxton on npm</a>.</p>
-<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/screen-shots/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,
-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
-background tasks on the server. Background tasks include view index
-building, compaction and replication. This page is an interface to
-the <a href="">Active
Tasks API</a>
-<p><a href="#_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="">Configuring CouchDB</a>.</p>
-<p><a href="#replication">Replication</a> is an interface to the replication
-system, enabling you to initiate replication between local and remote
-<p><a href="">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
-or add administrator to your CouchDB instance.</p>
-<p><a href="#verifyinstall">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>
-Click this button on the top bar, and
-enter the name of the database you want to create.
-<img src="imgs/screen-shots/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/screen-shots/successful_create.png" alt="Create DB Sucess" title="Create
DB Sucess"></p>
-<p><strong> Search for a Database </strong>
-This text field auto-completes and jumps directly to a specified
-<img src="imgs/screen-shots/couchd-search-db.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;
-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/screen-shots/selectdb.png" alt="Select a DB" title="Select a DB"></p>
-<h1 id="_all_docs" class="sub">A Single Database<p><strong> All Documents
-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/screen-shots/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/screen-shots/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/screen-shots/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
-When you first arrive at the editor, you will see:
-<img src="imgs/screen-shots/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/screen-shots/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/screen-shots/editor3.png" alt="Click Create" title="Click Create
-<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/screen-shots/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/screen-shots/editor5.png" alt="Included Docs" title="Include Docs"></p>
-<p><img src="imgs/screen-shots/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/screen-shots/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/screen-shots/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/screen-shots/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/screen-shots/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="">Cluster
Setup Wizard</a></p>
-<p><img src="imgs/screen-shots/setup1.png" alt="Setup 1" title="Setup 1">
-<img src="imgs/screen-shots/setup2.png" alt="Setup 2" title="Setup 2"></p>
-<p>You can read more about CouchDB clusters in the docs as well: 
-<a href="">CouchDB Clusters</a></p>
-</div><div id="_activetasks" class="chapter"><h1 id="active-tasks">Active
-<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/screen-shots/activetasks1.png" alt="Active Tasks Polling" title="Active
Tasks Polling"></p>
-<p><strong> 2 API URL  </strong>
-This page is an interface to the
-<a href="">Active
Tasks API</a>
-call. You can view or copy the raw JSON by clicking on this button.
-<img src="imgs/screen-shots/activetasks2.png" alt="Active Tasks API" title="Active Tasks
-<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/screen-shots/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/screen-shots/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="">CouchDB
-<p><img src="imgs/screen-shots/cors.png" alt="CORS" title="CORS"></p>
-<p>For more details on configuration, see the
-<a href="">Configuring CouchDB</a>
-</div><div id="replication" class="chapter"><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/screen-shots/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/screen-shots/replcationSourceTarget.png" alt="Replication" title="Replication"></p>
-<p>From the Source database box, 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
-<p>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 &#39;Create Target&#39; button.</p>
-<p>For continuous Replications, select the &#39;continuous&#39; checkbox.
-&#39;Continous&#39; 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.</p>
-<p>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
-<p>Under the <a href="#_activetasks">Active Tasks</a> tab, you should see
-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>
-<p>For more information, see
-<a href="">/_replicate</a>.</p>
-<p>For more information on replication, see
-<a href="">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/screen-shots/documentation.png" alt="Documentation" title="Documentation"></p>
-</div><div id="login" class="chapter"> <h1 id="login-user-management">Login/User
-<p>You can change your password, or add admins to your CouchDB instance within this
-<img src="imgs/screen-shots/admin.png" alt="Admin" title="![Documentation](imgs/screen-shots/documentation.png
-</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/screen-shots/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="">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="">Github</a>.</p><p
class="question">Q: What can I do?</p><p class="answer">A: Lots of things!
checkout our <a href="">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 
-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="">CouchDB
Homepage</a> (more info is
-available here!)</p>
-<p><a href="">How to Install/Setup</a></p>
-<p><a href="">Install via npm</a>
-<p><a href="">CouchDB Documentation</a></p>
-<p><a href="">CouchDB Blog</a> Updates Weekly!
-<p><a href="">CouchDB Wiki</a></p>
-<p><a href="">CouchDB: The Definitive Guide</a></p>
-<p><a href="">CouchDB Tutorials</a>
General and
-Tutorials for Specific Languages</p>
-<p><a href="">CouchDB IRC</a>
Our chat 
-<p><a href="">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
diff --git a/test/js/jquery.visible.min.js b/test/js/jquery.visible.min.js
deleted file mode 100644
index 417039c..0000000
--- a/test/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(),>=0&&<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
diff --git a/test/js/main.js b/test/js/main.js
deleted file mode 100644
index fc63562..0000000
--- a/test/js/main.js
+++ /dev/null
@@ -1,264 +0,0 @@
-  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: + 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() {
-  //
-  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
- */
-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
-      $svg = $svg.removeAttr('xmlns:a');
-      // Replace image with new SVG
-      $img.replaceWith($svg);
-    }, 'xml');  
-  });
diff --git a/test/main.css b/test/main.css
deleted file mode 100644
index cfba712..0000000
--- a/test/main.css
+++ /dev/null
@@ -1 +0,0 @@
.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: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
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
 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

View raw message