├── .idea
├── .gitignore
├── misc.xml
├── modules.xml
├── vcs.xml
└── web-resume.iml
├── LICENSE
├── README.md
├── html
└── main.html
├── index.html
├── lib
├── bootstrap.min.css
├── bootstrap.min.js
├── handlebars.min.js
├── jquery.min.js
├── less.min.js
└── lizi
│ ├── particles.json
│ ├── particless.min.js
│ └── style.css
└── src
├── Chance.mp3
├── assets
└── css
│ └── base.wxss
├── config.js
├── css
├── base.less
├── base.min.css
└── iconfont.css
└── img
├── bg.jpg
├── box1.png
├── box2.png
├── box3.jpg
├── box4.png
├── box5.jpg
├── box6.jpeg
├── dot.png
├── favicon.ico
├── page1.jpg
├── page2.png
├── qq.jpg
├── toux.jpeg
├── triangle.png
└── weix.jpg
/.idea/.gitignore:
--------------------------------------------------------------------------------
1 | # Default ignored files
2 | /workspace.xml
3 |
--------------------------------------------------------------------------------
/.idea/misc.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/.idea/modules.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/.idea/vcs.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/.idea/web-resume.iml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2020 wttAndroid
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # web前端个人简历
2 |
3 | #### 介绍
4 | web前端个人简历：一个追梦在前端路上的小白
5 |
6 | #### 相关技术
7 | - particles.js粒子插件
8 | - Handlebars.js模板引擎
9 |
10 |
11 | #### 在线预览
12 | [web前端个人简历：一个追梦在前端路上的小白](http://wttandroid.gitee.io/wttandroid.github.io/)
13 |
14 | #### 使用说明
15 | 1. 修改src/config.js内容作为配置文件
16 |
17 | ```
18 | export default {
19 | // 首页部分
20 | page1: {
21 | titleEn:'Hello,I`m WeiTingting', //英文标题
22 | title: '一个追梦在前端路上的小白',//中文标题
23 | },
24 | // About Me部分
25 | page2:{
26 | authorImg:'xxx.jpg',// 作者头像
27 | xinhui:'...',// 幸会
28 | qiuzhi:'...',// 求职意向
29 | guanyuwo:'...'// 关于我
30 | },
31 | // My Services部分
32 | page3:[{
33 | icon:'icon-xxx', // 图标
34 | title:'...', // 标题
35 | msg:['...']//介绍
36 | },
37 | ...],
38 | // My Mastering部分
39 | page4:{
40 | // 我的历程
41 | course:[{
42 | date:'2020/6——毕业',// 时间
43 | desc:{// 经历
44 | title:'...',
45 | list:['...']
46 | }
47 | },
48 | ...],
49 | // 我的拓展技能掌握
50 | singlelist:[{title:'...',text:'...'}],
51 | // 我的基本技能掌握
52 | proresslist:[{
53 | title:'..',//例：HTML
54 | value:'..'//例：85%
55 | },
56 | ...]
57 | },
58 | // My Production部分
59 | page5:[{
60 | title:'...',//作品名称
61 | content:'...',//作品名称
62 | image:'...',//作品图片
63 | href:'...'//作品地址
64 | },
65 | ...],
66 | // 结尾页部分
67 | page6:{
68 | github:'...',//github链接
69 | bili:'...',//B站链接
70 | email:'Mailto:xxx@qq.com?Subject=邮箱标题&Body=邮箱内容！',//email
71 | zhihu:'...',//知乎链接
72 | weixin:"
",//微信弹窗
73 | qq:""//QQ弹窗
74 | }
75 | }
76 | ```
77 |
78 | 2. 运行index.html文件访问本地服务 (！！注意：因为file跨域问题，本地运行必须以服务器方式启动项目！)
79 |
80 |
81 |
82 | ### 截图预览
83 |
84 | 
85 |
86 |
87 |
--------------------------------------------------------------------------------
/html/main.html:
--------------------------------------------------------------------------------
1 |
2 |
210 |
211 |
212 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
8 |
9 |
10 |
11 | Web前端个人简历
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
142 |
143 |
144 |
145 |
146 |
147 |
--------------------------------------------------------------------------------
/lib/bootstrap.min.js:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v3.3.7 (http://getbootstrap.com)
3 | * Copyright 2011-2016 Twitter, Inc.
4 | * Licensed under the MIT license
5 | */
6 | if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(a){"use strict";var b=a.fn.jquery.split(" ")[0].split(".");if(b[0]<2&&b[1]<9||1==b[0]&&9==b[1]&&b[2]<1||b[0]>3)throw new Error("Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 4")}(jQuery),+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]};return!1}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one("bsTransitionEnd",function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b(),a.support.transition&&(a.event.special.bsTransitionEnd={bindType:a.support.transition.end,delegateType:a.support.transition.end,handle:function(b){if(a(b.target).is(this))return b.handleObj.handler.apply(this,arguments)}})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var c=a(this),e=c.data("bs.alert");e||c.data("bs.alert",e=new d(this)),"string"==typeof b&&e[b].call(c)})}var c='[data-dismiss="alert"]',d=function(b){a(b).on("click",c,this.close)};d.VERSION="3.3.7",d.TRANSITION_DURATION=150,d.prototype.close=function(b){function c(){g.detach().trigger("closed.bs.alert").remove()}var e=a(this),f=e.attr("data-target");f||(f=e.attr("href"),f=f&&f.replace(/.*(?=#[^\s]*$)/,""));var g=a("#"===f?[]:f);b&&b.preventDefault(),g.length||(g=e.closest(".alert")),g.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(g.removeClass("in"),a.support.transition&&g.hasClass("fade")?g.one("bsTransitionEnd",c).emulateTransitionEnd(d.TRANSITION_DURATION):c())};var e=a.fn.alert;a.fn.alert=b,a.fn.alert.Constructor=d,a.fn.alert.noConflict=function(){return a.fn.alert=e,this},a(document).on("click.bs.alert.data-api",c,d.prototype.close)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof b&&b;e||d.data("bs.button",e=new c(this,f)),"toggle"==b?e.toggle():b&&e.setState(b)})}var c=function(b,d){this.$element=a(b),this.options=a.extend({},c.DEFAULTS,d),this.isLoading=!1};c.VERSION="3.3.7",c.DEFAULTS={loadingText:"loading..."},c.prototype.setState=function(b){var c="disabled",d=this.$element,e=d.is("input")?"val":"html",f=d.data();b+="Text",null==f.resetText&&d.data("resetText",d[e]()),setTimeout(a.proxy(function(){d[e](null==f[b]?this.options[b]:f[b]),"loadingText"==b?(this.isLoading=!0,d.addClass(c).attr(c,c).prop(c,!0)):this.isLoading&&(this.isLoading=!1,d.removeClass(c).removeAttr(c).prop(c,!1))},this),0)},c.prototype.toggle=function(){var a=!0,b=this.$element.closest('[data-toggle="buttons"]');if(b.length){var c=this.$element.find("input");"radio"==c.prop("type")?(c.prop("checked")&&(a=!1),b.find(".active").removeClass("active"),this.$element.addClass("active")):"checkbox"==c.prop("type")&&(c.prop("checked")!==this.$element.hasClass("active")&&(a=!1),this.$element.toggleClass("active")),c.prop("checked",this.$element.hasClass("active")),a&&c.trigger("change")}else this.$element.attr("aria-pressed",!this.$element.hasClass("active")),this.$element.toggleClass("active")};var d=a.fn.button;a.fn.button=b,a.fn.button.Constructor=c,a.fn.button.noConflict=function(){return a.fn.button=d,this},a(document).on("click.bs.button.data-api",'[data-toggle^="button"]',function(c){var d=a(c.target).closest(".btn");b.call(d,"toggle"),a(c.target).is('input[type="radio"], input[type="checkbox"]')||(c.preventDefault(),d.is("input,button")?d.trigger("focus"):d.find("input:visible,button:visible").first().trigger("focus"))}).on("focus.bs.button.data-api blur.bs.button.data-api",'[data-toggle^="button"]',function(b){a(b.target).closest(".btn").toggleClass("focus",/^focus(in)?$/.test(b.type))})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},c.DEFAULTS,d.data(),"object"==typeof b&&b),g="string"==typeof b?b:f.slide;e||d.data("bs.carousel",e=new c(this,f)),"number"==typeof b?e.to(b):g?e[g]():f.interval&&e.pause().cycle()})}var c=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=null,this.sliding=null,this.interval=null,this.$active=null,this.$items=null,this.options.keyboard&&this.$element.on("keydown.bs.carousel",a.proxy(this.keydown,this)),"hover"==this.options.pause&&!("ontouchstart"in document.documentElement)&&this.$element.on("mouseenter.bs.carousel",a.proxy(this.pause,this)).on("mouseleave.bs.carousel",a.proxy(this.cycle,this))};c.VERSION="3.3.7",c.TRANSITION_DURATION=600,c.DEFAULTS={interval:5e3,pause:"hover",wrap:!0,keyboard:!0},c.prototype.keydown=function(a){if(!/input|textarea/i.test(a.target.tagName)){switch(a.which){case 37:this.prev();break;case 39:this.next();break;default:return}a.preventDefault()}},c.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},c.prototype.getItemIndex=function(a){return this.$items=a.parent().children(".item"),this.$items.index(a||this.$active)},c.prototype.getItemForDirection=function(a,b){var c=this.getItemIndex(b),d="prev"==a&&0===c||"next"==a&&c==this.$items.length-1;if(d&&!this.options.wrap)return b;var e="prev"==a?-1:1,f=(c+e)%this.$items.length;return this.$items.eq(f)},c.prototype.to=function(a){var b=this,c=this.getItemIndex(this.$active=this.$element.find(".item.active"));if(!(a>this.$items.length-1||a<0))return this.sliding?this.$element.one("slid.bs.carousel",function(){b.to(a)}):c==a?this.pause().cycle():this.slide(a>c?"next":"prev",this.$items.eq(a))},c.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},c.prototype.next=function(){if(!this.sliding)return this.slide("next")},c.prototype.prev=function(){if(!this.sliding)return this.slide("prev")},c.prototype.slide=function(b,d){var e=this.$element.find(".item.active"),f=d||this.getItemForDirection(b,e),g=this.interval,h="next"==b?"left":"right",i=this;if(f.hasClass("active"))return this.sliding=!1;var j=f[0],k=a.Event("slide.bs.carousel",{relatedTarget:j,direction:h});if(this.$element.trigger(k),!k.isDefaultPrevented()){if(this.sliding=!0,g&&this.pause(),this.$indicators.length){this.$indicators.find(".active").removeClass("active");var l=a(this.$indicators.children()[this.getItemIndex(f)]);l&&l.addClass("active")}var m=a.Event("slid.bs.carousel",{relatedTarget:j,direction:h});return a.support.transition&&this.$element.hasClass("slide")?(f.addClass(b),f[0].offsetWidth,e.addClass(h),f.addClass(h),e.one("bsTransitionEnd",function(){f.removeClass([b,h].join(" ")).addClass("active"),e.removeClass(["active",h].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger(m)},0)}).emulateTransitionEnd(c.TRANSITION_DURATION)):(e.removeClass("active"),f.addClass("active"),this.sliding=!1,this.$element.trigger(m)),g&&this.cycle(),this}};var d=a.fn.carousel;a.fn.carousel=b,a.fn.carousel.Constructor=c,a.fn.carousel.noConflict=function(){return a.fn.carousel=d,this};var e=function(c){var d,e=a(this),f=a(e.attr("data-target")||(d=e.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,""));if(f.hasClass("carousel")){var g=a.extend({},f.data(),e.data()),h=e.attr("data-slide-to");h&&(g.interval=!1),b.call(f,g),h&&f.data("bs.carousel").to(h),c.preventDefault()}};a(document).on("click.bs.carousel.data-api","[data-slide]",e).on("click.bs.carousel.data-api","[data-slide-to]",e),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var c=a(this);b.call(c,c.data())})})}(jQuery),+function(a){"use strict";function b(b){var c,d=b.attr("data-target")||(c=b.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"");return a(d)}function c(b){return this.each(function(){var c=a(this),e=c.data("bs.collapse"),f=a.extend({},d.DEFAULTS,c.data(),"object"==typeof b&&b);!e&&f.toggle&&/show|hide/.test(b)&&(f.toggle=!1),e||c.data("bs.collapse",e=new d(this,f)),"string"==typeof b&&e[b]()})}var d=function(b,c){this.$element=a(b),this.options=a.extend({},d.DEFAULTS,c),this.$trigger=a('[data-toggle="collapse"][href="#'+b.id+'"],[data-toggle="collapse"][data-target="#'+b.id+'"]'),this.transitioning=null,this.options.parent?this.$parent=this.getParent():this.addAriaAndCollapsedClass(this.$element,this.$trigger),this.options.toggle&&this.toggle()};d.VERSION="3.3.7",d.TRANSITION_DURATION=350,d.DEFAULTS={toggle:!0},d.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},d.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b,e=this.$parent&&this.$parent.children(".panel").children(".in, .collapsing");if(!(e&&e.length&&(b=e.data("bs.collapse"),b&&b.transitioning))){var f=a.Event("show.bs.collapse");if(this.$element.trigger(f),!f.isDefaultPrevented()){e&&e.length&&(c.call(e,"hide"),b||e.data("bs.collapse",null));var g=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[g](0).attr("aria-expanded",!0),this.$trigger.removeClass("collapsed").attr("aria-expanded",!0),this.transitioning=1;var h=function(){this.$element.removeClass("collapsing").addClass("collapse in")[g](""),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return h.call(this);var i=a.camelCase(["scroll",g].join("-"));this.$element.one("bsTransitionEnd",a.proxy(h,this)).emulateTransitionEnd(d.TRANSITION_DURATION)[g](this.$element[0][i])}}}},d.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse in").attr("aria-expanded",!1),this.$trigger.addClass("collapsed").attr("aria-expanded",!1),this.transitioning=1;var e=function(){this.transitioning=0,this.$element.removeClass("collapsing").addClass("collapse").trigger("hidden.bs.collapse")};return a.support.transition?void this.$element[c](0).one("bsTransitionEnd",a.proxy(e,this)).emulateTransitionEnd(d.TRANSITION_DURATION):e.call(this)}}},d.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()},d.prototype.getParent=function(){return a(this.options.parent).find('[data-toggle="collapse"][data-parent="'+this.options.parent+'"]').each(a.proxy(function(c,d){var e=a(d);this.addAriaAndCollapsedClass(b(e),e)},this)).end()},d.prototype.addAriaAndCollapsedClass=function(a,b){var c=a.hasClass("in");a.attr("aria-expanded",c),b.toggleClass("collapsed",!c).attr("aria-expanded",c)};var e=a.fn.collapse;a.fn.collapse=c,a.fn.collapse.Constructor=d,a.fn.collapse.noConflict=function(){return a.fn.collapse=e,this},a(document).on("click.bs.collapse.data-api",'[data-toggle="collapse"]',function(d){var e=a(this);e.attr("data-target")||d.preventDefault();var f=b(e),g=f.data("bs.collapse"),h=g?"toggle":e.data();c.call(f,h)})}(jQuery),+function(a){"use strict";function b(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#[A-Za-z]/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}function c(c){c&&3===c.which||(a(e).remove(),a(f).each(function(){var d=a(this),e=b(d),f={relatedTarget:this};e.hasClass("open")&&(c&&"click"==c.type&&/input|textarea/i.test(c.target.tagName)&&a.contains(e[0],c.target)||(e.trigger(c=a.Event("hide.bs.dropdown",f)),c.isDefaultPrevented()||(d.attr("aria-expanded","false"),e.removeClass("open").trigger(a.Event("hidden.bs.dropdown",f)))))}))}function d(b){return this.each(function(){var c=a(this),d=c.data("bs.dropdown");d||c.data("bs.dropdown",d=new g(this)),"string"==typeof b&&d[b].call(c)})}var e=".dropdown-backdrop",f='[data-toggle="dropdown"]',g=function(b){a(b).on("click.bs.dropdown",this.toggle)};g.VERSION="3.3.7",g.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=b(e),g=f.hasClass("open");if(c(),!g){"ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a(document.createElement("div")).addClass("dropdown-backdrop").insertAfter(a(this)).on("click",c);var h={relatedTarget:this};if(f.trigger(d=a.Event("show.bs.dropdown",h)),d.isDefaultPrevented())return;e.trigger("focus").attr("aria-expanded","true"),f.toggleClass("open").trigger(a.Event("shown.bs.dropdown",h))}return!1}},g.prototype.keydown=function(c){if(/(38|40|27|32)/.test(c.which)&&!/input|textarea/i.test(c.target.tagName)){var d=a(this);if(c.preventDefault(),c.stopPropagation(),!d.is(".disabled, :disabled")){var e=b(d),g=e.hasClass("open");if(!g&&27!=c.which||g&&27==c.which)return 27==c.which&&e.find(f).trigger("focus"),d.trigger("click");var h=" li:not(.disabled):visible a",i=e.find(".dropdown-menu"+h);if(i.length){var j=i.index(c.target);38==c.which&&j>0&&j--,40==c.which&&jdocument.documentElement.clientHeight;this.$element.css({paddingLeft:!this.bodyIsOverflowing&&a?this.scrollbarWidth:"",paddingRight:this.bodyIsOverflowing&&!a?this.scrollbarWidth:""})},c.prototype.resetAdjustments=function(){this.$element.css({paddingLeft:"",paddingRight:""})},c.prototype.checkScrollbar=function(){var a=window.innerWidth;if(!a){var b=document.documentElement.getBoundingClientRect();a=b.right-Math.abs(b.left)}this.bodyIsOverflowing=document.body.clientWidth',trigger:"hover focus",title:"",delay:0,html:!1,container:!1,viewport:{selector:"body",padding:0}},c.prototype.init=function(b,c,d){if(this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d),this.$viewport=this.options.viewport&&a(a.isFunction(this.options.viewport)?this.options.viewport.call(this,this.$element):this.options.viewport.selector||this.options.viewport),this.inState={click:!1,hover:!1,focus:!1},this.$element[0]instanceof document.constructor&&!this.options.selector)throw new Error("`selector` option must be specified when initializing "+this.type+" on the window.document object!");for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focusin",i="hover"==g?"mouseleave":"focusout";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},c.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},c.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);return c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),b instanceof a.Event&&(c.inState["focusin"==b.type?"focus":"hover"]=!0),c.tip().hasClass("in")||"in"==c.hoverState?void(c.hoverState="in"):(clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?void(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show)):c.show())},c.prototype.isInStateTrue=function(){for(var a in this.inState)if(this.inState[a])return!0;return!1},c.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);if(c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),b instanceof a.Event&&(c.inState["focusout"==b.type?"focus":"hover"]=!1),!c.isInStateTrue())return clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?void(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide)):c.hide()},c.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(b);var d=a.contains(this.$element[0].ownerDocument.documentElement,this.$element[0]);if(b.isDefaultPrevented()||!d)return;var e=this,f=this.tip(),g=this.getUID(this.type);this.setContent(),f.attr("id",g),this.$element.attr("aria-describedby",g),this.options.animation&&f.addClass("fade");var h="function"==typeof this.options.placement?this.options.placement.call(this,f[0],this.$element[0]):this.options.placement,i=/\s?auto?\s?/i,j=i.test(h);j&&(h=h.replace(i,"")||"top"),f.detach().css({top:0,left:0,display:"block"}).addClass(h).data("bs."+this.type,this),this.options.container?f.appendTo(this.options.container):f.insertAfter(this.$element),this.$element.trigger("inserted.bs."+this.type);var k=this.getPosition(),l=f[0].offsetWidth,m=f[0].offsetHeight;if(j){var n=h,o=this.getPosition(this.$viewport);h="bottom"==h&&k.bottom+m>o.bottom?"top":"top"==h&&k.top-mo.width?"left":"left"==h&&k.left-lg.top+g.height&&(e.top=g.top+g.height-i)}else{var j=b.left-f,k=b.left+f+c;jg.right&&(e.left=g.left+g.width-k)}return e},c.prototype.getTitle=function(){var a,b=this.$element,c=this.options;return a=b.attr("data-original-title")||("function"==typeof c.title?c.title.call(b[0]):c.title)},c.prototype.getUID=function(a){do a+=~~(1e6*Math.random());while(document.getElementById(a));return a},c.prototype.tip=function(){if(!this.$tip&&(this.$tip=a(this.options.template),1!=this.$tip.length))throw new Error(this.type+" `template` option must consist of exactly 1 top-level element!");return this.$tip},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},c.prototype.enable=function(){this.enabled=!0},c.prototype.disable=function(){this.enabled=!1},c.prototype.toggleEnabled=function(){this.enabled=!this.enabled},c.prototype.toggle=function(b){var c=this;b&&(c=a(b.currentTarget).data("bs."+this.type),c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c))),b?(c.inState.click=!c.inState.click,c.isInStateTrue()?c.enter(c):c.leave(c)):c.tip().hasClass("in")?c.leave(c):c.enter(c)},c.prototype.destroy=function(){var a=this;clearTimeout(this.timeout),this.hide(function(){a.$element.off("."+a.type).removeData("bs."+a.type),a.$tip&&a.$tip.detach(),a.$tip=null,a.$arrow=null,a.$viewport=null,a.$element=null})};var d=a.fn.tooltip;a.fn.tooltip=b,a.fn.tooltip.Constructor=c,a.fn.tooltip.noConflict=function(){return a.fn.tooltip=d,this}}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof b&&b;!e&&/destroy|hide/.test(b)||(e||d.data("bs.popover",e=new c(this,f)),"string"==typeof b&&e[b]())})}var c=function(a,b){this.init("popover",a,b)};if(!a.fn.tooltip)throw new Error("Popover requires tooltip.js");c.VERSION="3.3.7",c.DEFAULTS=a.extend({},a.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:''}),c.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),c.prototype.constructor=c,c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content").children().detach().end()[this.options.html?"string"==typeof c?"html":"append":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},c.prototype.hasContent=function(){return this.getTitle()||this.getContent()},c.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")};var d=a.fn.popover;a.fn.popover=b,a.fn.popover.Constructor=c,a.fn.popover.noConflict=function(){return a.fn.popover=d,this}}(jQuery),+function(a){"use strict";function b(c,d){this.$body=a(document.body),this.$scrollElement=a(a(c).is(document.body)?window:c),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||"")+" .nav li > a",this.offsets=[],this.targets=[],this.activeTarget=null,this.scrollHeight=0,this.$scrollElement.on("scroll.bs.scrollspy",a.proxy(this.process,this)),this.refresh(),this.process()}function c(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})}b.VERSION="3.3.7",b.DEFAULTS={offset:10},b.prototype.getScrollHeight=function(){return this.$scrollElement[0].scrollHeight||Math.max(this.$body[0].scrollHeight,document.documentElement.scrollHeight)},b.prototype.refresh=function(){var b=this,c="offset",d=0;this.offsets=[],this.targets=[],this.scrollHeight=this.getScrollHeight(),a.isWindow(this.$scrollElement[0])||(c="position",d=this.$scrollElement.scrollTop()),this.$body.find(this.selector).map(function(){var b=a(this),e=b.data("target")||b.attr("href"),f=/^#./.test(e)&&a(e);return f&&f.length&&f.is(":visible")&&[[f[c]().top+d,e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){b.offsets.push(this[0]),b.targets.push(this[1])})},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.getScrollHeight(),d=this.options.offset+c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(this.scrollHeight!=c&&this.refresh(),b>=d)return g!=(a=f[f.length-1])&&this.activate(a);if(g&&b=e[a]&&(void 0===e[a+1]||b .dropdown-menu > .active").removeClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!1),b.addClass("active").find('[data-toggle="tab"]').attr("aria-expanded",!0),h?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu").length&&b.closest("li.dropdown").addClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!0),e&&e()}var g=d.find("> .active"),h=e&&a.support.transition&&(g.length&&g.hasClass("fade")||!!d.find("> .fade").length);g.length&&h?g.one("bsTransitionEnd",f).emulateTransitionEnd(c.TRANSITION_DURATION):f(),g.removeClass("in")};var d=a.fn.tab;a.fn.tab=b,a.fn.tab.Constructor=c,a.fn.tab.noConflict=function(){return a.fn.tab=d,this};var e=function(c){c.preventDefault(),b.call(a(this),"show")};a(document).on("click.bs.tab.data-api",'[data-toggle="tab"]',e).on("click.bs.tab.data-api",'[data-toggle="pill"]',e)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof b&&b;e||d.data("bs.affix",e=new c(this,f)),"string"==typeof b&&e[b]()})}var c=function(b,d){this.options=a.extend({},c.DEFAULTS,d),this.$target=a(this.options.target).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(b),this.affixed=null,this.unpin=null,this.pinnedOffset=null,this.checkPosition()};c.VERSION="3.3.7",c.RESET="affix affix-top affix-bottom",c.DEFAULTS={offset:0,target:window},c.prototype.getState=function(a,b,c,d){var e=this.$target.scrollTop(),f=this.$element.offset(),g=this.$target.height();if(null!=c&&"top"==this.affixed)return e=a-d&&"bottom"},c.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(c.RESET).addClass("affix");var a=this.$target.scrollTop(),b=this.$element.offset();return this.pinnedOffset=b.top-a},c.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},c.prototype.checkPosition=function(){if(this.$element.is(":visible")){var b=this.$element.height(),d=this.options.offset,e=d.top,f=d.bottom,g=Math.max(a(document).height(),a(document.body).height());"object"!=typeof d&&(f=e=d),"function"==typeof e&&(e=d.top(this.$element)),"function"==typeof f&&(f=d.bottom(this.$element));var h=this.getState(g,b,e,f);if(this.affixed!=h){null!=this.unpin&&this.$element.css("top","");var i="affix"+(h?"-"+h:""),j=a.Event(i+".bs.affix");if(this.$element.trigger(j),j.isDefaultPrevented())return;this.affixed=h,this.unpin="bottom"==h?this.getPinnedOffset():null,this.$element.removeClass(c.RESET).addClass(i).trigger(i.replace("affix","affixed")+".bs.affix")}"bottom"==h&&this.$element.offset({top:g-b-f})}};var d=a.fn.affix;a.fn.affix=b,a.fn.affix.Constructor=c,a.fn.affix.noConflict=function(){return a.fn.affix=d,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var c=a(this),d=c.data();d.offset=d.offset||{},null!=d.offsetBottom&&(d.offset.bottom=d.offsetBottom),null!=d.offsetTop&&(d.offset.top=d.offsetTop),b.call(c,d)})})}(jQuery);
--------------------------------------------------------------------------------
/lib/handlebars.min.js:
--------------------------------------------------------------------------------
1 | /**!
2 |
3 | @license
4 | handlebars v4.7.6
5 |
6 | Copyright (C) 2011-2019 by Yehuda Katz
7 |
8 | Permission is hereby granted, free of charge, to any person obtaining a copy
9 | of this software and associated documentation files (the "Software"), to deal
10 | in the Software without restriction, including without limitation the rights
11 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
12 | copies of the Software, and to permit persons to whom the Software is
13 | furnished to do so, subject to the following conditions:
14 |
15 | The above copyright notice and this permission notice shall be included in
16 | all copies or substantial portions of the Software.
17 |
18 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
19 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
20 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
21 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
22 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
23 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
24 | THE SOFTWARE.
25 |
26 | */
27 | !function(a,b){"object"==typeof exports&&"object"==typeof module?module.exports=b():"function"==typeof define&&define.amd?define([],b):"object"==typeof exports?exports.Handlebars=b():a.Handlebars=b()}(this,function(){return function(a){function b(d){if(c[d])return c[d].exports;var e=c[d]={exports:{},id:d,loaded:!1};return a[d].call(e.exports,e,e.exports,b),e.loaded=!0,e.exports}var c={};return b.m=a,b.c=c,b.p="",b(0)}([function(a,b,c){"use strict";function d(){var a=r();return a.compile=function(b,c){return k.compile(b,c,a)},a.precompile=function(b,c){return k.precompile(b,c,a)},a.AST=i["default"],a.Compiler=k.Compiler,a.JavaScriptCompiler=m["default"],a.Parser=j.parser,a.parse=j.parse,a.parseWithoutProcessing=j.parseWithoutProcessing,a}var e=c(1)["default"];b.__esModule=!0;var f=c(2),g=e(f),h=c(45),i=e(h),j=c(46),k=c(51),l=c(52),m=e(l),n=c(49),o=e(n),p=c(44),q=e(p),r=g["default"].create,s=d();s.create=d,q["default"](s),s.Visitor=o["default"],s["default"]=s,b["default"]=s,a.exports=b["default"]},function(a,b){"use strict";b["default"]=function(a){return a&&a.__esModule?a:{"default":a}},b.__esModule=!0},function(a,b,c){"use strict";function d(){var a=new h.HandlebarsEnvironment;return n.extend(a,h),a.SafeString=j["default"],a.Exception=l["default"],a.Utils=n,a.escapeExpression=n.escapeExpression,a.VM=p,a.template=function(b){return p.template(b,a)},a}var e=c(3)["default"],f=c(1)["default"];b.__esModule=!0;var g=c(4),h=e(g),i=c(37),j=f(i),k=c(6),l=f(k),m=c(5),n=e(m),o=c(38),p=e(o),q=c(44),r=f(q),s=d();s.create=d,r["default"](s),s["default"]=s,b["default"]=s,a.exports=b["default"]},function(a,b){"use strict";b["default"]=function(a){if(a&&a.__esModule)return a;var b={};if(null!=a)for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(b[c]=a[c]);return b["default"]=a,b},b.__esModule=!0},function(a,b,c){"use strict";function d(a,b,c){this.helpers=a||{},this.partials=b||{},this.decorators=c||{},i.registerDefaultHelpers(this),j.registerDefaultDecorators(this)}var e=c(1)["default"];b.__esModule=!0,b.HandlebarsEnvironment=d;var f=c(5),g=c(6),h=e(g),i=c(10),j=c(30),k=c(32),l=e(k),m=c(33),n="4.7.6";b.VERSION=n;var o=8;b.COMPILER_REVISION=o;var p=7;b.LAST_COMPATIBLE_COMPILER_REVISION=p;var q={1:"<= 1.0.rc.2",2:"== 1.0.0-rc.3",3:"== 1.0.0-rc.4",4:"== 1.x.x",5:"== 2.0.0-alpha.x",6:">= 2.0.0-beta.1",7:">= 4.0.0 <4.3.0",8:">= 4.3.0"};b.REVISION_CHANGES=q;var r="[object Object]";d.prototype={constructor:d,logger:l["default"],log:l["default"].log,registerHelper:function(a,b){if(f.toString.call(a)===r){if(b)throw new h["default"]("Arg not supported with multiple helpers");f.extend(this.helpers,a)}else this.helpers[a]=b},unregisterHelper:function(a){delete this.helpers[a]},registerPartial:function(a,b){if(f.toString.call(a)===r)f.extend(this.partials,a);else{if("undefined"==typeof b)throw new h["default"]('Attempting to register a partial called "'+a+'" as undefined');this.partials[a]=b}},unregisterPartial:function(a){delete this.partials[a]},registerDecorator:function(a,b){if(f.toString.call(a)===r){if(b)throw new h["default"]("Arg not supported with multiple decorators");f.extend(this.decorators,a)}else this.decorators[a]=b},unregisterDecorator:function(a){delete this.decorators[a]},resetLoggedPropertyAccesses:function(){m.resetLoggedProperties()}};var s=l["default"].log;b.log=s,b.createFrame=f.createFrame,b.logger=l["default"]},function(a,b){"use strict";function c(a){return k[a]}function d(a){for(var b=1;b":">",'"':""","'":"'","`":"`","=":"="},l=/[&<>"'`=]/g,m=/[&<>"'`=]/,n=Object.prototype.toString;b.toString=n;var o=function(a){return"function"==typeof a};o(/x/)&&(b.isFunction=o=function(a){return"function"==typeof a&&"[object Function]"===n.call(a)}),b.isFunction=o;var p=Array.isArray||function(a){return!(!a||"object"!=typeof a)&&"[object Array]"===n.call(a)};b.isArray=p},function(a,b,c){"use strict";function d(a,b){var c=b&&b.loc,g=void 0,h=void 0,i=void 0,j=void 0;c&&(g=c.start.line,h=c.end.line,i=c.start.column,j=c.end.column,a+=" - "+g+":"+i);for(var k=Error.prototype.constructor.call(this,a),l=0;l0?(c.ids&&(c.ids=[c.name]),a.helpers.each(b,c)):e(this);if(c.data&&c.ids){var g=d.createFrame(c.data);g.contextPath=d.appendContextPath(c.data.contextPath,c.name),c={data:g}}return f(b,c)})},a.exports=b["default"]},function(a,b,c){(function(d){"use strict";var e=c(13)["default"],f=c(1)["default"];b.__esModule=!0;var g=c(5),h=c(6),i=f(h);b["default"]=function(a){a.registerHelper("each",function(a,b){function c(b,c,d){l&&(l.key=b,l.index=c,l.first=0===c,l.last=!!d,m&&(l.contextPath=m+b)),k+=f(a[b],{data:l,blockParams:g.blockParams([a[b],b],[m+b,null])})}if(!b)throw new i["default"]("Must pass iterator to #each");var f=b.fn,h=b.inverse,j=0,k="",l=void 0,m=void 0;if(b.data&&b.ids&&(m=g.appendContextPath(b.data.contextPath,b.ids[0])+"."),g.isFunction(a)&&(a=a.call(this)),b.data&&(l=g.createFrame(b.data)),a&&"object"==typeof a)if(g.isArray(a))for(var n=a.length;j=0?b:parseInt(a,10)}return a},log:function(a){if(a=e.lookupLevel(a),"undefined"!=typeof console&&e.lookupLevel(e.level)<=a){var b=e.methodMap[a];console[b]||(b="log");for(var c=arguments.length,d=Array(c>1?c-1:0),f=1;f=v.LAST_COMPATIBLE_COMPILER_REVISION&&b<=v.COMPILER_REVISION)){if(b2&&v.push("'"+this.terminals_[s]+"'");x=this.lexer.showPosition?"Parse error on line "+(i+1)+":\n"+this.lexer.showPosition()+"\nExpecting "+v.join(", ")+", got '"+(this.terminals_[n]||n)+"'":"Parse error on line "+(i+1)+": Unexpected "+(1==n?"end of input":"'"+(this.terminals_[n]||n)+"'"),this.parseError(x,{text:this.lexer.match,token:this.terminals_[n]||n,line:this.lexer.yylineno,loc:l,expected:v})}}if(q[0]instanceof Array&&q.length>1)throw new Error("Parse Error: multiple actions possible at state: "+p+", token: "+n);switch(q[0]){case 1:d.push(n),e.push(this.lexer.yytext),f.push(this.lexer.yylloc),d.push(q[1]),n=null,o?(n=o,o=null):(j=this.lexer.yyleng,h=this.lexer.yytext,i=this.lexer.yylineno,l=this.lexer.yylloc,k>0&&k--);break;case 2:if(t=this.productions_[q[1]][1],w.$=e[e.length-t],w._$={first_line:f[f.length-(t||1)].first_line,last_line:f[f.length-1].last_line,first_column:f[f.length-(t||1)].first_column,last_column:f[f.length-1].last_column},m&&(w._$.range=[f[f.length-(t||1)].range[0],f[f.length-1].range[1]]),r=this.performAction.call(w,h,j,i,this.yy,q[1],e,f),"undefined"!=typeof r)return r;t&&(d=d.slice(0,-1*t*2),e=e.slice(0,-1*t),f=f.slice(0,-1*t)),d.push(this.productions_[q[1]][0]),e.push(w.$),f.push(w._$),u=g[d[d.length-2]][d[d.length-1]],d.push(u);break;case 3:return!0}}return!0}},c=function(){var a={EOF:1,parseError:function(a,b){if(!this.yy.parser)throw new Error(a);this.yy.parser.parseError(a,b)},setInput:function(a){return this._input=a,this._more=this._less=this.done=!1,this.yylineno=this.yyleng=0,this.yytext=this.matched=this.match="",this.conditionStack=["INITIAL"],this.yylloc={first_line:1,first_column:0,last_line:1,last_column:0},this.options.ranges&&(this.yylloc.range=[0,0]),this.offset=0,this},input:function(){var a=this._input[0];this.yytext+=a,this.yyleng++,this.offset++,this.match+=a,this.matched+=a;var b=a.match(/(?:\r\n?|\n).*/g);return b?(this.yylineno++,this.yylloc.last_line++):this.yylloc.last_column++,this.options.ranges&&this.yylloc.range[1]++,this._input=this._input.slice(1),a},unput:function(a){var b=a.length,c=a.split(/(?:\r\n?|\n)/g);this._input=a+this._input,this.yytext=this.yytext.substr(0,this.yytext.length-b-1),this.offset-=b;var d=this.match.split(/(?:\r\n?|\n)/g);this.match=this.match.substr(0,this.match.length-1),this.matched=this.matched.substr(0,this.matched.length-1),c.length-1&&(this.yylineno-=c.length-1);var e=this.yylloc.range;return this.yylloc={first_line:this.yylloc.first_line,last_line:this.yylineno+1,first_column:this.yylloc.first_column,last_column:c?(c.length===d.length?this.yylloc.first_column:0)+d[d.length-c.length].length-c[0].length:this.yylloc.first_column-b},this.options.ranges&&(this.yylloc.range=[e[0],e[0]+this.yyleng-b]),this},more:function(){return this._more=!0,this},less:function(a){this.unput(this.match.slice(a))},pastInput:function(){var a=this.matched.substr(0,this.matched.length-this.match.length);return(a.length>20?"...":"")+a.substr(-20).replace(/\n/g,"")},upcomingInput:function(){var a=this.match;return a.length<20&&(a+=this._input.substr(0,20-a.length)),(a.substr(0,20)+(a.length>20?"...":"")).replace(/\n/g,"")},showPosition:function(){var a=this.pastInput(),b=new Array(a.length+1).join("-");return a+this.upcomingInput()+"\n"+b+"^"},next:function(){if(this.done)return this.EOF;this._input||(this.done=!0);var a,b,c,d,e;this._more||(this.yytext="",this.match="");for(var f=this._currentRules(),g=0;gb[0].length)||(b=c,d=g,this.options.flex));g++);return b?(e=b[0].match(/(?:\r\n?|\n).*/g),e&&(this.yylineno+=e.length),this.yylloc={first_line:this.yylloc.last_line,last_line:this.yylineno+1,first_column:this.yylloc.last_column,last_column:e?e[e.length-1].length-e[e.length-1].match(/\r?\n?/)[0].length:this.yylloc.last_column+b[0].length},this.yytext+=b[0],this.match+=b[0],this.matches=b,this.yyleng=this.yytext.length,this.options.ranges&&(this.yylloc.range=[this.offset,this.offset+=this.yyleng]),this._more=!1,this._input=this._input.slice(b[0].length),this.matched+=b[0],a=this.performAction.call(this,this.yy,this,f[d],this.conditionStack[this.conditionStack.length-1]),this.done&&this._input&&(this.done=!1),a?a:void 0):""===this._input?this.EOF:this.parseError("Lexical error on line "+(this.yylineno+1)+". Unrecognized text.\n"+this.showPosition(),{text:"",token:null,line:this.yylineno})},lex:function(){var a=this.next();return"undefined"!=typeof a?a:this.lex()},begin:function(a){this.conditionStack.push(a)},popState:function(){return this.conditionStack.pop()},_currentRules:function(){return this.conditions[this.conditionStack[this.conditionStack.length-1]].rules},topState:function(){return this.conditionStack[this.conditionStack.length-2]},pushState:function(a){this.begin(a)}};return a.options={},a.performAction=function(a,b,c,d){function e(a,c){return b.yytext=b.yytext.substring(a,b.yyleng-c+a)}switch(c){case 0:if("\\\\"===b.yytext.slice(-2)?(e(0,1),this.begin("mu")):"\\"===b.yytext.slice(-1)?(e(0,1),this.begin("emu")):this.begin("mu"),b.yytext)return 15;break;case 1:return 15;case 2:return this.popState(),15;case 3:return this.begin("raw"),15;case 4:return this.popState(),"raw"===this.conditionStack[this.conditionStack.length-1]?15:(e(5,9),"END_RAW_BLOCK");case 5:return 15;case 6:return this.popState(),14;case 7:return 65;case 8:return 68;case 9:return 19;case 10:return this.popState(),this.begin("raw"),23;case 11:return 55;case 12:return 60;case 13:return 29;case 14:return 47;case 15:return this.popState(),44;case 16:return this.popState(),44;case 17:return 34;case 18:return 39;case 19:return 51;case 20:return 48;case 21:this.unput(b.yytext),this.popState(),this.begin("com");break;case 22:return this.popState(),14;case 23:return 48;case 24:return 73;case 25:return 72;case 26:return 72;case 27:return 87;case 28:break;case 29:return this.popState(),54;case 30:return this.popState(),33;case 31:return b.yytext=e(1,2).replace(/\\"/g,'"'),80;case 32:return b.yytext=e(1,2).replace(/\\'/g,"'"),80;case 33:return 85;case 34:return 82;case 35:return 82;case 36:return 83;case 37:return 84;case 38:return 81;case 39:return 75;case 40:return 77;case 41:return 72;case 42:return b.yytext=b.yytext.replace(/\\([\\\]])/g,"$1"),72;case 43:return"INVALID";case 44:return 5}},a.rules=[/^(?:[^\x00]*?(?=(\{\{)))/,/^(?:[^\x00]+)/,/^(?:[^\x00]{2,}?(?=(\{\{|\\\{\{|\\\\\{\{|$)))/,/^(?:\{\{\{\{(?=[^\/]))/,/^(?:\{\{\{\{\/[^\s!"#%-,\.\/;->@\[-\^`\{-~]+(?=[=}\s\/.])\}\}\}\})/,/^(?:[^\x00]+?(?=(\{\{\{\{)))/,/^(?:[\s\S]*?--(~)?\}\})/,/^(?:\()/,/^(?:\))/,/^(?:\{\{\{\{)/,/^(?:\}\}\}\})/,/^(?:\{\{(~)?>)/,/^(?:\{\{(~)?#>)/,/^(?:\{\{(~)?#\*?)/,/^(?:\{\{(~)?\/)/,/^(?:\{\{(~)?\^\s*(~)?\}\})/,/^(?:\{\{(~)?\s*else\s*(~)?\}\})/,/^(?:\{\{(~)?\^)/,/^(?:\{\{(~)?\s*else\b)/,/^(?:\{\{(~)?\{)/,/^(?:\{\{(~)?&)/,/^(?:\{\{(~)?!--)/,/^(?:\{\{(~)?![\s\S]*?\}\})/,/^(?:\{\{(~)?\*?)/,/^(?:=)/,/^(?:\.\.)/,/^(?:\.(?=([=~}\s\/.)|])))/,/^(?:[\/.])/,/^(?:\s+)/,/^(?:\}(~)?\}\})/,/^(?:(~)?\}\})/,/^(?:"(\\["]|[^"])*")/,/^(?:'(\\[']|[^'])*')/,/^(?:@)/,/^(?:true(?=([~}\s)])))/,/^(?:false(?=([~}\s)])))/,/^(?:undefined(?=([~}\s)])))/,/^(?:null(?=([~}\s)])))/,/^(?:-?[0-9]+(?:\.[0-9]+)?(?=([~}\s)])))/,/^(?:as\s+\|)/,/^(?:\|)/,/^(?:([^\s!"#%-,\.\/;->@\[-\^`\{-~]+(?=([=~}\s\/.)|]))))/,/^(?:\[(\\\]|[^\]])*\])/,/^(?:.)/,/^(?:$)/],a.conditions={mu:{rules:[7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44],inclusive:!1},emu:{rules:[2],inclusive:!1},com:{rules:[6],inclusive:!1},raw:{rules:[3,4,5],inclusive:!1},INITIAL:{rules:[0,1,44],inclusive:!0}},a}();return b.lexer=c,a.prototype=b,b.Parser=a,new a}();b["default"]=c,a.exports=b["default"]},function(a,b,c){"use strict";function d(){var a=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];this.options=a}function e(a,b,c){void 0===b&&(b=a.length);var d=a[b-1],e=a[b-2];return d?"ContentStatement"===d.type?(e||!c?/\r?\n\s*?$/:/(^|\r?\n)\s*?$/).test(d.original):void 0:c}function f(a,b,c){void 0===b&&(b=-1);var d=a[b+1],e=a[b+2];return d?"ContentStatement"===d.type?(e||!c?/^\s*?\r?\n/:/^\s*?(\r?\n|$)/).test(d.original):void 0:c}function g(a,b,c){var d=a[null==b?0:b+1];if(d&&"ContentStatement"===d.type&&(c||!d.rightStripped)){var e=d.value;d.value=d.value.replace(c?/^\s+/:/^[ \t]*\r?\n?/,""),d.rightStripped=d.value!==e}}function h(a,b,c){var d=a[null==b?a.length-1:b-1];if(d&&"ContentStatement"===d.type&&(c||!d.leftStripped)){var e=d.value;return d.value=d.value.replace(c?/\s+$/:/[ \t]+$/,""),d.leftStripped=d.value!==e,d.leftStripped}}var i=c(1)["default"];b.__esModule=!0;var j=c(49),k=i(j);d.prototype=new k["default"],d.prototype.Program=function(a){var b=!this.options.ignoreStandalone,c=!this.isRootSeen;this.isRootSeen=!0;for(var d=a.body,i=0,j=d.length;i0)throw new q["default"]("Invalid path: "+d,{loc:c});".."===i&&f++}}return{type:"PathExpression",data:a,depth:f,parts:e,original:d,loc:c}}function j(a,b,c,d,e,f){var g=d.charAt(3)||d.charAt(2),h="{"!==g&&"&"!==g,i=/\*/.test(d);return{type:i?"Decorator":"MustacheStatement",path:a,params:b,hash:c,escaped:h,strip:e,loc:this.locInfo(f)}}function k(a,b,c,e){d(a,c),e=this.locInfo(e);var f={type:"Program",body:b,strip:{},loc:e};return{type:"BlockStatement",path:a.path,params:a.params,hash:a.hash,program:f,openStrip:{},inverseStrip:{},closeStrip:{},loc:e}}function l(a,b,c,e,f,g){e&&e.path&&d(a,e);var h=/\*/.test(a.open);b.blockParams=a.blockParams;var i=void 0,j=void 0;if(c){if(h)throw new q["default"]("Unexpected inverse block on decorator",c);c.chain&&(c.program.body[0].closeStrip=e.strip),j=c.strip,i=c.program}return f&&(f=i,i=b,b=f),{type:h?"DecoratorBlock":"BlockStatement",path:a.path,params:a.params,hash:a.hash,program:b,inverse:i,openStrip:a.strip,inverseStrip:j,closeStrip:e&&e.strip,loc:this.locInfo(g)}}function m(a,b){if(!b&&a.length){var c=a[0].loc,d=a[a.length-1].loc;c&&d&&(b={source:c.source,start:{line:c.start.line,column:c.start.column},end:{line:d.end.line,column:d.end.column}})}return{type:"Program",body:a,strip:{},loc:b}}function n(a,b,c,e){return d(a,c),{type:"PartialBlockStatement",name:a.path,params:a.params,hash:a.hash,program:b,openStrip:a.strip,closeStrip:c&&c.strip,loc:this.locInfo(e)}}var o=c(1)["default"];b.__esModule=!0,b.SourceLocation=e,b.id=f,b.stripFlags=g,b.stripComment=h,b.preparePath=i,b.prepareMustache=j,b.prepareRawBlock=k,b.prepareBlock=l,b.prepareProgram=m,b.preparePartialBlock=n;var p=c(6),q=o(p)},function(a,b,c){"use strict";function d(){}function e(a,b,c){if(null==a||"string"!=typeof a&&"Program"!==a.type)throw new l["default"]("You must pass a string or Handlebars AST to Handlebars.precompile. You passed "+a);b=b||{},"data"in b||(b.data=!0),b.compat&&(b.useDepths=!0);var d=c.parse(a,b),e=(new c.Compiler).compile(d,b);return(new c.JavaScriptCompiler).compile(e,b)}function f(a,b,c){function d(){var d=c.parse(a,b),e=(new c.Compiler).compile(d,b),f=(new c.JavaScriptCompiler).compile(e,b,void 0,!0);return c.template(f)}function e(a,b){return f||(f=d()),f.call(this,a,b)}if(void 0===b&&(b={}),null==a||"string"!=typeof a&&"Program"!==a.type)throw new l["default"]("You must pass a string or Handlebars AST to Handlebars.compile. You passed "+a);b=m.extend({},b),"data"in b||(b.data=!0),b.compat&&(b.useDepths=!0);var f=void 0;return e._setup=function(a){return f||(f=d()),f._setup(a)},e._child=function(a,b,c,e){return f||(f=d()),f._child(a,b,c,e)},e}function g(a,b){if(a===b)return!0;if(m.isArray(a)&&m.isArray(b)&&a.length===b.length){for(var c=0;c1)throw new l["default"]("Unsupported number of partial arguments: "+c.length,a);c.length||(this.options.explicitPartialContext?this.opcode("pushLiteral","undefined"):c.push({type:"PathExpression",parts:[],depth:0}));var d=a.name.original,e="SubExpression"===a.name.type;e&&this.accept(a.name),this.setupFullMustacheParams(a,b,void 0,!0);var f=a.indent||"";this.options.preventIndent&&f&&(this.opcode("appendContent",f),f=""),this.opcode("invokePartial",e,d,f),this.opcode("append")},PartialBlockStatement:function(a){this.PartialStatement(a)},MustacheStatement:function(a){this.SubExpression(a),a.escaped&&!this.options.noEscape?this.opcode("appendEscaped"):this.opcode("append")},Decorator:function(a){this.DecoratorBlock(a)},ContentStatement:function(a){a.value&&this.opcode("appendContent",a.value)},CommentStatement:function(){},SubExpression:function(a){h(a);var b=this.classifySexpr(a);"simple"===b?this.simpleSexpr(a):"helper"===b?this.helperSexpr(a):this.ambiguousSexpr(a)},ambiguousSexpr:function(a,b,c){var d=a.path,e=d.parts[0],f=null!=b||null!=c;this.opcode("getContext",d.depth),this.opcode("pushProgram",b),this.opcode("pushProgram",c),d.strict=!0,this.accept(d),this.opcode("invokeAmbiguous",e,f)},simpleSexpr:function(a){var b=a.path;b.strict=!0,this.accept(b),this.opcode("resolvePossibleLambda")},helperSexpr:function(a,b,c){var d=this.setupFullMustacheParams(a,b,c),e=a.path,f=e.parts[0];if(this.options.knownHelpers[f])this.opcode("invokeKnownHelper",d.length,f);else{if(this.options.knownHelpersOnly)throw new l["default"]("You specified knownHelpersOnly, but used the unknown helper "+f,a);e.strict=!0,e.falsy=!0,this.accept(e),this.opcode("invokeHelper",d.length,e.original,o["default"].helpers.simpleId(e))}},PathExpression:function(a){this.addDepth(a.depth),this.opcode("getContext",a.depth);var b=a.parts[0],c=o["default"].helpers.scopedId(a),d=!a.depth&&!c&&this.blockParamIndex(b);d?this.opcode("lookupBlockParam",d,a.parts):b?a.data?(this.options.data=!0,this.opcode("lookupData",a.depth,a.parts,a.strict)):this.opcode("lookupOnContext",a.parts,a.falsy,a.strict,c):this.opcode("pushContext")},StringLiteral:function(a){this.opcode("pushString",a.value)},NumberLiteral:function(a){this.opcode("pushLiteral",a.value)},BooleanLiteral:function(a){this.opcode("pushLiteral",a.value)},UndefinedLiteral:function(){this.opcode("pushLiteral","undefined")},NullLiteral:function(){this.opcode("pushLiteral","null")},Hash:function(a){var b=a.pairs,c=0,d=b.length;for(this.opcode("pushHash");c=0)return[b,e]}}}},function(a,b,c){"use strict";function d(a){this.value=a}function e(){}function f(a,b,c,d){var e=b.popStack(),f=0,g=c.length;for(a&&g--;f0&&(c+=", "+d.join(", "));var e=0;g(this.aliases).forEach(function(a){var d=b.aliases[a];d.children&&d.referenceCount>1&&(c+=", alias"+ ++e+"="+a,d.children[0]="alias"+e)}),this.lookupPropertyFunctionIsUsed&&(c+=", "+this.lookupPropertyFunctionVarDeclaration());var f=["container","depth0","helpers","partials","data"];(this.useBlockParams||this.useDepths)&&f.push("blockParams"),this.useDepths&&f.push("depths");var h=this.mergeSource(c);return a?(f.push(h),Function.apply(this,f)):this.source.wrap(["function(",f.join(","),") {\n ",h,"}"])},mergeSource:function(a){var b=this.environment.isSimple,c=!this.forceBuffer,d=void 0,e=void 0,f=void 0,g=void 0;return this.source.each(function(a){a.appendToBuffer?(f?a.prepend(" + "):f=a,g=a):(f&&(e?f.prepend("buffer += "):d=!0,g.add(";"),f=g=void 0),e=!0,b||(c=!1))}),c?f?(f.prepend("return "),g.add(";")):e||this.source.push('return "";'):(a+=", buffer = "+(d?"":this.initializeBuffer()),f?(f.prepend("return buffer + "),g.add(";")):this.source.push("return buffer;")),a&&this.source.prepend("var "+a.substring(2)+(d?"":";\n")),this.source.merge()},lookupPropertyFunctionVarDeclaration:function(){return"\n lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n }\n ".trim()},blockValue:function(a){var b=this.aliasable("container.hooks.blockHelperMissing"),c=[this.contextName(0)];this.setupHelperArgs(a,0,c);var d=this.popStack();c.splice(1,0,d),this.push(this.source.functionCall(b,"call",c))},ambiguousBlockValue:function(){var a=this.aliasable("container.hooks.blockHelperMissing"),b=[this.contextName(0)];this.setupHelperArgs("",0,b,!0),this.flushInline();var c=this.topStack();b.splice(1,0,c),this.pushSource(["if (!",this.lastHelper,") { ",c," = ",this.source.functionCall(a,"call",b),"}"])},appendContent:function(a){this.pendingContent?a=this.pendingContent+a:this.pendingLocation=this.source.currentLocation,this.pendingContent=a},append:function(){if(this.isInline())this.replaceStack(function(a){return[" != null ? ",a,' : ""']}),this.pushSource(this.appendToBuffer(this.popStack()));else{var a=this.popStack();this.pushSource(["if (",a," != null) { ",this.appendToBuffer(a,void 0,!0)," }"]),this.environment.isSimple&&this.pushSource(["else { ",this.appendToBuffer("''",void 0,!0)," }"])}},appendEscaped:function(){this.pushSource(this.appendToBuffer([this.aliasable("container.escapeExpression"),"(",this.popStack(),")"]))},getContext:function(a){this.lastContext=a},pushContext:function(){this.pushStackLiteral(this.contextName(this.lastContext))},lookupOnContext:function(a,b,c,d){var e=0;d||!this.options.compat||this.lastContext?this.pushContext():this.push(this.depthedLookup(a[e++])),this.resolvePath("context",a,e,b,c)},lookupBlockParam:function(a,b){this.useBlockParams=!0,this.push(["blockParams[",a[0],"][",a[1],"]"]),this.resolvePath("context",b,1)},lookupData:function(a,b,c){a?this.pushStackLiteral("container.data(data, "+a+")"):this.pushStackLiteral("data"),this.resolvePath("data",b,0,!0,c)},resolvePath:function(a,b,c,d,e){var g=this;if(this.options.strict||this.options.assumeObjects)return void this.push(f(this.options.strict&&e,this,b,a));for(var h=b.length;cthis.stackVars.length&&this.stackVars.push("stack"+this.stackSlot),this.topStackName()},topStackName:function(){return"stack"+this.stackSlot},flushInline:function(){var a=this.inlineStack;this.inlineStack=[];for(var b=0,c=a.length;b-1}var pJS=function(e,a){var t=document.querySelector("#"+e+" > .particles-js-canvas-el");this.pJS={canvas:{el:t,w:t.offsetWidth,h:t.offsetHeight},particles:{number:{value:400,density:{enable:!0,value_area:800}},color:{value:"#fff"},shape:{type:"circle",stroke:{width:0,color:"#ff0000"},polygon:{nb_sides:5},image:{src:"",width:100,height:100}},opacity:{value:1,random:!1,anim:{enable:!1,speed:2,opacity_min:0,sync:!1}},size:{value:20,random:!1,anim:{enable:!1,speed:20,size_min:0,sync:!1}},line_linked:{enable:!0,distance:100,color:"#fff",opacity:1,width:1},move:{enable:!0,speed:2,direction:"none",random:!1,straight:!1,out_mode:"out",bounce:!1,attract:{enable:!1,rotateX:3e3,rotateY:3e3}},array:[]},interactivity:{detect_on:"canvas",events:{onhover:{enable:!0,mode:"grab"},onclick:{enable:!0,mode:"push"},resize:!0},modes:{grab:{distance:100,line_linked:{opacity:1}},bubble:{distance:200,size:80,duration:.4},repulse:{distance:200,duration:.4},push:{particles_nb:4},remove:{particles_nb:2}},mouse:{}},retina_detect:!1,fn:{interact:{},modes:{},vendors:{}},tmp:{}};var i=this.pJS;a&&Object.deepExtend(i,a),i.tmp.obj={size_value:i.particles.size.value,size_anim_speed:i.particles.size.anim.speed,move_speed:i.particles.move.speed,line_linked_distance:i.particles.line_linked.distance,line_linked_width:i.particles.line_linked.width,mode_grab_distance:i.interactivity.modes.grab.distance,mode_bubble_distance:i.interactivity.modes.bubble.distance,mode_bubble_size:i.interactivity.modes.bubble.size,mode_repulse_distance:i.interactivity.modes.repulse.distance},i.fn.retinaInit=function(){i.retina_detect&&window.devicePixelRatio>1?(i.canvas.pxratio=window.devicePixelRatio,i.tmp.retina=!0):(i.canvas.pxratio=1,i.tmp.retina=!1),i.canvas.w=i.canvas.el.offsetWidth*i.canvas.pxratio,i.canvas.h=i.canvas.el.offsetHeight*i.canvas.pxratio,i.particles.size.value=i.tmp.obj.size_value*i.canvas.pxratio,i.particles.size.anim.speed=i.tmp.obj.size_anim_speed*i.canvas.pxratio,i.particles.move.speed=i.tmp.obj.move_speed*i.canvas.pxratio,i.particles.line_linked.distance=i.tmp.obj.line_linked_distance*i.canvas.pxratio,i.interactivity.modes.grab.distance=i.tmp.obj.mode_grab_distance*i.canvas.pxratio,i.interactivity.modes.bubble.distance=i.tmp.obj.mode_bubble_distance*i.canvas.pxratio,i.particles.line_linked.width=i.tmp.obj.line_linked_width*i.canvas.pxratio,i.interactivity.modes.bubble.size=i.tmp.obj.mode_bubble_size*i.canvas.pxratio,i.interactivity.modes.repulse.distance=i.tmp.obj.mode_repulse_distance*i.canvas.pxratio},i.fn.canvasInit=function(){i.canvas.ctx=i.canvas.el.getContext("2d")},i.fn.canvasSize=function(){i.canvas.el.width=i.canvas.w,i.canvas.el.height=i.canvas.h,i&&i.interactivity.events.resize&&window.addEventListener("resize",function(){i.canvas.w=i.canvas.el.offsetWidth,i.canvas.h=i.canvas.el.offsetHeight,i.tmp.retina&&(i.canvas.w*=i.canvas.pxratio,i.canvas.h*=i.canvas.pxratio),i.canvas.el.width=i.canvas.w,i.canvas.el.height=i.canvas.h,i.particles.move.enable||(i.fn.particlesEmpty(),i.fn.particlesCreate(),i.fn.particlesDraw(),i.fn.vendors.densityAutoParticles()),i.fn.vendors.densityAutoParticles()})},i.fn.canvasPaint=function(){i.canvas.ctx.fillRect(0,0,i.canvas.w,i.canvas.h)},i.fn.canvasClear=function(){i.canvas.ctx.clearRect(0,0,i.canvas.w,i.canvas.h)},i.fn.particle=function(e,a,t){if(this.radius=(i.particles.size.random?Math.random():1)*i.particles.size.value,i.particles.size.anim.enable&&(this.size_status=!1,this.vs=i.particles.size.anim.speed/100,i.particles.size.anim.sync||(this.vs=this.vs*Math.random())),this.x=t?t.x:Math.random()*i.canvas.w,this.y=t?t.y:Math.random()*i.canvas.h,this.x>i.canvas.w-2*this.radius?this.x=this.x-this.radius:this.x<2*this.radius&&(this.x=this.x+this.radius),this.y>i.canvas.h-2*this.radius?this.y=this.y-this.radius:this.y<2*this.radius&&(this.y=this.y+this.radius),i.particles.move.bounce&&i.fn.vendors.checkOverlap(this,t),this.color={},"object"==typeof e.value)if(e.value instanceof Array){var s=e.value[Math.floor(Math.random()*i.particles.color.value.length)];this.color.rgb=hexToRgb(s)}else void 0!=e.value.r&&void 0!=e.value.g&&void 0!=e.value.b&&(this.color.rgb={r:e.value.r,g:e.value.g,b:e.value.b}),void 0!=e.value.h&&void 0!=e.value.s&&void 0!=e.value.l&&(this.color.hsl={h:e.value.h,s:e.value.s,l:e.value.l});else"random"==e.value?this.color.rgb={r:Math.floor(256*Math.random())+0,g:Math.floor(256*Math.random())+0,b:Math.floor(256*Math.random())+0}:"string"==typeof e.value&&(this.color=e,this.color.rgb=hexToRgb(this.color.value));this.opacity=(i.particles.opacity.random?Math.random():1)*i.particles.opacity.value,i.particles.opacity.anim.enable&&(this.opacity_status=!1,this.vo=i.particles.opacity.anim.speed/100,i.particles.opacity.anim.sync||(this.vo=this.vo*Math.random()));var n={};switch(i.particles.move.direction){case"top":n={x:0,y:-1};break;case"top-right":n={x:.5,y:-.5};break;case"right":n={x:1,y:-0};break;case"bottom-right":n={x:.5,y:.5};break;case"bottom":n={x:0,y:1};break;case"bottom-left":n={x:-.5,y:1};break;case"left":n={x:-1,y:0};break;case"top-left":n={x:-.5,y:-.5};break;default:n={x:0,y:0}}i.particles.move.straight?(this.vx=n.x,this.vy=n.y,i.particles.move.random&&(this.vx=this.vx*Math.random(),this.vy=this.vy*Math.random())):(this.vx=n.x+Math.random()-.5,this.vy=n.y+Math.random()-.5),this.vx_i=this.vx,this.vy_i=this.vy;var r=i.particles.shape.type;if("object"==typeof r){if(r instanceof Array){var c=r[Math.floor(Math.random()*r.length)];this.shape=c}}else this.shape=r;if("image"==this.shape){var o=i.particles.shape;this.img={src:o.image.src,ratio:o.image.width/o.image.height},this.img.ratio||(this.img.ratio=1),"svg"==i.tmp.img_type&&void 0!=i.tmp.source_svg&&(i.fn.vendors.createSvgImg(this),i.tmp.pushing&&(this.img.loaded=!1))}},i.fn.particle.prototype.draw=function(){function e(){i.canvas.ctx.drawImage(r,a.x-t,a.y-t,2*t,2*t/a.img.ratio)}var a=this;if(void 0!=a.radius_bubble)var t=a.radius_bubble;else var t=a.radius;if(void 0!=a.opacity_bubble)var s=a.opacity_bubble;else var s=a.opacity;if(a.color.rgb)var n="rgba("+a.color.rgb.r+","+a.color.rgb.g+","+a.color.rgb.b+","+s+")";else var n="hsla("+a.color.hsl.h+","+a.color.hsl.s+"%,"+a.color.hsl.l+"%,"+s+")";switch(i.canvas.ctx.fillStyle=n,i.canvas.ctx.beginPath(),a.shape){case"circle":i.canvas.ctx.arc(a.x,a.y,t,0,2*Math.PI,!1);break;case"edge":i.canvas.ctx.rect(a.x-t,a.y-t,2*t,2*t);break;case"triangle":i.fn.vendors.drawShape(i.canvas.ctx,a.x-t,a.y+t/1.66,2*t,3,2);break;case"polygon":i.fn.vendors.drawShape(i.canvas.ctx,a.x-t/(i.particles.shape.polygon.nb_sides/3.5),a.y-t/.76,2.66*t/(i.particles.shape.polygon.nb_sides/3),i.particles.shape.polygon.nb_sides,1);break;case"star":i.fn.vendors.drawShape(i.canvas.ctx,a.x-2*t/(i.particles.shape.polygon.nb_sides/4),a.y-t/1.52,2*t*2.66/(i.particles.shape.polygon.nb_sides/3),i.particles.shape.polygon.nb_sides,2);break;case"image":if("svg"==i.tmp.img_type)var r=a.img.obj;else var r=i.tmp.img_obj;r&&e()}i.canvas.ctx.closePath(),i.particles.shape.stroke.width>0&&(i.canvas.ctx.strokeStyle=i.particles.shape.stroke.color,i.canvas.ctx.lineWidth=i.particles.shape.stroke.width,i.canvas.ctx.stroke()),i.canvas.ctx.fill()},i.fn.particlesCreate=function(){for(var e=0;e=i.particles.opacity.value&&(a.opacity_status=!1),a.opacity+=a.vo):(a.opacity<=i.particles.opacity.anim.opacity_min&&(a.opacity_status=!0),a.opacity-=a.vo),a.opacity<0&&(a.opacity=0)),i.particles.size.anim.enable&&(1==a.size_status?(a.radius>=i.particles.size.value&&(a.size_status=!1),a.radius+=a.vs):(a.radius<=i.particles.size.anim.size_min&&(a.size_status=!0),a.radius-=a.vs),a.radius<0&&(a.radius=0)),"bounce"==i.particles.move.out_mode)var s={x_left:a.radius,x_right:i.canvas.w,y_top:a.radius,y_bottom:i.canvas.h};else var s={x_left:-a.radius,x_right:i.canvas.w+a.radius,y_top:-a.radius,y_bottom:i.canvas.h+a.radius};switch(a.x-a.radius>i.canvas.w?(a.x=s.x_left,a.y=Math.random()*i.canvas.h):a.x+a.radius<0&&(a.x=s.x_right,a.y=Math.random()*i.canvas.h),a.y-a.radius>i.canvas.h?(a.y=s.y_top,a.x=Math.random()*i.canvas.w):a.y+a.radius<0&&(a.y=s.y_bottom,a.x=Math.random()*i.canvas.w),i.particles.move.out_mode){case"bounce":a.x+a.radius>i.canvas.w?a.vx=-a.vx:a.x-a.radius<0&&(a.vx=-a.vx),a.y+a.radius>i.canvas.h?a.vy=-a.vy:a.y-a.radius<0&&(a.vy=-a.vy)}if(isInArray("grab",i.interactivity.events.onhover.mode)&&i.fn.modes.grabParticle(a),(isInArray("bubble",i.interactivity.events.onhover.mode)||isInArray("bubble",i.interactivity.events.onclick.mode))&&i.fn.modes.bubbleParticle(a),(isInArray("repulse",i.interactivity.events.onhover.mode)||isInArray("repulse",i.interactivity.events.onclick.mode))&&i.fn.modes.repulseParticle(a),i.particles.line_linked.enable||i.particles.move.attract.enable)for(var n=e+1;n0){var c=i.particles.line_linked.color_rgb_line;i.canvas.ctx.strokeStyle="rgba("+c.r+","+c.g+","+c.b+","+r+")",i.canvas.ctx.lineWidth=i.particles.line_linked.width,i.canvas.ctx.beginPath(),i.canvas.ctx.moveTo(e.x,e.y),i.canvas.ctx.lineTo(a.x,a.y),i.canvas.ctx.stroke(),i.canvas.ctx.closePath()}}},i.fn.interact.attractParticles=function(e,a){var t=e.x-a.x,s=e.y-a.y,n=Math.sqrt(t*t+s*s);if(n<=i.particles.line_linked.distance){var r=t/(1e3*i.particles.move.attract.rotateX),c=s/(1e3*i.particles.move.attract.rotateY);e.vx-=r,e.vy-=c,a.vx+=r,a.vy+=c}},i.fn.interact.bounceParticles=function(e,a){var t=e.x-a.x,i=e.y-a.y,s=Math.sqrt(t*t+i*i),n=e.radius+a.radius;n>=s&&(e.vx=-e.vx,e.vy=-e.vy,a.vx=-a.vx,a.vy=-a.vy)},i.fn.modes.pushParticles=function(e,a){i.tmp.pushing=!0;for(var t=0;e>t;t++)i.particles.array.push(new i.fn.particle(i.particles.color,i.particles.opacity.value,{x:a?a.pos_x:Math.random()*i.canvas.w,y:a?a.pos_y:Math.random()*i.canvas.h})),t==e-1&&(i.particles.move.enable||i.fn.particlesDraw(),i.tmp.pushing=!1)},i.fn.modes.removeParticles=function(e){i.particles.array.splice(0,e),i.particles.move.enable||i.fn.particlesDraw()},i.fn.modes.bubbleParticle=function(e){function a(){e.opacity_bubble=e.opacity,e.radius_bubble=e.radius}function t(a,t,s,n,c){if(a!=t)if(i.tmp.bubble_duration_end){if(void 0!=s){var o=n-p*(n-a)/i.interactivity.modes.bubble.duration,l=a-o;d=a+l,"size"==c&&(e.radius_bubble=d),"opacity"==c&&(e.opacity_bubble=d)}}else if(r<=i.interactivity.modes.bubble.distance){if(void 0!=s)var v=s;else var v=n;if(v!=a){var d=n-p*(n-a)/i.interactivity.modes.bubble.duration;"size"==c&&(e.radius_bubble=d),"opacity"==c&&(e.opacity_bubble=d)}}else"size"==c&&(e.radius_bubble=void 0),"opacity"==c&&(e.opacity_bubble=void 0)}if(i.interactivity.events.onhover.enable&&isInArray("bubble",i.interactivity.events.onhover.mode)){var s=e.x-i.interactivity.mouse.pos_x,n=e.y-i.interactivity.mouse.pos_y,r=Math.sqrt(s*s+n*n),c=1-r/i.interactivity.modes.bubble.distance;if(r<=i.interactivity.modes.bubble.distance){if(c>=0&&"mousemove"==i.interactivity.status){if(i.interactivity.modes.bubble.size!=i.particles.size.value)if(i.interactivity.modes.bubble.size>i.particles.size.value){var o=e.radius+i.interactivity.modes.bubble.size*c;o>=0&&(e.radius_bubble=o)}else{var l=e.radius-i.interactivity.modes.bubble.size,o=e.radius-l*c;o>0?e.radius_bubble=o:e.radius_bubble=0}if(i.interactivity.modes.bubble.opacity!=i.particles.opacity.value)if(i.interactivity.modes.bubble.opacity>i.particles.opacity.value){var v=i.interactivity.modes.bubble.opacity*c;v>e.opacity&&v<=i.interactivity.modes.bubble.opacity&&(e.opacity_bubble=v)}else{var v=e.opacity-(i.particles.opacity.value-i.interactivity.modes.bubble.opacity)*c;v=i.interactivity.modes.bubble.opacity&&(e.opacity_bubble=v)}}}else a();"mouseleave"==i.interactivity.status&&a()}else if(i.interactivity.events.onclick.enable&&isInArray("bubble",i.interactivity.events.onclick.mode)){if(i.tmp.bubble_clicking){var s=e.x-i.interactivity.mouse.click_pos_x,n=e.y-i.interactivity.mouse.click_pos_y,r=Math.sqrt(s*s+n*n),p=((new Date).getTime()-i.interactivity.mouse.click_time)/1e3;p>i.interactivity.modes.bubble.duration&&(i.tmp.bubble_duration_end=!0),p>2*i.interactivity.modes.bubble.duration&&(i.tmp.bubble_clicking=!1,i.tmp.bubble_duration_end=!1)}i.tmp.bubble_clicking&&(t(i.interactivity.modes.bubble.size,i.particles.size.value,e.radius_bubble,e.radius,"size"),t(i.interactivity.modes.bubble.opacity,i.particles.opacity.value,e.opacity_bubble,e.opacity,"opacity"))}},i.fn.modes.repulseParticle=function(e){function a(){var a=Math.atan2(d,p);if(e.vx=u*Math.cos(a),e.vy=u*Math.sin(a),"bounce"==i.particles.move.out_mode){var t={x:e.x+e.vx,y:e.y+e.vy};t.x+e.radius>i.canvas.w?e.vx=-e.vx:t.x-e.radius<0&&(e.vx=-e.vx),t.y+e.radius>i.canvas.h?e.vy=-e.vy:t.y-e.radius<0&&(e.vy=-e.vy)}}if(i.interactivity.events.onhover.enable&&isInArray("repulse",i.interactivity.events.onhover.mode)&&"mousemove"==i.interactivity.status){var t=e.x-i.interactivity.mouse.pos_x,s=e.y-i.interactivity.mouse.pos_y,n=Math.sqrt(t*t+s*s),r={x:t/n,y:s/n},c=i.interactivity.modes.repulse.distance,o=100,l=clamp(1/c*(-1*Math.pow(n/c,2)+1)*c*o,0,50),v={x:e.x+r.x*l,y:e.y+r.y*l};"bounce"==i.particles.move.out_mode?(v.x-e.radius>0&&v.x+e.radius0&&v.y+e.radius=m&&a()}else 0==i.tmp.repulse_clicking&&(e.vx=e.vx_i,e.vy=e.vy_i)},i.fn.modes.grabParticle=function(e){if(i.interactivity.events.onhover.enable&&"mousemove"==i.interactivity.status){var a=e.x-i.interactivity.mouse.pos_x,t=e.y-i.interactivity.mouse.pos_y,s=Math.sqrt(a*a+t*t);if(s<=i.interactivity.modes.grab.distance){var n=i.interactivity.modes.grab.line_linked.opacity-s/(1/i.interactivity.modes.grab.line_linked.opacity)/i.interactivity.modes.grab.distance;if(n>0){var r=i.particles.line_linked.color_rgb_line;i.canvas.ctx.strokeStyle="rgba("+r.r+","+r.g+","+r.b+","+n+")",i.canvas.ctx.lineWidth=i.particles.line_linked.width,i.canvas.ctx.beginPath(),i.canvas.ctx.moveTo(e.x,e.y),i.canvas.ctx.lineTo(i.interactivity.mouse.pos_x,i.interactivity.mouse.pos_y),i.canvas.ctx.stroke(),i.canvas.ctx.closePath()}}}},i.fn.vendors.eventsListeners=function(){"window"==i.interactivity.detect_on?i.interactivity.el=window:i.interactivity.el=i.canvas.el,(i.interactivity.events.onhover.enable||i.interactivity.events.onclick.enable)&&(i.interactivity.el.addEventListener("mousemove",function(e){if(i.interactivity.el==window)var a=e.clientX,t=e.clientY;else var a=e.offsetX||e.clientX,t=e.offsetY||e.clientY;i.interactivity.mouse.pos_x=a,i.interactivity.mouse.pos_y=t,i.tmp.retina&&(i.interactivity.mouse.pos_x*=i.canvas.pxratio,i.interactivity.mouse.pos_y*=i.canvas.pxratio),i.interactivity.status="mousemove"}),i.interactivity.el.addEventListener("mouseleave",function(e){i.interactivity.mouse.pos_x=null,i.interactivity.mouse.pos_y=null,i.interactivity.status="mouseleave"})),i.interactivity.events.onclick.enable&&i.interactivity.el.addEventListener("click",function(){if(i.interactivity.mouse.click_pos_x=i.interactivity.mouse.pos_x,i.interactivity.mouse.click_pos_y=i.interactivity.mouse.pos_y,i.interactivity.mouse.click_time=(new Date).getTime(),i.interactivity.events.onclick.enable)switch(i.interactivity.events.onclick.mode){case"push":i.particles.move.enable?i.fn.modes.pushParticles(i.interactivity.modes.push.particles_nb,i.interactivity.mouse):1==i.interactivity.modes.push.particles_nb?i.fn.modes.pushParticles(i.interactivity.modes.push.particles_nb,i.interactivity.mouse):i.interactivity.modes.push.particles_nb>1&&i.fn.modes.pushParticles(i.interactivity.modes.push.particles_nb);break;case"remove":i.fn.modes.removeParticles(i.interactivity.modes.remove.particles_nb);break;case"bubble":i.tmp.bubble_clicking=!0;break;case"repulse":i.tmp.repulse_clicking=!0,i.tmp.repulse_count=0,i.tmp.repulse_finish=!1,setTimeout(function(){i.tmp.repulse_clicking=!1},1e3*i.interactivity.modes.repulse.duration)}})},i.fn.vendors.densityAutoParticles=function(){if(i.particles.number.density.enable){var e=i.canvas.el.width*i.canvas.el.height/1e3;i.tmp.retina&&(e/=2*i.canvas.pxratio);var a=e*i.particles.number.value/i.particles.number.density.value_area,t=i.particles.array.length-a;0>t?i.fn.modes.pushParticles(Math.abs(t)):i.fn.modes.removeParticles(t)}},i.fn.vendors.checkOverlap=function(e,a){for(var t=0;tv;v++)e.lineTo(i,0),e.translate(i,0),e.rotate(l);e.fill(),e.restore()},i.fn.vendors.exportImg=function(){window.open(i.canvas.el.toDataURL("image/png"),"_blank")},i.fn.vendors.loadImg=function(e){if(i.tmp.img_error=void 0,""!=i.particles.shape.image.src)if("svg"==e){var a=new XMLHttpRequest;a.open("GET",i.particles.shape.image.src),a.onreadystatechange=function(e){4==a.readyState&&(200==a.status?(i.tmp.source_svg=e.currentTarget.response,i.fn.vendors.checkBeforeDraw()):(console.log("Error pJS - Image not found"),i.tmp.img_error=!0))},a.send()}else{var t=new Image;t.addEventListener("load",function(){i.tmp.img_obj=t,i.fn.vendors.checkBeforeDraw()}),t.src=i.particles.shape.image.src}else console.log("Error pJS - No image.src"),i.tmp.img_error=!0},i.fn.vendors.draw=function(){"image"==i.particles.shape.type?"svg"==i.tmp.img_type?i.tmp.count_svg>=i.particles.number.value?(i.fn.particlesDraw(),i.particles.move.enable?i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw):cancelRequestAnimFrame(i.fn.drawAnimFrame)):i.tmp.img_error||(i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw)):void 0!=i.tmp.img_obj?(i.fn.particlesDraw(),i.particles.move.enable?i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw):cancelRequestAnimFrame(i.fn.drawAnimFrame)):i.tmp.img_error||(i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw)):(i.fn.particlesDraw(),i.particles.move.enable?i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw):cancelRequestAnimFrame(i.fn.drawAnimFrame))},i.fn.vendors.checkBeforeDraw=function(){"image"==i.particles.shape.type?"svg"==i.tmp.img_type&&void 0==i.tmp.source_svg?i.tmp.checkAnimFrame=requestAnimFrame(check):(cancelRequestAnimFrame(i.tmp.checkAnimFrame),i.tmp.img_error||(i.fn.vendors.init(),i.fn.vendors.draw())):(i.fn.vendors.init(),i.fn.vendors.draw())},i.fn.vendors.init=function(){i.fn.retinaInit(),i.fn.canvasInit(),i.fn.canvasSize(),i.fn.canvasPaint(),i.fn.particlesCreate(),i.fn.vendors.densityAutoParticles(),i.particles.line_linked.color_rgb_line=hexToRgb(i.particles.line_linked.color)},i.fn.vendors.start=function(){isInArray("image",i.particles.shape.type)?(i.tmp.img_type=i.particles.shape.image.src.substr(i.particles.shape.image.src.length-3),i.fn.vendors.loadImg(i.tmp.img_type)):i.fn.vendors.checkBeforeDraw()},i.fn.vendors.eventsListeners(),i.fn.vendors.start()};Object.deepExtend=function(e,a){for(var t in a)a[t]&&a[t].constructor&&a[t].constructor===Object?(e[t]=e[t]||{},arguments.callee(e[t],a[t])):e[t]=a[t];return e},window.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(e){window.setTimeout(e,1e3/60)}}(),window.cancelRequestAnimFrame=function(){return window.cancelAnimationFrame||window.webkitCancelRequestAnimationFrame||window.mozCancelRequestAnimationFrame||window.oCancelRequestAnimationFrame||window.msCancelRequestAnimationFrame||clearTimeout}(),window.pJSDom=[],window.particlesJS=function(e,a){"string"!=typeof e&&(a=e,e="particles-js"),e||(e="particles-js");var t=document.getElementById(e),i="particles-js-canvas-el",s=t.getElementsByClassName(i);if(s.length)for(;s.length>0;)t.removeChild(s[0]);var n=document.createElement("canvas");n.className=i,n.style.width="100%",n.style.height="100%";var r=document.getElementById(e).appendChild(n);null!=r&&pJSDom.push(new pJS(e,a))},window.particlesJS.load=function(e,a,t){var i=new XMLHttpRequest;i.open("GET",a),i.onreadystatechange=function(a){if(4==i.readyState)if(200==i.status){var s=JSON.parse(a.currentTarget.response);window.particlesJS(e,s),t&&t()}else console.log("Error pJS - XMLHttpRequest status: "+i.status),console.log("Error pJS - File config not found")},i.send()};
--------------------------------------------------------------------------------
/lib/lizi/style.css:
--------------------------------------------------------------------------------
1 | #particles{
2 | position: absolute;
3 | width: 100%;
4 | height: 100%;
5 | background-repeat: no-repeat;
6 | background-size: cover;
7 | background-position: 50% 50%;
8 | }
--------------------------------------------------------------------------------
/src/Chance.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wttAndroid/web-resume/75e137b675dc7393701813c1525fed03a89fc532/src/Chance.mp3
--------------------------------------------------------------------------------
/src/assets/css/base.wxss:
--------------------------------------------------------------------------------
1 | @import "iconfont.css";
2 | .clearFix::after {
3 | content: '';
4 | clear: both;
5 | display: block;
6 | visibility: hidden;
7 | width: 0;
8 | height: 0;
9 | }
10 | .clearFix {
11 | zoom: 1;
12 | }
13 | .animateload {
14 | animation: loadanimation 1.5s;
15 | animation-fill-mode: forwards;
16 | animation-direction: alternate;
17 | }
18 | @keyframes loadanimation {
19 | 0% {
20 | opacity: 0;
21 | }
22 | 40% {
23 | opacity: 0;
24 | }
25 | 100% {
26 | opacity: 1;
27 | }
28 | }
29 | @keyframes nextbutanimation {
30 | from {
31 | top: 20%;
32 | opacity: 1;
33 | }
34 | to {
35 | top: 60%;
36 | opacity: 0;
37 | }
38 | }
39 | @keyframes typing {
40 | from {
41 | width: 0;
42 | }
43 | }
44 | @keyframes blink-caret {
45 | 50% {
46 | border-color: transparent;
47 | }
48 | }
49 | #wrap {
50 | position: relative;
51 | /**
52 | * 导航部分
53 | */
54 | }
55 | #wrap ::after {
56 | content: '';
57 | position: fixed;
58 | z-index: -1;
59 | left: 0;
60 | right: 0;
61 | top: 0;
62 | bottom: 0;
63 | background-image: url("../../src/img/bg.jpg");
64 | background-repeat: no-repeat;
65 | background-attachment: fixed;
66 | background-position: center;
67 | background-size: cover;
68 | background-size: 100% 100%;
69 | }
70 | #wrap .page {
71 | min-height: 100vh;
72 | position: relative;
73 | display: flex;
74 | flex-flow: column;
75 | justify-content: center;
76 | align-items: center;
77 | color: white;
78 | }
79 | #wrap .page .page-title {
80 | color: #ff4a57;
81 | text-align: center;
82 | font-weight: bold;
83 | margin: 20px 0;
84 | }
85 | #wrap .page1 {
86 | text-align: center;
87 | }
88 | @media screen and (max-height: 600px) {
89 | #wrap .page1 .next-bt {
90 | display: none;
91 | }
92 | }
93 | #wrap .page1 .next-bt {
94 | position: absolute;
95 | width: 30px;
96 | height: 60px;
97 | border-radius: 30px;
98 | border: 1px solid #dadada;
99 | bottom: 80px;
100 | vertical-align: bottom;
101 | background-color: transparent;
102 | transition: all 1s;
103 | color: #dadada;
104 | }
105 | #wrap .page1 .next-bt span {
106 | position: absolute;
107 | top: 120%;
108 | left: 50%;
109 | transform: translateX(-50%);
110 | width: 111px;
111 | text-align: center;
112 | }
113 | #wrap .page1 .next-bt:hover {
114 | color: darkorange;
115 | }
116 | #wrap .page1 .next-bt:after {
117 | position: absolute;
118 | content: '';
119 | width: 5px;
120 | border-radius: 10px;
121 | height: 10px;
122 | background-color: #fff;
123 | left: 50%;
124 | transform: translateX(-50%);
125 | animation: nextbutanimation infinite 1s ease-in-out;
126 | }
127 | #wrap .page1 .page1-box .box-page {
128 | border-radius: 10px;
129 | padding: 30px 0;
130 | transition: all 1s;
131 | text-align: center;
132 | }
133 | #wrap .page1 .page1-box .box-page h1 {
134 | font-size: 60px;
135 | line-height: 80px;
136 | font-weight: 800;
137 | font-family: cursive, 'Lato', sans-serif;
138 | }
139 | #wrap .page1 .page1-box .box-page .box-info {
140 | font-family: 微軟正黑體;
141 | font-size: 35px;
142 | }
143 | #wrap .page1 .page1-box .box-page .box-font {
144 | color: #dadada;
145 | }
146 | #wrap .page1 .page1-box .box-page .box-font .box-change {
147 | vertical-align: bottom;
148 | display: inline-block;
149 | border-right: 0.1em solid;
150 | width: 16ch;
151 | /* 1.6625倍字数 */
152 | white-space: nowrap;
153 | overflow: hidden;
154 | animation: typing 2s steps(16, end), /* step数等于字数 */ blink-caret 0.5s step-end infinite alternate;
155 | }
156 | #wrap .page1 .page1-box .box-page:hover {
157 | color: white;
158 | box-shadow: 0px 0px 50px 0px black;
159 | background-color: rgba(255, 255, 255, 0.2);
160 | }
161 | #wrap .page2 .page2-box .row {
162 | text-align: center;
163 | }
164 | #wrap .page2 .page2-box .row .box-image::after {
165 | content: '';
166 | position: absolute;
167 | height: 400px;
168 | width: 70%;
169 | max-width: 70%;
170 | max-width: 400px;
171 | top: 10%;
172 | left: 30%;
173 | z-index: -1;
174 | background-color: rgba(255, 255, 255, 0.3);
175 | border-top-left-radius: 69% 70%;
176 | border-top-right-radius: 37% 68%;
177 | border-bottom-right-radius: 50% 32%;
178 | border-bottom-left-radius: 50% 30%;
179 | }
180 | #wrap .page2 .page2-box .row .box-image {
181 | position: relative;
182 | display: block;
183 | margin: 0 auto 30px;
184 | }
185 | #wrap .page2 .page2-box .row .box-image img {
186 | max-width: 70%;
187 | width: auto;
188 | margin: 0 auto;
189 | height: 400px;
190 | object-fit: cover;
191 | border-top-left-radius: 69% 70%;
192 | border-top-right-radius: 37% 68%;
193 | border-bottom-right-radius: 50% 32%;
194 | border-bottom-left-radius: 50% 30%;
195 | transition: all 0.3s;
196 | }
197 | #wrap .page2 .page2-box .row img:hover {
198 | box-shadow: 0px 0px 10px 1px #5ba2d1;
199 | }
200 | #wrap .page2 .page2-box .row .box-info {
201 | text-align: left;
202 | }
203 | #wrap .page2 .page2-box .row .box-info h1 {
204 | text-align: center;
205 | font-weight: bold;
206 | color: #ff4a57;
207 | margin: 30px 0;
208 | }
209 | #wrap .page2 .page2-box .row .box-info h2 {
210 | font-size: 17px;
211 | font-weight: bold;
212 | }
213 | #wrap .page2 .page2-box .row .box-info p {
214 | text-indent: 2em;
215 | color: #dadada;
216 | }
217 | #wrap .page3 .page3-box .row {
218 | text-align: center;
219 | }
220 | #wrap .page3 .page3-box .row .box-item:hover {
221 | transform: scale(1.1);
222 | }
223 | #wrap .page3 .page3-box .row .box-item {
224 | transition: all 1s;
225 | margin: 10px 0;
226 | }
227 | #wrap .page3 .page3-box .row .box-item .box-xz {
228 | margin: 0 auto;
229 | background-image: url("../../src/img/triangle.png");
230 | background-size: 100% 100%;
231 | width: 200px;
232 | height: 200px;
233 | line-height: 200px;
234 | }
235 | #wrap .page3 .page3-box .row .box-item .box-xz .iconfont {
236 | font-size: 50px;
237 | }
238 | #wrap .page3 .page3-box .row .box-item .box-info {
239 | color: #dadada;
240 | font-family: 'Poppins', sans-serif;
241 | }
242 | #wrap .page3 .page3-box .row .box-item .box-info h5 {
243 | color: #ff4a57;
244 | font-family: "Quicksand", sans-serif;
245 | font-weight: bold;
246 | }
247 | #wrap .page3 .page3-box .row .box-item .box-info p {
248 | line-height: 30px;
249 | font-family: "Yu Gothic";
250 | }
251 | #wrap .page4 .page3-box .row .iconfont {
252 | color: white;
253 | font-size: 20px;
254 | }
255 | #wrap .page4 .page3-box .row .box-right {
256 | font-family: "Quicksand", sans-serif;
257 | }
258 | #wrap .page4 .page3-box .row .box-right .proresslist .proress {
259 | margin: 20px 0;
260 | }
261 | #wrap .page4 .page3-box .row .box-right .proresslist .proress .propress-title {
262 | font-weight: bold;
263 | padding: 10px 10px 10px 0;
264 | }
265 | #wrap .page4 .page3-box .row .box-right .proresslist .proress .propress-bar {
266 | display: flex;
267 | height: 15px;
268 | background-color: #e9ecef;
269 | overflow: hidden;
270 | border-radius: 2px;
271 | }
272 | #wrap .page4 .page3-box .row .box-right .proresslist .proress .propress-bar .bar-propress {
273 | width: 0%;
274 | height: 100%;
275 | background-color: #ff4a57;
276 | transition: all 3s;
277 | position: relative;
278 | }
279 | #wrap .page4 .page3-box .row .box-right .proresslist .proress .propress-bar .bar-propress span {
280 | font-size: 12px;
281 | font-weight: bold;
282 | position: absolute;
283 | left: 50%;
284 | transform: translateX(-50%);
285 | }
286 | #wrap .page4 .page3-box .row .box-right .singlelist .slist-item {
287 | display: flex;
288 | align-items: center;
289 | margin-bottom: 20px;
290 | }
291 | #wrap .page4 .page3-box .row .box-right .singlelist .slist-item .sitem-icon {
292 | background-size: 100% 100%;
293 | width: 50px;
294 | height: 50px;
295 | line-height: 50px;
296 | background-color: #ff4a57;
297 | text-align: center;
298 | }
299 | #wrap .page4 .page3-box .row .box-right .singlelist .slist-item .sitem-info {
300 | margin-left: 20px;
301 | font-family: Quicksand;
302 | }
303 | #wrap .page4 .page3-box .row .box-right .singlelist .slist-item .sitem-info span {
304 | font-weight: bold;
305 | }
306 | #wrap .page4 .page3-box .row .box-right .singlelist .slist-item .sitem-info h5 {
307 | color: rgba(255, 199, 45, 0.76);
308 | }
309 | #wrap .page4 .page3-box .row .box-left {
310 | padding: 20px 0;
311 | }
312 | #wrap .page4 .page3-box .row .box-left .left-body li:hover .desc {
313 | transform: scale(1.1);
314 | }
315 | #wrap .page4 .page3-box .row .box-left .left-body ul {
316 | position: relative;
317 | overflow: hidden;
318 | list-style: none;
319 | padding: 1em 0 0 2em;
320 | margin: 0;
321 | }
322 | #wrap .page4 .page3-box .row .box-left .left-body ul .title {
323 | z-index: 1;
324 | width: 1.5rem;
325 | height: 1.5rem;
326 | border-radius: 50%;
327 | background: #fff;
328 | margin-left: -0.5rem;
329 | margin-top: 7%;
330 | }
331 | #wrap .page4 .page3-box .row .box-left .left-body ul .date {
332 | width: 23%;
333 | font-size: 0.75em;
334 | padding-top: 0.4rem;
335 | padding-right: 2rem;
336 | }
337 | #wrap .page4 .page3-box .row .box-left .left-body ul .desc {
338 | transition: all 1s;
339 | width: 65%;
340 | }
341 | #wrap .page4 .page3-box .row .box-left .left-body ul .desc h3 {
342 | font-size: 1.1em;
343 | font-weight: 400;
344 | margin: 0 0 10px 0;
345 | }
346 | #wrap .page4 .page3-box .row .box-left .left-body ul .desc h4 {
347 | margin: 0;
348 | font-size: 0.8em;
349 | line-height: 1.8em;
350 | font-weight: 400;
351 | color: #808080;
352 | }
353 | #wrap .page4 .page3-box .row .box-left .left-body ul::before {
354 | content: '';
355 | height: 100%;
356 | width: 5px;
357 | background-color: #d9d9d9;
358 | position: absolute;
359 | top: 0;
360 | z-index: -1;
361 | }
362 | #wrap .page4 .page3-box .row .box-left .left-body div {
363 | vertical-align: top;
364 | margin: 1em 0;
365 | display: inline-block;
366 | }
367 | #wrap .page5 .page3-box .row .box-item:hover {
368 | transform: scale(1.1);
369 | transition: all 0.5s ease;
370 | z-index: 1;
371 | }
372 | #wrap .page5 .page3-box .row .box-item:hover .item-zhez {
373 | visibility: visible;
374 | }
375 | #wrap .page5 .page3-box .row .box-item {
376 | position: relative;
377 | overflow: hidden;
378 | margin-bottom: 20px;
379 | border-radius: 10px;
380 | display: inline-block;
381 | }
382 | #wrap .page5 .page3-box .row .box-item img {
383 | width: 100%;
384 | min-height: 220px;
385 | max-height: 220px;
386 | }
387 | #wrap .page5 .page3-box .row .box-item .item-zhez {
388 | position: absolute;
389 | text-align: left;
390 | display: flex;
391 | flex-flow: column;
392 | justify-content: center;
393 | color: white;
394 | padding: 20px;
395 | right: 0;
396 | bottom: 0;
397 | left: 0;
398 | top: 0;
399 | background-color: rgba(0, 0, 0, 0.3);
400 | visibility: hidden;
401 | }
402 | #wrap .page5 .page3-box .row .box-item .item-zhez h4 {
403 | flex: 1;
404 | }
405 | #wrap .page5 .page3-box .row .box-item .item-zhez P {
406 | flex: 3;
407 | }
408 | #wrap .page6 .page3-box .row .box-page {
409 | padding: 100px;
410 | background: linear-gradient(#00ffd4, #00ffd4) left top, linear-gradient(#00ffd4, #00ffd4) left top, linear-gradient(#00ffd4, #00ffd4) right top, linear-gradient(#00ffd4, #00ffd4) right top, linear-gradient(#00ffd4, #00ffd4) left bottom, linear-gradient(#00ffd4, #00ffd4) left bottom, linear-gradient(#00ffd4, #00ffd4) right bottom, linear-gradient(#00ffd4, #00ffd4) right bottom;
411 | background-repeat: no-repeat;
412 | background-size: 5px 60px, 60px 5px;
413 | text-align: center;
414 | }
415 | #wrap .page6 .page3-box .row .box-page .page-tag {
416 | font-size: 20px;
417 | }
418 | #wrap .page6 .page3-box .row .box-page h2 {
419 | display: inline-block;
420 | padding-bottom: 5px;
421 | border-bottom: 2px solid orangered;
422 | }
423 | #wrap .page6 .page3-box .row .box-page h2 span {
424 | color: orangered;
425 | }
426 | #wrap .page6 .page3-box .row .box-page ul {
427 | list-style: none;
428 | display: flex;
429 | }
430 | #wrap .page6 .page3-box .row .box-page ul li {
431 | flex: 1;
432 | }
433 | #wrap .page6 .page3-box .row .box-page p {
434 | line-height: 30px;
435 | }
436 | #wrap .page6 .page3-box .row .box-page .page-list {
437 | margin-top: 30px;
438 | }
439 | #wrap .page6 .page3-box .row .box-page .page-list .iconfont {
440 | font-size: 30px;
441 | color: white;
442 | }
443 | #wrap #navbar {
444 | position: fixed;
445 | right: 50px;
446 | top: 25%;
447 | overflow: hidden;
448 | }
449 | #wrap #navbar .navbar-line {
450 | position: absolute;
451 | left: 50%;
452 | top: 0;
453 | width: 2px;
454 | height: 85%;
455 | background: url("../img/dot.png");
456 | z-index: -1;
457 | }
458 | #wrap #navbar .navbar-list .navbtn {
459 | display: block;
460 | margin: 0 auto 50px;
461 | width: 7px;
462 | height: 7px;
463 | line-height: 7px;
464 | text-align: center;
465 | border-radius: 50%;
466 | background-color: deepskyblue;
467 | border: 4px solid #e8e8e8;
468 | box-sizing: content-box;
469 | }
470 | #wrap #navbar .navbar-list .navbtn:hover {
471 | border: 4px solid white;
472 | }
473 | #wrap #navbar #audio {
474 | position: relative;
475 | width: 60px;
476 | height: 60px;
477 | border-radius: 50%;
478 | overflow: hidden;
479 | }
480 | #wrap #navbar #audio .audio-controls {
481 | width: 100%;
482 | height: 100%;
483 | background-color: red;
484 | animation: AudioRotate;
485 | animation-timing-function: linear;
486 | animation-duration: 3s;
487 | animation-iteration-count: infinite;
488 | animation-fill-mode: forwards;
489 | animation-play-state: paused;
490 | }
491 | #wrap #navbar #audio .audio-controls img {
492 | width: 100%;
493 | height: 100%;
494 | }
495 | #wrap #navbar #audio span {
496 | width: 100%;
497 | height: 100%;
498 | line-height: 60px;
499 | position: absolute;
500 | top: 0;
501 | left: 0;
502 | text-align: center;
503 | font-size: 25px;
504 | color: black;
505 | background: none;
506 | transition: all 0.5s;
507 | }
508 | #wrap #navbar #audio:hover span {
509 | background: rgba(0, 0, 0, 0.3);
510 | }
511 | #wrap #navbar-banner {
512 | display: none;
513 | }
514 | @media screen and (max-width: 800px) {
515 | #wrap #navbar-banner {
516 | display: block;
517 | position: fixed;
518 | top: 0;
519 | left: 0;
520 | width: 100%;
521 | background-color: rgba(255, 255, 255, 0.3);
522 | }
523 | #wrap #navbar-banner .iconfont {
524 | height: 60px;
525 | line-height: 60px;
526 | font-size: 30px;
527 | color: white;
528 | float: right;
529 | }
530 | #wrap #navbar-banner ul {
531 | display: none;
532 | list-style: none;
533 | }
534 | #wrap #navbar-banner ul li {
535 | padding: 5px 0;
536 | }
537 | #wrap #navbar-banner ul li a {
538 | text-decoration: none;
539 | color: white;
540 | }
541 | #wrap #navbar-banner ul li:hover {
542 | background-color: rgba(255, 255, 255, 0.4);
543 | }
544 | #wrap #navbar {
545 | display: none;
546 | }
547 | }
548 | @keyframes AudioRotate {
549 | from {
550 | transform: rotate(0deg);
551 | }
552 | to {
553 | transform: rotate(360deg);
554 | }
555 | }
556 | /**
557 | * 加载页面
558 | */
559 | @keyframes ldanimation {
560 | 0%,
561 | 100% {
562 | height: 40px;
563 | background: lightgreen;
564 | }
565 | 50% {
566 | height: 70px;
567 | margin: -15px 0;
568 | background: lightblue;
569 | }
570 | }
571 | #loadding {
572 | position: fixed;
573 | left: 0;
574 | right: 0;
575 | top: 0;
576 | bottom: 0;
577 | z-index: 1;
578 | background-color: #212121;
579 | display: flex;
580 | justify-content: center;
581 | align-items: center;
582 | }
583 | #loadding span {
584 | display: inline-block;
585 | width: 8px;
586 | height: 35px;
587 | border-radius: 4px;
588 | background-color: lightblue;
589 | animation: ldanimation 0.5s linear infinite;
590 | margin: 0 10px;
591 | }
592 | #loadding span:nth-child(2) {
593 | animation-delay: 0.1s;
594 | }
595 | #loadding span:nth-child(3) {
596 | animation-delay: 0.2s;
597 | }
598 | #loadding span:nth-child(4) {
599 | animation-delay: 0.3s;
600 | }
601 |
--------------------------------------------------------------------------------
/src/config.js:
--------------------------------------------------------------------------------
1 | export default {
2 | // page1部分
3 | page1: {
4 | titleEn: 'Hello,I`m WeiTingting', //英文标题
5 | title: '一个追梦在前端路上的小白', //中文标题
6 | },
7 | // page2部分
8 | page2: {
9 | authorImg: 'page1.jpg', // 作者头像
10 | xinhui: '我叫卫婷婷，是一名在读的大三学生。', // 幸会
11 | qiuzhi: '前端开发', // 求职意向
12 | guanyuwo: '掌握了前端js、html、css基本技术和Vue框架、UI框架，nodejs等等，有着公司项目实战的经验和一些java安卓开发经历。希望可以和大家一起学习，共同进步！' // 关于我
13 | },
14 | // page3部分
15 | page3: [{
16 | icon: 'icon-tubiao-',
17 | title: 'UI设计',
18 | msg: ['PS切图、界面排版']
19 | },{
20 | icon: 'icon-diannao', // 图标
21 | title: '网页制作', // 标题
22 | msg: ['响应式页面', 'css、scss动画效果',] //介绍
23 | }, {
24 | icon: 'icon-qianbi1',
25 | title: '前端功能',
26 | msg: ['JS完成常见的交互功能', '用AJAX读取后台数据且渲染']
27 | }, {
28 | icon: 'icon-shouji',
29 | title: '框架',
30 | msg: ['vue框架','UI框架、express框架、mysql',]
31 | }],
32 | // page4部分
33 | page4: {
34 | // 我的历程
35 | course: [{
36 | date: '2020/9——至今', // 时间
37 | desc: { // 经历
38 | title: '山西传媒学院',
39 | list: ['山西省职业技能大赛web前端开发一等奖', '专升本上岸', '软件开发公司实习']
40 | }
41 | }, {
42 | date: '2019/9——2020/9',
43 | desc: {
44 | title: '晋城职业技术学院',
45 | list: ['学习前端语言', '构建页面 / 利用JS、CSS3等制作网站，vue有关项目', '维护508工作室','获得Web前段开发1+X证书','普通话二级甲等','国家励志奖学金']
46 | }
47 | }, {
48 | date: '2018/9——2019/9',
49 | desc: {
50 | title: '晋城职业技术学院',
51 | list: ['学习java语言', '利用Android、sql等制作app', '参加山西省职业院校移动互联技能大赛', '全国计算机等级二级证书', '国家励志奖学金']
52 | }
53 | }],
54 | // 我的拓展技能掌握
55 | singlelist: [{
56 | title: 'bootsrap',
57 | text: '了解'
58 | }, {
59 | title: 'Element-ui',
60 | text: '掌握'
61 | }, {
62 | title: 'mint-ui',
63 | text: '掌握'
64 | }, {
65 | title: 'scss',
66 | text: '掌握'
67 | }],
68 | // 我的基本技能掌握
69 | proresslist: [{
70 | title: 'HTML、CSS、SCSS',
71 | value: '90%'
72 | }, {
73 | title: 'JS、JQ',
74 | value: '90%'
75 | }, {
76 | title: 'Vue',
77 | value: '90%'
78 | }, {
79 | title: 'NodeJs',
80 | value: '80%'
81 | }, {
82 | title: 'sql',
83 | value: '80%'
84 | }]
85 | },
86 | // page5部分
87 | page5: [{
88 | title: '508工作室',
89 | content: '晋城职业技术学院508工作室独立站点的维护',
90 | image: 'box1.png',
91 | href: 'https://lab508.gitee.io/'
92 | }, {
93 | title: '图书管理系统',
94 | content: 'Vue,NodeJs图书管理系统前后端',
95 | image: 'box3.jpg',
96 | href: 'https://gitee.com/wttAndroid/book_admin'
97 | }, {
98 | title: '校园约吧',
99 | content: 'Vue,NodeJs移动端校园项目前后端',
100 | image: 'box5.jpg',
101 | href: 'https://gitee.com/wttAndroid/xyy_server'
102 | }, {
103 | title: '蘑菇街',
104 | content: 'Vue蘑菇街商城案例前端',
105 | image: 'box2.png',
106 | href: 'https://github.com/wttAndroid/MyShoppingStreet'
107 | }, {
108 | title: '个人简历',
109 | content: 'html,css,jq,bootsrap搭建个人简历网站',
110 | image: 'box4.png',
111 | href: ''
112 | }, {
113 | title: '二维码生成器',
114 | content: 'Android二维码生成器',
115 | image: 'box6.jpeg',
116 | href: ''
117 | }],
118 | // page6部分
119 | page6: {
120 | github: 'https://github.com/wttAndroid',
121 | bili: '',
122 | email: 'Mailto:1457321681@qq.com?Subject=邮箱标题&Body=邮箱内容！',
123 | zhihu: '',
124 | weixin: "
",
125 | qq: "
"
126 | }
127 | }
128 |
--------------------------------------------------------------------------------
/src/css/base.less:
--------------------------------------------------------------------------------
1 | @import "iconfont.css";
2 |
3 |
4 | .clearFix::after {
5 | content: '';
6 | clear: both;
7 | display: block;
8 | visibility: hidden;
9 | width: 0;
10 | height: 0;
11 | }
12 |
13 | .clearFix {
14 | zoom: 1;
15 | }
16 |
17 |
18 | //页面切入动画
19 | .animateload {
20 | animation: loadanimation 1.5s;
21 | animation-fill-mode: forwards;
22 | animation-direction: alternate;
23 | }
24 |
25 | @keyframes loadanimation {
26 | 0% {
27 | opacity: 0;
28 | }
29 |
30 | 40% {
31 | opacity: 0;
32 | }
33 |
34 | 100% {
35 | opacity: 1;
36 | }
37 | }
38 |
39 | .container {
40 | //opacity: 0;
41 | }
42 |
43 | //锚点下一页
44 | @keyframes nextbutanimation {
45 | from {
46 | top: 20%;
47 | opacity: 1;
48 | }
49 |
50 | to {
51 | top: 60%;
52 | opacity: 0;
53 | }
54 | }
55 |
56 |
57 | //字体输入动画
58 | @keyframes typing {
59 | from {
60 | width: 0;
61 | }
62 | }
63 |
64 | @keyframes blink-caret {
65 | 50% {
66 | border-color: transparent;
67 | }
68 | }
69 |
70 | #wrap {
71 | position: relative;
72 |
73 | ::after {
74 | content: '';
75 | position: fixed;
76 | z-index: -1;
77 | left: 0;
78 | right: 0;
79 | top: 0;
80 | bottom: 0;
81 | background-image: url("../../src/img/bg.jpg");
82 | background-repeat: no-repeat;
83 | background-attachment: fixed;
84 | background-position: center;
85 | background-size: cover;
86 | background-size: 100% 100%;
87 | }
88 |
89 | .page {
90 | min-height: 100vh;
91 | position: relative;
92 | display: flex;
93 | flex-flow: column;
94 | justify-content: center;
95 | align-items: center;
96 | color: white;
97 |
98 | .page-title {
99 | color: #ff4a57;
100 | text-align: center;
101 | font-weight: bold;
102 | margin: 20px 0;
103 | }
104 | }
105 |
106 | .page1 {
107 | text-align: center;
108 |
109 | @media screen and (max-height: 600px) {
110 | .next-bt {
111 | display: none;
112 | }
113 | }
114 |
115 | .next-bt {
116 | position: absolute;
117 | width: 30px;
118 | height: 60px;
119 | border-radius: 30px;
120 | border: 1px solid #dadada;
121 | bottom: 80px;
122 | vertical-align: bottom;
123 | background-color: transparent;
124 | transition: all 1s;
125 | color: #dadada;
126 |
127 | span {
128 | position: absolute;
129 | top: 120%;
130 | left: 50%;
131 | transform: translateX(-50%);
132 | width: 111px;
133 | text-align: center;
134 | }
135 | }
136 |
137 | .next-bt:hover {
138 | color: darkorange;
139 | }
140 |
141 | .next-bt:after {
142 | position: absolute;
143 | content: '';
144 | width: 5px;
145 | border-radius: 10px;
146 | height: 10px;
147 | background-color: #fff;
148 | left: 50%;
149 | transform: translateX(-50%);
150 | animation: nextbutanimation infinite 1s ease-in-out;
151 | }
152 |
153 |
154 | .page1-box {
155 | .box-page {
156 | border-radius: 10px;
157 | padding: 30px 0;
158 | transition: all 1s;
159 | text-align: center;
160 |
161 | h1 {
162 | font-size: 60px;
163 | line-height: 80px;
164 | font-weight: 800;
165 | font-family: cursive, 'Lato', sans-serif;
166 | }
167 |
168 | .box-info {
169 | font-family: 微軟正黑體;
170 | font-size: 35px;
171 | }
172 |
173 | .box-font {
174 | color: #dadada;
175 |
176 | .box-change {
177 | vertical-align: bottom;
178 | display: inline-block;
179 | border-right: .1em solid;
180 | width: 16ch;
181 | /* 1.6625倍字数 */
182 | white-space: nowrap;
183 | overflow: hidden;
184 | animation: typing 2s steps(16, end),
185 | /* step数等于字数 */
186 | blink-caret .5s step-end infinite alternate;
187 | }
188 | }
189 | }
190 |
191 | .box-page:hover {
192 | color: white;
193 | box-shadow: 0px 0px 50px 0px black;
194 | background-color: rgba(255, 255, 255, .2);
195 | }
196 | }
197 | }
198 |
199 | .page2 {
200 | .page2-box {
201 | .row {
202 | text-align: center;
203 |
204 | .box-image::after {
205 | content: '';
206 | position: absolute;
207 | height: 400px;
208 | width: 70%;
209 | max-width: 70%;
210 | max-width: 400px;
211 | top: 10%;
212 | left: 30%;
213 | z-index: -1;
214 | background-color: rgba(255, 255, 255, .3);
215 | border-top-left-radius: 69% 70%;
216 | border-top-right-radius: 37% 68%;
217 | border-bottom-right-radius: 50% 32%;
218 | border-bottom-left-radius: 50% 30%;
219 | }
220 |
221 | .box-image {
222 | position: relative;
223 | display: block;
224 | margin: 0 auto 30px;
225 |
226 | img {
227 | max-width: 70%;
228 | width: auto;
229 | margin: 0 auto;
230 | height: 400px;
231 | object-fit: cover;
232 | border-top-left-radius: 69% 70%;
233 | border-top-right-radius: 37% 68%;
234 | border-bottom-right-radius: 50% 32%;
235 | border-bottom-left-radius: 50% 30%;
236 | transition: all .3s;
237 | }
238 | }
239 |
240 | img:hover {
241 | box-shadow: 0px 0px 10px 1px #5ba2d1;
242 | }
243 |
244 | .box-info {
245 | text-align: left;
246 |
247 | h1 {
248 | text-align: center;
249 | font-weight: bold;
250 | color: #ff4a57;
251 | margin: 30px 0;
252 | }
253 |
254 | h2 {
255 | font-size: 17px;
256 | font-weight: bold;
257 | }
258 |
259 | p {
260 | text-indent: 2em;
261 | color: #dadada;
262 | }
263 | }
264 | }
265 | }
266 | }
267 |
268 | .page3 {
269 | .page3-box {
270 | .row {
271 | text-align: center;
272 |
273 | .box-item:hover {
274 | transform: scale(1.1);
275 | }
276 |
277 | .box-item {
278 | transition: all 1s;
279 | margin: 10px 0;
280 |
281 | .box-xz {
282 | margin: 0 auto;
283 | background-image: url("../../src/img/triangle.png");
284 | background-size: 100% 100%;
285 | width: 200px;
286 | height: 200px;
287 | line-height: 200px;
288 |
289 | .iconfont {
290 | font-size: 50px;
291 | }
292 | }
293 |
294 | .box-info {
295 | color: #dadada;
296 | font-family: 'Poppins', sans-serif;
297 |
298 | h5 {
299 | color: #ff4a57;
300 | font-family: "Quicksand", sans-serif;
301 | font-weight: bold;
302 | }
303 |
304 | p {
305 | line-height: 30px;
306 | font-family: "Yu Gothic";
307 | }
308 | }
309 | }
310 | }
311 | }
312 | }
313 |
314 | .page4 {
315 | .page3-box {
316 | .row {
317 | .iconfont {
318 | color: white;
319 | font-size: 20px;
320 | }
321 |
322 | .box-right {
323 | font-family: "Quicksand", sans-serif;
324 |
325 | .proresslist {
326 | .proress {
327 | margin: 20px 0;
328 |
329 | .propress-title {
330 | font-weight: bold;
331 | padding: 10px 10px 10px 0;
332 | }
333 |
334 | .propress-bar {
335 | display: flex;
336 | height: 15px;
337 | background-color: #e9ecef;
338 | overflow: hidden;
339 | border-radius: 2px;
340 |
341 | .bar-propress {
342 | width: 0%;
343 | height: 100%;
344 | background-color: #ff4a57;
345 | //animation: slideInLeft 2s;
346 | transition: all 3s;
347 | position: relative;
348 |
349 | span {
350 | font-size: 12px;
351 | font-weight: bold;
352 | position: absolute;
353 | left: 50%;
354 | transform: translateX(-50%);
355 | }
356 | }
357 | }
358 | }
359 | }
360 |
361 | .singlelist {
362 | .slist-item {
363 | display: flex;
364 | align-items: center;
365 | margin-bottom: 20px;
366 |
367 | .sitem-icon {
368 | background-size: 100% 100%;
369 | width: 50px;
370 | height: 50px;
371 | line-height: 50px;
372 | background-color: #ff4a57;
373 | text-align: center;
374 | }
375 |
376 | .sitem-info {
377 | margin-left: 20px;
378 | font-family: Quicksand;
379 |
380 | span {
381 | font-weight: bold;
382 | }
383 |
384 | h5 {
385 | color: rgba(255, 199, 45, 0.76);
386 | }
387 | }
388 | }
389 | }
390 | }
391 |
392 | .box-left {
393 | padding: 20px 0;
394 |
395 | .left-body {
396 |
397 | li:hover {
398 | .desc {
399 | transform: scale(1.1);
400 | }
401 | }
402 |
403 | ul {
404 | position: relative;
405 | overflow: hidden;
406 | list-style: none;
407 | padding: 1em 0 0 2em;
408 | margin: 0;
409 |
410 | .title {
411 | z-index: 1;
412 | width: 1.5rem;
413 | height: 1.5rem;
414 | border-radius: 50%;
415 | background: #fff;
416 | margin-left: -0.5rem;
417 | margin-top: 7%;
418 | }
419 |
420 | .date {
421 | width: 23%;
422 | font-size: 0.75em;
423 | padding-top: 0.40rem;
424 | padding-right: 2rem;
425 | }
426 |
427 | .desc {
428 | transition: all 1s;
429 | width: 65%;
430 |
431 | h3 {
432 | font-size: 1.1em;
433 | font-weight: 400;
434 | margin: 0 0 10px 0;
435 | }
436 |
437 | h4 {
438 | margin: 0;
439 | font-size: 0.8em;
440 | line-height: 1.8em;
441 | font-weight: 400;
442 | color: #808080;
443 | }
444 | }
445 | }
446 |
447 | ul::before {
448 | content: '';
449 | height: 100%;
450 | width: 5px;
451 | background-color: #d9d9d9;
452 | position: absolute;
453 | top: 0;
454 | z-index: -1;
455 | }
456 |
457 | div {
458 | vertical-align: top;
459 | margin: 1em 0;
460 | display: inline-block;
461 | }
462 | }
463 | }
464 | }
465 | }
466 | }
467 |
468 | .page5 {
469 | .page3-box {
470 | .row {
471 | .box-item:hover {
472 | transform: scale(1.1);
473 | transition: all .5s ease;
474 | z-index: 1;
475 |
476 | .item-zhez {
477 | visibility: visible;
478 | }
479 | }
480 |
481 | .box-item {
482 | position: relative;
483 | overflow: hidden;
484 | margin-bottom: 20px;
485 | border-radius: 10px;
486 | display: inline-block;
487 |
488 | img {
489 | width: 100%;
490 | min-height: 220px;
491 | max-height: 220px;
492 | }
493 |
494 | .item-zhez {
495 | position: absolute;
496 | text-align: left;
497 | display: flex;
498 | flex-flow: column;
499 | justify-content: center;
500 | color: white;
501 | padding: 20px;
502 | right: 0;
503 | bottom: 0;
504 | left: 0;
505 | top: 0;
506 | background-color: rgba(0, 0, 0, .3);
507 | visibility: hidden;
508 |
509 | h4 {
510 | flex: 1;
511 | }
512 |
513 | P {
514 | flex: 3;
515 | }
516 | }
517 | }
518 | }
519 | }
520 | }
521 |
522 | .page6 {
523 | .page3-box {
524 | .row {
525 | .box-page {
526 | padding: 100px;
527 | background: linear-gradient(#00ffd4, #00ffd4) left top,
528 | linear-gradient(#00ffd4, #00ffd4) left top,
529 | linear-gradient(#00ffd4, #00ffd4) right top,
530 | linear-gradient(#00ffd4, #00ffd4) right top,
531 | linear-gradient(#00ffd4, #00ffd4) left bottom,
532 | linear-gradient(#00ffd4, #00ffd4) left bottom,
533 | linear-gradient(#00ffd4, #00ffd4) right bottom,
534 | linear-gradient(#00ffd4, #00ffd4) right bottom;
535 | background-repeat: no-repeat;
536 | background-size: 5px 60px, 60px 5px;
537 | text-align: center;
538 |
539 | .page-tag {
540 | font-size: 20px;
541 | }
542 |
543 | h2 {
544 | display: inline-block;
545 | padding-bottom: 5px;
546 | border-bottom: 2px solid orangered;
547 |
548 | span {
549 | color: orangered;
550 | }
551 | }
552 |
553 | ul {
554 | list-style: none;
555 | display: flex;
556 |
557 | li {
558 | flex: 1;
559 | }
560 | }
561 |
562 | p {
563 | line-height: 30px;
564 | }
565 |
566 | .page-list {
567 | margin-top: 30px;
568 |
569 | .iconfont {
570 | font-size: 30px;
571 | color: white;
572 | }
573 | }
574 | }
575 | }
576 | }
577 | }
578 |
579 | /**
580 | * 导航部分
581 | */
582 | #navbar {
583 | position: fixed;
584 | right: 50px;
585 | top: 25%;
586 | overflow: hidden;
587 |
588 | .navbar-line {
589 | position: absolute;
590 | left: 50%;
591 | top: 0;
592 | width: 2px;
593 | height: 85%;
594 | background: url("../img/dot.png");
595 | z-index: -1;
596 | }
597 |
598 | .navbar-list {
599 | .navbtn {
600 | display: block;
601 | margin: 0 auto 50px;
602 | width: 7px;
603 | height: 7px;
604 | line-height: 7px;
605 | text-align: center;
606 | border-radius: 50%;
607 | background-color: deepskyblue;
608 | border: 4px solid #e8e8e8;
609 | box-sizing: content-box;
610 | }
611 |
612 | .navbtn:hover {
613 | border: 4px solid white;
614 | }
615 | }
616 |
617 | #audio {
618 | position: relative;
619 | width: 60px;
620 | height: 60px;
621 | border-radius: 50%;
622 | overflow: hidden;
623 |
624 | .audio-controls {
625 | width: 100%;
626 | height: 100%;
627 | background-color: red;
628 |
629 | animation: AudioRotate;
630 | animation-timing-function: linear;
631 | animation-duration: 3s;
632 | animation-iteration-count: infinite;
633 | animation-fill-mode: forwards;
634 | animation-play-state: paused;
635 |
636 | img {
637 | width: 100%;
638 | height: 100%;
639 | }
640 | }
641 |
642 | span {
643 | width: 100%;
644 | height: 100%;
645 | line-height: 60px;
646 | position: absolute;
647 | top: 0;
648 | left: 0;
649 | text-align: center;
650 | font-size: 25px;
651 | color: black;
652 | background: none;
653 | transition: all .5s;
654 | }
655 | }
656 |
657 | #audio:hover {
658 | span {
659 | background: rgba(0, 0, 0, .3);
660 | }
661 | }
662 | }
663 |
664 | #navbar-banner {
665 | display: none;
666 | }
667 |
668 | @media screen and (max-width: 800px) {
669 | #navbar-banner {
670 | display: block;
671 | position: fixed;
672 | top: 0;
673 | left: 0;
674 | width: 100%;
675 | background-color: rgba(255, 255, 255, .3);
676 |
677 | .iconfont {
678 | height: 60px;
679 | line-height: 60px;
680 | font-size: 30px;
681 | color: white;
682 | float: right;
683 | }
684 |
685 | ul {
686 | display: none;
687 | list-style: none;
688 |
689 | li {
690 | padding: 5px 0;
691 |
692 | a {
693 | text-decoration: none;
694 | color: white;
695 | }
696 | }
697 |
698 | li:hover {
699 | background-color: rgba(255, 255, 255, .4);
700 | }
701 | }
702 | }
703 |
704 | #navbar {
705 | display: none;
706 | }
707 | }
708 | }
709 |
710 |
711 | //音乐旋转
712 | @keyframes AudioRotate {
713 | from {
714 | transform: rotate(0deg);
715 | }
716 |
717 | to {
718 | transform: rotate(360deg);
719 | }
720 | }
721 |
722 |
723 |
724 | /**
725 | * 加载页面
726 | */
727 | @keyframes ldanimation {
728 |
729 | 0%,
730 | 100% {
731 | height: 40px;
732 | background: lightgreen;
733 | }
734 |
735 | 50% {
736 | height: 70px;
737 | margin: -15px 0;
738 | background: lightblue;
739 | }
740 | }
741 |
742 | #loadding {
743 | position: fixed;
744 | left: 0;
745 | right: 0;
746 | top: 0;
747 | bottom: 0;
748 | z-index: 1;
749 | background-color: #212121;
750 | display: flex;
751 | justify-content: center;
752 | align-items: center;
753 |
754 | span {
755 | display: inline-block;
756 | width: 8px;
757 | height: 35px;
758 | border-radius: 4px;
759 | background-color: lightblue;
760 | animation: ldanimation .5s linear infinite;
761 | margin: 0 10px;
762 | }
763 |
764 | span:nth-child(2) {
765 | animation-delay: 0.1s;
766 | }
767 |
768 | span:nth-child(3) {
769 | animation-delay: 0.2s;
770 | }
771 |
772 | span:nth-child(4) {
773 | animation-delay: 0.3s;
774 | }
775 | }
776 |
--------------------------------------------------------------------------------
/src/css/base.min.css:
--------------------------------------------------------------------------------
1 | /*
2 | * Prefixed by https://autoprefixer.github.io
3 | * PostCSS: v7.0.29,
4 | * Autoprefixer: v9.7.6
5 | * Browsers: last 4 version
6 | */
7 |
8 | /** @import "iconfont.css";.clearFix::after{content:'';clear:both;display:block;visibility:hidden;width:0;height:0}.clearFix{zoom:1}.animateload{-webkit-animation:loadanimation 1.5s;animation:loadanimation 1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes loadanimation{0%{opacity:0}40%{opacity:0}100%{opacity:1}}@keyframes loadanimation{0%{opacity:0}40%{opacity:0}100%{opacity:1}}@-webkit-keyframes nextbutanimation{from{top:20%;opacity:1}to{top:60%;opacity:0}}@keyframes nextbutanimation{from{top:20%;opacity:1}to{top:60%;opacity:0}}@-webkit-keyframes typing{from{width:0}}@keyframes typing{from{width:0}}@-webkit-keyframes blink-caret{50%{border-color:transparent}}@keyframes blink-caret{50%{border-color:transparent}}#wrap{position:relative;background-image:url("../../src/img/bg.jpg");background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-size:cover;background-size:100% 100%}#wrap .page{min-height:100vh;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:white}#wrap .page .page-title{color:#ff4a57;text-align:center;font-weight:bold;margin:20px 0}#wrap .page1{text-align:center}@media screen and (max-height:600px){#wrap .page1 .next-bt{display:none}}#wrap .page1 .next-bt{position:absolute;width:30px;height:60px;border-radius:30px;border:1px solid #dadada;bottom:80px;vertical-align:bottom;background-color:transparent;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;color:#dadada}#wrap .page1 .next-bt span{position:absolute;top:120%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:111px;text-align:center}#wrap .page1 .next-bt:hover{color:darkorange}#wrap .page1 .next-bt:after{position:absolute;content:'';width:5px;border-radius:10px;height:10px;background-color:#fff;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:nextbutanimation infinite 1s ease-in-out;animation:nextbutanimation infinite 1s ease-in-out}#wrap .page1 .page1-box .box-page{border-radius:10px;padding:30px 0;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;text-align:center}#wrap .page1 .page1-box .box-page h1{font-size:60px;line-height:80px;font-weight:800;font-family:cursive,'Lato',sans-serif}#wrap .page1 .page1-box .box-page .box-info{font-family:微軟正黑體;font-size:35px}#wrap .page1 .page1-box .box-page .box-font{color:#dadada}#wrap .page1 .page1-box .box-page .box-font .box-change{vertical-align:bottom;display:inline-block;border-right:.1em solid;width:16ch;white-space:nowrap;overflow:hidden;-webkit-animation:typing 2s steps(16,end),blink-caret .5s step-end infinite alternate;animation:typing 2s steps(16,end),blink-caret .5s step-end infinite alternate}#wrap .page1 .page1-box .box-page:hover{color:white;-webkit-box-shadow:0 0 50px 0 black;box-shadow:0 0 50px 0 black;background-color:rgba(255,255,255,0.2)}#wrap .page2 .page2-box .row{text-align:center}#wrap .page2 .page2-box .row .box-image::after{content:'';position:absolute;height:400px;width:70%;max-width:70%;max-width:400px;top:10%;left:30%;z-index:-1;background-color:rgba(255,255,255,0.3);border-top-left-radius:69% 70%;border-top-right-radius:37% 68%;border-bottom-right-radius:50% 32%;border-bottom-left-radius:50% 30%}#wrap .page2 .page2-box .row .box-image{position:relative;display:block;margin:0 auto 30px}#wrap .page2 .page2-box .row .box-image img{max-width:70%;width:auto;margin:0 auto;height:400px;-o-object-fit:cover;object-fit:cover;border-top-left-radius:69% 70%;border-top-right-radius:37% 68%;border-bottom-right-radius:50% 32%;border-bottom-left-radius:50% 30%;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}#wrap .page2 .page2-box .row img:hover{-webkit-box-shadow:0 0 10px 1px #5ba2d1;box-shadow:0 0 10px 1px #5ba2d1}#wrap .page2 .page2-box .row .box-info{text-align:left}#wrap .page2 .page2-box .row .box-info h1{text-align:center;font-weight:bold;color:#ff4a57;margin:30px 0}#wrap .page2 .page2-box .row .box-info h2{font-size:17px;font-weight:bold}#wrap .page2 .page2-box .row .box-info p{text-indent:2em;color:#dadada}#wrap .page3 .page3-box .row{text-align:center}#wrap .page3 .page3-box .row .box-item:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#wrap .page3 .page3-box .row .box-item{-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;margin:10px 0}#wrap .page3 .page3-box .row .box-item .box-xz{margin:0 auto;background-image:url("../../src/img/triangle.png");background-size:100% 100%;width:200px;height:200px;line-height:200px}#wrap .page3 .page3-box .row .box-item .box-xz .iconfont{font-size:50px}#wrap .page3 .page3-box .row .box-item .box-info{color:#dadada;font-family:'Poppins',sans-serif}#wrap .page3 .page3-box .row .box-item .box-info h5{color:#ff4a57;font-family:"Quicksand",sans-serif;font-weight:bold}#wrap .page3 .page3-box .row .box-item .box-info p{line-height:30px;font-family:"Yu Gothic"}#wrap .page4 .page3-box .row .iconfont{color:white;font-size:20px}#wrap .page4 .page3-box .row .box-right{font-family:"Quicksand",sans-serif}#wrap .page4 .page3-box .row .box-right .proresslist .proress{margin:20px 0}#wrap .page4 .page3-box .row .box-right .proresslist .proress .propress-title{font-weight:bold;padding:10px 10px 10px 0}#wrap .page4 .page3-box .row .box-right .proresslist .proress .propress-bar{display:-webkit-box;display:-ms-flexbox;display:flex;height:15px;background-color:#e9ecef;overflow:hidden;border-radius:2px}#wrap .page4 .page3-box .row .box-right .proresslist .proress .propress-bar .bar-propress{width:0;height:100%;background-color:#ff4a57;-webkit-transition:all 3s;-o-transition:all 3s;transition:all 3s;position:relative}
9 | #wrap .page4 .page3-box .row .box-right .proresslist .proress .propress-bar .bar-propress span{font-size:12px;font-weight:bold;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#wrap .page4 .page3-box .row .box-right .singlelist .slist-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}#wrap .page4 .page3-box .row .box-right .singlelist .slist-item .sitem-icon{background-size:100% 100%;width:50px;height:50px;line-height:50px;background-color:#ff4a57;text-align:center}#wrap .page4 .page3-box .row .box-right .singlelist .slist-item .sitem-info{margin-left:20px;font-family:Quicksand}#wrap .page4 .page3-box .row .box-right .singlelist .slist-item .sitem-info span{font-weight:bold}#wrap .page4 .page3-box .row .box-right .singlelist .slist-item .sitem-info h5{color:rgba(255,199,45,0.76)}#wrap .page4 .page3-box .row .box-left{padding:20px 0}#wrap .page4 .page3-box .row .box-left .left-body li:hover .desc{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#wrap .page4 .page3-box .row .box-left .left-body ul{position:relative;overflow:hidden;list-style:none;padding:1em 0 0 2em;margin:0}#wrap .page4 .page3-box .row .box-left .left-body ul .title{z-index:1;width:1.5rem;height:1.5rem;border-radius:50%;background:#fff;margin-left:-0.5rem;margin-top:7%}#wrap .page4 .page3-box .row .box-left .left-body ul .date{width:23%;font-size:.75em;padding-top:.40rem;padding-right:2rem}#wrap .page4 .page3-box .row .box-left .left-body ul .desc{-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;width:65%}#wrap .page4 .page3-box .row .box-left .left-body ul .desc h3{font-size:1.1em;font-weight:400;margin:0 0 10px 0}#wrap .page4 .page3-box .row .box-left .left-body ul .desc h4{margin:0;font-size:.8em;line-height:1.8em;font-weight:400;color:#808080}#wrap .page4 .page3-box .row .box-left .left-body ul::before{content:'';height:100%;width:5px;background-color:#d9d9d9;position:absolute;top:0;z-index:-1}#wrap .page4 .page3-box .row .box-left .left-body div{vertical-align:top;margin:1em 0;display:inline-block}#wrap .page5 .page3-box .row .box-item:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:1}#wrap .page5 .page3-box .row .box-item:hover .item-zhez{visibility:visible}#wrap .page5 .page3-box .row .box-item{position:relative;overflow:hidden;margin-bottom:20px;border-radius:10px;display:inline-block}#wrap .page5 .page3-box .row .box-item img{width:100%;min-height:220px;max-height:220px}#wrap .page5 .page3-box .row .box-item .item-zhez{position:absolute;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:white;padding:20px;right:0;bottom:0;left:0;top:0;background-color:rgba(0,0,0,0.3);visibility:hidden}#wrap .page5 .page3-box .row .box-item .item-zhez h4{-webkit-box-flex:1;-ms-flex:1;flex:1}#wrap .page5 .page3-box .row .box-item .item-zhez P{-webkit-box-flex:3;-ms-flex:3;flex:3}#wrap .page6 .page3-box .row .box-page{padding:100px;background:-webkit-gradient(linear,left top, left bottom,from(#00ffd4),to(#00ffd4)) left top,-webkit-gradient(linear,left top, left bottom,from(#00ffd4),to(#00ffd4)) left top,-webkit-gradient(linear,left top, left bottom,from(#00ffd4),to(#00ffd4)) right top,-webkit-gradient(linear,left top, left bottom,from(#00ffd4),to(#00ffd4)) right top,-webkit-gradient(linear,left top, left bottom,from(#00ffd4),to(#00ffd4)) left bottom,-webkit-gradient(linear,left top, left bottom,from(#00ffd4),to(#00ffd4)) left bottom,-webkit-gradient(linear,left top, left bottom,from(#00ffd4),to(#00ffd4)) right bottom,-webkit-gradient(linear,left top, left bottom,from(#00ffd4),to(#00ffd4)) right bottom;background:-o-linear-gradient(#00ffd4,#00ffd4) left top,-o-linear-gradient(#00ffd4,#00ffd4) left top,-o-linear-gradient(#00ffd4,#00ffd4) right top,-o-linear-gradient(#00ffd4,#00ffd4) right top,-o-linear-gradient(#00ffd4,#00ffd4) left bottom,-o-linear-gradient(#00ffd4,#00ffd4) left bottom,-o-linear-gradient(#00ffd4,#00ffd4) right bottom,-o-linear-gradient(#00ffd4,#00ffd4) right bottom;background:linear-gradient(#00ffd4,#00ffd4) left top,linear-gradient(#00ffd4,#00ffd4) left top,linear-gradient(#00ffd4,#00ffd4) right top,linear-gradient(#00ffd4,#00ffd4) right top,linear-gradient(#00ffd4,#00ffd4) left bottom,linear-gradient(#00ffd4,#00ffd4) left bottom,linear-gradient(#00ffd4,#00ffd4) right bottom,linear-gradient(#00ffd4,#00ffd4) right bottom;background-repeat:no-repeat;background-size:5px 60px,60px 5px;text-align:center}#wrap .page6 .page3-box .row .box-page .page-tag{font-size:20px}#wrap .page6 .page3-box .row .box-page h2{display:inline-block;padding-bottom:5px;border-bottom:2px solid orangered}#wrap .page6 .page3-box .row .box-page h2 span{color:orangered}#wrap .page6 .page3-box .row .box-page ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex}#wrap .page6 .page3-box .row .box-page ul li{-webkit-box-flex:1;-ms-flex:1;flex:1}#wrap .page6 .page3-box .row .box-page p{line-height:30px}#wrap .page6 .page3-box .row .box-page .page-list{margin-top:30px}#wrap .page6 .page3-box .row .box-page .page-list .iconfont{font-size:30px;color:white}#wrap #navbar{position:fixed;right:50px;top:25%;overflow:hidden}#wrap #navbar .navbar-line{position:absolute;left:50%;top:0;width:2px;height:85%;background:url("../img/dot.png");z-index:-1}#wrap #navbar .navbar-list .navbtn{display:block;margin:0 auto 50px;width:7px;height:7px;line-height:7px;text-align:center;border-radius:50%;background-color:deepskyblue;border:4px solid #e8e8e8;-webkit-box-sizing:content-box;box-sizing:content-box}#wrap #navbar .navbar-list .navbtn:hover{border:4px solid white}#wrap #navbar #audio{position:relative;width:60px;height:60px;border-radius:50%;overflow:hidden}#wrap #navbar #audio .audio-controls{width:100%;height:100%;background-color:red;-webkit-animation:AudioRotate;animation:AudioRotate;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-play-state:paused;animation-play-state:paused}#wrap #navbar #audio .audio-controls img{width:100%;height:100%}#wrap #navbar #audio span{width:100%;height:100%;line-height:60px;position:absolute;top:0;left:0;text-align:center;font-size:25px;color:black;background:0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}#wrap #navbar #audio:hover span{background:rgba(0,0,0,0.3)}#wrap #navbar-banner{display:none}@media screen and (max-width:800px){#wrap #navbar-banner{display:block;position:fixed;top:0;left:0;width:100%;background-color:rgba(255,255,255,0.3)}
10 | #wrap #navbar-banner .iconfont{height:60px;line-height:60px;font-size:30px;color:white;float:right}#wrap #navbar-banner ul{display:none;list-style:none}#wrap #navbar-banner ul li{padding:5px 0}#wrap #navbar-banner ul li a{text-decoration:none;color:white}#wrap #navbar-banner ul li:hover{background-color:rgba(255,255,255,0.4)}#wrap #navbar{display:none}}@-webkit-keyframes AudioRotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes AudioRotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes ldanimation{0%,100%{height:40px;background:lightgreen}50%{height:70px;margin:-15px 0;background:lightblue}}@keyframes ldanimation{0%,100%{height:40px;background:lightgreen}50%{height:70px;margin:-15px 0;background:lightblue}}#loadding{position:fixed;left:0;right:0;top:0;bottom:0;z-index:1;background-color:#212121;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#loadding span{display:inline-block;width:8px;height:35px;border-radius:4px;background-color:lightblue;-webkit-animation:ldanimation .5s linear infinite;animation:ldanimation .5s linear infinite;margin:0 10px}#loadding span:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}#loadding span:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}#loadding span:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s} **/
11 |
12 |
13 | @import "iconfont.css";.header-area{position: relative;z-index: 1;};.clearFix::after{content:'';clear:both;display:block;visibility:hidden;width:0;height:0}.clearFix{zoom:1}.animateload{-webkit-animation:loadanimation 1.5s;animation:loadanimation 1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes loadanimation{0%{opacity:0}40%{opacity:0}100%{opacity:1}}@keyframes loadanimation{0%{opacity:0}40%{opacity:0}100%{opacity:1}}@-webkit-keyframes nextbutanimation{from{top:20%;opacity:1}to{top:60%;opacity:0}}@keyframes nextbutanimation{from{top:20%;opacity:1}to{top:60%;opacity:0}}@-webkit-keyframes typing{from{width:0}}@keyframes typing{from{width:0}}@-webkit-keyframes blink-caret{50%{border-color:transparent}}@keyframes blink-caret{50%{border-color:transparent}}#wrap{position:relative;}#wrap:after{content:'';position:fixed;left:0;right:0;top:0;bottom:0;background-image:url("../../src/img/bg.jpg");background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-size:cover;background-size:100% 100%;}#wrap .page{min-height:100vh;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:white}#wrap .page .page-title{color:#ff4a57;text-align:center;font-weight:bold;margin:20px 0}#wrap .page1{text-align:center}@media screen and (max-height:600px){#wrap .page1 .next-bt{display:none}}#wrap .page1 .next-bt{position:absolute;width:30px;height:60px;border-radius:30px;border:1px solid #dadada;bottom:80px;vertical-align:bottom;background-color:transparent;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;color:#dadada}#wrap .page1 .next-bt span{position:absolute;top:120%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:111px;text-align:center}#wrap .page1 .next-bt:hover{color:darkorange}#wrap .page1 .next-bt:after{position:absolute;content:'';width:5px;border-radius:10px;height:10px;background-color:#fff;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:nextbutanimation infinite 1s ease-in-out;animation:nextbutanimation infinite 1s ease-in-out}#wrap .page1 .page1-box .box-page{border-radius:10px;padding:30px 0;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;text-align:center}#wrap .page1 .page1-box .box-page h1{font-size:60px;line-height:80px;font-weight:800;font-family:cursive,'Lato',sans-serif}#wrap .page1 .page1-box .box-page .box-info{font-family:微軟正黑體;font-size:35px}#wrap .page1 .page1-box .box-page .box-font{color:#dadada}#wrap .page1 .page1-box .box-page .box-font .box-change{vertical-align:bottom;display:inline-block;border-right:.1em solid;width:16ch;white-space:nowrap;overflow:hidden;-webkit-animation:typing 2s steps(16,end),blink-caret .5s step-end infinite alternate;animation:typing 2s steps(16,end),blink-caret .5s step-end infinite alternate}#wrap .page1 .page1-box .box-page:hover{color:white;-webkit-box-shadow:0 0 50px 0 black;box-shadow:0 0 50px 0 black;background-color:rgba(255,255,255,0.2)}#wrap .page2 .page2-box .row{text-align:center}#wrap .page2 .page2-box .row .box-image::after{content:'';position:absolute;height:400px;width:70%;max-width:70%;max-width:400px;top:10%;left:30%;z-index:-1;background-color:rgba(255,255,255,0.3);border-top-left-radius:69% 70%;border-top-right-radius:37% 68%;border-bottom-right-radius:50% 32%;border-bottom-left-radius:50% 30%}#wrap .page2 .page2-box .row .box-image{position:relative;display:block;margin:0 auto 30px}#wrap .page2 .page2-box .row .box-image img{max-width:70%;width:auto;margin:0 auto;height:400px;-o-object-fit:cover;object-fit:cover;border-top-left-radius:69% 70%;border-top-right-radius:37% 68%;border-bottom-right-radius:50% 32%;border-bottom-left-radius:50% 30%;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}#wrap .page2 .page2-box .row img:hover{-webkit-box-shadow:0 0 10px 1px #5ba2d1;box-shadow:0 0 10px 1px #5ba2d1}#wrap .page2 .page2-box .row .box-info{text-align:left}#wrap .page2 .page2-box .row .box-info h1{text-align:center;font-weight:bold;color:#ff4a57;margin:30px 0}#wrap .page2 .page2-box .row .box-info h2{font-size:17px;font-weight:bold}#wrap .page2 .page2-box .row .box-info p{text-indent:2em;color:#dadada}#wrap .page3 .page3-box .row{text-align:center}#wrap .page3 .page3-box .row .box-item:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#wrap .page3 .page3-box .row .box-item{-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;margin:10px 0}#wrap .page3 .page3-box .row .box-item .box-xz{margin:0 auto;background-image:url("../../src/img/triangle.png");background-size:100% 100%;width:200px;height:200px;line-height:200px}#wrap .page3 .page3-box .row .box-item .box-xz .iconfont{font-size:50px}#wrap .page3 .page3-box .row .box-item .box-info{color:#dadada;font-family:'Poppins',sans-serif}#wrap .page3 .page3-box .row .box-item .box-info h5{color:#ff4a57;font-family:"Quicksand",sans-serif;font-weight:bold}#wrap .page3 .page3-box .row .box-item .box-info p{line-height:30px;font-family:"Yu Gothic"}#wrap .page4 .page3-box .row .iconfont{color:white;font-size:20px}#wrap .page4 .page3-box .row .box-right{font-family:"Quicksand",sans-serif}#wrap .page4 .page3-box .row .box-right .proresslist .proress{margin:20px 0}#wrap .page4 .page3-box .row .box-right .proresslist .proress .propress-title{font-weight:bold;padding:10px 10px 10px 0}#wrap .page4 .page3-box .row .box-right .proresslist .proress .propress-bar{display:-webkit-box;display:-ms-flexbox;display:flex;height:15px;background-color:#e9ecef;overflow:hidden;border-radius:2px}#wrap .page4 .page3-box .row .box-right .proresslist .proress .propress-bar .bar-propress{width:0;height:100%;background-color:#ff4a57;-webkit-transition:all 3s;-o-transition:all 3s;transition:all 3s;position:relative}#wrap .page4 .page3-box .row .box-right .proresslist .proress .propress-bar .bar-propress span{font-size:12px;font-weight:bold;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#wrap .page4 .page3-box .row .box-right .singlelist .slist-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}#wrap .page4 .page3-box .row .box-right .singlelist .slist-item .sitem-icon{background-size:100% 100%;width:50px;height:50px;line-height:50px;background-color:#ff4a57;text-align:center}#wrap .page4 .page3-box .row .box-right .singlelist .slist-item .sitem-info{margin-left:20px;font-family:Quicksand}#wrap .page4 .page3-box .row .box-right .singlelist .slist-item .sitem-info span{font-weight:bold}#wrap .page4 .page3-box .row .box-right .singlelist .slist-item .sitem-info h5{color:rgba(255,199,45,0.76)}#wrap .page4 .page3-box .row .box-left{padding:20px 0}#wrap .page4 .page3-box .row .box-left .left-body li:hover .desc{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#wrap .page4 .page3-box .row .box-left .left-body ul{position:relative;overflow:hidden;list-style:none;padding:1em 0 0 2em;margin:0}#wrap .page4 .page3-box .row .box-left .left-body ul .title{z-index:1;width:1.5rem;height:1.5rem;border-radius:50%;background:#fff;margin-left:-0.5rem;margin-top:7%}#wrap .page4 .page3-box .row .box-left .left-body ul .date{width:23%;font-size:.75em;padding-top:.40rem;padding-right:2rem}#wrap .page4 .page3-box .row .box-left .left-body ul .desc{-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;width:65%}#wrap .page4 .page3-box .row .box-left .left-body ul .desc h3{font-size:1.1em;font-weight:400;margin:0 0 10px 0}#wrap .page4 .page3-box .row .box-left .left-body ul .desc h4{margin:0;font-size:.8em;line-height:1.8em;font-weight:400;color:#808080}#wrap .page4 .page3-box .row .box-left .left-body ul::before{content:'';height:100%;width:5px;background-color:#d9d9d9;position:absolute;top:0;z-index:-1}#wrap .page4 .page3-box .row .box-left .left-body div{vertical-align:top;margin:1em 0;display:inline-block}#wrap .page5 .page3-box .row .box-item:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:1}#wrap .page5 .page3-box .row .box-item:hover .item-zhez{visibility:visible}#wrap .page5 .page3-box .row .box-item{position:relative;overflow:hidden;margin-bottom:20px;border-radius:10px;display:inline-block}#wrap .page5 .page3-box .row .box-item img{width:100%;min-height:220px;max-height:220px}#wrap .page5 .page3-box .row .box-item .item-zhez{position:absolute;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:white;padding:20px;right:0;bottom:0;left:0;top:0;background-color:rgba(0,0,0,0.3);visibility:hidden}#wrap .page5 .page3-box .row .box-item .item-zhez h4{-webkit-box-flex:1;-ms-flex:1;flex:1}#wrap .page5 .page3-box .row .box-item .item-zhez P{-webkit-box-flex:3;-ms-flex:3;flex:3}#wrap .page6 .page3-box .row .box-page{padding:100px;background:-webkit-gradient(linear,left top,left bottom,from(#00ffd4),to(#00ffd4)) left top,-webkit-gradient(linear,left top,left bottom,from(#00ffd4),to(#00ffd4)) left top,-webkit-gradient(linear,left top,left bottom,from(#00ffd4),to(#00ffd4)) right top,-webkit-gradient(linear,left top,left bottom,from(#00ffd4),to(#00ffd4)) right top,-webkit-gradient(linear,left top,left bottom,from(#00ffd4),to(#00ffd4)) left bottom,-webkit-gradient(linear,left top,left bottom,from(#00ffd4),to(#00ffd4)) left bottom,-webkit-gradient(linear,left top,left bottom,from(#00ffd4),to(#00ffd4)) right bottom,-webkit-gradient(linear,left top,left bottom,from(#00ffd4),to(#00ffd4)) right bottom;background:-o-linear-gradient(#00ffd4,#00ffd4) left top,-o-linear-gradient(#00ffd4,#00ffd4) left top,-o-linear-gradient(#00ffd4,#00ffd4) right top,-o-linear-gradient(#00ffd4,#00ffd4) right top,-o-linear-gradient(#00ffd4,#00ffd4) left bottom,-o-linear-gradient(#00ffd4,#00ffd4) left bottom,-o-linear-gradient(#00ffd4,#00ffd4) right bottom,-o-linear-gradient(#00ffd4,#00ffd4) right bottom;background:linear-gradient(#00ffd4,#00ffd4) left top,linear-gradient(#00ffd4,#00ffd4) left top,linear-gradient(#00ffd4,#00ffd4) right top,linear-gradient(#00ffd4,#00ffd4) right top,linear-gradient(#00ffd4,#00ffd4) left bottom,linear-gradient(#00ffd4,#00ffd4) left bottom,linear-gradient(#00ffd4,#00ffd4) right bottom,linear-gradient(#00ffd4,#00ffd4) right bottom;background-repeat:no-repeat;background-size:5px 60px,60px 5px;text-align:center}#wrap .page6 .page3-box .row .box-page .page-tag{font-size:20px}#wrap .page6 .page3-box .row .box-page h2{display:inline-block;padding-bottom:5px;border-bottom:2px solid orangered}#wrap .page6 .page3-box .row .box-page h2 span{color:orangered}#wrap .page6 .page3-box .row .box-page ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex}#wrap .page6 .page3-box .row .box-page ul li{-webkit-box-flex:1;-ms-flex:1;flex:1}#wrap .page6 .page3-box .row .box-page p{line-height:30px}#wrap .page6 .page3-box .row .box-page .page-list{margin-top:30px}#wrap .page6 .page3-box .row .box-page .page-list .iconfont{font-size:30px;color:white}#wrap #navbar{position:fixed;right:50px;top:25%;overflow:hidden}#wrap #navbar .navbar-line{position:absolute;left:50%;top:0;width:2px;height:85%;background:url("../img/dot.png");z-index:-1}#wrap #navbar .navbar-list .navbtn{display:block;margin:0 auto 50px;width:7px;height:7px;line-height:7px;text-align:center;border-radius:50%;background-color:deepskyblue;border:4px solid #e8e8e8;-webkit-box-sizing:content-box;box-sizing:content-box}#wrap #navbar .navbar-list .navbtn:hover{border:4px solid white}#wrap #navbar #audio{position:relative;width:60px;height:60px;border-radius:50%;overflow:hidden}#wrap #navbar #audio .audio-controls{width:100%;height:100%;background-color:red;-webkit-animation:AudioRotate;animation:AudioRotate;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-play-state:paused;animation-play-state:paused}#wrap #navbar #audio .audio-controls img{width:100%;height:100%}#wrap #navbar #audio span{width:100%;height:100%;line-height:60px;position:absolute;top:0;left:0;text-align:center;font-size:25px;color:black;background:0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}#wrap #navbar #audio:hover span{background:rgba(0,0,0,0.3)}#wrap #navbar-banner{display:none}@media screen and (max-width:800px){#wrap #navbar-banner{display:block;position:fixed;top:0;left:0;width:100%;background-color:rgba(255,255,255,0.3)}#wrap #navbar-banner .iconfont{height:60px;line-height:60px;font-size:30px;color:white;float:right}#wrap #navbar-banner ul{display:none;list-style:none}#wrap #navbar-banner ul li{padding:5px 0}#wrap #navbar-banner ul li a{text-decoration:none;color:white}#wrap #navbar-banner ul li:hover{background-color:rgba(255,255,255,0.4)}#wrap #navbar{display:none}}@-webkit-keyframes AudioRotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes AudioRotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes ldanimation{0%,100%{height:40px;background:lightgreen}50%{height:70px;margin:-15px 0;background:lightblue}}@keyframes ldanimation{0%,100%{height:40px;background:lightgreen}50%{height:70px;margin:-15px 0;background:lightblue}}#loadding{position:fixed;left:0;right:0;top:0;bottom:0;z-index:1;background-color:#212121;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#loadding span{display:inline-block;width:8px;height:35px;border-radius:4px;background-color:lightblue;-webkit-animation:ldanimation .5s linear infinite;animation:ldanimation .5s linear infinite;margin:0 10px}#loadding span:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}#loadding span:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}#loadding span:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s}
14 |
--------------------------------------------------------------------------------
/src/css/iconfont.css:
--------------------------------------------------------------------------------
1 | @font-face {font-family: "iconfont";
2 | src: url('//at.alicdn.com/t/font_1720723_l9n23r4l0si.eot?t=1586243025585'); /* IE9 */
3 | src: url('//at.alicdn.com/t/font_1720723_l9n23r4l0si.eot?t=1586243025585#iefix') format('embedded-opentype'), /* IE6-IE8 */
4 | url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAA7AAAsAAAAAGWgAAA5xAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCFRAqhbJoTATYCJANQCyoABCAFhG0HgXYbmxSjoo6TVsBkf3nAk/E+KgdFzKAIxxor00V9SipiX1xv8roQFi87nzrCHwrBQpshaqyEAXHGFDyPec93bpIq7RM+CI28lJYSOgC6uGZDEDbCDOXU9sAK7WHayxVy0A6FVq++AQIIKM73m9aQ7BnTOpA0aX1NBYasqOYH9v7g3dcNM5HWo03dVh05e/+XAwAEw9PNf4cuaKsmsSamzdXM9tVA9wEYPGGpFCMU95+fa/V24E0s6sfblUZM2/nf3snDfYhagkrSRiMkcWmQWCOKluAxEwtYLGcMCe2dQ4yIbdQqT9seAljqak0GP318NwYYJC+osJpk1BgkwjAlDoJvdIllTUHO4+CrE+o54Jx+fPmGjvmgcDRyR+OXPqaNfQy+mKX3J0qz9Vn29xcDnFYCDbQGBuQlMu4ZdEBba8FSNQ3XgZqymXcy9uJ0XIjXxSiWxOVxa3w2/uNnfXE0+U8M3RY5ulBTc3U0yArxKIhIYXFRGALS5GT2R3TI0+KX52IIkWv4NZFXQIyNZH9AgIQABcQDaKjqggESARwgKYALxAI88GQhDZ6+oACe9tAPSACYCp56sBBIDrAZSAZwAogAngfiA/5AMBz4ohWS1zALqts2DoruMs3BGhpOS3CvQRou0XGCupkX0hiKDAofFwvqKUElo3NPy/GiRqaaEsdLh4aF5JkNZ6PANC9aG1VygZWoh3iemKhV+Fukj1OO2uQgC8xSsavmrJX6tbM5B3QwijoV64eh54R6of6hYRAIXvAO0WIh8LMSjvM69dylUTXysOdr8aSab0v6f5T9VPv9TOIPPisn+wdbq1smi7H3z7sP20POy9ZJZo9Qxv3OmhPuHa7zPbdR39LEAHANmcvFj5KeIcvDL8qOBh8dCbKvzdXnUuaa8+neafqw5+K4U8k4thjo+15a92NZ77eS6q+LmYfn72W5pUNoP4Dgqspq3DkMFKh7LtKzynTxgpzRZ0jpYOGkgpRJhbhjBT8VJinxpJqIPZmUjwvkufPLAWREloGnQC7q5TC5ZyBggY0iyNWAkbrKUUQwa6WQLfZ3CuqGgllWIyp9rDWrmf60kpKzmOzgBcdyfSJOVYd5Kd3gTb2ciUiiJ8WZFpOMfD79DuqrMt1NXRcwqyUiUU9GnUnUjM6nO5WOuxpWDJ5SlSCdMpGpWkyJHzUlWkhOZNuXtL6p4qIhm0lwWSQsPblShE9X7JyMWduubPpPraieuNCI6l2YTnfWm71+MaR4AUYiLCtDWiuwapOfvC2v987GlA6XQakGsDgEYKjeG5rYjY03H+ZF2/0SrfOh6XVljOyCC4TQHWB3l7Ju6Dqb7c46TXnJ4FayTgERkWY8KmWoRzcwb6QhzTBsQd3glZHJJCHgGJd4zqiphQFOI5mGORFzmqAGDHhzFfhZwzgdiPwTs+I8udnG2Du+x3fGIQ7HtIRAIkJWxO39hgU3jUKICPHQKRKUKW8YnAh1Xi8EXBhfyHLlugOKgbms6m900yTM1nkDcAGiB7f1Ao7jhK96ejwNQuZmrU/APexr26dmpjWXhmICceZFPVUoU3OLRlGrFcyKpbxAScPs+DDDqM2smGLCznrG76ClgPWUB77T81X5pv9wvot+6aUPdd620UTEPaIcf3Ut08jxItKvJ+V1hWLCUcaM16tMIOn90yT0JWcIyUNhkoJJJwcRQwQWA4DIvVHMG5pi8PEz8ud3trif1ooIEao4cCmjU6C7BSeuD7hgctzvJsGcl2a5q8HakvvGqXI32oFTWBPOkEg0yZ8+S+Ph0FkcU5NbcZwmJGwkyckj2jBSnDII2wtJ11TSPI2+m/NMnxZt98x0Y2r3LGIv6rf4D/oO6izpNLl0J5h+SaMVACU8bdtL7hI2KJnqyCX5zGpBiwPfkEwpbVGzD343ozqHfuTyuCOz9ebs+IzpiamYC3mHxeFN1EOE91tBcjPzcjvmDP7ZijiK+HwxbhBlprXZlaxlrTlb51SxwNqBGNaSPB8uEiE1udWqgNObfGhluMjgkygxFbzZ1U+J5yg2eWD9qfq7LWhguTHFH71Fz3XEFGGTMy9xGnNvRQAbbWRnjoUOKU9cKYeOL88UdQyUzXpIFdtvJsM96hdfpuF8sQfc/1cs8PvwS4u9gc+BaCvWDwLjSEvL2Qo+Jd090ur+BV/WVd5NVLc+6uhvCg666PwKzUIpv/R4vnc2CJQyZnIL+P7Kmk6xmsr9DdOhikirbwbN+r5FzYZ+Bkz68O5y4CV29Xuq9vv8zFpgw/Rp2zBUvVUY9x6XFsRgsO9Fa/TflYW71INU26CNSUmlkP60mVU2XDVz51W11Mc2AFY7iQGrSCI9377yskuvHBwb2xdDo2HshARHjE7DOFpifWz9rNwcIjEnJyugamhwOSBulnAmObRVO+fv1JgwqTURCmj5CzUWFbj7m8EXYJXvpm/Wkae/qX6j6HCPcGXHzqyXsCIbPBuqduap5WnYjF6ALbpiZXEOK6sriXORFKWUAiQhz1oRTVJKAhaPfRduWBXeSb55g1GLXH8wfpR2Jd693fDFDowRI2n0iEn10+Ev+l/AmuIyOzv9VKNDnQMPzTut/UVYdu/eLtWze2L01GFBzZkf+KYobbHt/oEzj0w5aWBtzcnUtk8pk1sKzzaszlI8LgtsNnDS361TpbPbgevGBe5LCLsVdhVvuJX3b6SEcpeCl1FqV7WYSfvQf/6gexULuk8I/0YslwzDgoUzHGEYmWvOsYDCKkQCKAKUjqX5zhJHAfEcwCkHyEwCLxd+e6ywE5Jw6XQJLxQKgtJ5NvCCfheKZdVK9a7qf+4GcTg72Q3jkAGsvIZq1UGvKZZzji76W92vVCDLoCVoiwhy2LASeb1fD/pw8a4L/XjF7KkjCEkrrNrZLbvcj/fumummgPkTFC/SzMooAxUzQrm18izc8eRPc4Vg2+R+iyzb7ddzPU54ANaRi1Xf7DZLt2R5D4cFEVD7pd7bi4Y3SB/DMqTN2HKSSS+M8sAjD9dCPo6rnbr4IeW2oOvBs7wirIVyHGsdNRUnWR5uls+xtAOEIAqzdjPR9PJ73BXdpxHTXs9WNSSnkU6jNBrK9acFB100v+yTI8G1xmCANIvlIuU3q1mxG8qvjmO5VvOH1e1J74ibiB+TXnQHcyNcFuOP5ZiVzL79/6y2k6TzA6bfyZGM7lFUZR6p3Fyw2bICVTlR/BpTi2yshvuWEGSAw0OWORiUI/770P/+otA/YHDQGetzDW5e92mHZ2A5FfPTUtD6/fPnby0QnC9GqXC2OHi5rflebyCutkOvk/bFw+CIqu5D13WUKOH9gWPdzYjoHRar/N+j3ekqE1XMjR+Y6C1OgL1Tiaj8wwSkufETxf4Ln9g7kaGqJ8qPMilG5YKorcbfQxkvaZvxD+KqRGC2QOGhyqkN0mqoCbpnSG8EvgNzduqkFDpfDdaiP5jWh3OGO7oKGRxDjtEWwy2n9+oeMXxp9D/P2B9YNCFbC5fBwzI132BdNjiY6l8VvzYqkYjXrIykDfqq+hTmQDW/CXCA4WVQGeKqFYD3w8dDHZer+nNskbBtLTfWXnH51C2Fada8EsffW3ew2TvDltPKD3dGF4ceaD/yB5fboNZEPq7BmfkOq3yvstdeyPV9ZjOphcTSugdfKzb53/XrYbN1L+huZDMuMDb6u5BjbpYzy50bvCz4WuO2/ud8Pm9rjAMgcTHONm37kPLkcCMeXKdloCn9ewWh09Ar0IodCXXU/w/Bk8310PPw9U679g8KfjHOgoUuYCVCGiPgNtP06gR8kKGjyJl9oPbAJs/saBj/rxNa5M2RttYxQuS15eTlpB8ZI45b/jMp9DWNnD9rq8abb7m6sDXoiPcOztvWuwPsdUPXoXPY4DAY27jqzLoo4BM3YLyifMwvHgiu9j29yn88XuA7fqZ5bGD8mrdLHyGcReqsPOpkySuK6oiQ459FF9Pd5GFuEjGvt73DxvYDk0skIS4aq+0z1L8cm1f7rernULJWi5mnvhjxd5a+mzP5yUjDbZL3h7fKq/KNao0u/9tR3m4HdvGkdoV9L0LYTtXCWDPR122HQ9TaIwx82/smidNcg8kLdGwdVmn4C6eVcOukhSWqv9Xmjx22cWC/n80+2IvVmXnaa2rrltZt6w/LN7n5hUfLRPz59Z2Nf1iodxfrkg8gOWN+u6OZKtO/nfSUe1QP9zzgYT3Qc0ysl+Y2/a1eT03VVPf//5TIVvosWEUHcLFlT+/lnjM+0vNj93mkbSnQ+9Xbeqon1A/Jf8mmtR7LYz5SH/G4ZX7sM/+4m3WjVwjT8WE+03nevPdvfvimIfOdu4d+06px5d9m4KMej4DXA+jsLpH91P1qZXhx363bkc7uaETJJyN1+iR/aVXvCUUPPLwxilrVC14TJOV9MAdDqbb6xYihFBGFRx2i8WnMGKvWxCGkM3Hx6UcsrQxbOaRgI23EBEBLRxgRsu4gijQPEk3W84yxep84lH1HXLJpYpkqhXWGNG3FaFCFkcMU4gtQwlZYkW7kV/xE6XVUxbXa4xermjJh07Z9uuAZLVZ9LFAf5dY5AaJiA09sZ6g1Q1FxjolbZs4Vu1W7pdSCy4RNY8QgKpAI5wZMAQu5KK4ggbGI/h2jzMN/gkg8moiqpMUfxV+QihoaO+igrfY1mGfB1mpxLtU3cUSytZnHCMCuX8EYwFAeg2iVy4D19FQ5SIJjaXkLsWCnHe9paV1hOb7B3AMCV1+rcoPFlGgx4ogrnvgSiJVQHkcvQ9KSkazkJC8FKUqJYL2OLoEgrWc7I+vISrv6NSO4eJtTuoSPKeIgZPlmJFuZ++BCVmN3caQiGpTQ0uT7jhjTpr9YT2cj7m3K2OfUbzvBor8N6Ux2M+q2eOYXCReXZqGa7DqtDWV7NWGveILOcjY42MH+3MmksreMXObjZhsAAAA=') format('woff2'),
5 | url('//at.alicdn.com/t/font_1720723_l9n23r4l0si.woff?t=1586243025585') format('woff'),
6 | url('//at.alicdn.com/t/font_1720723_l9n23r4l0si.ttf?t=1586243025585') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
7 | url('//at.alicdn.com/t/font_1720723_l9n23r4l0si.svg?t=1586243025585#iconfont') format('svg'); /* iOS 4.1- */
8 | }
9 |
10 | .iconfont {
11 | font-family: "iconfont" !important;
12 | font-size: 16px;
13 | font-style: normal;
14 | -webkit-font-smoothing: antialiased;
15 | -moz-osx-font-smoothing: grayscale;
16 | }
17 |
18 | .icon-play_fill:before {
19 | content: "\e689";
20 | }
21 |
22 | .icon-zantingtingzhi:before {
23 | content: "\e60e";
24 | }
25 |
26 | .icon-yunjiantubiao_jianjigongju_yinle:before {
27 | content: "\e75b";
28 | }
29 |
30 | .icon-dakai:before {
31 | content: "\e613";
32 | }
33 |
34 | .icon-biaoqian:before {
35 | content: "\e6f7";
36 | }
37 |
38 | .icon-qianbi1:before {
39 | content: "\e607";
40 | }
41 |
42 | .icon-diannao:before {
43 | content: "\e602";
44 | }
45 |
46 | .icon-shouji:before {
47 | content: "\e6cd";
48 | }
49 |
50 | .icon-tubiao-:before {
51 | content: "\e63f";
52 | }
53 |
54 | .icon-weixin1:before {
55 | content: "\e606";
56 | }
57 |
58 | .icon-zhihu-copy:before {
59 | content: "\e601";
60 | }
61 |
62 | .icon-bilibili:before {
63 | content: "\e604";
64 | }
65 |
66 | .icon-qq:before {
67 | content: "\e605";
68 | }
69 |
70 | .icon-lie:before {
71 | content: "\e656";
72 | }
73 |
74 | .icon-weixin:before {
75 | content: "\e674";
76 | }
77 |
78 | .icon-home:before {
79 | content: "\e600";
80 | }
81 |
82 | .icon-youxiang:before {
83 | content: "\e662";
84 | }
85 |
86 | .icon-github:before {
87 | content: "\e72b";
88 | }
89 |
90 | .icon--:before {
91 | content: "\e603";
92 | }
93 |
94 |
--------------------------------------------------------------------------------
/src/img/bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wttAndroid/web-resume/75e137b675dc7393701813c1525fed03a89fc532/src/img/bg.jpg
--------------------------------------------------------------------------------
/src/img/box1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wttAndroid/web-resume/75e137b675dc7393701813c1525fed03a89fc532/src/img/box1.png
--------------------------------------------------------------------------------
/src/img/box2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wttAndroid/web-resume/75e137b675dc7393701813c1525fed03a89fc532/src/img/box2.png
--------------------------------------------------------------------------------
/src/img/box3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wttAndroid/web-resume/75e137b675dc7393701813c1525fed03a89fc532/src/img/box3.jpg
--------------------------------------------------------------------------------
/src/img/box4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wttAndroid/web-resume/75e137b675dc7393701813c1525fed03a89fc532/src/img/box4.png
--------------------------------------------------------------------------------
/src/img/box5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wttAndroid/web-resume/75e137b675dc7393701813c1525fed03a89fc532/src/img/box5.jpg
--------------------------------------------------------------------------------
/src/img/box6.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wttAndroid/web-resume/75e137b675dc7393701813c1525fed03a89fc532/src/img/box6.jpeg
--------------------------------------------------------------------------------
/src/img/dot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wttAndroid/web-resume/75e137b675dc7393701813c1525fed03a89fc532/src/img/dot.png
--------------------------------------------------------------------------------
/src/img/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wttAndroid/web-resume/75e137b675dc7393701813c1525fed03a89fc532/src/img/favicon.ico
--------------------------------------------------------------------------------
/src/img/page1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wttAndroid/web-resume/75e137b675dc7393701813c1525fed03a89fc532/src/img/page1.jpg
--------------------------------------------------------------------------------
/src/img/page2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wttAndroid/web-resume/75e137b675dc7393701813c1525fed03a89fc532/src/img/page2.png
--------------------------------------------------------------------------------
/src/img/qq.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wttAndroid/web-resume/75e137b675dc7393701813c1525fed03a89fc532/src/img/qq.jpg
--------------------------------------------------------------------------------
/src/img/toux.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wttAndroid/web-resume/75e137b675dc7393701813c1525fed03a89fc532/src/img/toux.jpeg
--------------------------------------------------------------------------------
/src/img/triangle.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wttAndroid/web-resume/75e137b675dc7393701813c1525fed03a89fc532/src/img/triangle.png
--------------------------------------------------------------------------------
/src/img/weix.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wttAndroid/web-resume/75e137b675dc7393701813c1525fed03a89fc532/src/img/weix.jpg
--------------------------------------------------------------------------------
24 | 
127 |