diff --git a/Static/mdui-v1.0.1/css/ui.css b/Static/mdui-v1.0.1/css/ui.css index 6c2d20c..67b7efd 100644 --- a/Static/mdui-v1.0.1/css/ui.css +++ b/Static/mdui-v1.0.1/css/ui.css @@ -1,3 +1,40 @@ +body{ + overflow-x:hidden; +} +/* loading start */ +#loading { + position: fixed; + top: 0px; + bottom: 0; + left: 0; + right: 0; + z-index: 10000; + background-color: #242222; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + justify-content: center; + align-items: center; +} +#loading span { + width: 100px; + height: 100px; + border-radius: 50%; + border: 10px solid #777777; + border-top-color: #fff; + position: relative; + animation: loadingA 1s linear infinite; +} +@keyframes loadingA { + from {} + to { + transform: rotate(360deg); + } +} +/* loading end */ + /* slideshow */ .slideshow-container { position: relative; @@ -213,34 +250,23 @@ body { margin-left: 15px; position: relative; } -.mdui-grid-tile a img{ +.mdui-grid-tile img{ aspect-ratio: 16/9; } -@media (min-width: 1381px){ - .c-inner { - margin: 0 auto; - max-width: 1408px; - padding: 0 64px; - } -} -@media (max-width: 1380px){ - .c-inner { - display: none; - } -} -@media (max-width: 837px) { + +@media (max-width: 983px) { .mdui-hidden-lok-down { display: none !important; } } -@media (min-width: 836px) { +@media (min-width: 982px) { .mdui-hidden-xm-pe { display: none !important; } } .banner { - max-width: 1000px; + max-width: 1200px; margin-bottom: 15px; box-sizing: border-box; margin-right: auto; @@ -249,5 +275,79 @@ body { padding-left: 8px; } +@media (min-width: 1383px){ + .c-scl{ + margin: 0 auto; + margin-top: 60px; + max-width: 1408px; + padding: 0px; + } +} +@media (max-width: 1384px){ + .c-scl{ + display: none; + } +} +@media (max-width: 1384px){ + .c-inner{ + display: none; + } +} +@media (min-width: 835px){ + .c-secttl{ + font-size: 3.75rem!important; + padding-bottom: calc(20px - 0.1em); + } +} +.c-secttl{ + margin-left: 15px; + color: #fffef5; + font-size: 10.4vw; + font-weight: 700; + line-height: 1; + padding-bottom: 12px; +} + +@media (min-width: 1383px){ + .slow{ + text-align: center; + margin: 0 auto; + margin-top: 61px; + margin-left: 15px; + max-width: 1408px; + border: 2px solid #585858; + border-radius: 15px; + backdrop-filter: blur(5px); + } +} +@media (max-width: 1384px){ + .slow{ + display: none; + } +} + +@media (min-width: 1383px){ + .slow-two{ + text-align: center; + margin: 0 auto; + margin-top: 300px; + margin-left: 15px; + max-width: 1408px; + border: 2px solid #585858; + border-radius: 15px; + backdrop-filter: blur(5px); + } +} +@media (max-width: 1384px){ + .slow{ + display: none; + } +} +.slow h2{ + padding: 35px 0px 35px 0px; +} +.slow-two h2{ + padding: 35px 0px 35px 0px; +} \ No newline at end of file diff --git a/Static/mdui-v1.0.1/js/WOW.js b/Static/mdui-v1.0.1/js/WOW.js index f291f6f..1db78ea 100644 --- a/Static/mdui-v1.0.1/js/WOW.js +++ b/Static/mdui-v1.0.1/js/WOW.js @@ -1,416 +1,513 @@ -function isIn(needle, haystack) { - return haystack.indexOf(needle) >= 0; -} +(function() { + var MutationObserver, Util, WeakMap, getComputedStyle, getComputedStyleRX, + bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; }, + indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; }; -function extend(custom, defaults) { - for (const key in defaults) { - if (custom[key] == null) { - const value = defaults[key]; - custom[key] = value; - } - } - return custom; -} + Util = (function() { + function Util() {} -function isMobile(agent) { - return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(agent); -} - -function createEvent(event, bubble = false, cancel = false, detail = null) { - let customEvent; - if (document.createEvent != null) { // W3C DOM - customEvent = document.createEvent('CustomEvent'); - customEvent.initCustomEvent(event, bubble, cancel, detail); - } else if (document.createEventObject != null) { // IE DOM < 9 - customEvent = document.createEventObject(); - customEvent.eventType = event; - } else { - customEvent.eventName = event; - } - - return customEvent; -} - -function emitEvent(elem, event) { - if (elem.dispatchEvent != null) { // W3C DOM - elem.dispatchEvent(event); - } else if (event in (elem != null)) { - elem[event](); - } else if (`on${event}` in (elem != null)) { - elem[`on${event}`](); - } -} - -function addEvent(elem, event, fn) { - if (elem.addEventListener != null) { // W3C DOM - elem.addEventListener(event, fn, false); - } else if (elem.attachEvent != null) { // IE DOM - elem.attachEvent(`on${event}`, fn); - } else { // fallback - elem[event] = fn; - } -} - -function removeEvent(elem, event, fn) { - if (elem.removeEventListener != null) { // W3C DOM - elem.removeEventListener(event, fn, false); - } else if (elem.detachEvent != null) { // IE DOM - elem.detachEvent(`on${event}`, fn); - } else { // fallback - delete elem[event]; - } -} - -function getInnerHeight() { - if ('innerHeight' in window) { - return window.innerHeight; - } - - return document.documentElement.clientHeight; -} - -// Minimalistic WeakMap shim, just in case. -const WeakMap = window.WeakMap || window.MozWeakMap || -class WeakMap { - constructor() { - this.keys = []; - this.values = []; - } - - get(key) { - for (let i = 0; i < this.keys.length; i++) { - const item = this.keys[i]; - if (item === key) { - return this.values[i]; + Util.prototype.extend = function(custom, defaults) { + var key, value; + for (key in defaults) { + value = defaults[key]; + if (custom[key] == null) { + custom[key] = value; + } } - } - return undefined; - } + return custom; + }; - set(key, value) { - for (let i = 0; i < this.keys.length; i++) { - const item = this.keys[i]; - if (item === key) { - this.values[i] = value; - return this; + Util.prototype.isMobile = function(agent) { + return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(agent); + }; + + Util.prototype.createEvent = function(event, bubble, cancel, detail) { + var customEvent; + if (bubble == null) { + bubble = false; } - } - this.keys.push(key); - this.values.push(value); - return this; - } -}; - -// Dummy MutationObserver, to avoid raising exceptions. -const MutationObserver = - window.MutationObserver || window.WebkitMutationObserver || - window.MozMutationObserver || - class MutationObserver { - constructor() { - if (typeof console !== 'undefined' && console !== null) { - console.warn('MutationObserver is not supported by your browser.'); - console.warn( - 'WOW.js cannot detect dom mutations, please call .sync() after loading new content.' - ); + if (cancel == null) { + cancel = false; } - } - - static notSupported = true; - - observe() {} - }; - -// getComputedStyle shim, from http://stackoverflow.com/a/21797294 -const getComputedStyle = window.getComputedStyle || -function getComputedStyle(el) { - const getComputedStyleRX = /(\-([a-z]){1})/g; - return { - getPropertyValue(prop) { - if (prop === 'float') { prop = 'styleFloat'; } - if (getComputedStyleRX.test(prop)) { - prop.replace(getComputedStyleRX, (_, _char) => _char.toUpperCase()); + if (detail == null) { + detail = null; } - const { currentStyle } = el; - return (currentStyle != null ? currentStyle[prop] : void 0) || null; - }, - }; -}; - -export default class WOW { - defaults = { - boxClass: 'wow', - animateClass: 'animated', - offset: 0, - mobile: true, - live: true, - callback: null, - scrollContainer: null, - resetAnimation: true, - }; - - constructor(options = {}) { - this.start = this.start.bind(this); - this.resetAnimation = this.resetAnimation.bind(this); - this.scrollHandler = this.scrollHandler.bind(this); - this.scrollCallback = this.scrollCallback.bind(this); - this.scrolled = true; - this.config = extend(options, this.defaults); - if (options.scrollContainer != null) { - this.config.scrollContainer = document.querySelector(options.scrollContainer); - } - // Map of elements to animation names: - this.animationNameCache = new WeakMap(); - this.wowEvent = createEvent(this.config.boxClass); - } - - init() { - this.element = window.document.documentElement; - if (isIn(document.readyState, ['interactive', 'complete'])) { - this.start(); - } else { - addEvent(document, 'DOMContentLoaded', this.start); - } - this.finished = []; - } - - start() { - this.stopped = false; - this.boxes = [].slice.call(this.element.querySelectorAll(`.${this.config.boxClass}`)); - this.all = this.boxes.slice(0); - if (this.boxes.length) { - if (this.disabled()) { - this.resetStyle(); + if (document.createEvent != null) { + customEvent = document.createEvent('CustomEvent'); + customEvent.initCustomEvent(event, bubble, cancel, detail); + } else if (document.createEventObject != null) { + customEvent = document.createEventObject(); + customEvent.eventType = event; } else { - for (let i = 0; i < this.boxes.length; i++) { - const box = this.boxes[i]; - this.applyStyle(box, true); + customEvent.eventName = event; + } + return customEvent; + }; + + Util.prototype.emitEvent = function(elem, event) { + if (elem.dispatchEvent != null) { + return elem.dispatchEvent(event); + } else if (event in (elem != null)) { + return elem[event](); + } else if (("on" + event) in (elem != null)) { + return elem["on" + event](); + } + }; + + Util.prototype.addEvent = function(elem, event, fn) { + if (elem.addEventListener != null) { + return elem.addEventListener(event, fn, false); + } else if (elem.attachEvent != null) { + return elem.attachEvent("on" + event, fn); + } else { + return elem[event] = fn; + } + }; + + Util.prototype.removeEvent = function(elem, event, fn) { + if (elem.removeEventListener != null) { + return elem.removeEventListener(event, fn, false); + } else if (elem.detachEvent != null) { + return elem.detachEvent("on" + event, fn); + } else { + return delete elem[event]; + } + }; + + Util.prototype.innerHeight = function() { + if ('innerHeight' in window) { + return window.innerHeight; + } else { + return document.documentElement.clientHeight; + } + }; + + return Util; + + })(); + + WeakMap = this.WeakMap || this.MozWeakMap || (WeakMap = (function() { + function WeakMap() { + this.keys = []; + this.values = []; + } + + WeakMap.prototype.get = function(key) { + var i, item, j, len, ref; + ref = this.keys; + for (i = j = 0, len = ref.length; j < len; i = ++j) { + item = ref[i]; + if (item === key) { + return this.values[i]; } } - } - if (!this.disabled()) { - addEvent(this.config.scrollContainer || window, 'scroll', this.scrollHandler); - addEvent(window, 'resize', this.scrollHandler); - this.interval = setInterval(this.scrollCallback, 50); - } - if (this.config.live) { - const mut = new MutationObserver(records => { - for (let j = 0; j < records.length; j++) { - const record = records[j]; - for (let k = 0; k < record.addedNodes.length; k++) { - const node = record.addedNodes[k]; - this.doSync(node); - } - } - return undefined; - }); - mut.observe(document.body, { - childList: true, - subtree: true, - }); - } - } + }; -// unbind the scroll event - stop() { - this.stopped = true; - removeEvent(this.config.scrollContainer || window, 'scroll', this.scrollHandler); - removeEvent(window, 'resize', this.scrollHandler); - if (this.interval != null) { - clearInterval(this.interval); - } - } - - sync() { - if (MutationObserver.notSupported) { - this.doSync(this.element); - } - } - - doSync(element) { - if (typeof element === 'undefined' || element === null) { ({ element } = this); } - if (element.nodeType !== 1) { return; } - element = element.parentNode || element; - const iterable = element.querySelectorAll(`.${this.config.boxClass}`); - for (let i = 0; i < iterable.length; i++) { - const box = iterable[i]; - if (!isIn(box, this.all)) { - this.boxes.push(box); - this.all.push(box); - if (this.stopped || this.disabled()) { - this.resetStyle(); - } else { - this.applyStyle(box, true); - } - this.scrolled = true; - } - } - } - -// show box element - show(box) { - this.applyStyle(box); - box.className = `${box.className} ${this.config.animateClass}`; - if (this.config.callback != null) { this.config.callback(box); } - emitEvent(box, this.wowEvent); - - - if (this.config.resetAnimation) { - addEvent(box, 'animationend', this.resetAnimation); - addEvent(box, 'oanimationend', this.resetAnimation); - addEvent(box, 'webkitAnimationEnd', this.resetAnimation); - addEvent(box, 'MSAnimationEnd', this.resetAnimation); - } - - return box; - } - - applyStyle(box, hidden) { - const duration = box.getAttribute('data-wow-duration'); - const delay = box.getAttribute('data-wow-delay'); - const iteration = box.getAttribute('data-wow-iteration'); - - return this.animate(() => this.customStyle(box, hidden, duration, delay, iteration)); - } - - animate = (function animateFactory() { - if ('requestAnimationFrame' in window) { - return callback => window.requestAnimationFrame(callback); - } - return callback => callback(); - }()); - - resetStyle() { - for (let i = 0; i < this.boxes.length; i++) { - const box = this.boxes[i]; - box.style.visibility = 'visible'; - } - return undefined; - } - - resetAnimation(event) { - if (event.type.toLowerCase().indexOf('animationend') >= 0) { - const target = event.target || event.srcElement; - target.className = target.className.replace(this.config.animateClass, '').trim(); - } - } - - customStyle(box, hidden, duration, delay, iteration) { - if (hidden) { this.cacheAnimationName(box); } - box.style.visibility = hidden ? 'hidden' : 'visible'; - - if (duration) { this.vendorSet(box.style, { animationDuration: duration }); } - if (delay) { this.vendorSet(box.style, { animationDelay: delay }); } - if (iteration) { this.vendorSet(box.style, { animationIterationCount: iteration }); } - this.vendorSet(box.style, { animationName: hidden ? 'none' : this.cachedAnimationName(box) }); - - return box; - } - - vendors = ['moz', 'webkit']; - vendorSet(elem, properties) { - for (const name in properties) { - if (properties.hasOwnProperty(name)) { - const value = properties[name]; - elem[`${name}`] = value; - for (let i = 0; i < this.vendors.length; i++) { - const vendor = this.vendors[i]; - elem[`${vendor}${name.charAt(0).toUpperCase()}${name.substr(1)}`] = value; + WeakMap.prototype.set = function(key, value) { + var i, item, j, len, ref; + ref = this.keys; + for (i = j = 0, len = ref.length; j < len; i = ++j) { + item = ref[i]; + if (item === key) { + this.values[i] = value; + return; } } - } - } - vendorCSS(elem, property) { - const style = getComputedStyle(elem); - let result = style.getPropertyCSSValue(property); - for (let i = 0; i < this.vendors.length; i++) { - const vendor = this.vendors[i]; - result = result || style.getPropertyCSSValue(`-${vendor}-${property}`); - } - return result; - } + this.keys.push(key); + return this.values.push(value); + }; - animationName(box) { - let aName; - try { - aName = this.vendorCSS(box, 'animation-name').cssText; - } catch (error) { // Opera, fall back to plain property value - aName = getComputedStyle(box).getPropertyValue('animation-name'); + return WeakMap; + + })()); + + MutationObserver = this.MutationObserver || this.WebkitMutationObserver || this.MozMutationObserver || (MutationObserver = (function() { + function MutationObserver() { + if (typeof console !== "undefined" && console !== null) { + console.warn('MutationObserver is not supported by your browser.'); + } + if (typeof console !== "undefined" && console !== null) { + console.warn('WOW.js cannot detect dom mutations, please call .sync() after loading new content.'); + } } - if (aName === 'none') { - return ''; // SVG/Firefox, unable to get animation name? + MutationObserver.notSupported = true; + + MutationObserver.prototype.observe = function() {}; + + return MutationObserver; + + })()); + + getComputedStyle = this.getComputedStyle || function(el, pseudo) { + this.getPropertyValue = function(prop) { + var ref; + if (prop === 'float') { + prop = 'styleFloat'; + } + if (getComputedStyleRX.test(prop)) { + prop.replace(getComputedStyleRX, function(_, _char) { + return _char.toUpperCase(); + }); + } + return ((ref = el.currentStyle) != null ? ref[prop] : void 0) || null; + }; + return this; + }; + + getComputedStyleRX = /(\-([a-z]){1})/g; + + this.WOW = (function() { + WOW.prototype.defaults = { + boxClass: 'wow', + animateClass: 'animated', + offset: 0, + mobile: true, + live: true, + callback: null, + scrollContainer: null + }; + + function WOW(options) { + if (options == null) { + options = {}; + } + this.scrollCallback = bind(this.scrollCallback, this); + this.scrollHandler = bind(this.scrollHandler, this); + this.resetAnimation = bind(this.resetAnimation, this); + this.start = bind(this.start, this); + this.scrolled = true; + this.config = this.util().extend(options, this.defaults); + if (options.scrollContainer != null) { + this.config.scrollContainer = document.querySelector(options.scrollContainer); + } + this.animationNameCache = new WeakMap(); + this.wowEvent = this.util().createEvent(this.config.boxClass); } - return aName; - } + WOW.prototype.init = function() { + var ref; + this.element = window.document.documentElement; + if ((ref = document.readyState) === "interactive" || ref === "complete") { + this.start(); + } else { + this.util().addEvent(document, 'DOMContentLoaded', this.start); + } + return this.finished = []; + }; - cacheAnimationName(box) { - // https://bugzilla.mozilla.org/show_bug.cgi?id=921834 - // box.dataset is not supported for SVG elements in Firefox - return this.animationNameCache.set(box, this.animationName(box)); - } - cachedAnimationName(box) { - return this.animationNameCache.get(box); - } - - // fast window.scroll callback - scrollHandler() { - this.scrolled = true; - } - - scrollCallback() { - if (this.scrolled) { - this.scrolled = false; - const results = []; - for (let i = 0; i < this.boxes.length; i++) { - const box = this.boxes[i]; - if (box) { - if (this.isVisible(box)) { - this.show(box); - continue; - } + WOW.prototype.start = function() { + var box, j, len, ref; + this.stopped = false; + this.boxes = (function() { + var j, len, ref, results; + ref = this.element.querySelectorAll("." + this.config.boxClass); + results = []; + for (j = 0, len = ref.length; j < len; j++) { + box = ref[j]; results.push(box); } + return results; + }).call(this); + this.all = (function() { + var j, len, ref, results; + ref = this.boxes; + results = []; + for (j = 0, len = ref.length; j < len; j++) { + box = ref[j]; + results.push(box); + } + return results; + }).call(this); + if (this.boxes.length) { + if (this.disabled()) { + this.resetStyle(); + } else { + ref = this.boxes; + for (j = 0, len = ref.length; j < len; j++) { + box = ref[j]; + this.applyStyle(box, true); + } + } } - this.boxes = results; - if (!this.boxes.length && !this.config.live) { - this.stop(); + if (!this.disabled()) { + this.util().addEvent(this.config.scrollContainer || window, 'scroll', this.scrollHandler); + this.util().addEvent(window, 'resize', this.scrollHandler); + this.interval = setInterval(this.scrollCallback, 50); } - } - } + if (this.config.live) { + return new MutationObserver((function(_this) { + return function(records) { + var k, len1, node, record, results; + results = []; + for (k = 0, len1 = records.length; k < len1; k++) { + record = records[k]; + results.push((function() { + var l, len2, ref1, results1; + ref1 = record.addedNodes || []; + results1 = []; + for (l = 0, len2 = ref1.length; l < len2; l++) { + node = ref1[l]; + results1.push(this.doSync(node)); + } + return results1; + }).call(_this)); + } + return results; + }; + })(this)).observe(document.body, { + childList: true, + subtree: true + }); + } + }; + WOW.prototype.stop = function() { + this.stopped = true; + this.util().removeEvent(this.config.scrollContainer || window, 'scroll', this.scrollHandler); + this.util().removeEvent(window, 'resize', this.scrollHandler); + if (this.interval != null) { + return clearInterval(this.interval); + } + }; - // Calculate element offset top - offsetTop(element) { - // SVG elements don't have an offsetTop in Firefox. - // This will use their nearest parent that has an offsetTop. - // Also, using ('offsetTop' of element) causes an exception in Firefox. - while (element.offsetTop === undefined) { - element = element.parentNode; - } - let top = element.offsetTop; - while (element.offsetParent) { - element = element.offsetParent; - top += element.offsetTop; - } - return top; - } + WOW.prototype.sync = function(element) { + if (MutationObserver.notSupported) { + return this.doSync(this.element); + } + }; -// check if box is visible - isVisible(box) { - const offset = box.getAttribute('data-wow-offset') || this.config.offset; - const viewTop = ( - this.config.scrollContainer && this.config.scrollContainer.scrollTop - ) || window.pageYOffset; - const viewBottom = - viewTop + Math.min(this.element.clientHeight, getInnerHeight()) - offset; - const top = this.offsetTop(box); - const bottom = top + box.clientHeight; + WOW.prototype.doSync = function(element) { + var box, j, len, ref, results; + if (element == null) { + element = this.element; + } + if (element.nodeType !== 1) { + return; + } + element = element.parentNode || element; + ref = element.querySelectorAll("." + this.config.boxClass); + results = []; + for (j = 0, len = ref.length; j < len; j++) { + box = ref[j]; + if (indexOf.call(this.all, box) < 0) { + this.boxes.push(box); + this.all.push(box); + if (this.stopped || this.disabled()) { + this.resetStyle(); + } else { + this.applyStyle(box, true); + } + results.push(this.scrolled = true); + } else { + results.push(void 0); + } + } + return results; + }; - return top <= viewBottom && bottom >= viewTop; - } + WOW.prototype.show = function(box) { + this.applyStyle(box); + box.className = box.className + " " + this.config.animateClass; + if (this.config.callback != null) { + this.config.callback(box); + } + this.util().emitEvent(box, this.wowEvent); + this.util().addEvent(box, 'animationend', this.resetAnimation); + this.util().addEvent(box, 'oanimationend', this.resetAnimation); + this.util().addEvent(box, 'webkitAnimationEnd', this.resetAnimation); + this.util().addEvent(box, 'MSAnimationEnd', this.resetAnimation); + return box; + }; - disabled() { - return !this.config.mobile && isMobile(navigator.userAgent); - } -} + WOW.prototype.applyStyle = function(box, hidden) { + var delay, duration, iteration; + duration = box.getAttribute('data-wow-duration'); + delay = box.getAttribute('data-wow-delay'); + iteration = box.getAttribute('data-wow-iteration'); + return this.animate((function(_this) { + return function() { + return _this.customStyle(box, hidden, duration, delay, iteration); + }; + })(this)); + }; + + WOW.prototype.animate = (function() { + if ('requestAnimationFrame' in window) { + return function(callback) { + return window.requestAnimationFrame(callback); + }; + } else { + return function(callback) { + return callback(); + }; + } + })(); + + WOW.prototype.resetStyle = function() { + var box, j, len, ref, results; + ref = this.boxes; + results = []; + for (j = 0, len = ref.length; j < len; j++) { + box = ref[j]; + results.push(box.style.visibility = 'visible'); + } + return results; + }; + + WOW.prototype.resetAnimation = function(event) { + var target; + if (event.type.toLowerCase().indexOf('animationend') >= 0) { + target = event.target || event.srcElement; + return target.className = target.className.replace(this.config.animateClass, '').trim(); + } + }; + + WOW.prototype.customStyle = function(box, hidden, duration, delay, iteration) { + if (hidden) { + this.cacheAnimationName(box); + } + box.style.visibility = hidden ? 'hidden' : 'visible'; + if (duration) { + this.vendorSet(box.style, { + animationDuration: duration + }); + } + if (delay) { + this.vendorSet(box.style, { + animationDelay: delay + }); + } + if (iteration) { + this.vendorSet(box.style, { + animationIterationCount: iteration + }); + } + this.vendorSet(box.style, { + animationName: hidden ? 'none' : this.cachedAnimationName(box) + }); + return box; + }; + + WOW.prototype.vendors = ["moz", "webkit"]; + + WOW.prototype.vendorSet = function(elem, properties) { + var name, results, value, vendor; + results = []; + for (name in properties) { + value = properties[name]; + elem["" + name] = value; + results.push((function() { + var j, len, ref, results1; + ref = this.vendors; + results1 = []; + for (j = 0, len = ref.length; j < len; j++) { + vendor = ref[j]; + results1.push(elem["" + vendor + (name.charAt(0).toUpperCase()) + (name.substr(1))] = value); + } + return results1; + }).call(this)); + } + return results; + }; + + WOW.prototype.vendorCSS = function(elem, property) { + var j, len, ref, result, style, vendor; + style = getComputedStyle(elem); + result = style.getPropertyCSSValue(property); + ref = this.vendors; + for (j = 0, len = ref.length; j < len; j++) { + vendor = ref[j]; + result = result || style.getPropertyCSSValue("-" + vendor + "-" + property); + } + return result; + }; + + WOW.prototype.animationName = function(box) { + var animationName, error; + try { + animationName = this.vendorCSS(box, 'animation-name').cssText; + } catch (error) { + animationName = getComputedStyle(box).getPropertyValue('animation-name'); + } + if (animationName === 'none') { + return ''; + } else { + return animationName; + } + }; + + WOW.prototype.cacheAnimationName = function(box) { + return this.animationNameCache.set(box, this.animationName(box)); + }; + + WOW.prototype.cachedAnimationName = function(box) { + return this.animationNameCache.get(box); + }; + + WOW.prototype.scrollHandler = function() { + return this.scrolled = true; + }; + + WOW.prototype.scrollCallback = function() { + var box; + if (this.scrolled) { + this.scrolled = false; + this.boxes = (function() { + var j, len, ref, results; + ref = this.boxes; + results = []; + for (j = 0, len = ref.length; j < len; j++) { + box = ref[j]; + if (!(box)) { + continue; + } + if (this.isVisible(box)) { + this.show(box); + continue; + } + results.push(box); + } + return results; + }).call(this); + if (!(this.boxes.length || this.config.live)) { + return this.stop(); + } + } + }; + + WOW.prototype.offsetTop = function(element) { + var top; + while (element.offsetTop === void 0) { + element = element.parentNode; + } + top = element.offsetTop; + while (element = element.offsetParent) { + top += element.offsetTop; + } + return top; + }; + + WOW.prototype.isVisible = function(box) { + var bottom, offset, top, viewBottom, viewTop; + offset = box.getAttribute('data-wow-offset') || this.config.offset; + viewTop = (this.config.scrollContainer && this.config.scrollContainer.scrollTop) || window.pageYOffset; + viewBottom = viewTop + Math.min(this.element.clientHeight, this.util().innerHeight()) - offset; + top = this.offsetTop(box); + bottom = top + box.clientHeight; + return top <= viewBottom && bottom >= viewTop; + }; + + WOW.prototype.util = function() { + return this._util != null ? this._util : this._util = new Util(); + }; + + WOW.prototype.disabled = function() { + return !this.config.mobile && this.util().isMobile(navigator.userAgent); + }; + + return WOW; + + })(); + +}).call(this); diff --git a/Static/mdui-v1.0.1/js/ui.js b/Static/mdui-v1.0.1/js/ui.js new file mode 100644 index 0000000..a612162 --- /dev/null +++ b/Static/mdui-v1.0.1/js/ui.js @@ -0,0 +1,18 @@ +// JavaScript Document +function init(_el){ + function start(_this){ + $(_el).each(function(i){ + $(this).css("animation-delay",`${++i * 0.2}s`); + let _this = $(this); + let windowHeight = $(window).height(); + let windowScrollTop = $(window).scrollTop(); + if(windowHeight + windowScrollTop > parseInt(_this.offset().top)){ + _this.addClass(_this.data().animation); + } + }) + } + $(window).on("scroll",function(){ + start(_el) + }) + start(_el) +} \ No newline at end of file diff --git a/Static/mdui-v1.0.1/js/wow.min.js b/Static/mdui-v1.0.1/js/wow.min.js new file mode 100644 index 0000000..0a646f2 --- /dev/null +++ b/Static/mdui-v1.0.1/js/wow.min.js @@ -0,0 +1,2 @@ +/*! WOW - v1.1.3 - 2016-05-06 +* Copyright (c) 2016 Matthieu Aussaguel;*/(function(){var a,b,c,d,e,f=function(a,b){return function(){return a.apply(b,arguments)}},g=[].indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(b in this&&this[b]===a)return b;return-1};b=function(){function a(){}return a.prototype.extend=function(a,b){var c,d;for(c in b)d=b[c],null==a[c]&&(a[c]=d);return a},a.prototype.isMobile=function(a){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(a)},a.prototype.createEvent=function(a,b,c,d){var e;return null==b&&(b=!1),null==c&&(c=!1),null==d&&(d=null),null!=document.createEvent?(e=document.createEvent("CustomEvent"),e.initCustomEvent(a,b,c,d)):null!=document.createEventObject?(e=document.createEventObject(),e.eventType=a):e.eventName=a,e},a.prototype.emitEvent=function(a,b){return null!=a.dispatchEvent?a.dispatchEvent(b):b in(null!=a)?a[b]():"on"+b in(null!=a)?a["on"+b]():void 0},a.prototype.addEvent=function(a,b,c){return null!=a.addEventListener?a.addEventListener(b,c,!1):null!=a.attachEvent?a.attachEvent("on"+b,c):a[b]=c},a.prototype.removeEvent=function(a,b,c){return null!=a.removeEventListener?a.removeEventListener(b,c,!1):null!=a.detachEvent?a.detachEvent("on"+b,c):delete a[b]},a.prototype.innerHeight=function(){return"innerHeight"in window?window.innerHeight:document.documentElement.clientHeight},a}(),c=this.WeakMap||this.MozWeakMap||(c=function(){function a(){this.keys=[],this.values=[]}return a.prototype.get=function(a){var b,c,d,e,f;for(f=this.keys,b=d=0,e=f.length;e>d;b=++d)if(c=f[b],c===a)return this.values[b]},a.prototype.set=function(a,b){var c,d,e,f,g;for(g=this.keys,c=e=0,f=g.length;f>e;c=++e)if(d=g[c],d===a)return void(this.values[c]=b);return this.keys.push(a),this.values.push(b)},a}()),a=this.MutationObserver||this.WebkitMutationObserver||this.MozMutationObserver||(a=function(){function a(){"undefined"!=typeof console&&null!==console&&console.warn("MutationObserver is not supported by your browser."),"undefined"!=typeof console&&null!==console&&console.warn("WOW.js cannot detect dom mutations, please call .sync() after loading new content.")}return a.notSupported=!0,a.prototype.observe=function(){},a}()),d=this.getComputedStyle||function(a,b){return this.getPropertyValue=function(b){var c;return"float"===b&&(b="styleFloat"),e.test(b)&&b.replace(e,function(a,b){return b.toUpperCase()}),(null!=(c=a.currentStyle)?c[b]:void 0)||null},this},e=/(\-([a-z]){1})/g,this.WOW=function(){function e(a){null==a&&(a={}),this.scrollCallback=f(this.scrollCallback,this),this.scrollHandler=f(this.scrollHandler,this),this.resetAnimation=f(this.resetAnimation,this),this.start=f(this.start,this),this.scrolled=!0,this.config=this.util().extend(a,this.defaults),null!=a.scrollContainer&&(this.config.scrollContainer=document.querySelector(a.scrollContainer)),this.animationNameCache=new c,this.wowEvent=this.util().createEvent(this.config.boxClass)}return e.prototype.defaults={boxClass:"wow",animateClass:"animated",offset:0,mobile:!0,live:!0,callback:null,scrollContainer:null},e.prototype.init=function(){var a;return this.element=window.document.documentElement,"interactive"===(a=document.readyState)||"complete"===a?this.start():this.util().addEvent(document,"DOMContentLoaded",this.start),this.finished=[]},e.prototype.start=function(){var b,c,d,e;if(this.stopped=!1,this.boxes=function(){var a,c,d,e;for(d=this.element.querySelectorAll("."+this.config.boxClass),e=[],a=0,c=d.length;c>a;a++)b=d[a],e.push(b);return e}.call(this),this.all=function(){var a,c,d,e;for(d=this.boxes,e=[],a=0,c=d.length;c>a;a++)b=d[a],e.push(b);return e}.call(this),this.boxes.length)if(this.disabled())this.resetStyle();else for(e=this.boxes,c=0,d=e.length;d>c;c++)b=e[c],this.applyStyle(b,!0);return this.disabled()||(this.util().addEvent(this.config.scrollContainer||window,"scroll",this.scrollHandler),this.util().addEvent(window,"resize",this.scrollHandler),this.interval=setInterval(this.scrollCallback,50)),this.config.live?new a(function(a){return function(b){var c,d,e,f,g;for(g=[],c=0,d=b.length;d>c;c++)f=b[c],g.push(function(){var a,b,c,d;for(c=f.addedNodes||[],d=[],a=0,b=c.length;b>a;a++)e=c[a],d.push(this.doSync(e));return d}.call(a));return g}}(this)).observe(document.body,{childList:!0,subtree:!0}):void 0},e.prototype.stop=function(){return this.stopped=!0,this.util().removeEvent(this.config.scrollContainer||window,"scroll",this.scrollHandler),this.util().removeEvent(window,"resize",this.scrollHandler),null!=this.interval?clearInterval(this.interval):void 0},e.prototype.sync=function(b){return a.notSupported?this.doSync(this.element):void 0},e.prototype.doSync=function(a){var b,c,d,e,f;if(null==a&&(a=this.element),1===a.nodeType){for(a=a.parentNode||a,e=a.querySelectorAll("."+this.config.boxClass),f=[],c=0,d=e.length;d>c;c++)b=e[c],g.call(this.all,b)<0?(this.boxes.push(b),this.all.push(b),this.stopped||this.disabled()?this.resetStyle():this.applyStyle(b,!0),f.push(this.scrolled=!0)):f.push(void 0);return f}},e.prototype.show=function(a){return this.applyStyle(a),a.className=a.className+" "+this.config.animateClass,null!=this.config.callback&&this.config.callback(a),this.util().emitEvent(a,this.wowEvent),this.util().addEvent(a,"animationend",this.resetAnimation),this.util().addEvent(a,"oanimationend",this.resetAnimation),this.util().addEvent(a,"webkitAnimationEnd",this.resetAnimation),this.util().addEvent(a,"MSAnimationEnd",this.resetAnimation),a},e.prototype.applyStyle=function(a,b){var c,d,e;return d=a.getAttribute("data-wow-duration"),c=a.getAttribute("data-wow-delay"),e=a.getAttribute("data-wow-iteration"),this.animate(function(f){return function(){return f.customStyle(a,b,d,c,e)}}(this))},e.prototype.animate=function(){return"requestAnimationFrame"in window?function(a){return window.requestAnimationFrame(a)}:function(a){return a()}}(),e.prototype.resetStyle=function(){var a,b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],e.push(a.style.visibility="visible");return e},e.prototype.resetAnimation=function(a){var b;return a.type.toLowerCase().indexOf("animationend")>=0?(b=a.target||a.srcElement,b.className=b.className.replace(this.config.animateClass,"").trim()):void 0},e.prototype.customStyle=function(a,b,c,d,e){return b&&this.cacheAnimationName(a),a.style.visibility=b?"hidden":"visible",c&&this.vendorSet(a.style,{animationDuration:c}),d&&this.vendorSet(a.style,{animationDelay:d}),e&&this.vendorSet(a.style,{animationIterationCount:e}),this.vendorSet(a.style,{animationName:b?"none":this.cachedAnimationName(a)}),a},e.prototype.vendors=["moz","webkit"],e.prototype.vendorSet=function(a,b){var c,d,e,f;d=[];for(c in b)e=b[c],a[""+c]=e,d.push(function(){var b,d,g,h;for(g=this.vendors,h=[],b=0,d=g.length;d>b;b++)f=g[b],h.push(a[""+f+c.charAt(0).toUpperCase()+c.substr(1)]=e);return h}.call(this));return d},e.prototype.vendorCSS=function(a,b){var c,e,f,g,h,i;for(h=d(a),g=h.getPropertyCSSValue(b),f=this.vendors,c=0,e=f.length;e>c;c++)i=f[c],g=g||h.getPropertyCSSValue("-"+i+"-"+b);return g},e.prototype.animationName=function(a){var b;try{b=this.vendorCSS(a,"animation-name").cssText}catch(c){b=d(a).getPropertyValue("animation-name")}return"none"===b?"":b},e.prototype.cacheAnimationName=function(a){return this.animationNameCache.set(a,this.animationName(a))},e.prototype.cachedAnimationName=function(a){return this.animationNameCache.get(a)},e.prototype.scrollHandler=function(){return this.scrolled=!0},e.prototype.scrollCallback=function(){var a;return!this.scrolled||(this.scrolled=!1,this.boxes=function(){var b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],a&&(this.isVisible(a)?this.show(a):e.push(a));return e}.call(this),this.boxes.length||this.config.live)?void 0:this.stop()},e.prototype.offsetTop=function(a){for(var b;void 0===a.offsetTop;)a=a.parentNode;for(b=a.offsetTop;a=a.offsetParent;)b+=a.offsetTop;return b},e.prototype.isVisible=function(a){var b,c,d,e,f;return c=a.getAttribute("data-wow-offset")||this.config.offset,f=this.config.scrollContainer&&this.config.scrollContainer.scrollTop||window.pageYOffset,e=f+Math.min(this.element.clientHeight,this.util().innerHeight())-c,d=this.offsetTop(a),b=d+a.clientHeight,e>=d&&b>=f},e.prototype.util=function(){return null!=this._util?this._util:this._util=new b},e.prototype.disabled=function(){return!this.config.mobile&&this.util().isMobile(navigator.userAgent)},e}()}).call(this); \ No newline at end of file diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..f13de6d --- /dev/null +++ b/contact.html @@ -0,0 +1,177 @@ + + + + + + + Document + + + + + + + + + +
+ +
+ +
+
+ +
+ +
+ +
+
+ + + + + + + + + + + + + + + + + + +
+
+
+
+
+ + +
+
+ +
+ +
+ +
+
+ + menu + +
+
+ + + +
+
+ + + + + +
+
+ +
+
+ +
+
+
+ +
+
+
+

