diff --git a/.env.example b/.env.example
deleted file mode 100644
index 84a14cb5..00000000
--- a/.env.example
+++ /dev/null
@@ -1,22 +0,0 @@
-API_URL=/api
-AWS_ACCESS_KEY=<your-aws-access-key>
-AWS_REGION=<your-aws-region>
-AWS_SECRET_KEY=<your-aws-secret-key>
-EMAIL_SENDER=<transactional-email-sender>
-EMAIL_VERIFY_SECRET_TOKEN=whatever_you_want_this_to_be_it_only_matters_for_production
-EXAMPLE_USER_EMAIL=examples@p5js.org
-EXAMPLE_USER_PASSWORD=hellop5js
-GG_EXAMPLES_EMAIL=benedikt.gross@generative-gestaltung.de
-GG_EXAMPLES_PASS=generativedesign
-GG_EXAMPLES_USERNAME=generative-design
-GITHUB_ID=<your-github-client-id>
-GITHUB_SECRET=<your-github-client-secret>
-GOOGLE_ID=<your-google-client-id> (use google+ api)
-GOOGLE_SECRET=<your-google-client-secret> (use google+ api)
-MAILGUN_DOMAIN=<your-mailgun-domain>
-MAILGUN_KEY=<your-mailgun-api-key>
-MONGO_URL=mongodb://localhost:27017/p5js-web-editor
-PORT=8000
-S3_BUCKET=<your-s3-bucket>
-S3_BUCKET_URL_BASE=<alt-for-s3-url>
-SESSION_SECRET=whatever_you_want_this_to_be_it_only_matters_for_production
diff --git a/client/components/Nav.jsx b/client/components/Nav.jsx
index 0fe1dcad..725c39e5 100644
--- a/client/components/Nav.jsx
+++ b/client/components/Nav.jsx
@@ -44,6 +44,17 @@ class Nav extends React.PureComponent {
     this.handleStopAccessible = this.handleStopAccessible.bind(this);
     this.handleKeyboardShortcuts = this.handleKeyboardShortcuts.bind(this);
     this.handleLogout = this.handleLogout.bind(this);
+    this.toggleDropdownForFile = this.toggleDropdown.bind(this, 'file');
+    this.handleFocusForFile = this.handleFocus.bind(this, 'file');
+    this.setDropdownForNone = this.setDropdown.bind(this, 'none');
+    this.toggleDropdownForEdit = this.toggleDropdown.bind(this, 'edit');
+    this.handleFocusForEdit = this.handleFocus.bind(this, 'edit');
+    this.toggleDropdownForSketch = this.toggleDropdown.bind(this, 'sketch');
+    this.handleFocusForSketch = this.handleFocus.bind(this, 'sketch');
+    this.toggleDropdownForHelp = this.toggleDropdown.bind(this, 'help');
+    this.handleFocusForHelp = this.handleFocus.bind(this, 'help');
+    this.toggleDropdownForAccount = this.toggleDropdown.bind(this, 'account');
+    this.handleFocusForAccount = this.handleFocus.bind(this, 'account');
   }
 
   componentWillMount() {
@@ -226,7 +237,7 @@ class Nav extends React.PureComponent {
           </li>
           <li className={navDropdownState.file}>
             <button
-              onClick={this.toggleDropdown.bind(this, 'file')}
+              onClick={this.toggleDropdownForFile}
               onBlur={this.handleBlur}
               onFocus={this.clearHideTimeout}
             >
@@ -235,7 +246,7 @@ class Nav extends React.PureComponent {
             </button>
             <ul className="nav__dropdown">
               <button
-                onClick={this.toggleDropdown.bind(this, 'file')}
+                onClick={this.toggleDropdownForFile}
                 className="nav__dropdown-heading"
               >
                 <span>File</span>
@@ -244,7 +255,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleNew}
-                  onFocus={this.handleFocus.bind(this, 'file')}
+                  onFocus={this.handleFocusForFile}
                   onBlur={this.handleBlur}
                 >
                   New
@@ -254,7 +265,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleSave}
-                  onFocus={this.handleFocus.bind(this, 'file')}
+                  onFocus={this.handleFocusForFile}
                   onBlur={this.handleBlur}
                 >
                   Save
@@ -265,7 +276,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleDuplicate}
-                  onFocus={this.handleFocus.bind(this, 'file')}
+                  onFocus={this.handleFocusForFile}
                   onBlur={this.handleBlur}
                 >
                   Duplicate
