diff --git a/4chan_x.user.js b/4chan_x.user.js index c4de5ca96..7b99c6da9 100644 --- a/4chan_x.user.js +++ b/4chan_x.user.js @@ -62,7 +62,7 @@ */ (function() { - var $, $$, DAY, Favicon, HOUR, MINUTE, Main, NAMESPACE, QR, SECOND, Time, anonymize, conf, config, d, expandComment, expandThread, filter, firstRun, flatten, g, getTitle, imgExpand, imgGif, imgHover, key, keybinds, log, nav, options, quoteBacklink, quoteInline, quoteOP, quotePreview, redirect, replyHiding, reportButton, revealSpoilers, sauce, strikethroughQuotes, threadHiding, threadStats, threading, titlePost, ui, unread, updater, val, watcher; + var $, $$, DAY, Favicon, HOUR, MINUTE, Main, NAMESPACE, QR, SECOND, Time, anonymize, conf, config, d, expandComment, expandThread, filter, flatten, g, getTitle, imgExpand, imgGif, imgHover, key, keybinds, log, nav, options, quoteBacklink, quoteInline, quoteOP, quotePreview, redirect, replyHiding, reportButton, revealSpoilers, sauce, strikethroughQuotes, threadHiding, threadStats, threading, titlePost, ui, unread, updater, val, watcher; var __slice = Array.prototype.slice; config = { @@ -2848,32 +2848,6 @@ } }; - firstRun = { - init: function() { - var dialog, style; - style = $.addStyle(" #navtopr, #navbotr { position: relative; } #navtopr::before { content: ''; height: 50px; width: 100px; background: red; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform-origin: 100% 200%; -moz-transform-origin: 100% 200%; -o-transform-origin: 100% 200%; position: absolute; top: 100%; right: 100%; z-index: 999; } #navtopr::after { content: ''; border-top: 100px solid red; border-left: 100px solid transparent; position: absolute; top: 100%; right: 100%; z-index: 999; } #navbotr::before { content: ''; height: 50px; width: 100px; background: red; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform-origin: 100% -100%; -moz-transform-origin: 100% -100%; -o-transform-origin: 100% -100%; position: absolute; bottom: 100%; right: 100%; z-index: 999; } #navbotr::after { content: ''; border-bottom: 100px solid red; border-left: 100px solid transparent; position: absolute; bottom: 100%; right: 100%; z-index: 999; } "); - style.className = 'firstrun'; - dialog = $.el('div', { - id: 'overlay', - className: 'firstrun', - innerHTML: '\ -
\ -

Click the 4chan X buttons for options; they are at the top and bottom of the page.

\ -

Updater options are in the updater dialog in replies at the bottom-right corner of the window.

\ -

If you don\'t see the buttons, try disabling your userstyles.

\ -
' - }); - $.add(d.body, dialog); - return $.on(window, 'click', firstRun.close); - }, - close: function() { - $.set('firstrun', true); - $.rm($('style.firstrun', d.head)); - $.rm($('#overlay')); - return $.off(window, 'click', firstRun.close); - } - }; - Main = { init: function() { var cutoff, hiddenThreads, id, lastChecked, now, pathname, temp, timestamp, _ref; @@ -2970,8 +2944,7 @@ } }); $.on($('form[name=delform]'), 'DOMNodeInserted', Main.node); - options.init(); - if (!$.get('firstrun')) return firstRun.init(); + return options.init(); }, message: function(e) { var data, origin; diff --git a/script.coffee b/script.coffee index 23afbae8a..4c7313276 100644 --- a/script.coffee +++ b/script.coffee @@ -2159,84 +2159,6 @@ imgExpand = resize: -> imgExpand.style.innerHTML = ".fitheight img + img {max-height:#{d.body.clientHeight}px;}" -firstRun = - init: -> - style = $.addStyle " - #navtopr, #navbotr { - position: relative; - } - #navtopr::before { - content: ''; - height: 50px; - width: 100px; - background: red; - -webkit-transform: rotate(-45deg); - -moz-transform: rotate(-45deg); - -o-transform: rotate(-45deg); - -webkit-transform-origin: 100% 200%; - -moz-transform-origin: 100% 200%; - -o-transform-origin: 100% 200%; - position: absolute; - top: 100%; - right: 100%; - z-index: 999; - } - #navtopr::after { - content: ''; - border-top: 100px solid red; - border-left: 100px solid transparent; - position: absolute; - top: 100%; - right: 100%; - z-index: 999; - } - #navbotr::before { - content: ''; - height: 50px; - width: 100px; - background: red; - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -o-transform: rotate(45deg); - -webkit-transform-origin: 100% -100%; - -moz-transform-origin: 100% -100%; - -o-transform-origin: 100% -100%; - position: absolute; - bottom: 100%; - right: 100%; - z-index: 999; - } - #navbotr::after { - content: ''; - border-bottom: 100px solid red; - border-left: 100px solid transparent; - position: absolute; - bottom: 100%; - right: 100%; - z-index: 999; - } - " - style.className = 'firstrun' - - dialog = $.el 'div', - id: 'overlay' - className: 'firstrun' - innerHTML: ' -
-

Click the 4chan X buttons for options; they are at the top and bottom of the page.

-

Updater options are in the updater dialog in replies at the bottom-right corner of the window.

-

If you don\'t see the buttons, try disabling your userstyles.

-
' - $.add d.body, dialog - - $.on window, 'click', firstRun.close - - close: -> - $.set 'firstrun', true - $.rm $ 'style.firstrun', d.head - $.rm $ '#overlay' - $.off window, 'click', firstRun.close - Main = init: -> if location.hostname is 'sys.4chan.org' @@ -2393,9 +2315,6 @@ Main = $.on $('form[name=delform]'), 'DOMNodeInserted', Main.node options.init() - unless $.get 'firstrun' - firstRun.init() - message: (e) -> {origin, data} = e if origin is 'http://sys.4chan.org'