+ AyasakiMoe Studio是AyasakiMoe社区管理组旗下的开发组织。
+ + 欢迎您的加入!
+ + AyasakiMoe:Akatsuki World
+

+
+
+
+
+ + + + + + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index af8c769..0dc3343 100644 --- a/index.html +++ b/index.html @@ -17,11 +17,19 @@ + +
+ +
+
+
+
+
@@ -45,6 +53,9 @@ + + +
@@ -96,75 +107,83 @@
- ... + ...
-
Akatsuki - Word
-

人类从来没有资格评定好坏，所谓对错会随着时间所变动.

+
Akatsuki - Word
+

人类从来没有资格评定好坏，所谓对错会随着时间所变动.

- ... + ...
-
Akatsuki - Word
-

生活的意义是享受当下，活出精彩人生

+
Akatsuki - Word
+

生活的意义是享受当下，活出精彩人生

- ... + ...
-
Akatsuki - Word
-

我只活在当下，欣赏眼前的风景

+
Akatsuki - Word
+

我只活在当下，欣赏眼前的风景

- -
- - -
- -
-
- -
-
-
No Pay
-
grid_on永远不会收取费用
-
+
+

冰浮岛

-
-
- -
-
-
Server
-
grid_on灌水服务器长期运行
-
-
-
-
- -
-
-
Happy house
-
grid_on学生上班族的快乐屋
-
-
-
+ +
+