@@ -275,7 +286,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleShare}
-                  onFocus={this.handleFocus.bind(this, 'file')}
+                  onFocus={this.handleFocusForFile}
                   onBlur={this.handleBlur}
                 >
                   Share
@@ -285,7 +296,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleDownload}
-                  onFocus={this.handleFocus.bind(this, 'file')}
+                  onFocus={this.handleFocusForFile}
                   onBlur={this.handleBlur}
                 >
                   Download
@@ -295,9 +306,9 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <Link
                   to={`/${this.props.user.username}/sketches`}
-                  onFocus={this.handleFocus.bind(this, 'file')}
+                  onFocus={this.handleFocusForFile}
                   onBlur={this.handleBlur}
-                  onClick={this.setDropdown.bind(this, 'none')}
+                  onClick={this.setDropdownForNone}
                 >
                   Open
                 </Link>
@@ -306,9 +317,9 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <Link
                   to="/p5/sketches"
-                  onFocus={this.handleFocus.bind(this, 'file')}
+                  onFocus={this.handleFocusForFile}
                   onBlur={this.handleBlur}
-                  onClick={this.setDropdown.bind(this, 'none')}
+                  onClick={this.setDropdownForNone}
                 >
                   Examples
                 </Link>
@@ -317,7 +328,7 @@ class Nav extends React.PureComponent {
           </li>
           <li className={navDropdownState.edit}>
             <button
-              onClick={this.toggleDropdown.bind(this, 'edit')}
+              onClick={this.toggleDropdownForEdit}
               onBlur={this.handleBlur}
               onFocus={this.clearHideTimeout}
             >
@@ -326,7 +337,7 @@ class Nav extends React.PureComponent {
             </button>
             <ul className="nav__dropdown">
               <button
-                onClick={this.toggleDropdown.bind(this, 'edit')}
+                onClick={this.toggleDropdownForEdit}
                 className="nav__dropdown-heading"
               >
                 <span>Edit</span>
@@ -338,7 +349,7 @@ class Nav extends React.PureComponent {
                     this.props.cmController.tidyCode();
                     this.setDropdown('none');
                   }}
-                  onFocus={this.handleFocus.bind(this, 'edit')}
+                  onFocus={this.handleFocusForEdit}
                   onBlur={this.handleBlur}
                 >
                   Tidy Code
@@ -348,7 +359,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleFind}
-                  onFocus={this.handleFocus.bind(this, 'edit')}
+                  onFocus={this.handleFocusForEdit}
                   onBlur={this.handleBlur}
                 >
                   Find
@@ -358,7 +369,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleFindNext}
-                  onFocus={this.handleFocus.bind(this, 'edit')}
+                  onFocus={this.handleFocusForEdit}
                   onBlur={this.handleBlur}
                 >
                   Find Next
@@ -368,7 +379,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleFindPrevious}
-                  onFocus={this.handleFocus.bind(this, 'edit')}
+                  onFocus={this.handleFocusForEdit}
                   onBlur={this.handleBlur}
                 >
                   Find Previous
