☰

6nw-button

le

// ==UserScript==
// @name        6nw-button
// @namespace   4077
// @match       *://*.bnw.im/*
// @version     0.21
// @description le
// @grant       none
// ==/UserScript==


var sixnw = '6nw.im';

var btn_styles = [
    ['😐', '#09d'], // bnw
    ['😎', '#333']  // 6nw
];

var btn_click = function () {
    iframe.toggle();
    var mode = +iframe.is(':visible');
    button.html(btn_styles[mode][0]);
    button.css('background-color', btn_styles[mode][1]);
    if (mode) {
        iframe.attr('src', location.protocol+'//'+sixnw+location.pathname+location.hash);
    }
}

$('<style />', {
    type: 'text/css',
    text: '\
      #sixnw-iframe {\
        position: fixed;\
        top: 0;\
        left: 0;\
        width: 100%;\
        height: 100%;\
        z-index: 10000;\
        border: 0;\
        display: none;\
      }\
      #sixnw-button {\
        position: fixed;\
        top: 10px;\
        right: 10px;\
        width: 40px;\
        height: 40px;\
        z-index: 10001;\
        font-size: 30px;\
        color: #eee;\
        background-color: '+btn_styles[0][1]+';\
        text-shadow: 1px 1px 1px #ddd;\
        box-shadow: 2px 2px 2px #333;\
        border-radius: 10px;\
        text-align: center;\
        vertical-align: middle;\
        line-height: 40px; \
        cursor: pointer;\
      }'
}).appendTo('head');

var button = $('<div />', {
    id: 'sixnw-button',
    html: btn_styles[0][0],
    click: btn_click
});

var iframe = $('<iframe />', {
    id: 'sixnw-iframe',
    src: ''
});

$('body').append(button).append(iframe);