From 655c5293708300deaf11a8b6a924e7b817bf6288 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Sat, 31 Mar 2018 19:46:22 +0200 Subject: pankeizing --- css/sally.css | 28 +++++++++++++++++++++++++++- 1 file changed, 27 insertions(+), 1 deletion(-) (limited to 'css') diff --git a/css/sally.css b/css/sally.css index 978a78d..3661d12 100644 --- a/css/sally.css +++ b/css/sally.css @@ -42,12 +42,16 @@ a:hover { text-decoration: underline } #gallery_rapper { display: inline } +#ui_rapper .block { + width: 100px; +} .block { padding:4px; } .block:nth-child(n+2) { padding-left: 30px; } +#textarea_mode { padding: 4px; } .tool { cursor: pointer; } @@ -122,7 +126,7 @@ textarea { font-size:12pt; width: 37vw; height: 300px; background: #333; color: .vertical #canvas_rapper div, .vertical #tools_rapper, .vertical #palette_rapper, -.vertical #brush_container { display: inline-block; float: left} +.vertical #brush_container { display: inline-block; float: left; } .vertical #workspace_rapper { width: auto; position: relative; float: left; } .vertical #palette_rapper { margin-right: 10px; } .vertical #tools_block { min-width: 100%; } @@ -160,6 +164,7 @@ textarea { font-size:12pt; width: 37vw; height: 300px; background: #333; color: border: 1px solid; display: inline-block; margin-bottom: 13px; + float: left; } #letters_rapper { display: inline-block; @@ -226,3 +231,24 @@ textarea { font-size:12pt; width: 37vw; height: 300px; background: #333; color: 66% { color: hsl(320,100%,50%) } 100% { color: hsl(360,100%,50%) } } + +.can_save { + color: white; + text-decoration: underline; +} +.panke #shader_el, +.panke #load_el, +.panke #gallery_el, +.panke #import_textarea, +.panke #doc_el, +.panke #gallery_el, +.panke #save_button, +.panke #upload_button, +.panke #export_button, +.panke #username_input, +.panke #upload_input, +.panke #grid_el, +.panke #save_el, +.panke #vertical_checkbox, +.panke #add_custom_el, +.panke #format_el { display: none !important; } -- cgit v1.2.3-70-g09d2 From 165bb4883c59a8b529c09b08bb75c9b3407c9c69 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Mon, 2 Apr 2018 05:29:14 +0200 Subject: advanced toggle --- css/sally.css | 2 +- index.html | 16 ++++++++++------ js/ui/controls.js | 13 ++++++++++++- 3 files changed, 23 insertions(+), 8 deletions(-) (limited to 'css') diff --git a/css/sally.css b/css/sally.css index 3661d12..7f0c04e 100644 --- a/css/sally.css +++ b/css/sally.css @@ -232,7 +232,7 @@ textarea { font-size:12pt; width: 37vw; height: 300px; background: #333; color: 100% { color: hsl(360,100%,50%) } } -.can_save { +.panke #send_to_irc_el { color: white; text-decoration: underline; } diff --git a/index.html b/index.html index 8c272eb..c822bb2 100644 --- a/index.html +++ b/index.html @@ -62,14 +62,18 @@
- shader - new
+ new save - > send to IRC
load - webcam
- doc - gallery +
+ shader + webcam + doc + gallery +
+ _ advanced +
+ > send to IRC

diff --git a/js/ui/controls.js b/js/ui/controls.js index 32a329a..315395d 100644 --- a/js/ui/controls.js +++ b/js/ui/controls.js @@ -171,7 +171,6 @@ var controls = (function(){ clipboard.export_mode() alert('your ascii art is now on display on the IRC channel inside the panke.gallery!') } - controls.load = new ClipboardTool (load_el) controls.load.use = function(){ // console.log("use") @@ -230,6 +229,18 @@ var controls = (function(){ this.update(state) } + controls.advanced = new BlurredCheckbox (advanced_checkbox) + controls.advanced.memorable = true + controls.advanced.use = function(state){ + console.log(state) + state = document.body.classList.contains('panke') + if (state) + document.body.classList.remove('panke') + else + document.body.classList.add('panke') + this.update(state) + } + /* controls.nopaint = new HiddenCheckbox (nopaint_toggle) controls.nopaint.memorable = true -- cgit v1.2.3-70-g09d2