@@ -379,7 +390,7 @@ class Nav extends React.PureComponent {
           </li>
           <li className={navDropdownState.sketch}>
             <button
-              onClick={this.toggleDropdown.bind(this, 'sketch')}
+              onClick={this.toggleDropdownForSketch}
               onBlur={this.handleBlur}
               onFocus={this.clearHideTimeout}
             >
@@ -388,7 +399,7 @@ class Nav extends React.PureComponent {
             </button>
             <ul className="nav__dropdown">
               <button
-                onClick={this.toggleDropdown.bind(this, 'sketch')}
+                onClick={this.toggleDropdownForSketch}
                 className="nav__dropdown-heading"
               >
                 <span>Sketch</span>
@@ -397,7 +408,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleAddFile}
-                  onFocus={this.handleFocus.bind(this, 'sketch')}
+                  onFocus={this.handleFocusForSketch}
                   onBlur={this.handleBlur}
                 >
                   Add File
@@ -406,7 +417,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleAddFolder}
-                  onFocus={this.handleFocus.bind(this, 'sketch')}
+                  onFocus={this.handleFocusForSketch}
                   onBlur={this.handleBlur}
                 >
                   Add Folder
@@ -415,7 +426,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleRun}
-                  onFocus={this.handleFocus.bind(this, 'sketch')}
+                  onFocus={this.handleFocusForSketch}
                   onBlur={this.handleBlur}
                 >
                   Run
@@ -425,7 +436,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleStop}
-                  onFocus={this.handleFocus.bind(this, 'sketch')}
+                  onFocus={this.handleFocusForSketch}
                   onBlur={this.handleBlur}
                 >
                   Stop
@@ -435,7 +446,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleStartAccessible}
-                  onFocus={this.handleFocus.bind(this, 'sketch')}
+                  onFocus={this.handleFocusForSketch}
                   onBlur={this.handleBlur}
                 >
                   Start Accessible
@@ -445,7 +456,7 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <button
                   onClick={this.handleStopAccessible}
-                  onFocus={this.handleFocus.bind(this, 'sketch')}
+                  onFocus={this.handleFocusForSketch}
                   onBlur={this.handleBlur}
                 >
                   Stop Accessible