Our Features

+
+ +
+
+ +
+
+
No Pay
+
grid_on永远不会收取费用 +
+
+
+
+
+ +
+
+
Server
+
grid_on灌水服务器长期运行 +
+
+
+
+
+ +
+
+
Happy house
+
grid_on学生上班族的快乐屋 +
+
+
+
+
+ +
+

冰浮岛

+
+
@@ -191,7 +210,7 @@
- + - - - - + + + + + + + + \ No newline at end of file diff --git a/message.html b/message.html new file mode 100644 index 0000000..e56c99a --- /dev/null +++ b/message.html @@ -0,0 +1,167 @@ + + + + + + + Document + + + + + + + + + +
+ + +
+
+
+
+
+ +
+ +
+ +
+
+ + + + + + + + + + + + + + + + + + +
+
+
+
+
+ + +
+
+ +
+ +
+ +
+
+ + menu + +
+
+ + +
+ +
+ 首页/Home + 项目/Project + 情报/News + 联系/Contact + 组员/Staff +
+
+
+ + + + + + +
+
+
+

-这里暂时还什么都没有哦-

+
+
+
+ + +
+
+
+ +
+
+
+

+ AyasakiMoe Studio是AyasakiMoe社区管理组旗下的开发组织。
+ + 欢迎您的加入!
+ + AyasakiMoe:Akatsuki World
+

