diff --git a/css/pixel-editor.scss b/css/pixel-editor.scss index c9d6f1e..fed8175 100644 --- a/css/pixel-editor.scss +++ b/css/pixel-editor.scss @@ -1553,8 +1553,6 @@ div#pb-options { background-color: #232125 !important; opacity: 1 !important; - - display: none !important; #splash-input { width:70%; @@ -1661,9 +1659,44 @@ div#pb-options { position: absolute; width:70%; bottom:40px; - height:40px; font-size:18px; font-weight: bold; + + div.button-menu { + border:3px solid $basetextweak; + border-radius:5px; + position:relative; + display:inline-block; + padding: 0 0 0 0; + text-align:left; + -ms-transform: translateY(38%); + transform: translateY(38%); + + div { + border:none; + padding:none; + margin:none; + background-color:transparent; + width:100px; + float:left; + text-align: center; + height:30px; + cursor:pointer; + + p { + -ms-transform: translateY(-50%); + transform: translateY(-50%); + } + } + + .bm-right { + border-left:3px solid $basetextweak; + } + + .sp-interface-selected { + background-color: $basetextweak; + } + } } #splash-news { diff --git a/js/_onLoad.js b/js/_onLoad.js index 8120d73..23e8ebb 100644 --- a/js/_onLoad.js +++ b/js/_onLoad.js @@ -8,6 +8,5 @@ window.onload = function(){ newPixel(getValue('size-width'),getValue('size-height'), getValue('editor-mode')); else //otherwise show the new pixel dialog - if (settings.showLog != undefined && !settings.showLog) - showDialogue('new-pixel', false); + showDialogue('splash', false); }; \ No newline at end of file diff --git a/js/_settings.js b/js/_settings.js index 28cca7d..3c39602 100644 --- a/js/_settings.js +++ b/js/_settings.js @@ -9,7 +9,6 @@ var settingsFromCookie = Cookies.get('pixelEditorSettings'); if(!settingsFromCookie) { console.log('settings cookie not found'); settings = { - showLog: true, switchToChangedColor: true, enableDynamicCursorOutline: true, //unused - performance enableBrushPreview: true, //unused - performance @@ -39,7 +38,6 @@ function saveSettings() { //save new settings to settings object settings.numberOfHistoryStates = getValue('setting-numberOfHistoryStates'); settings.pixelGridColour = getValue('setting-pixelGridColour'); - settings.showLog = false; // Filling pixel grid again if colour changed fillPixelGrid(); diff --git a/views/pixel-editor.hbs b/views/pixel-editor.hbs index 31a4cb6..2cfcff2 100644 --- a/views/pixel-editor.hbs +++ b/views/pixel-editor.hbs @@ -13,7 +13,6 @@ -

Warning: a modern, desktop, web browser is required to use this tool.

@@ -247,9 +246,9 @@

Size

{{svg "x.svg" width="16" height="16" class="dimentions-x"}}

Palette

- +
Creating a new pixel will discard your current one.
@@ -336,10 +335,27 @@ Quickstart
+
+ Interface mode: +
+

Basic

+

Advanced

+
+ + + Palette: + + + +
+

Load

New custom

-

New Gameboy

+

New Gameboy

New C64

New Pico8

New 32x32

@@ -348,17 +364,6 @@

New 256x256

New 512x512

- -
- Interface mode: - - - - - - - Palette: -