@@ -456,7 +467,7 @@ class Nav extends React.PureComponent {
           </li>
           <li className={navDropdownState.help}>
             <button
-              onClick={this.toggleDropdown.bind(this, 'help')}
+              onClick={this.toggleDropdownForHelp}
               onBlur={this.handleBlur}
               onFocus={this.clearHideTimeout}
             >
@@ -465,7 +476,7 @@ class Nav extends React.PureComponent {
             </button>
             <ul className="nav__dropdown">
               <button
-                onClick={this.toggleDropdown.bind(this, 'help')}
+                onClick={this.toggleDropdownForHelp}
                 className="nav__dropdown-heading"
               >
                 <span>Help & Feedback</span>
@@ -473,7 +484,7 @@ class Nav extends React.PureComponent {
               </button>
               <li className="nav__dropdown-item">
                 <button
-                  onFocus={this.handleFocus.bind(this, 'help')}
+                  onFocus={this.handleFocusForHelp}
                   onBlur={this.handleBlur}
                   onClick={this.handleKeyboardShortcuts}
                 >
@@ -485,18 +496,18 @@ class Nav extends React.PureComponent {
                   href="https://p5js.org/reference/"
                   target="_blank"
                   rel="noopener noreferrer"
-                  onFocus={this.handleFocus.bind(this, 'help')}
+                  onFocus={this.handleFocusForHelp}
                   onBlur={this.handleBlur}
-                  onClick={this.setDropdown.bind(this, 'none')}
+                  onClick={this.setDropdownForNone}
                 >Reference
                 </a>
               </li>
               <li className="nav__dropdown-item">
                 <Link
                   to="/about"
-                  onFocus={this.handleFocus.bind(this, 'help')}
+                  onFocus={this.handleFocusForHelp}
                   onBlur={this.handleBlur}
-                  onClick={this.setDropdown.bind(this, 'none')}
+                  onClick={this.setDropdownForNone}
                 >
                   About
                 </Link>
@@ -504,9 +515,9 @@ class Nav extends React.PureComponent {
               <li className="nav__dropdown-item">
                 <Link
                   to="/feedback"
-                  onFocus={this.handleFocus.bind(this, 'help')}
+                  onFocus={this.handleFocusForHelp}
                   onBlur={this.handleBlur}
-                  onClick={this.setDropdown.bind(this, 'none')}
+                  onClick={this.setDropdownForNone}
                 >
                   Feedback
                 </Link>
@@ -533,7 +544,7 @@ class Nav extends React.PureComponent {
             <li className={navDropdownState.account}>
               <button
                 className="nav__item-header"
-                onClick={this.toggleDropdown.bind(this, 'account')}
+                onClick={this.toggleDropdownForAccount}
                 onBlur={this.handleBlur}
                 onFocus={this.clearHideTimeout}
               >
@@ -551,9 +562,9 @@ class Nav extends React.PureComponent {
                 <li className="nav__dropdown-item">
                   <Link
                     to={`/${this.props.user.username}/sketches`}
-                    onFocus={this.handleFocus.bind(this, 'account')}
+                    onFocus={this.handleFocusForAccount}
                     onBlur={this.handleBlur}
-                    onClick={this.setDropdown.bind(this, 'none')}
+                    onClick={this.setDropdownForNone}
                   >
                     My sketches
                   </Link>
@@ -561,9 +572,9 @@ class Nav extends React.PureComponent {
                 <li className="nav__dropdown-item">
                   <Link
                     to="/assets"
-                    onFocus={this.handleFocus.bind(this, 'account')}
+                    onFocus={this.handleFocusForAccount}
                     onBlur={this.handleBlur}
-                    onClick={this.setDropdown.bind(this, 'none')}
+                    onClick={this.setDropdownForNone}
                   >
                     My assets
                   </Link>
@@ -571,9 +582,9 @@ class Nav extends React.PureComponent {
                 <li className="nav__dropdown-item">
                   <Link
                     to="/account"
-                    onFocus={this.handleFocus.bind(this, 'account')}
+                    onFocus={this.handleFocusForAccount}
                     onBlur={this.handleBlur}
-                    onClick={this.setDropdown.bind(this, 'none')}
+                    onClick={this.setDropdownForNone}
                   >
                     Settings
                   </Link>
@@ -581,7 +592,7 @@ class Nav extends React.PureComponent {
                 <li className="nav__dropdown-item">
                   <button
                     onClick={this.handleLogout}
-                    onFocus={this.handleFocus.bind(this, 'account')}
+                    onFocus={this.handleFocusForAccount}
                     onBlur={this.handleBlur}
                   >
                     Log out
diff --git a/package-lock.json b/package-lock.json
index e23af10d..5e5de221 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5099,11 +5099,13 @@
         },
         "balanced-match": {
           "version": "1.0.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -5116,15 +5118,18 @@
         },
         "code-point-at": {
           "version": "1.1.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -5227,7 +5232,8 @@
         },
         "inherits": {
           "version": "2.0.3",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -5237,6 +5243,7 @@
         "is-fullwidth-code-point": {
           "version": "1.0.0",
           "bundled": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -5249,17 +5256,20 @@
         "minimatch": {
           "version": "3.0.4",
           "bundled": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
         },
         "minimist": {
           "version": "0.0.8",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.3.5",
           "bundled": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.2",
             "yallist": "^3.0.0"
@@ -5276,6 +5286,7 @@
         "mkdirp": {
           "version": "0.5.1",
           "bundled": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -5348,7 +5359,8 @@
         },
         "number-is-nan": {
           "version": "1.0.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -5358,6 +5370,7 @@
         "once": {
           "version": "1.4.0",
           "bundled": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -5463,6 +5476,7 @@
         "string-width": {
           "version": "1.0.2",
           "bundled": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",