diff options
author | clsr <clsr@clsr.net> | 2016-11-11 17:35:39 +0100 |
---|---|---|
committer | clsr <clsr@clsr.net> | 2016-11-11 17:36:02 +0100 |
commit | 553bfa1e8d2d9ac3a7ac202065e7adea1fe3142d (patch) | |
tree | 5a63196ba5cb242aff8c05e70487fd75db13270d /static | |
download | gomf-web-flup-553bfa1e8d2d9ac3a7ac202065e7adea1fe3142d.tar.gz gomf-web-flup-553bfa1e8d2d9ac3a7ac202065e7adea1fe3142d.zip |
Initial commit; forked from installgen2/Flup
Diffstat (limited to 'static')
25 files changed, 903 insertions, 0 deletions
diff --git a/static/anime.png b/static/anime.png Binary files differnew file mode 100644 index 0000000..92b86f1 --- /dev/null +++ b/static/anime.png diff --git a/static/animeengine.png b/static/animeengine.png Binary files differnew file mode 100644 index 0000000..541ca38 --- /dev/null +++ b/static/animeengine.png diff --git a/static/clipboard.js b/static/clipboard.js new file mode 100644 index 0000000..851f098 --- /dev/null +++ b/static/clipboard.js @@ -0,0 +1,742 @@ +/*! + * clipboard.js v1.5.12 + * https://zenorocha.github.io/clipboard.js + * + * Licensed MIT © Zeno Rocha + */ +(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.Clipboard = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){ +var matches = require('matches-selector') + +module.exports = function (element, selector, checkYoSelf) { + var parent = checkYoSelf ? element : element.parentNode + + while (parent && parent !== document) { + if (matches(parent, selector)) return parent; + parent = parent.parentNode + } +} + +},{"matches-selector":5}],2:[function(require,module,exports){ +var closest = require('closest'); + +/** + * Delegates event to a selector. + * + * @param {Element} element + * @param {String} selector + * @param {String} type + * @param {Function} callback + * @param {Boolean} useCapture + * @return {Object} + */ +function delegate(element, selector, type, callback, useCapture) { + var listenerFn = listener.apply(this, arguments); + + element.addEventListener(type, listenerFn, useCapture); + + return { + destroy: function() { + element.removeEventListener(type, listenerFn, useCapture); + } + } +} + +/** + * Finds closest match and invokes callback. + * + * @param {Element} element + * @param {String} selector + * @param {String} type + * @param {Function} callback + * @return {Function} + */ +function listener(element, selector, type, callback) { + return function(e) { + e.delegateTarget = closest(e.target, selector, true); + + if (e.delegateTarget) { + callback.call(element, e); + } + } +} + +module.exports = delegate; + +},{"closest":1}],3:[function(require,module,exports){ +/** + * Check if argument is a HTML element. + * + * @param {Object} value + * @return {Boolean} + */ +exports.node = function(value) { + return value !== undefined + && value instanceof HTMLElement + && value.nodeType === 1; +}; + +/** + * Check if argument is a list of HTML elements. + * + * @param {Object} value + * @return {Boolean} + */ +exports.nodeList = function(value) { + var type = Object.prototype.toString.call(value); + + return value !== undefined + && (type === '[object NodeList]' || type === '[object HTMLCollection]') + && ('length' in value) + && (value.length === 0 || exports.node(value[0])); +}; + +/** + * Check if argument is a string. + * + * @param {Object} value + * @return {Boolean} + */ +exports.string = function(value) { + return typeof value === 'string' + || value instanceof String; +}; + +/** + * Check if argument is a function. + * + * @param {Object} value + * @return {Boolean} + */ +exports.fn = function(value) { + var type = Object.prototype.toString.call(value); + + return type === '[object Function]'; +}; + +},{}],4:[function(require,module,exports){ +var is = require('./is'); +var delegate = require('delegate'); + +/** + * Validates all params and calls the right + * listener function based on its target type. + * + * @param {String|HTMLElement|HTMLCollection|NodeList} target + * @param {String} type + * @param {Function} callback + * @return {Object} + */ +function listen(target, type, callback) { + if (!target && !type && !callback) { + throw new Error('Missing required arguments'); + } + + if (!is.string(type)) { + throw new TypeError('Second argument must be a String'); + } + + if (!is.fn(callback)) { + throw new TypeError('Third argument must be a Function'); + } + + if (is.node(target)) { + return listenNode(target, type, callback); + } + else if (is.nodeList(target)) { + return listenNodeList(target, type, callback); + } + else if (is.string(target)) { + return listenSelector(target, type, callback); + } + else { + throw new TypeError('First argument must be a String, HTMLElement, HTMLCollection, or NodeList'); + } +} + +/** + * Adds an event listener to a HTML element + * and returns a remove listener function. + * + * @param {HTMLElement} node + * @param {String} type + * @param {Function} callback + * @return {Object} + */ +function listenNode(node, type, callback) { + node.addEventListener(type, callback); + + return { + destroy: function() { + node.removeEventListener(type, callback); + } + } +} + +/** + * Add an event listener to a list of HTML elements + * and returns a remove listener function. + * + * @param {NodeList|HTMLCollection} nodeList + * @param {String} type + * @param {Function} callback + * @return {Object} + */ +function listenNodeList(nodeList, type, callback) { + Array.prototype.forEach.call(nodeList, function(node) { + node.addEventListener(type, callback); + }); + + return { + destroy: function() { + Array.prototype.forEach.call(nodeList, function(node) { + node.removeEventListener(type, callback); + }); + } + } +} + +/** + * Add an event listener to a selector + * and returns a remove listener function. + * + * @param {String} selector + * @param {String} type + * @param {Function} callback + * @return {Object} + */ +function listenSelector(selector, type, callback) { + return delegate(document.body, selector, type, callback); +} + +module.exports = listen; + +},{"./is":3,"delegate":2}],5:[function(require,module,exports){ + +/** + * Element prototype. + */ + +var proto = Element.prototype; + +/** + * Vendor function. + */ + +var vendor = proto.matchesSelector + || proto.webkitMatchesSelector + || proto.mozMatchesSelector + || proto.msMatchesSelector + || proto.oMatchesSelector; + +/** + * Expose `match()`. + */ + +module.exports = match; + +/** + * Match `el` to `selector`. + * + * @param {Element} el + * @param {String} selector + * @return {Boolean} + * @api public + */ + +function match(el, selector) { + if (vendor) return vendor.call(el, selector); + var nodes = el.parentNode.querySelectorAll(selector); + for (var i = 0; i < nodes.length; ++i) { + if (nodes[i] == el) return true; + } + return false; +} +},{}],6:[function(require,module,exports){ +function select(element) { + var selectedText; + + if (element.nodeName === 'INPUT' || element.nodeName === 'TEXTAREA') { + element.focus(); + element.setSelectionRange(0, element.value.length); + + selectedText = element.value; + } + else { + if (element.hasAttribute('contenteditable')) { + element.focus(); + } + + var selection = window.getSelection(); + var range = document.createRange(); + + range.selectNodeContents(element); + selection.removeAllRanges(); + selection.addRange(range); + + selectedText = selection.toString(); + } + + return selectedText; +} + +module.exports = select; + +},{}],7:[function(require,module,exports){ +function E () { + // Keep this empty so it's easier to inherit from + // (via https://github.com/lipsmack from https://github.com/scottcorgan/tiny-emitter/issues/3) +} + +E.prototype = { + on: function (name, callback, ctx) { + var e = this.e || (this.e = {}); + + (e[name] || (e[name] = [])).push({ + fn: callback, + ctx: ctx + }); + + return this; + }, + + once: function (name, callback, ctx) { + var self = this; + function listener () { + self.off(name, listener); + callback.apply(ctx, arguments); + }; + + listener._ = callback + return this.on(name, listener, ctx); + }, + + emit: function (name) { + var data = [].slice.call(arguments, 1); + var evtArr = ((this.e || (this.e = {}))[name] || []).slice(); + var i = 0; + var len = evtArr.length; + + for (i; i < len; i++) { + evtArr[i].fn.apply(evtArr[i].ctx, data); + } + + return this; + }, + + off: function (name, callback) { + var e = this.e || (this.e = {}); + var evts = e[name]; + var liveEvents = []; + + if (evts && callback) { + for (var i = 0, len = evts.length; i < len; i++) { + if (evts[i].fn !== callback && evts[i].fn._ !== callback) + liveEvents.push(evts[i]); + } + } + + // Remove event from queue to prevent memory leak + // Suggested by https://github.com/lazd + // Ref: https://github.com/scottcorgan/tiny-emitter/commit/c6ebfaa9bc973b33d110a84a307742b7cf94c953#commitcomment-5024910 + + (liveEvents.length) + ? e[name] = liveEvents + : delete e[name]; + + return this; + } +}; + +module.exports = E; + +},{}],8:[function(require,module,exports){ +(function (global, factory) { + if (typeof define === "function" && define.amd) { + define(['module', 'select'], factory); + } else if (typeof exports !== "undefined") { + factory(module, require('select')); + } else { + var mod = { + exports: {} + }; + factory(mod, global.select); + global.clipboardAction = mod.exports; + } +})(this, function (module, _select) { + 'use strict'; + + var _select2 = _interopRequireDefault(_select); + + function _interopRequireDefault(obj) { + return obj && obj.__esModule ? obj : { + default: obj + }; + } + + var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { + return typeof obj; + } : function (obj) { + return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; + }; + + function _classCallCheck(instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + } + + var _createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + var ClipboardAction = function () { + /** + * @param {Object} options + */ + + function ClipboardAction(options) { + _classCallCheck(this, ClipboardAction); + + this.resolveOptions(options); + this.initSelection(); + } + + /** + * Defines base properties passed from constructor. + * @param {Object} options + */ + + + ClipboardAction.prototype.resolveOptions = function resolveOptions() { + var options = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0]; + + this.action = options.action; + this.emitter = options.emitter; + this.target = options.target; + this.text = options.text; + this.trigger = options.trigger; + + this.selectedText = ''; + }; + + ClipboardAction.prototype.initSelection = function initSelection() { + if (this.text) { + this.selectFake(); + } else if (this.target) { + this.selectTarget(); + } + }; + + ClipboardAction.prototype.selectFake = function selectFake() { + var _this = this; + + var isRTL = document.documentElement.getAttribute('dir') == 'rtl'; + + this.removeFake(); + + this.fakeHandlerCallback = function () { + return _this.removeFake(); + }; + this.fakeHandler = document.body.addEventListener('click', this.fakeHandlerCallback) || true; + + this.fakeElem = document.createElement('textarea'); + // Prevent zooming on iOS + this.fakeElem.style.fontSize = '12pt'; + // Reset box model + this.fakeElem.style.border = '0'; + this.fakeElem.style.padding = '0'; + this.fakeElem.style.margin = '0'; + // Move element out of screen horizontally + this.fakeElem.style.position = 'absolute'; + this.fakeElem.style[isRTL ? 'right' : 'left'] = '-9999px'; + // Move element to the same position vertically + this.fakeElem.style.top = (window.pageYOffset || document.documentElement.scrollTop) + 'px'; + this.fakeElem.setAttribute('readonly', ''); + this.fakeElem.value = this.text; + + document.body.appendChild(this.fakeElem); + + this.selectedText = (0, _select2.default)(this.fakeElem); + this.copyText(); + }; + + ClipboardAction.prototype.removeFake = function removeFake() { + if (this.fakeHandler) { + document.body.removeEventListener('click', this.fakeHandlerCallback); + this.fakeHandler = null; + this.fakeHandlerCallback = null; + } + + if (this.fakeElem) { + document.body.removeChild(this.fakeElem); + this.fakeElem = null; + } + }; + + ClipboardAction.prototype.selectTarget = function selectTarget() { + this.selectedText = (0, _select2.default)(this.target); + this.copyText(); + }; + + ClipboardAction.prototype.copyText = function copyText() { + var succeeded = undefined; + + try { + succeeded = document.execCommand(this.action); + } catch (err) { + succeeded = false; + } + + this.handleResult(succeeded); + }; + + ClipboardAction.prototype.handleResult = function handleResult(succeeded) { + if (succeeded) { + this.emitter.emit('success', { + action: this.action, + text: this.selectedText, + trigger: this.trigger, + clearSelection: this.clearSelection.bind(this) + }); + } else { + this.emitter.emit('error', { + action: this.action, + trigger: this.trigger, + clearSelection: this.clearSelection.bind(this) + }); + } + }; + + ClipboardAction.prototype.clearSelection = function clearSelection() { + if (this.target) { + this.target.blur(); + } + + window.getSelection().removeAllRanges(); + }; + + ClipboardAction.prototype.destroy = function destroy() { + this.removeFake(); + }; + + _createClass(ClipboardAction, [{ + key: 'action', + set: function set() { + var action = arguments.length <= 0 || arguments[0] === undefined ? 'copy' : arguments[0]; + + this._action = action; + + if (this._action !== 'copy' && this._action !== 'cut') { + throw new Error('Invalid "action" value, use either "copy" or "cut"'); + } + }, + get: function get() { + return this._action; + } + }, { + key: 'target', + set: function set(target) { + if (target !== undefined) { + if (target && (typeof target === 'undefined' ? 'undefined' : _typeof(target)) === 'object' && target.nodeType === 1) { + if (this.action === 'copy' && target.hasAttribute('disabled')) { + throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute'); + } + + if (this.action === 'cut' && (target.hasAttribute('readonly') || target.hasAttribute('disabled'))) { + throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes'); + } + + this._target = target; + } else { + throw new Error('Invalid "target" value, use a valid Element'); + } + } + }, + get: function get() { + return this._target; + } + }]); + + return ClipboardAction; + }(); + + module.exports = ClipboardAction; +}); + +},{"select":6}],9:[function(require,module,exports){ +(function (global, factory) { + if (typeof define === "function" && define.amd) { + define(['module', './clipboard-action', 'tiny-emitter', 'good-listener'], factory); + } else if (typeof exports !== "undefined") { + factory(module, require('./clipboard-action'), require('tiny-emitter'), require('good-listener')); + } else { + var mod = { + exports: {} + }; + factory(mod, global.clipboardAction, global.tinyEmitter, global.goodListener); + global.clipboard = mod.exports; + } +})(this, function (module, _clipboardAction, _tinyEmitter, _goodListener) { + 'use strict'; + + var _clipboardAction2 = _interopRequireDefault(_clipboardAction); + + var _tinyEmitter2 = _interopRequireDefault(_tinyEmitter); + + var _goodListener2 = _interopRequireDefault(_goodListener); + + function _interopRequireDefault(obj) { + return obj && obj.__esModule ? obj : { + default: obj + }; + } + + function _classCallCheck(instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + } + + function _possibleConstructorReturn(self, call) { + if (!self) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return call && (typeof call === "object" || typeof call === "function") ? call : self; + } + + function _inherits(subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); + } + + subClass.prototype = Object.create(superClass && superClass.prototype, { + constructor: { + value: subClass, + enumerable: false, + writable: true, + configurable: true + } + }); + if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; + } + + var Clipboard = function (_Emitter) { + _inherits(Clipboard, _Emitter); + + /** + * @param {String|HTMLElement|HTMLCollection|NodeList} trigger + * @param {Object} options + */ + + function Clipboard(trigger, options) { + _classCallCheck(this, Clipboard); + + var _this = _possibleConstructorReturn(this, _Emitter.call(this)); + + _this.resolveOptions(options); + _this.listenClick(trigger); + return _this; + } + + /** + * Defines if attributes would be resolved using internal setter functions + * or custom functions that were passed in the constructor. + * @param {Object} options + */ + + + Clipboard.prototype.resolveOptions = function resolveOptions() { + var options = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0]; + + this.action = typeof options.action === 'function' ? options.action : this.defaultAction; + this.target = typeof options.target === 'function' ? options.target : this.defaultTarget; + this.text = typeof options.text === 'function' ? options.text : this.defaultText; + }; + + Clipboard.prototype.listenClick = function listenClick(trigger) { + var _this2 = this; + + this.listener = (0, _goodListener2.default)(trigger, 'click', function (e) { + return _this2.onClick(e); + }); + }; + + Clipboard.prototype.onClick = function onClick(e) { + var trigger = e.delegateTarget || e.currentTarget; + + if (this.clipboardAction) { + this.clipboardAction = null; + } + + this.clipboardAction = new _clipboardAction2.default({ + action: this.action(trigger), + target: this.target(trigger), + text: this.text(trigger), + trigger: trigger, + emitter: this + }); + }; + + Clipboard.prototype.defaultAction = function defaultAction(trigger) { + return getAttributeValue('action', trigger); + }; + + Clipboard.prototype.defaultTarget = function defaultTarget(trigger) { + var selector = getAttributeValue('target', trigger); + + if (selector) { + return document.querySelector(selector); + } + }; + + Clipboard.prototype.defaultText = function defaultText(trigger) { + return getAttributeValue('text', trigger); + }; + + Clipboard.prototype.destroy = function destroy() { + this.listener.destroy(); + + if (this.clipboardAction) { + this.clipboardAction.destroy(); + this.clipboardAction = null; + } + }; + + return Clipboard; + }(_tinyEmitter2.default); + + /** + * Helper function to retrieve attribute value. + * @param {String} suffix + * @param {Element} element + */ + function getAttributeValue(suffix, element) { + var attribute = 'data-clipboard-' + suffix; + + if (!element.hasAttribute(attribute)) { + return; + } + + return element.getAttribute(attribute); + } + + module.exports = Clipboard; +}); + +},{"./clipboard-action":8,"good-listener":4,"tiny-emitter":7}]},{},[9])(9) +}); diff --git a/static/favicons/browserconfig.xml b/static/favicons/browserconfig.xml new file mode 100644 index 0000000..068581e --- /dev/null +++ b/static/favicons/browserconfig.xml @@ -0,0 +1,11 @@ +<?xml version="1.0" encoding="utf-8"?> +<browserconfig> + <msapplication> + <tile> + <square70x70logo src="/favicon-70.png"/> + <square150x150logo src="/favicon-150.png"/> + <square310x310logo src="/favicon-310.png"/> + <TileColor>#FFFFFF</TileColor> + </tile> + </msapplication> +</browserconfig>
\ No newline at end of file diff --git a/static/favicons/favicon-114.png b/static/favicons/favicon-114.png Binary files differnew file mode 100644 index 0000000..56ca1d1 --- /dev/null +++ b/static/favicons/favicon-114.png diff --git a/static/favicons/favicon-120.png b/static/favicons/favicon-120.png Binary files differnew file mode 100644 index 0000000..7c63dde --- /dev/null +++ b/static/favicons/favicon-120.png diff --git a/static/favicons/favicon-144.png b/static/favicons/favicon-144.png Binary files differnew file mode 100644 index 0000000..cc268c0 --- /dev/null +++ b/static/favicons/favicon-144.png diff --git a/static/favicons/favicon-150.png b/static/favicons/favicon-150.png Binary files differnew file mode 100644 index 0000000..3fdb417 --- /dev/null +++ b/static/favicons/favicon-150.png diff --git a/static/favicons/favicon-152.png b/static/favicons/favicon-152.png Binary files differnew file mode 100644 index 0000000..a11b0d5 --- /dev/null +++ b/static/favicons/favicon-152.png diff --git a/static/favicons/favicon-16.png b/static/favicons/favicon-16.png Binary files differnew file mode 100644 index 0000000..66437f2 --- /dev/null +++ b/static/favicons/favicon-16.png diff --git a/static/favicons/favicon-160.png b/static/favicons/favicon-160.png Binary files differnew file mode 100644 index 0000000..0ac7cde --- /dev/null +++ b/static/favicons/favicon-160.png diff --git a/static/favicons/favicon-180.png b/static/favicons/favicon-180.png Binary files differnew file mode 100644 index 0000000..92de485 --- /dev/null +++ b/static/favicons/favicon-180.png diff --git a/static/favicons/favicon-192.png b/static/favicons/favicon-192.png Binary files differnew file mode 100644 index 0000000..f03e60d --- /dev/null +++ b/static/favicons/favicon-192.png diff --git a/static/favicons/favicon-310.png b/static/favicons/favicon-310.png Binary files differnew file mode 100644 index 0000000..99a5f79 --- /dev/null +++ b/static/favicons/favicon-310.png diff --git a/static/favicons/favicon-32.png b/static/favicons/favicon-32.png Binary files differnew file mode 100644 index 0000000..2e3ca6e --- /dev/null +++ b/static/favicons/favicon-32.png diff --git a/static/favicons/favicon-57.png b/static/favicons/favicon-57.png Binary files differnew file mode 100644 index 0000000..3a7ad75 --- /dev/null +++ b/static/favicons/favicon-57.png diff --git a/static/favicons/favicon-60.png b/static/favicons/favicon-60.png Binary files differnew file mode 100644 index 0000000..9e209e8 --- /dev/null +++ b/static/favicons/favicon-60.png diff --git a/static/favicons/favicon-64.png b/static/favicons/favicon-64.png Binary files differnew file mode 100644 index 0000000..3b2c8fb --- /dev/null +++ b/static/favicons/favicon-64.png diff --git a/static/favicons/favicon-70.png b/static/favicons/favicon-70.png Binary files differnew file mode 100644 index 0000000..cee8777 --- /dev/null +++ b/static/favicons/favicon-70.png diff --git a/static/favicons/favicon-72.png b/static/favicons/favicon-72.png Binary files differnew file mode 100644 index 0000000..8094e4e --- /dev/null +++ b/static/favicons/favicon-72.png diff --git a/static/favicons/favicon-76.png b/static/favicons/favicon-76.png Binary files differnew file mode 100644 index 0000000..24ce18f --- /dev/null +++ b/static/favicons/favicon-76.png diff --git a/static/favicons/favicon-96.png b/static/favicons/favicon-96.png Binary files differnew file mode 100644 index 0000000..de7ed38 --- /dev/null +++ b/static/favicons/favicon-96.png diff --git a/static/favicons/favicon.ico b/static/favicons/favicon.ico Binary files differnew file mode 100644 index 0000000..505cb79 --- /dev/null +++ b/static/favicons/favicon.ico diff --git a/static/script.js b/static/script.js new file mode 100644 index 0000000..ee3260d --- /dev/null +++ b/static/script.js @@ -0,0 +1,38 @@ +function loadImage(url, callback) { + var img = new Image(); + img.src = url; + + img.onload = callback; +} + +(function() { + var animeGrill = document.getElementById("anime"); + var animeEngineTimer = null; + + animeGrill.onmouseover = function() { + animeEngineTimer = setTimeout(function() { + loadImage("/static/animeengine.png", function() { + animeGrill.src = "/static/animeengine.png"; + }); + }, 5000); + } + + animeGrill.onmouseout = function() { + clearTimeout(animeEngineTimer); + } +})(); + +function uploadPage() { + (function() { + Array.prototype.forEach.call(document.querySelectorAll(".upload"), (upload) => { + var url = upload.querySelector("a").innerHTML; + + upload.innerHTML += ' -- <a href="#" class="clipboard-copy" data-clipboard-text="' + url + '">Copy to clipboard</a>'; + }); + })(); + + (function() { + var btns = document.querySelectorAll(".clipboard-copy"); + new Clipboard(btns); + })(); +} diff --git a/static/style.css b/static/style.css new file mode 100644 index 0000000..0650a9a --- /dev/null +++ b/static/style.css @@ -0,0 +1,112 @@ +body { + text-align: center; + background: #111; + color: #CCC; + width: 400px; + margin: auto; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +*::-moz-selection { + color: #CCC; + background: #595; +} + +*::selection { + color: #CCC; + background: #195; +} + +footer { + height: 20px; +} + +a, a:visited { + color: #195; +} + +input[type="text"] { + background: #CCC; + color: #111; + border: none; + border-radius: 2px; +} + +input[type="checkbox"] { + display: none; +} + +input[type="checkbox"]:checked + label { + background: #595; +} + +label.checkbox-wrapper { + height: 16px; + width: 16px; + margin: 4px; + background: #CCC; + display: inline-block; + margin-bottom: -3px; + border-radius: 3px; +} + +.no-highlight { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.box::before { + height: 20px; + display: block; + content: ""; + background: #195; + margin-bottom: 10px; +} + +.box { + background: #222; + margin: 20px 0; + border-radius: 3px; + padding: 10px; +} + +.break { + word-wrap: break-word; +} + +#header { + color: #195; + font-size: 80px; + font-weight: 500; + line-height: 1; + margin: 20px 0 40px; +} + +#anime { + height: 300px; + position: fixed; + bottom: 0px; + right: 0px; + z-index: -1; +} + +#anime:hover { + -webkit-filter: brightness(120%); + filter: brightness(120%); +} + +#upload { + background: #195; + color: #EEE; + width: 150px; + height: 50px; + display: inline-block; + border-radius: 3px; + line-height: 3; + border: none; + margin: 10px; +} |