Move default_app to root of repo

2016-03-07 17:25:01 -08:00 · 2016-03-07 17:25:01 -08:00 · c47ad29124
commit c47ad29124
parent 6e3cb9e8eb
5 changed files with 3 additions and 3 deletions
--- a/default_app/index.html
+++ b/default_app/index.html
@ -0,0 +1,159 @@
+<html>
+<head>
+  <title>Electron</title>
+  <style>
+    body {
+      color: #45828E;
+      background-color: #A5ECFA;
+      font-family: 'Helvetica Neue', 'Open Sans', Helvetica, Arial, sans-serif;
+      padding: 0;
+      margin: 0;
+    }
+
+    .container {
+      padding: 15px 30px;
+    }
+
+    h2 {
+      background-color: #76C7D7;
+      color: #FAF7F3;
+      font-weight: 400;
+      padding: 15px 30px;
+      margin: 0;
+    }
+
+    a {
+      color: #39AEC6;
+      text-decoration: none;
+    }
+
+    a:hover {
+      text-decoration: underline;
+    }
+
+    pre, code {
+      font-family: "Menlo","Lucida Console",monospace;
+      border: 1px solid #076274;
+      background-color: #076274;
+      color: #C5F3FC;
+      border-radius: 3px;
+    }
+
+    pre {
+      white-space: pre-wrap;
+      font-size: 13px;
+      line-height: 19px;
+      overflow: auto;
+      padding: 6px 10px;
+    }
+
+    code {
+      padding: 1px 4px 1px 4px;
+      font-size: 13px;
+    }
+
+    #holder {
+      border: 2px dashed #448691;
+      margin: 0 auto;
+      height: 300px;
+      color: #45828E;
+      font-size: 40px;
+      line-height: 300px;
+      text-align: center;
+      -webkit-user-select: none;
+    }
+
+    #holder.hover {
+      background-color: #7BDCEF;
+    }
+  </style>
+</head>
+<body>
+  <script>
+    const electron = require('electron');
+    const remote = electron.remote;
+    const shell = electron.shell;
+
+    var execPath = remote.process.execPath;
+    var command = execPath + ' path-to-your-app';
+
+    document.onclick = function(e) {
+      e.preventDefault();
+      if (e.target.tagName == 'A')
+        shell.openExternal(e.target.href);
+      return false;
+    };
+    document.ondragover = document.ondrop = function(e) {
+      e.preventDefault();
+      return false;
+    };
+  </script>
+
+  <h2>
+    <script>
+      document.write(`Welcome to Electron ${process.versions.electron}`)
+    </script>
+  </h2>
+
+  <div class="container">
+
+    <p>
+    To run your app with Electron, execute the following command in your
+    Console (or Terminal):
+    </p>
+
+    <script>document.write('<pre>' + command + '</pre>')</script>
+
+    <p>
+    The <code>path-to-your-app</code> should be the path to your own Electron
+    app.
+    </p>
+
+    <p>You can read the
+    <script>
+      document.write(
+        `<a href='https://github.com/atom/electron/blob/v${process.versions.electron}/docs/tutorial/quick-start.md'>quick start</a>`
+      );
+    </script>
+    guide in Electron's
+    <script>
+      document.write(
+        `<a href='https://github.com/atom/electron/tree/v${process.versions.electron}/docs#readme'>docs</a>`
+      );
+    </script>
+    to learn how to write one.
+    </p>
+
+    <p>
+    Or you can just drag your app here to run it:
+    </p>
+
+    <div id="holder">
+      Drag your app here to run it
+    </div>
+
+  </div>
+
+  <script>
+    var holder = document.getElementById('holder');
+    holder.ondragover = function () {
+      this.className = 'hover';
+      return false;
+    };
+    holder.ondragleave = holder.ondragend = function () {
+      this.className = '';
+      return false;
+    };
+    holder.ondrop = function (e) {
+      this.className = '';
+      e.preventDefault();
+
+      var file = e.dataTransfer.files[0];
+      require('child_process').execFile(execPath, [file.path], {
+        detached: true, stdio: 'ignore'
+      }).unref();
+      return false;
+    };
+  </script>
+</body>
+</html>