﻿<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Ensemble</title>
    <!--<link rel="stylesheet" href="Content/bootstrap.css" />-->
    <link rel="stylesheet" href="Content/css/gnomoria.bootstrap.css" />
    <link rel="stylesheet" href="Content/css/font-awesome.css" />
    <link rel="stylesheet" href="Content/durandal.css" />
    <link rel="stylesheet" href="Content/css/gnomoria.custom.css" />
</head>
<body>
    <div id="applicationHost">
        <div class="splash">
            <div class="message">
                Gnome App is loading, please wait...
            </div>
            <i class="icon-spinner icon-2x icon-spin active"></i>
        </div>
    </div>
    <script type="text/javascript" src="Scripts/require.js" data-main="app/main"></script>
</body>
</html>

﻿<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Gnomoria</title>
    <link rel="stylesheet" href="Content/bootstrap.css" />
    <link rel="stylesheet" href="Content/css/gnomoria.bootstrap.css" />
    <link rel="stylesheet" href="Content/css/font-awesome.css" />
    <link rel="stylesheet" href="Content/durandal.css" />
    <link rel="stylesheet" href="Content/css/gnomoria.custom.css" />
</head>
<body>
    <div id="applicationHost">
        <div class="splash">
            <div class="message">
                <div style="text-align: center; margin-top: 200px;">
                    <span style="color: #FFF; font-size: 30px;">Loading... Please wait.</span>
                </div>
            </div>
            <i class="icon-spinner icon-2x icon-spin active"></i>
        </div>
    </div>
    <script type="text/javascript" src="Scripts/require.js" data-main="app/main"></script>
</body>
</html>

Add inline css to the loading message.
Add inline css to the loading message.