+
+
+
+
+ + + + + + + + + + + + \ No newline at end of file diff --git a/news.html b/news.html index 35033ab..9ece507 100644 --- a/news.html +++ b/news.html @@ -42,7 +42,7 @@
- + @@ -51,12 +51,15 @@ - + + + +
@@ -87,8 +90,9 @@ 首页/Home 项目/Project 情报/News - 联系/Contact 组员/Staff + 联系/Contact + 寄语/message @@ -101,7 +105,7 @@
@@ -101,30 +105,30 @@
    -
    - - Akatsuki-Misaki -
    -
    - - Cheng -
    -
    - - yuanzhi -
    -
    - - CcranesQ -
    -
    - - xing_cheng -
    -
    - - yun_luo -
    +
    + + Akatsuki-Misaki +
    +
    + + Cheng +
    +
    + + yuanzhi +
    +
    + + CcranesQ +
    +
    + + xing_cheng +
    +
    + + yun_luo +
@@ -132,25 +136,36 @@
- +
+
+ + Akatsuki-Misaki +
+
+ + Cheng +
+
+ + yuanzhi +
+
+ + CcranesQ +
+
+ + xing_cheng +
+
+ + yun_luo +
+

- AyasakiMoe Studio是AyasakiMoe社区管理组旗下的开发组织。
- 欢迎您的加入!
AyasakiMoe:Akatsuki World
@@ -171,11 +186,13 @@

- - - - + + + + + diff --git a/ui.html b/ui.html index 7c3f029..2667580 100644 --- a/ui.html +++ b/ui.html @@ -14,17 +14,17 @@ @@ -57,6 +57,9 @@ + + +
@@ -87,8 +90,9 @@ 首页/Home 项目/Project 情报/News - 联系/Contact 组员/Staff + 联系/Contact + 寄语/message
@@ -101,26 +105,19 @@
@@ -167,11 +164,13 @@ - - - - + + + + +