qsysmine/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>codioNative</title>
  <style media="screen">
    html {
      position:absolute;
      top:0;
      left:0;
      right:0;
      bottom:0;
      font-family:"Helvetica Neue", Helvetica, "Century Gothic", sans-serif;
    }
    h1, p {
      text-align:center;
    }
    iframe[seamless]{
      background-color: transparent;
      border: 0px none transparent;
      padding: 0px;
      overflow: hidden;
    }
    #main-iframe {
      position:absolute;
      top:0;
      left:0;
      right:0;
      bottom:0;
    }
  </style>
</head>
<body>
  <iframe src="http://codio.com/home" id="main-iframe" seamless width="100%" height="100%"></iframe>
</body>
<script>
var wO;
  setInterval(function() {
    if(!navigator.onLine) {
      wO = true;
      document.body.innerHTML = '<div class="centred">\
      <h1>You are offline.</h1><br>\
      <p>\
      You appear to be offline. Please connect to a network to continue.\
      </p>';
    } else {
      if(wO){
        wO = false;
        document.body.innerHTML = '  <iframe src="http://codio.com/home" id="main-iframe" seamless width="100%" height="100%"></iframe>';
      }
    }
  });
</script>
</html>

## main.js
var app = require('app');
var BrowserWindow = require('browser-window');
require('crash-reporter').start();
var mainWindow = null;
app.on('window-all-closed', function() {
    app.quit();
});
app.on('ready', function() {
  var atomScreen = require('screen');
  var size = atomScreen.getPrimaryDisplay().workAreaSize;
  mainWindow = new BrowserWindow({ width: size.width, height: size.height });
  mainWindow.loadUrl('file://' + __dirname + '/index.html');
  mainWindow.on('closed', function() {
    mainWindow = null;
  });
});

## package.json
{
  "name"    : "codioNative",
  "version" : "0.1.0",
  "main"    : "main.js"
}
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>codioNative</title>
	<style media="screen">
	html {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	font-family:"Helvetica Neue", Helvetica, "Century Gothic", sans-serif;
	}
	h1, p {
	text-align:center;
	}
	iframe[seamless]{
	background-color: transparent;
	border: 0px none transparent;
	padding: 0px;
	overflow: hidden;
	}
	#main-iframe {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	}
	</style>
	</head>
	<body>
	<iframe src="http://codio.com/home" id="main-iframe" seamless width="100%" height="100%"></iframe>
	</body>
	<script>
	var wO;
	setInterval(function() {
	if(!navigator.onLine) {
	wO = true;
	document.body.innerHTML = '<div class="centred">\
	<h1>You are offline.</h1><br>\
	<p>\
	You appear to be offline. Please connect to a network to continue.\
	</p>';
	} else {
	if(wO){
	wO = false;
	document.body.innerHTML = ' <iframe src="http://codio.com/home" id="main-iframe" seamless width="100%" height="100%"></iframe>';
	}
	}
	});
	</script>
	</html>
	var app = require('app');
	var BrowserWindow = require('browser-window');
	require('crash-reporter').start();
	var mainWindow = null;
	app.on('window-all-closed', function() {
	app.quit();
	});
	app.on('ready', function() {
	var atomScreen = require('screen');
	var size = atomScreen.getPrimaryDisplay().workAreaSize;
	mainWindow = new BrowserWindow({ width: size.width, height: size.height });
	mainWindow.loadUrl('file://' + __dirname + '/index.html');
	mainWindow.on('closed', function() {
	mainWindow = null;
	});
	});
	{
	"name" : "codioNative",
	"version" : "0.1.0",
	"main" : "main.js"
	}