From 6d42ce63fcf533149b919e0e23853453ea8c38b1 Mon Sep 17 00:00:00 2001 From: Ryan Huffman Date: Mon, 11 Jan 2016 14:06:53 -0800 Subject: [PATCH] Add splash screen --- console/src/splash.css | 127 ++++++++++++++++++++++++++++++++++++++++ console/src/splash.html | 76 ++++++++++++++++++++++++ console/src/splash.js | 11 ++++ 3 files changed, 214 insertions(+) create mode 100644 console/src/splash.css create mode 100644 console/src/splash.html create mode 100644 console/src/splash.js diff --git a/console/src/splash.css b/console/src/splash.css new file mode 100644 index 0000000000..1bebf3672f --- /dev/null +++ b/console/src/splash.css @@ -0,0 +1,127 @@ +@font-face { + font-family: 'Proxima Nova'; + src: url('vendor/ProximaNova/ProximaNova-Regular.otf'); +} + +body { + height: 100%; + width: 100%; + margin: 0; + padding: 0; + color: #414141; +} +* { + font-family: "Proxima Nova", "Open Sans", Arial, Helvetica, sans-serif; + font-size: 1.022em; + line-height: 130%; +} + + +a:link, a:visited, a:hover, a:active { + color: #2D88A4; + } + +a:hover { + color: #00B4EF; +} + +h1, h2 { + color: black; + margin: 0; + padding: 0; +} +h1 { + font-size: 2.0em; +} +h2 { + font-size: 1.0em; + font-weight: bold; +} + +p { +} + +.header-title { + padding-top: 80px; +} +.content { + margin: 0 110px; +} +.column { + display: inline-block; + float: left; +} + +.column.left { + padding-top: 20px; + width: 415px; + padding-right: 120px; +} +.column.center { + padding-top: 20px; + width: 540px; +} +.column.right { + float: right; + padding-top: 40px; + padding-left: 60px; + + position: absolute; + right: -30px; +} +.column.right img { +} + +.top { + height: 156px; + border-bottom: 2px solid #F5F6F6; +} +.middle { + width: 1364px; /* 1584 - (110 * 2) */ + position: absolute; + top: 156px; + bottom: 98px; +} +.bottom{ + width: 100%; + position: absolute; + height: 98px; + background-color: #F5F6F6; + + bottom: 0; + + /* padding-top: 34px; */ +} + +.footer { + padding-top: 34px; +} + + +.header-title { +} + +.header-right { + /* float: right; */ + position: absolute; + top: 70px; + right: 114px; +} + +input[type="checkbox"] { + display: inline-block; + /* display:none; */ + /* width:19px; */ + /* height:19px; */ +} +/* input[type=checkbox] label:before { */ +/* border-radius: 3px; */ +/* } */ +/* input[type=checkbox]:checked { */ +/* content: "\2713"; */ +/* text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); */ +/* font-size: 15px; */ +/* color: #f3f3f3; */ +/* text-align: center; */ +/* line-height: 15px; */ +/* } */ \ No newline at end of file diff --git a/console/src/splash.html b/console/src/splash.html new file mode 100644 index 0000000000..376af224f5 --- /dev/null +++ b/console/src/splash.html @@ -0,0 +1,76 @@ + + + + High Fidelity + + + + +
+
+

Install complete

+
+
+ +
+
+
+
+

+

What now?

+ Console is your personal domain server in High Fidelity. + It allows your local machine to manage 4000 cubic kilometers of space, + ready for you to build, explore, and share however you like. To start + you off, we've put a few things in your space to play around with and + to learn the ropes. +

+ +

+ To learn more about uploading your own models and scripts, and how to add + items from the Market, check out 'The Basics'. +

+
+
+

+

How do I use it?

+ Console is your personal domain server in High Fidelity. + It allows your local machine to manage your server by clicking on the + High Fidelity icon in your ... In the menu that opens, you can: +

+ +

+

    +
  • go to your 'Home,' automatically launching High Fidelity
    • +
  • administer basic function like starting and stopping your server
    • +
  • access your server's settings and logs
    • +
+

+ +

+ For more information on managing your server, visit our documentation +

+
+
+ +
+
+
+
+ + +
+
+ + diff --git a/console/src/splash.js b/console/src/splash.js new file mode 100644 index 0000000000..3d9bd81bde --- /dev/null +++ b/console/src/splash.js @@ -0,0 +1,11 @@ +var remote = require('electron').remote; + +ready = function() { + window.$ = require('./vendor/jquery/jquery-2.1.4.min.js'); + + var userConfig = remote.getGlobal('userConfig'); + $('#suppress-splash').change(function() { + console.log("updating"); + userConfig.set('doNotShowSplash', $(this).is(':checked')); + }); +}