About me 1
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:skin><![CDATA[]]></b:skin>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='IE=edge' http-equiv='X-UA-Compatible'/>
<title>Giới thiệu về tôi</title>
<link crossorigin='anonymous' href='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css' integrity='sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'/>
<script charset='UTF-8' src='https://gc.kis.v2.scr.kaspersky-labs.com/47515CF7-A0E5-F149-8F2D-EFCA1FD83218/main.js' type='text/javascript'/><script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js'/>
<style>
.mask,.mask2{top:0;left:0}.boxMask,span{display:inline-block}body{background-color:#fdfdfd}.abm{color:#1e90ff;font-size:28pt}*{font-family:Roboto,sans-serif}.boxMask{position:relative;overflow:hidden}.mask,.mask1,.mask2,.maskImage{position:absolute;width:100%;height:100%}.mask1{background-color:#4285f4}.maskImage{background-color:#90a0af}.mask2{margin-left:60%}.avatar img{width:200px;border-radius:100%}.avatar{position:relative}.avatar_layer{position:absolute;width:100%;height:100%;top:0;left:0}.avatar_layer svg{width:200px}span{white-space:pre}
</style>
<link href='//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css' rel='stylesheet'/>
<script type='text/javascript'>
//<![CDATA[
var app = angular.module('myApp',[]);
app.controller('myController', function($scope) {
$scope.abm = "About Me";
$scope.updateInfo = "Updated 1 hour ago";
$scope.verify = "Verify";
$scope.c = "Description about me !";
$scope.cv = "Công việc";
$scope.job1 = "KhoiRomBlog.Site";
$scope.job2 = "Xạo lòn";
$scope.contact = "Thông tin liên lạc";
$scope.contact1 = "khoiromdz@gmail.com";
$scope.contact2 = "https://facebook.com/mkhoi2001";
$scope.contactmi = " LIÊN HỆ TÔI";
$scope.ifyou = "Nếu có thắc mắc về code thì liên lạc mình !";
$scope.modal1 = "Facebook";
$scope.modal2 = "Zalo";
$scope.modal3 = "SnapChat";
$scope.modal4 = "Email";
$scope.modal5 = "Sms";
$scope.linkfb = "https://facebook.com/mkhoi2001";
$scope.linkzl = "01297350049";
$scope.linksc = "";
$scope.linkgm = "khoiromdz@gmail.com";
$scope.phonenumber = "01297350049";
$scope.email = "khoiromdz@gmail.com";
$scope.title2 = "My Story";
$scope.contentStory1 = "Bỗng một ngày đang truy cập group đen thì vô tình nhìn thấy có người post về blogger nên mình vào tìm hiểu";
$scope.contentStory2 = "Mình phải học giỏi, giỏi hơn nữa, ...";
$scope.storytitle1 = "Đời lập trình của tôi bắt đầu bằng sự tình cờ ...";
$scope.storytitle2 = "Lời hứa của tôi với bản thân và mọi người ";
$scope.nothinglikeus = "Thank for watching";
$scope.phone = false;
$scope.reverse = function () {
$scope.phone= !$scope.phone;
}
$scope.gmail = false;
$scope.reverse2 = function () {
$scope.gmail= !$scope.gmail;
};
$scope.au = "Tom";
});
//]]>
</script>
</head><!--<head/>-->
<body ng-app='myApp' ng-controller='myController'>
<b:section id='garena.vn'/>
<div class='container-fluid mt-4'>
<div class='row'>
<div class='col-12 text-center'>
<p class='pt-3 abm needtoMask'>{{abm}}</p><br/>
<small class='text-muted needtoMask update mb-2'>{{updateInfo}}</small>
<div class='jumbotron'>
<div class='avatar'>
<img alt='Avatar' class='img-fluid' src='https://i.pinimg.com/originals/e2/f4/c9/e2f4c95c9f9c172a7ff03e729527360e.png'/>
<div class='avatar_layer'><svg data-name='Layer a' id='Layer_a' viewBox='0 0 202 202' xmlns='http://www.w3.org/2000/svg'>
<defs>
<style>.cls-a{fill:none;stroke:#34a853;stroke-miterlimit:10;stroke-width:1.2px}</style>
</defs>
<circle class='cls-a' cx='101' cy='101' r='100'/>
</svg>
</div>
</div>
<div class='verify mt-2'>
<small class='roboto' style='font-size:14pt;color:#4bb969'>
<i class='ion-android-checkmark-circle'/> {{verify}}</small>
</div>
<div class='col-12'>
<h3 class='roboto name mt-3' style='font-weight:100;color:#4285f4'>Khôi Ròm <span class='ion-ios-pulse'/></h3>
<p class='crush roboto'>{{des}}</p>
<hr/>
<div class='row'>
<div class='col-12 col-md-6'>
<h4 class='jobh4 p-1 mb-2'>{{cv}}</h4>
<div class='job_content'>
<p>
<span class='ion-ios-world-outline' style='font-size:15pt'/> {{job1}}</p>
<p>
<span class='ion-social-usd'/> {{job2}}</p>
</div>
</div>
<div class='col-12 col-md-6'>
<h4 class='contacth4 p-1 mb-2'>{{contact}}</h4>
<div class='contact_content'>
<i class='fab fa-chrome text-muted'/><p class='hovering'>
<span class='ion-paper-airplane' style='font-size:15pt'>
</span> {{contact1}}</p>
<p class='hovering'>
<span class='ion-social-facebook'>
</span> {{contact2}}</p>
</div>
</div>
</div>
<div class='row justify-content-center'>
<div class='col-10 col-md-4'>
<a class='btn btn-primary btn-block ctcme roboto' data-target='#exampleModal' data-toggle='modal' style='color:#f4f4f4'>
<span class='ion-ionic'/> {{contactmi}}</a>
</div>
<div aria-hidden='true' aria-labelledby='exampleModalLabel' class='modal fade' id='exampleModal' role='dialog' tabindex='-1'>
<div class='modal-dialog' role='document'>
<div class='modal-content'><div class='modal-header'>
<h5 class='modal-title text-muted' id='exampleModalLabel'>{{ifyou}}</h5>
<button aria-label='Close' class='close' data-dismiss='modal' type='button'>
<span aria-hidden='true' class='pt-1 ion-ios-close'/>
</button>
</div>
<div class='modal-body'>
<div class='container'>
<div class='row justify-content-center'>
<div class='col-12'>
<span class='ion-ios-chatbubble text-info col-6' style='font-size:24pt'/>
</div>
</div>
<div class='row justify-content-center'>
<a class='btn btn-primary btn-block col-6 mb-3' href='{{linkfb}}' target='_blank'>{{modal1}}</a>
</div>
<div class='row justify-content-center'>
<a class='btn btn-info btn-block col-6 mb-3' href='{{linkzl}}' target='_blank'>{{modal2}}</a>
</div>
<div class='row justify-content-center'>
<a class='btn btn-warning btn-block col-6 mb-3' href='{{linksc}}' target='_blank'>{{modal3}}</a>
</div>
<div class='row justify-content-center'>
<a class='btn btn-danger btn-block col-6 mb-3' ng-click='reverse2()'>{{modal4}}</a></div><div class='row justify-content-center'>
<code class='roboto col-6 mb-3 text-muted' ng-show='gmail' style='font-size:12pt;color:#f4f4f4'>{{email}}</code></div>
<div class='row justify-content-center'>
<a class='btn btn-success btn-block col-6 mb-3' ng-click='reverse()' style='color:#f3f3f3'>{{modal5}}</a>
</div>
<div class='row justify-content-center'>
<code class='roboto col-6 py-2 text-muted' ng-show='phone' style='font-size:12pt'>{{phonenumber}}</code>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='container'>
<div class='row text-center'>
<h2 class='col-12 display-4 text-success ms'>{{title2}} <span class='ion-bookmark mt-2'/></h2>
</div>
<div class='row my-5'>
<div class='col-12 text-center'>
<span class='ion-social-nodejs display-1 planet'/>
<br/>
<a class='motivation' href='https://www.codedayroi.net/' style='opacity:.2;font-size:10pt;text-decoration:none;cursor:default' target='_blank'>{{au}}</a>
</div>
</div>
<div class='row mt-5 mb-4'>
<div class='col-12'>
<div class='row'>
<div class='img1 col-12 col-lg-4'>
<img class='img-fluid' src='https://i.imgur.com/zWv0HRK.png'/>
</div>
<div class='col-12 col-lg-8 py-2 py-lg-0 ulong'>
<h4 class='text-primary'>{{storytitle1}}</h4>
<hr/>
<p>{{contentStory1}}</p>
<small class='float-right text-danger'>{{nothinglikeus}} <span class='ion-ios-heart ml-1'/>
</small>
</div>
</div>
</div>
</div>
<div class='row mt-5 mb-4'>
<div class='col-12'>
<div class='row'>
<div class='img2 col-12 col-lg-4'>
<img class='img-fluid' src='https://i.imgur.com/vbWAo9F.png'/>
</div>
<div class='col-12 col-lg-8 py-2 py-lg-0 ulang'>
<h4 class='text-primary'>{{storytitle2}}</h4>
<hr/>
<p>{{contentStory2}}</p>
<div>Cảm ơn mọi người đã ủng hộ</div>
<small class='float-right text-danger'>{{nothinglikeus}} <span class='ion-ios-heart ml-1'/></small></div></div></div>
</div>
</div>
<script crossorigin='anonymous' integrity='sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n' src='https://code.jquery.com/jquery-3.1.1.slim.min.js'/>
<script crossorigin='anonymous' integrity='sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb' src='https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js'/>
<script crossorigin='anonymous' integrity='sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn' src='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js'/>
<script type='text/javascript'>
//<![CDATA[
var $jscomp={scope:{}};$jscomp.defineProperty="function"==typeof Object.defineProperties?Object.defineProperty:function(e,r,p){if(p.get||p.set)throw new TypeError("ES3 does not support getters and setters.");e!=Array.prototype&&e!=Object.prototype&&(e[r]=p.value)};$jscomp.getGlobal=function(e){return"undefined"!=typeof window&&window===e?e:"undefined"!=typeof global&&null!=global?global:e};$jscomp.global=$jscomp.getGlobal(this);$jscomp.SYMBOL_PREFIX="jscomp_symbol_";
$jscomp.initSymbol=function(){$jscomp.initSymbol=function(){};$jscomp.global.Symbol||($jscomp.global.Symbol=$jscomp.Symbol)};$jscomp.symbolCounter_=0;$jscomp.Symbol=function(e){return $jscomp.SYMBOL_PREFIX+(e||"")+$jscomp.symbolCounter_++};
$jscomp.initSymbolIterator=function(){$jscomp.initSymbol();var e=$jscomp.global.Symbol.iterator;e||(e=$jscomp.global.Symbol.iterator=$jscomp.global.Symbol("iterator"));"function"!=typeof Array.prototype[e]&&$jscomp.defineProperty(Array.prototype,e,{configurable:!0,writable:!0,value:function(){return $jscomp.arrayIterator(this)}});$jscomp.initSymbolIterator=function(){}};$jscomp.arrayIterator=function(e){var r=0;return $jscomp.iteratorPrototype(function(){return r<e.length?{done:!1,value:e[r++]}:{done:!0}})};
$jscomp.iteratorPrototype=function(e){$jscomp.initSymbolIterator();e={next:e};e[$jscomp.global.Symbol.iterator]=function(){return this};return e};$jscomp.array=$jscomp.array||{};$jscomp.iteratorFromArray=function(e,r){$jscomp.initSymbolIterator();e instanceof String&&(e+="");var p=0,m={next:function(){if(p<e.length){var u=p++;return{value:r(u,e[u]),done:!1}}m.next=function(){return{done:!0,value:void 0}};return m.next()}};m[Symbol.iterator]=function(){return m};return m};
$jscomp.polyfill=function(e,r,p,m){if(r){p=$jscomp.global;e=e.split(".");for(m=0;m<e.length-1;m++){var u=e[m];u in p||(p[u]={});p=p[u]}e=e[e.length-1];m=p[e];r=r(m);r!=m&&null!=r&&$jscomp.defineProperty(p,e,{configurable:!0,writable:!0,value:r})}};$jscomp.polyfill("Array.prototype.keys",function(e){return e?e:function(){return $jscomp.iteratorFromArray(this,function(e){return e})}},"es6-impl","es3");var $jscomp$this=this;
(function(e,r){"function"===typeof define&&define.amd?define([],r):"object"===typeof module&&module.exports?module.exports=r():e.anime=r()})(this,function(){function e(a){if(!h.col(a))try{return document.querySelectorAll(a)}catch(c){}}function r(a,c){for(var d=a.length,b=2<=arguments.length?arguments[1]:void 0,f=[],n=0;n<d;n++)if(n in a){var k=a[n];c.call(b,k,n,a)&&f.push(k)}return f}function p(a){return a.reduce(function(a,d){return a.concat(h.arr(d)?p(d):d)},[])}function m(a){if(h.arr(a))return a;
h.str(a)&&(a=e(a)||a);return a instanceof NodeList||a instanceof HTMLCollection?[].slice.call(a):[a]}function u(a,c){return a.some(function(a){return a===c})}function C(a){var c={},d;for(d in a)c[d]=a[d];return c}function D(a,c){var d=C(a),b;for(b in a)d[b]=c.hasOwnProperty(b)?c[b]:a[b];return d}function z(a,c){var d=C(a),b;for(b in c)d[b]=h.und(a[b])?c[b]:a[b];return d}function T(a){a=a.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,function(a,c,d,k){return c+c+d+d+k+k});var c=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(a);
a=parseInt(c[1],16);var d=parseInt(c[2],16),c=parseInt(c[3],16);return"rgba("+a+","+d+","+c+",1)"}function U(a){function c(a,c,b){0>b&&(b+=1);1<b&&--b;return b<1/6?a+6*(c-a)*b:.5>b?c:b<2/3?a+(c-a)*(2/3-b)*6:a}var d=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(a)||/hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(a);a=parseInt(d[1])/360;var b=parseInt(d[2])/100,f=parseInt(d[3])/100,d=d[4]||1;if(0==b)f=b=a=f;else{var n=.5>f?f*(1+b):f+b-f*b,k=2*f-n,f=c(k,n,a+1/3),b=c(k,n,a);a=c(k,n,a-1/3)}return"rgba("+
255*f+","+255*b+","+255*a+","+d+")"}function y(a){if(a=/([\+\-]?[0-9#\.]+)(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(a))return a[2]}function V(a){if(-1<a.indexOf("translate")||"perspective"===a)return"px";if(-1<a.indexOf("rotate")||-1<a.indexOf("skew"))return"deg"}function I(a,c){return h.fnc(a)?a(c.target,c.id,c.total):a}function E(a,c){if(c in a.style)return getComputedStyle(a).getPropertyValue(c.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase())||"0"}function J(a,c){if(h.dom(a)&&
u(W,c))return"transform";if(h.dom(a)&&(a.getAttribute(c)||h.svg(a)&&a[c]))return"attribute";if(h.dom(a)&&"transform"!==c&&E(a,c))return"css";if(null!=a[c])return"object"}function X(a,c){var d=V(c),d=-1<c.indexOf("scale")?1:0+d;a=a.style.transform;if(!a)return d;for(var b=[],f=[],n=[],k=/(\w+)\((.+?)\)/g;b=k.exec(a);)f.push(b[1]),n.push(b[2]);a=r(n,function(a,b){return f[b]===c});return a.length?a[0]:d}function K(a,c){switch(J(a,c)){case "transform":return X(a,c);case "css":return E(a,c);case "attribute":return a.getAttribute(c)}return a[c]||
0}function L(a,c){var d=/^(\*=|\+=|-=)/.exec(a);if(!d)return a;var b=y(a)||0;c=parseFloat(c);a=parseFloat(a.replace(d[0],""));switch(d[0][0]){case "+":return c+a+b;case "-":return c-a+b;case "*":return c*a+b}}function F(a,c){return Math.sqrt(Math.pow(c.x-a.x,2)+Math.pow(c.y-a.y,2))}function M(a){a=a.points;for(var c=0,d,b=0;b<a.numberOfItems;b++){var f=a.getItem(b);0<b&&(c+=F(d,f));d=f}return c}function N(a){if(a.getTotalLength)return a.getTotalLength();switch(a.tagName.toLowerCase()){case "circle":return 2*
Math.PI*a.getAttribute("r");case "rect":return 2*a.getAttribute("width")+2*a.getAttribute("height");case "line":return F({x:a.getAttribute("x1"),y:a.getAttribute("y1")},{x:a.getAttribute("x2"),y:a.getAttribute("y2")});case "polyline":return M(a);case "polygon":var c=a.points;return M(a)+F(c.getItem(c.numberOfItems-1),c.getItem(0))}}function Y(a,c){function d(b){b=void 0===b?0:b;return a.el.getPointAtLength(1<=c+b?c+b:0)}var b=d(),f=d(-1),n=d(1);switch(a.property){case "x":return b.x;case "y":return b.y;
case "angle":return 180*Math.atan2(n.y-f.y,n.x-f.x)/Math.PI}}function O(a,c){var d=/-?\d*\.?\d+/g,b;b=h.pth(a)?a.totalLength:a;if(h.col(b))if(h.rgb(b)){var f=/rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(b);b=f?"rgba("+f[1]+",1)":b}else b=h.hex(b)?T(b):h.hsl(b)?U(b):void 0;else f=(f=y(b))?b.substr(0,b.length-f.length):b,b=c&&!/\s/g.test(b)?f+c:f;b+="";return{original:b,numbers:b.match(d)?b.match(d).map(Number):[0],strings:h.str(a)||c?b.split(d):[]}}function P(a){a=a?p(h.arr(a)?a.map(m):m(a)):[];return r(a,
function(a,d,b){return b.indexOf(a)===d})}function Z(a){var c=P(a);return c.map(function(a,b){return{target:a,id:b,total:c.length}})}function aa(a,c){var d=C(c);if(h.arr(a)){var b=a.length;2!==b||h.obj(a[0])?h.fnc(c.duration)||(d.duration=c.duration/b):a={value:a}}return m(a).map(function(a,b){b=b?0:c.delay;a=h.obj(a)&&!h.pth(a)?a:{value:a};h.und(a.delay)&&(a.delay=b);return a}).map(function(a){return z(a,d)})}function ba(a,c){var d={},b;for(b in a){var f=I(a[b],c);h.arr(f)&&(f=f.map(function(a){return I(a,
c)}),1===f.length&&(f=f[0]));d[b]=f}d.duration=parseFloat(d.duration);d.delay=parseFloat(d.delay);return d}function ca(a){return h.arr(a)?A.apply(this,a):Q[a]}function da(a,c){var d;return a.tweens.map(function(b){b=ba(b,c);var f=b.value,e=K(c.target,a.name),k=d?d.to.original:e,k=h.arr(f)?f[0]:k,w=L(h.arr(f)?f[1]:f,k),e=y(w)||y(k)||y(e);b.from=O(k,e);b.to=O(w,e);b.start=d?d.end:a.offset;b.end=b.start+b.delay+b.duration;b.easing=ca(b.easing);b.elasticity=(1E3-Math.min(Math.max(b.elasticity,1),999))/
1E3;b.isPath=h.pth(f);b.isColor=h.col(b.from.original);b.isColor&&(b.round=1);return d=b})}function ea(a,c){return r(p(a.map(function(a){return c.map(function(b){var c=J(a.target,b.name);if(c){var d=da(b,a);b={type:c,property:b.name,animatable:a,tweens:d,duration:d[d.length-1].end,delay:d[0].delay}}else b=void 0;return b})})),function(a){return!h.und(a)})}function R(a,c,d,b){var f="delay"===a;return c.length?(f?Math.min:Math.max).apply(Math,c.map(function(b){return b[a]})):f?b.delay:d.offset+b.delay+
b.duration}function fa(a){var c=D(ga,a),d=D(S,a),b=Z(a.targets),f=[],e=z(c,d),k;for(k in a)e.hasOwnProperty(k)||"targets"===k||f.push({name:k,offset:e.offset,tweens:aa(a[k],d)});a=ea(b,f);return z(c,{children:[],animatables:b,animations:a,duration:R("duration",a,c,d),delay:R("delay",a,c,d)})}function q(a){function c(){return window.Promise&&new Promise(function(a){return p=a})}function d(a){return g.reversed?g.duration-a:a}function b(a){for(var b=0,c={},d=g.animations,f=d.length;b<f;){var e=d[b],
k=e.animatable,h=e.tweens,n=h.length-1,l=h[n];n&&(l=r(h,function(b){return a<b.end})[0]||l);for(var h=Math.min(Math.max(a-l.start-l.delay,0),l.duration)/l.duration,w=isNaN(h)?1:l.easing(h,l.elasticity),h=l.to.strings,p=l.round,n=[],m=void 0,m=l.to.numbers.length,t=0;t<m;t++){var x=void 0,x=l.to.numbers[t],q=l.from.numbers[t],x=l.isPath?Y(l.value,w*x):q+w*(x-q);p&&(l.isColor&&2<t||(x=Math.round(x*p)/p));n.push(x)}if(l=h.length)for(m=h[0],w=0;w<l;w++)p=h[w+1],t=n[w],isNaN(t)||(m=p?m+(t+p):m+(t+" "));
else m=n[0];ha[e.type](k.target,e.property,m,c,k.id);e.currentValue=m;b++}if(b=Object.keys(c).length)for(d=0;d<b;d++)H||(H=E(document.body,"transform")?"transform":"-webkit-transform"),g.animatables[d].target.style[H]=c[d].join(" ");g.currentTime=a;g.progress=a/g.duration*100}function f(a){if(g[a])g[a](g)}function e(){g.remaining&&!0!==g.remaining&&g.remaining--}function k(a){var k=g.duration,n=g.offset,w=n+g.delay,r=g.currentTime,x=g.reversed,q=d(a);if(g.children.length){var u=g.children,v=u.length;
if(q>=g.currentTime)for(var G=0;G<v;G++)u[G].seek(q);else for(;v--;)u[v].seek(q)}if(q>=w||!k)g.began||(g.began=!0,f("begin")),f("run");if(q>n&&q<k)b(q);else if(q<=n&&0!==r&&(b(0),x&&e()),q>=k&&r!==k||!k)b(k),x||e();f("update");a>=k&&(g.remaining?(t=h,"alternate"===g.direction&&(g.reversed=!g.reversed)):(g.pause(),g.completed||(g.completed=!0,f("complete"),"Promise"in window&&(p(),m=c()))),l=0)}a=void 0===a?{}:a;var h,t,l=0,p=null,m=c(),g=fa(a);g.reset=function(){var a=g.direction,c=g.loop;g.currentTime=
0;g.progress=0;g.paused=!0;g.began=!1;g.completed=!1;g.reversed="reverse"===a;g.remaining="alternate"===a&&1===c?2:c;b(0);for(a=g.children.length;a--;)g.children[a].reset()};g.tick=function(a){h=a;t||(t=h);k((l+h-t)*q.speed)};g.seek=function(a){k(d(a))};g.pause=function(){var a=v.indexOf(g);-1<a&&v.splice(a,1);g.paused=!0};g.play=function(){g.paused&&(g.paused=!1,t=0,l=d(g.currentTime),v.push(g),B||ia())};g.reverse=function(){g.reversed=!g.reversed;t=0;l=d(g.currentTime)};g.restart=function(){g.pause();
g.reset();g.play()};g.finished=m;g.reset();g.autoplay&&g.play();return g}var ga={update:void 0,begin:void 0,run:void 0,complete:void 0,loop:1,direction:"normal",autoplay:!0,offset:0},S={duration:1E3,delay:0,easing:"easeOutElastic",elasticity:500,round:0},W="translateX translateY translateZ rotate rotateX rotateY rotateZ scale scaleX scaleY scaleZ skewX skewY perspective".split(" "),H,h={arr:function(a){return Array.isArray(a)},obj:function(a){return-1<Object.prototype.toString.call(a).indexOf("Object")},
pth:function(a){return h.obj(a)&&a.hasOwnProperty("totalLength")},svg:function(a){return a instanceof SVGElement},dom:function(a){return a.nodeType||h.svg(a)},str:function(a){return"string"===typeof a},fnc:function(a){return"function"===typeof a},und:function(a){return"undefined"===typeof a},hex:function(a){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(a)},rgb:function(a){return/^rgb/.test(a)},hsl:function(a){return/^hsl/.test(a)},col:function(a){return h.hex(a)||h.rgb(a)||h.hsl(a)}},A=function(){function a(a,
d,b){return(((1-3*b+3*d)*a+(3*b-6*d))*a+3*d)*a}return function(c,d,b,f){if(0<=c&&1>=c&&0<=b&&1>=b){var e=new Float32Array(11);if(c!==d||b!==f)for(var k=0;11>k;++k)e[k]=a(.1*k,c,b);return function(k){if(c===d&&b===f)return k;if(0===k)return 0;if(1===k)return 1;for(var h=0,l=1;10!==l&&e[l]<=k;++l)h+=.1;--l;var l=h+(k-e[l])/(e[l+1]-e[l])*.1,n=3*(1-3*b+3*c)*l*l+2*(3*b-6*c)*l+3*c;if(.001<=n){for(h=0;4>h;++h){n=3*(1-3*b+3*c)*l*l+2*(3*b-6*c)*l+3*c;if(0===n)break;var m=a(l,c,b)-k,l=l-m/n}k=l}else if(0===
n)k=l;else{var l=h,h=h+.1,g=0;do m=l+(h-l)/2,n=a(m,c,b)-k,0<n?h=m:l=m;while(1e-7<Math.abs(n)&&10>++g);k=m}return a(k,d,f)}}}}(),Q=function(){function a(a,b){return 0===a||1===a?a:-Math.pow(2,10*(a-1))*Math.sin(2*(a-1-b/(2*Math.PI)*Math.asin(1))*Math.PI/b)}var c="Quad Cubic Quart Quint Sine Expo Circ Back Elastic".split(" "),d={In:[[.55,.085,.68,.53],[.55,.055,.675,.19],[.895,.03,.685,.22],[.755,.05,.855,.06],[.47,0,.745,.715],[.95,.05,.795,.035],[.6,.04,.98,.335],[.6,-.28,.735,.045],a],Out:[[.25,
.46,.45,.94],[.215,.61,.355,1],[.165,.84,.44,1],[.23,1,.32,1],[.39,.575,.565,1],[.19,1,.22,1],[.075,.82,.165,1],[.175,.885,.32,1.275],function(b,c){return 1-a(1-b,c)}],InOut:[[.455,.03,.515,.955],[.645,.045,.355,1],[.77,0,.175,1],[.86,0,.07,1],[.445,.05,.55,.95],[1,0,0,1],[.785,.135,.15,.86],[.68,-.55,.265,1.55],function(b,c){return.5>b?a(2*b,c)/2:1-a(-2*b+2,c)/2}]},b={linear:A(.25,.25,.75,.75)},f={},e;for(e in d)f.type=e,d[f.type].forEach(function(a){return function(d,f){b["ease"+a.type+c[f]]=h.fnc(d)?
d:A.apply($jscomp$this,d)}}(f)),f={type:f.type};return b}(),ha={css:function(a,c,d){return a.style[c]=d},attribute:function(a,c,d){return a.setAttribute(c,d)},object:function(a,c,d){return a[c]=d},transform:function(a,c,d,b,f){b[f]||(b[f]=[]);b[f].push(c+"("+d+")")}},v=[],B=0,ia=function(){function a(){B=requestAnimationFrame(c)}function c(c){var b=v.length;if(b){for(var d=0;d<b;)v[d]&&v[d].tick(c),d++;a()}else cancelAnimationFrame(B),B=0}return a}();q.version="2.2.0";q.speed=1;q.running=v;q.remove=
function(a){a=P(a);for(var c=v.length;c--;)for(var d=v[c],b=d.animations,f=b.length;f--;)u(a,b[f].animatable.target)&&(b.splice(f,1),b.length||d.pause())};q.getValue=K;q.path=function(a,c){var d=h.str(a)?e(a)[0]:a,b=c||100;return function(a){return{el:d,property:a,totalLength:N(d)*(b/100)}}};q.setDashoffset=function(a){var c=N(a);a.setAttribute("stroke-dasharray",c);return c};q.bezier=A;q.easings=Q;q.timeline=function(a){var c=q(a);c.pause();c.duration=0;c.add=function(d){c.children.forEach(function(a){a.began=
!0;a.completed=!0});m(d).forEach(function(b){var d=z(b,D(S,a||{}));d.targets=d.targets||a.targets;b=c.duration;var e=d.offset;d.autoplay=!1;d.direction=c.direction;d.offset=h.und(e)?b:L(e,b);c.began=!0;c.completed=!0;c.seek(d.offset);d=q(d);d.began=!0;d.completed=!0;d.duration>b&&(c.duration=d.duration);c.children.push(d)});c.seek(0);c.reset();c.autoplay&&c.restart();return c};return c};q.random=function(a,c){return Math.floor(Math.random()*(c-a+1))+a};return q});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
(function(fn) {
/* istanbul ignore if */
if (typeof module === 'undefined') {
this.charming = fn;
} else {
module.exports = fn;
}
})(function(elem, opts) {
'use strict';
opts = opts || {};
var tagName = opts.tagName || 'span';
var classPrefix = opts.classPrefix != null ? opts.classPrefix : 'char';
var count = 1;
var inject = function(elem) {
var parentNode = elem.parentNode;
var str = elem.nodeValue;
var len = str.length;
var i = -1;
while (++i < len) {
var node = document.createElement(tagName);
if (classPrefix) {
node.className = classPrefix + count;
count++;
}
node.appendChild(document.createTextNode(str[i]));
parentNode.insertBefore(node, elem);
}
parentNode.removeChild(elem);
};
(function traverse(elem) {
var childNodes = [].slice.call(elem.childNodes); // static array of nodes
var len = childNodes.length;
var i = -1;
while (++i < len) {
traverse(childNodes[i]);
}
if (elem.nodeType === Node.TEXT_NODE) {
inject(elem);
}
})(elem);
return elem;
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("scrollMonitor",[],e):"object"==typeof exports?exports.scrollMonitor=e():t.scrollMonitor=e()}(this,function(){return function(t){function e(o){if(i[o])return i[o].exports;var s=i[o]={exports:{},id:o,loaded:!1};return t[o].call(s.exports,s,s.exports,e),s.loaded=!0,s.exports}var i={};return e.m=t,e.c=i,e.p="",e(0)}([function(t,e,i){"use strict";var o=i(1),s=o.isInBrowser,n=i(2),r=new n(s?document.body:null);r.setStateFromDOM(null),r.listenToDOM(),s&&(window.scrollMonitor=r),t.exports=r},function(t,e){"use strict";e.VISIBILITYCHANGE="visibilityChange",e.ENTERVIEWPORT="enterViewport",e.FULLYENTERVIEWPORT="fullyEnterViewport",e.EXITVIEWPORT="exitViewport",e.PARTIALLYEXITVIEWPORT="partiallyExitViewport",e.LOCATIONCHANGE="locationChange",e.STATECHANGE="stateChange",e.eventTypes=[e.VISIBILITYCHANGE,e.ENTERVIEWPORT,e.FULLYENTERVIEWPORT,e.EXITVIEWPORT,e.PARTIALLYEXITVIEWPORT,e.LOCATIONCHANGE,e.STATECHANGE],e.isOnServer="undefined"==typeof window,e.isInBrowser=!e.isOnServer,e.defaultOffsets={top:0,bottom:0}},function(t,e,i){"use strict";function o(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function s(t){return c?0:t===document.body?window.innerHeight||document.documentElement.clientHeight:t.clientHeight}function n(t){return c?0:t===document.body?Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.documentElement.clientHeight):t.scrollHeight}function r(t){return c?0:t===document.body?window.pageYOffset||document.documentElement&&document.documentElement.scrollTop||document.body.scrollTop:t.scrollTop}var h=i(1),c=h.isOnServer,a=h.isInBrowser,l=h.eventTypes,p=i(3),u=!1;if(a)try{var w=Object.defineProperty({},"passive",{get:function(){u=!0}});window.addEventListener("test",null,w)}catch(t){}var d=!!u&&{capture:!1,passive:!0},f=function(){function t(e,i){function h(){if(a.viewportTop=r(e),a.viewportBottom=a.viewportTop+a.viewportHeight,a.documentHeight=n(e),a.documentHeight!==p){for(u=a.watchers.length;u--;)a.watchers[u].recalculateLocation();p=a.documentHeight}}function c(){for(w=a.watchers.length;w--;)a.watchers[w].update();for(w=a.watchers.length;w--;)a.watchers[w].triggerCallbacks()}o(this,t);var a=this;this.item=e,this.watchers=[],this.viewportTop=null,this.viewportBottom=null,this.documentHeight=n(e),this.viewportHeight=s(e),this.DOMListener=function(){t.prototype.DOMListener.apply(a,arguments)},this.eventTypes=l,i&&(this.containerWatcher=i.create(e));var p,u,w;this.update=function(){h(),c()},this.recalculateLocations=function(){this.documentHeight=0,this.update()}}return t.prototype.listenToDOM=function(){a&&(window.addEventListener?(this.item===document.body?window.addEventListener("scroll",this.DOMListener,d):this.item.addEventListener("scroll",this.DOMListener,d),window.addEventListener("resize",this.DOMListener)):(this.item===document.body?window.attachEvent("onscroll",this.DOMListener):this.item.attachEvent("onscroll",this.DOMListener),window.attachEvent("onresize",this.DOMListener)),this.destroy=function(){window.addEventListener?(this.item===document.body?(window.removeEventListener("scroll",this.DOMListener,d),this.containerWatcher.destroy()):this.item.removeEventListener("scroll",this.DOMListener,d),window.removeEventListener("resize",this.DOMListener)):(this.item===document.body?(window.detachEvent("onscroll",this.DOMListener),this.containerWatcher.destroy()):this.item.detachEvent("onscroll",this.DOMListener),window.detachEvent("onresize",this.DOMListener))})},t.prototype.destroy=function(){},t.prototype.DOMListener=function(t){this.setStateFromDOM(t)},t.prototype.setStateFromDOM=function(t){var e=r(this.item),i=s(this.item),o=n(this.item);this.setState(e,i,o,t)},t.prototype.setState=function(t,e,i,o){var s=e!==this.viewportHeight||i!==this.contentHeight;if(this.latestEvent=o,this.viewportTop=t,this.viewportHeight=e,this.viewportBottom=t+e,this.contentHeight=i,s)for(var n=this.watchers.length;n--;)this.watchers[n].recalculateLocation();this.updateAndTriggerWatchers(o)},t.prototype.updateAndTriggerWatchers=function(t){for(var e=this.watchers.length;e--;)this.watchers[e].update();for(e=this.watchers.length;e--;)this.watchers[e].triggerCallbacks(t)},t.prototype.createCustomContainer=function(){return new t},t.prototype.createContainer=function(e){"string"==typeof e?e=document.querySelector(e):e&&e.length>0&&(e=e[0]);var i=new t(e,this);return i.setStateFromDOM(),i.listenToDOM(),i},t.prototype.create=function(t,e){"string"==typeof t?t=document.querySelector(t):t&&t.length>0&&(t=t[0]);var i=new p(this,t,e);return this.watchers.push(i),i},t.prototype.beget=function(t,e){return this.create(t,e)},t}();t.exports=f},function(t,e,i){"use strict";function o(t,e,i){function o(t,e){if(0!==t.length)for(E=t.length;E--;)y=t[E],y.callback.call(s,e,s),y.isOne&&t.splice(E,1)}var s=this;this.watchItem=e,this.container=t,i?i===+i?this.offsets={top:i,bottom:i}:this.offsets={top:i.top||w.top,bottom:i.bottom||w.bottom}:this.offsets=w,this.callbacks={};for(var d=0,f=u.length;d<f;d++)s.callbacks[u[d]]=[];this.locked=!1;var m,v,b,I,E,y;this.triggerCallbacks=function(t){switch(this.isInViewport&&!m&&o(this.callbacks[r],t),this.isFullyInViewport&&!v&&o(this.callbacks[h],t),this.isAboveViewport!==b&&this.isBelowViewport!==I&&(o(this.callbacks[n],t),v||this.isFullyInViewport||(o(this.callbacks[h],t),o(this.callbacks[a],t)),m||this.isInViewport||(o(this.callbacks[r],t),o(this.callbacks[c],t))),!this.isFullyInViewport&&v&&o(this.callbacks[a],t),!this.isInViewport&&m&&o(this.callbacks[c],t),this.isInViewport!==m&&o(this.callbacks[n],t),!0){case m!==this.isInViewport:case v!==this.isFullyInViewport:case b!==this.isAboveViewport:case I!==this.isBelowViewport:o(this.callbacks[p],t)}m=this.isInViewport,v=this.isFullyInViewport,b=this.isAboveViewport,I=this.isBelowViewport},this.recalculateLocation=function(){if(!this.locked){var t=this.top,e=this.bottom;if(this.watchItem.nodeName){var i=this.watchItem.style.display;"none"===i&&(this.watchItem.style.display="");for(var s=0,n=this.container;n.containerWatcher;)s+=n.containerWatcher.top-n.containerWatcher.container.viewportTop,n=n.containerWatcher.container;var r=this.watchItem.getBoundingClientRect();this.top=r.top+this.container.viewportTop-s,this.bottom=r.bottom+this.container.viewportTop-s,"none"===i&&(this.watchItem.style.display=i)}else this.watchItem===+this.watchItem?this.watchItem>0?this.top=this.bottom=this.watchItem:this.top=this.bottom=this.container.documentHeight-this.watchItem:(this.top=this.watchItem.top,this.bottom=this.watchItem.bottom);this.top-=this.offsets.top,this.bottom+=this.offsets.bottom,this.height=this.bottom-this.top,void 0===t&&void 0===e||this.top===t&&this.bottom===e||o(this.callbacks[l],null)}},this.recalculateLocation(),this.update(),m=this.isInViewport,v=this.isFullyInViewport,b=this.isAboveViewport,I=this.isBelowViewport}var s=i(1),n=s.VISIBILITYCHANGE,r=s.ENTERVIEWPORT,h=s.FULLYENTERVIEWPORT,c=s.EXITVIEWPORT,a=s.PARTIALLYEXITVIEWPORT,l=s.LOCATIONCHANGE,p=s.STATECHANGE,u=s.eventTypes,w=s.defaultOffsets;o.prototype={on:function(t,e,i){switch(!0){case t===n&&!this.isInViewport&&this.isAboveViewport:case t===r&&this.isInViewport:case t===h&&this.isFullyInViewport:case t===c&&this.isAboveViewport&&!this.isInViewport:case t===a&&this.isInViewport&&this.isAboveViewport:if(e.call(this,this.container.latestEvent,this),i)return}if(!this.callbacks[t])throw new Error("Tried to add a scroll monitor listener of type "+t+". Your options are: "+u.join(", "));this.callbacks[t].push({callback:e,isOne:i||!1})},off:function(t,e){if(!this.callbacks[t])throw new Error("Tried to remove a scroll monitor listener of type "+t+". Your options are: "+u.join(", "));for(var i,o=0;i=this.callbacks[t][o];o++)if(i.callback===e){this.callbacks[t].splice(o,1);break}},one:function(t,e){this.on(t,e,!0)},recalculateSize:function(){this.height=this.watchItem.offsetHeight+this.offsets.top+this.offsets.bottom,this.bottom=this.top+this.height},update:function(){this.isAboveViewport=this.top<this.container.viewportTop,this.isBelowViewport=this.bottom>this.container.viewportBottom,this.isInViewport=this.top<this.container.viewportBottom&&this.bottom>this.container.viewportTop,this.isFullyInViewport=this.top>=this.container.viewportTop&&this.bottom<=this.container.viewportBottom||this.isAboveViewport&&this.isBelowViewport},destroy:function(){var t=this.container.watchers.indexOf(this),e=this;this.container.watchers.splice(t,1);for(var i=0,o=u.length;i<o;i++)e.callbacks[u[i]].length=0},lock:function(){this.locked=!0},unlock:function(){this.locked=!1}};for(var d=function(t){return function(e,i){this.on.call(this,t,e,i)}},f=0,m=u.length;f<m;f++){var v=u[f];o.prototype[v]=d(v)}t.exports=o}])});
//# sourceMappingURL=scrollMonitor.js.map
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var headFactors=document.querySelector("head");headFactors.insertAdjacentHTML("beforeend",'<link href="https://fonts.googleapis.com/css?family=Mina" rel="stylesheet">');var rootJs=document.querySelector(".jsRootPrefix"),theTime=anime.timeline();function maskCreator(e){e.classList.add("boxMask"),e.innerHTML='<div class="text">'+e.innerHTML+"</div>",e.insertAdjacentHTML("beforeend",'<div class="mask"> <div class="mask1"></div> <svg id="Layer_1" class="mask2" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 338.26 204"><defs><style>.cls-1{fill:#4285f4;}</style></defs><path class="cls-1" d="M2.12,18.93V188.05a17.44,17.44,0,0,0,17.44,17.44H300.19c16.61,0,23.82-21,10.69-31.22h0a17.44,17.44,0,0,1,0-27.56l22.75-17.65a17.45,17.45,0,0,0,.2-27.4L308.14,81.11a17.44,17.44,0,0,1-4-22.74L315.38,40.1a17.44,17.44,0,0,0-3.44-22.3L298,5.75a17.41,17.41,0,0,0-11.42-4.26h-267A17.44,17.44,0,0,0,2.12,18.93Z" transform="translate(-2.12 -1.49)"/></svg> </div>');var t=e.querySelector(".mask");t.style.transformOrigin="100% 50%",t.style.transform="scaleX(0)";var a=e.querySelector(".text");a.style.opacity="0",theTime.add({targets:t,scaleX:1,easing:"easeInOutQuint",duration:600,complete:function(){a.style.opacity="1",anime({targets:t,delay:150,translateX:"-155%",easing:"easeOutQuint",duration:750})}})}maskCreator(document.querySelector(".abm")),maskCreator(document.querySelector(".update"));var icon=document.querySelector(".ion-ionic");icon.style.fontSize="15pt";var jumbotron=document.querySelector(".jumbotron");theTime.add({targets:jumbotron,opacity:[0,1],duration:400,easing:"easeOutSine"});var getAvatar=document.querySelector("circle"),getAvatarImg=document.querySelector(".avatar img");getAvatarImg.style.opacity="0",getAvatar.style.transformOrigin="50% 50%",theTime.add({targets:getAvatar,rotate:340,strokeDashoffset:[anime.setDashoffset,0],easing:"easeInOutSine",duration:1010,complete:function(){anime({delay:120,targets:getAvatarImg,opacity:1,duration:600,easing:"easeOutSine"}),anime({delay:450,targets:getAvatar,opacity:[1,0],duration:400,easing:"easeOutSine"})}});var getVerifyDiv=document.querySelector(".verify");getVerifyDiv.style.transformOrigin="50% 0%",getVerifyDiv.style.transform="scaleY(0)",theTime.add({targets:getVerifyDiv,delay:600,easing:"easeOutSine",opacity:[0,1],scaleY:1,duration:200});var getFullName=document.querySelector(".name");function des(e){e.style.transformOrigin="50% 100%",e.style.transform="scaleY(0)",theTime.add({targets:e,easing:"easeInOutQuad",opacity:[0,1],scaleY:1,duration:350,complete:function(){anime({targets:e,color:["#20c997","#4285f4"],easing:"easeOutSine",duration:3e3})}})}charming(getFullName),getFullName.style.transformOrigin="50% 50%",theTime.add({targets:".name span",scaleY:[0,1],translateY:[10,0],translateX:[-30,0],rotate:[12,0],easing:"easeOutSine",delay:function(e,t){return 15*t},duration:260});var getDescription=document.querySelector(".crush");function fw400(e){e.style.fontWeight="400"}des(getDescription);var getJobh4=document.querySelector(".jobh4"),getContacth4=document.querySelector(".contacth4");function maskCreatorVer2(e){e.classList.add("boxMask"),e.innerHTML='<div class="text">'+e.innerHTML+"</div>",e.insertAdjacentHTML("beforeend",'<div class="mask"> <div class="mask1"></div> <svg id="Layer_1" class="mask2" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 338.26 204"><defs><style>.cls-1{fill:#4285f4;}</style></defs><path class="cls-1" d="M2.12,18.93V188.05a17.44,17.44,0,0,0,17.44,17.44H300.19c16.61,0,23.82-21,10.69-31.22h0a17.44,17.44,0,0,1,0-27.56l22.75-17.65a17.45,17.45,0,0,0,.2-27.4L308.14,81.11a17.44,17.44,0,0,1-4-22.74L315.38,40.1a17.44,17.44,0,0,0-3.44-22.3L298,5.75a17.41,17.41,0,0,0-11.42-4.26h-267A17.44,17.44,0,0,0,2.12,18.93Z" transform="translate(-2.12 -1.49)"/></svg> </div>');var t=e.querySelector(".mask");t.style.transformOrigin="100% 50%",t.style.transform="scaleX(0)";var a=e.querySelector(".text");a.style.opacity="0",theTime.add({targets:t,delay:150,scaleX:1,easing:"easeInOutQuint",duration:600,complete:function(){a.style.opacity="1",anime({targets:t,delay:150,translateX:"-155%",easing:"easeOutQuint",duration:750})}})}function scaleContent(e){e.style.transformOrigin="100% 50%",theTime.add({targets:e,easing:"easeInOutQuint",scaleX:[0,1],delay:10,duration:300})}function monitor(e){var t=scrollMonitor.create(e);t.enterViewport(function(){e.style.transformOrigin="50% 0%",e.style.transform="scaleY(0)",e.style.opacity="0",anime({targets:e,easing:"easeInOutQuint",scaleY:1,opacity:1,delay:100,duration:450}),t.destroy()})}fw400(getJobh4),des(getJobh4),fw400(getContacth4),des(getContacth4),scaleContent(document.querySelector("hr")),scaleContent(document.querySelector(".job_content")),scaleContent(document.querySelector(".contact_content")),monitor(document.querySelector(".ctcme")),monitor(document.querySelector(".ms")),monitor(document.querySelector(".planet"));var vichy=document.querySelector(".motivation");function maskImgMonitor(e){e.innerHTML='<div class="content">'+e.innerHTML+"</div>",e.classList.add("boxMask"),e.insertAdjacentHTML("beforeend",'<div class="mask"><div class="maskImage"></div></div>');var t=e.querySelector(".mask");t.style.transformOrigin="100% 50%",t.style.transform="scaleX(0)";var a=e.querySelector("img");a.style.opacity="0";var n=scrollMonitor.create(e);n.enterViewport(function(){anime({targets:t,delay:210,scaleX:1,easing:"easeInOutQuint",duration:400,complete:function(){a.style.opacity="1",anime({targets:t,delay:50,translateX:"-155%",easing:"easeInOutQuint",duration:450}),n.destroy()}})})}vichy.innerHTML="Motivation-"+vichy.innerHTML,maskImgMonitor(document.querySelector(".img1")),maskImgMonitor(document.querySelector(".img2"));var planet=document.querySelector(".planet");planet.addEventListener("mouseenter",function(){anime({targets:planet,rotate:[0,30,-30,0],duration:800,color:["#232323","#fbbc05"],easing:"easeInOutSine"})}),planet.addEventListener("mouseleave",function(){anime({targets:planet,rotate:[0,10,-10,0],duration:810,color:["#fbbc05","#232323"],easing:"easeInOutSine"})}),monitor(document.querySelector(".ulong")),monitor(document.querySelector(".ulang"));
//]]>
</script>
<!--</body>--> </body>
</html>
Public Last updated: 2018-05-04 02:48:33 AM
