From 17bc8091ee1422b9616c76c812ab83aa4072cb00 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Tue, 20 Mar 2018 15:40:55 +0100
Subject: [PATCH] move remixd info & add info about running remixd locally

---
 src/app/tabs/settings-tab.js | 37 +++++++++++++++++++++++-------------
 1 file changed, 24 insertions(+), 13 deletions(-)

diff --git a/src/app/tabs/settings-tab.js b/src/app/tabs/settings-tab.js
index 62dc86ee52..f550c62cde 100644
--- a/src/app/tabs/settings-tab.js
+++ b/src/app/tabs/settings-tab.js
@@ -51,17 +51,6 @@ function SettingsTab (appAPI = {}, appEvents = {}, opts = {}) {
           <span class="${css.checkboxText}">Enable Personal Mode ${warnPersonalMode}></span>
         </div>
       </div>
-      <div class="${css.info}">
-        <div class=${css.title}>Remixd</div>
-        <div class="${css.crow}">
-          Remixd is a tool which allow Remix IDE to access files located in your local computer.
-          it can also be used to setup a development environment.
-        </div>
-        <div class="${css.crow}">More infos:</div>
-        <div class="${css.crow}"><a target="_blank" href="https://github.com/ethereum/remixd"> https://github.com/ethereum/remixd</a></div>
-        <div class="${css.crow}"><a target="_blank" href="http://remix.readthedocs.io/en/latest/tutorial_remixd_filesystem.html">http://remix.readthedocs.io/en/latest/tutorial_remixd_filesystem.html</a></div>
-        <div class="${css.crow}">Installation: <pre class=${css.remixdinstallation}>npm install remixd -g</pre></div>
-      </div>
       <div class="${css.info}">
         <div class=${css.title}>Themes</div>
         <div class=${css.attention}>
@@ -90,8 +79,30 @@ function SettingsTab (appAPI = {}, appEvents = {}, opts = {}) {
             </div>
         </div>
       </div>
-    </div>
-
+      <div class="${css.info}">
+        <div class=${css.title}>Remixd</div>
+        <div class="${css.crow}">
+          Remixd is a tool which allow Remix IDE to access files located in your local computer.
+          it can also be used to setup a development environment.
+        </div>
+        <div class="${css.crow}">More infos:</div>
+        <div class="${css.crow}"><a target="_blank" href="https://github.com/ethereum/remixd"> https://github.com/ethereum/remixd</a></div>
+        <div class="${css.crow}"><a target="_blank" href="http://remix.readthedocs.io/en/latest/tutorial_remixd_filesystem.html">http://remix.readthedocs.io/en/latest/tutorial_remixd_filesystem.html</a></div>
+        <div class="${css.crow}">Installation: <pre class=${css.remixdinstallation}>npm install remixd -g</pre></div>
+      </div>
+      <div class="${css.info}">
+        <div class=${css.title}>Running Remix locally</div>
+        <div class="${css.crow}">
+          as a NPM module:
+        </div>
+        <a target="_blank" href="https://www.npmjs.com/package/remix-ide">https://www.npmjs.com/package/remix-ide</a>
+        <pre class=${css.remixdinstallation}>npm install remix-ide -g</pre>
+        <div class="${css.crow}">
+          as an electron app: 
+        </div>
+        <a target="_blank" href="https://github.com/horizon-games/remix-app">https://github.com/horizon-games/remix-app</a>
+      </div>
+     </div>
   `
 
   function loadPlugin () {