diff --git a/website/include/importer.css b/website/include/importer.css index e9e84d8..81faa62 100644 --- a/website/include/importer.css +++ b/website/include/importer.css @@ -12,12 +12,17 @@ html, body #nosupport { + width : 450px; + margin : 0px auto; padding : 10px; + text-align : center; } -#nosupport div.title +#nosupport div.nosupporterror { - font-size : 17px; + color : #aa0000; + background : transparent; + font-size : 14px; margin-bottom : 10px; } diff --git a/website/include/importerapp.js b/website/include/importerapp.js index 3803b55..776f741 100644 --- a/website/include/importerapp.js +++ b/website/include/importerapp.js @@ -17,8 +17,8 @@ ImporterApp.prototype.Init = function () div.className = 'nosupport'; div.innerHTML = [ '
', - '
Unfortunately your browser does not support this site.
', - 'You need a browser which supports the following technologies: WebGL, WebGLRenderingContext, File, FileReader, FileList, Blob, URL.', + this.GetWelcomeText (), + '
You need a browser which supports the following technologies: WebGL, WebGLRenderingContext, File, FileReader, FileList, Blob, URL.
', '
' ].join (''); document.body.appendChild (div); @@ -61,11 +61,7 @@ ImporterApp.prototype.WelcomeDialog = function () { var dialogText = [ '
', - '
Welcome to Online 3D Viewer!
', - '
Here you can view your local 3D models online. Just simply drag and drop 3D files and textures to this browser window or use the open button above.
', - '
Supported formats: 3ds, obj, stl.
', - '
Powered by Three.js and JSModeler.
', - '
', + this.GetWelcomeText (), '
', ].join (''); this.dialog.Open ({ @@ -82,6 +78,18 @@ ImporterApp.prototype.WelcomeDialog = function () }); }; +ImporterApp.prototype.GetWelcomeText = function () +{ + var welcomeText = [ + '
Welcome to Online 3D Viewer!
', + '
Here you can view your local 3D models online. Just simply drag and drop 3D files and textures to this browser window or use the open button above.
', + '
Supported formats: 3ds, obj, stl.
', + '
Powered by Three.js and JSModeler.
', + '
', + ].join (''); + return welcomeText; +}; + ImporterApp.prototype.Resize = function () { function SetWidth (elem, value) diff --git a/website/index.html b/website/index.html index 9835992..4d8ce1a 100644 --- a/website/index.html +++ b/website/index.html @@ -6,7 +6,6 @@ - @@ -33,9 +32,6 @@ -
- Here you can view your local 3D models online. Just simply drag and drop 3D files and textures to this browser window or use the open button above. -