From f10e6b295e886303118dfe0c918e50adfd29367f Mon Sep 17 00:00:00 2001 From: Vael Victus Date: Fri, 12 Nov 2021 13:59:26 -0500 Subject: [PATCH] Name Animation --- dist/assets/favicon.00669035.ico | Bin 0 -> 7406 bytes dist/assets/index.3ef86db5.js | 1 + dist/assets/index.afbaff29.js | 1 - dist/assets/vendor.76310b1c.js | 1 + dist/index.html | 5 +++-- dist/manifest.json | 8 +++++++- index.html | 2 +- index.php | 6 +++--- main.js | 20 +++++++++++++++++++- package-lock.json | 5 +++++ package.json | 1 + 11 files changed, 41 insertions(+), 9 deletions(-) create mode 100644 dist/assets/favicon.00669035.ico create mode 100644 dist/assets/index.3ef86db5.js delete mode 100644 dist/assets/index.afbaff29.js create mode 100644 dist/assets/vendor.76310b1c.js diff --git a/dist/assets/favicon.00669035.ico b/dist/assets/favicon.00669035.ico new file mode 100644 index 0000000000000000000000000000000000000000..43136d541f0b359feb326ea807b59028f79985c8 GIT binary patch literal 7406 zcmeI1cT81F9>>3z-Vu;?=^dmzc*o`Hz_Y!;WZRa;|FPG}wm+T+Axs%*GGr#%HnaiBtIrIDc03=X{zdu;5 zgVjbrC;&&t?!FFimDz?3>*|lw1X?WtPo`m0P{KYmj~CspihoOb+OucR#?6~IA&MgW z{QU6#{d?@(xf99B$(^t#gb6r!@F3dT+mV%(1yfT~ zEL*k=uU@^vlqpjX7Z(Q&4Go+;c@p{g`LMCE!QH!e@%i&-?A^N;EiElDG&IEd^XE}g zQUX_3S3G_C6j4!8ICA6&EG#T=I5;@q!Gi|~ z4Gl$RW+qHbOmO+~Wh`B~6crT}@bvUVY-}vl)zxw0#0kusHxFaRjDb`t#hp8MP+MDz zPoF*^EiDZO1_mfDE{2PX3nC*Uarp3In46np#fla1@$tdiw{J0R+B9fuYvca?`&hSb z9U2=O5fT!Dwzf88WMtsdrAzSe@W6`~FR*p%R!o{S32JI;IDY&%=FXjqyu3WDUcDM0 zKYqmS-McY!=1iofrb1s|ABz?(LQzo>u3fu^<;$1j&6_uvI&~_vw6w5x?OFr}2jlD4 zuh_qTKa7oyaq;3sl$Dji-Q69}pFhWzEnCpk)P$Ir7#urx40Gnp!L3`juxiyR)YR1A z!-o&pwQCn<%$R|cloaUc>EYbDb6B`=A)K6?@aWMaOq@6ohYlTrnVA``UcHLfuU})^ zwr$YV)I>o+0c>q;aqr$etXZ=LK|w+I^5qNm?c0ae)>ar98R5c(3n(ou#j|J65FH)e z<6NqiY6t$$b|62VJ<)T&SNgA-Z^xc?x9{?mogiT^Vo|L1Q&JzT%k@H;lKLo3QS4w- zejlsU1j`DhEyxhXm^7vI^&X!e^%Y|di7kZYl60cgq0 zf!}m(o@}g!yJpXvxK>g8O{1r;&?|3F~7v^}uDS!Ge} zfNBT6y#t<1;>bR6>?7w?#TSSIrxJ${V-lYd`+0kNBRo8u^O={I7p702&N+nmk+>>1 zHy2BmEa5EE(b2*Aj5yB9%8GL>@l9f4B3{0HiQBht!_Cc&b7x&$9p^#fwfOjW&RBtg zftWmbGR~Yig98T+a4sV5B@Xgua84X`{rYvzo5ZJ^Hf`d3Ie-3qJbwI`a}u%eFb3)p ziG(v5v9z6?9p_eJC}PE`sw&RQ#HGZt@7}#bL_`Eej2OZB?dZ{?oL7nC!otEhlM(9@ zM_XH4WBc~)$jQm!oR*Z7#Ce=}m$;euE;~CL2?+_DQ;Fklv5}Bl8;E-6Lg&KDAc0VE&^?zTiXHGC!Uc+e>g5S-KdUBJ~& z7&W@fS|X?$_8X7063V;p%rCiuTE9KE5#+1ZR|#I$eJ)_|osg9&vy}<%4YGE39a}AA z*T`&nA;Q?e4Llc4F+zEHIgdZCT)D!}aQ2qqXL4m_C68Gs2B5RGp`n4F_mr=u zIEdnj@#DwyGr76BnV;vBW2YQ3<-aMvP5JEf^mJ_8xRJ*ql-HHz^eNvWMGhHFPlCGfaM#g&XMs##)x$7qC+gVF{B6U)fpaV?xKG mYpA6A-+?YhL8SDv{for(const o of e)if(o.type==="childList")for(const c of o.addedNodes)c.tagName==="LINK"&&c.rel==="modulepreload"&&l(c)}).observe(document,{childList:!0,subtree:!0});function n(e){const o={};return e.integrity&&(o.integrity=e.integrity),e.referrerpolicy&&(o.referrerPolicy=e.referrerpolicy),e.crossorigin==="use-credentials"?o.credentials="include":e.crossorigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function l(e){if(e.ep)return;e.ep=!0;const o=n(e);fetch(e.href,o)}};a();var i=document.querySelector("#vael_victus");i.innerHTML=i.textContent.replace(/\S/g,"$&");s.timeline({loop:!1}).add({targets:"#vael_victus .letter",translateX:[40,0],translateZ:0,opacity:[0,1],easing:"easeOutExpo",duration:2500,delay:(r,t)=>100+30*t});window.copyToClipboard=function(r){var t=document.createElement("textarea");t.value=r,t.style.opacity="0",document.body.appendChild(t),t.focus(),t.select();try{document.execCommand("copy"),document.getElementById("click2copy").innerHTML='\u2714 copied',setTimeout(()=>{document.getElementById("click2copy").innerHTML="click to copy"},3e3)}catch(n){console.log("Unable to copy value , error : "+n.message)}document.body.removeChild(t)}; diff --git a/dist/assets/index.afbaff29.js b/dist/assets/index.afbaff29.js deleted file mode 100644 index 067bfc5..0000000 --- a/dist/assets/index.afbaff29.js +++ /dev/null @@ -1 +0,0 @@ -const l=function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))i(e);new MutationObserver(e=>{for(const o of e)if(o.type==="childList")for(const n of o.addedNodes)n.tagName==="LINK"&&n.rel==="modulepreload"&&i(n)}).observe(document,{childList:!0,subtree:!0});function r(e){const o={};return e.integrity&&(o.integrity=e.integrity),e.referrerpolicy&&(o.referrerPolicy=e.referrerpolicy),e.crossorigin==="use-credentials"?o.credentials="include":e.crossorigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function i(e){if(e.ep)return;e.ep=!0;const o=r(e);fetch(e.href,o)}};l();window.copyToClipboard=function(c){var t=document.createElement("textarea");t.value=c,t.style.opacity="0",document.body.appendChild(t),t.focus(),t.select();try{document.execCommand("copy"),document.getElementById("click2copy").innerHTML='\u2714 copied',setTimeout(()=>{document.getElementById("click2copy").innerHTML="click to copy"},3e3)}catch(r){console.log("Unable to copy value , error : "+r.message)}document.body.removeChild(t)}; diff --git a/dist/assets/vendor.76310b1c.js b/dist/assets/vendor.76310b1c.js new file mode 100644 index 0000000..65feb76 --- /dev/null +++ b/dist/assets/vendor.76310b1c.js @@ -0,0 +1 @@ +var X=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:{},ut={exports:{}};(function(D){var d={scope:{}};d.defineProperty=typeof Object.defineProperties=="function"?Object.defineProperty:function(s,y,h){if(h.get||h.set)throw new TypeError("ES3 does not support getters and setters.");s!=Array.prototype&&s!=Object.prototype&&(s[y]=h.value)},d.getGlobal=function(s){return typeof window!="undefined"&&window===s?s:typeof X!="undefined"&&X!=null?X:s},d.global=d.getGlobal(X),d.SYMBOL_PREFIX="jscomp_symbol_",d.initSymbol=function(){d.initSymbol=function(){},d.global.Symbol||(d.global.Symbol=d.Symbol)},d.symbolCounter_=0,d.Symbol=function(s){return d.SYMBOL_PREFIX+(s||"")+d.symbolCounter_++},d.initSymbolIterator=function(){d.initSymbol();var s=d.global.Symbol.iterator;s||(s=d.global.Symbol.iterator=d.global.Symbol("iterator")),typeof Array.prototype[s]!="function"&&d.defineProperty(Array.prototype,s,{configurable:!0,writable:!0,value:function(){return d.arrayIterator(this)}}),d.initSymbolIterator=function(){}},d.arrayIterator=function(s){var y=0;return d.iteratorPrototype(function(){return yc&&(c+=1),1c?g:c<2/3?l+(g-l)*(2/3-c)*6:l}var n=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(t)||/hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(t);t=parseInt(n[1])/360;var e=parseInt(n[2])/100,o=parseInt(n[3])/100,n=n[4]||1;if(e==0)o=e=t=o;else{var u=.5>o?o*(1+e):o+e-o*e,a=2*o-u,o=r(a,u,t+1/3),e=r(a,u,t);t=r(a,u,t-1/3)}return"rgba("+255*o+","+255*e+","+255*t+","+n+")"}function Y(t){if(t=/([\+\-]?[0-9#\.]+)(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(t))return t[2]}function lt(t){if(-1=i.currentTime)for(var m=0;m=j||!x)&&(i.began||(i.began=!0,o("begin")),o("run")),A>L&&A=x&&q!==x||!x)&&(e(x),T||u())),o("update"),p>=x&&(i.remaining?(g=l,i.direction==="alternate"&&(i.reversed=!i.reversed)):(i.pause(),i.completed||(i.completed=!0,o("complete"),"Promise"in window&&(I(),P=r()))),c=0)}t=t===void 0?{}:t;var l,g,c=0,I=null,P=r(),i=xt(t);return i.reset=function(){var p=i.direction,x=i.loop;for(i.currentTime=0,i.progress=0,i.paused=!0,i.began=!1,i.completed=!1,i.reversed=p==="reverse",i.remaining=p==="alternate"&&x===1?2:x,e(0),p=i.children.length;p--;)i.children[p].reset()},i.tick=function(p){l=p,g||(g=l),a((c+l-g)*b.speed)},i.seek=function(p){a(n(p))},i.pause=function(){var p=O.indexOf(i);-1=r&&0<=e&&1>=e){var u=new Float32Array(11);if(r!==n||e!==o)for(var a=0;11>a;++a)u[a]=t(.1*a,r,e);return function(l){if(r===n&&e===o)return l;if(l===0)return 0;if(l===1)return 1;for(var g=0,c=1;c!==10&&u[c]<=l;++c)g+=.1;--c;var c=g+(l-u[c])/(u[c+1]-u[c])*.1,I=3*(1-3*e+3*r)*c*c+2*(3*e-6*r)*c+3*r;if(.001<=I){for(g=0;4>g&&(I=3*(1-3*e+3*r)*c*c+2*(3*e-6*r)*c+3*r,I!==0);++g)var P=t(c,r,e)-l,c=c-P/I;l=c}else if(I===0)l=c;else{var c=g,g=g+.1,i=0;do P=c+(g-c)/2,I=t(P,r,e)-l,0++i);l=P}return t(l,n,o)}}}}(),ot=function(){function t(a,l){return a===0||a===1?a:-Math.pow(2,10*(a-1))*Math.sin(2*(a-1-l/(2*Math.PI)*Math.asin(1))*Math.PI/l)}var r="Quad Cubic Quart Quint Sine Expo Circ Back Elastic".split(" "),n={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],t],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(a,l){return 1-t(1-a,l)}],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(a,l){return .5>a?t(2*a,l)/2:1-t(-2*a+2,l)/2}]},e={linear:V(.25,.25,.75,.75)},o={},u;for(u in n)o.type=u,n[o.type].forEach(function(a){return function(l,g){e["ease"+a.type+r[g]]=f.fnc(l)?l:V.apply(at,l)}}(o)),o={type:o.type};return e}(),At={css:function(t,r,n){return t.style[r]=n},attribute:function(t,r,n){return t.setAttribute(r,n)},object:function(t,r,n){return t[r]=n},transform:function(t,r,n,e,o){e[o]||(e[o]=[]),e[o].push(r+"("+n+")")}},O=[],Z=0,It=function(){function t(){Z=requestAnimationFrame(r)}function r(n){var e=O.length;if(e){for(var o=0;oe&&(r.duration=o.duration),r.children.push(o)}),r.seek(0),r.reset(),r.autoplay&&r.restart(),r},r},b.random=function(t,r){return Math.floor(Math.random()*(r-t+1))+t},b})})(ut);var St=ut.exports;export{St as a}; diff --git a/dist/index.html b/dist/index.html index 5610c24..c6325a2 100644 --- a/dist/index.html +++ b/dist/index.html @@ -2,10 +2,11 @@ - + Vite App - + + diff --git a/dist/manifest.json b/dist/manifest.json index 9fb85e9..99580c4 100644 --- a/dist/manifest.json +++ b/dist/manifest.json @@ -1,10 +1,16 @@ { "index.html": { - "file": "assets/index.afbaff29.js", + "file": "assets/index.3ef86db5.js", "src": "index.html", "isEntry": true, + "imports": [ + "_vendor.76310b1c.js" + ], "css": [ "assets/index.96c48a4b.css" ] + }, + "_vendor.76310b1c.js": { + "file": "assets/vendor.76310b1c.js" } } \ No newline at end of file diff --git a/index.html b/index.html index f1dedb5..27a631e 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,7 @@ - + Vite App diff --git a/index.php b/index.php index 718783e..b80368e 100644 --- a/index.php +++ b/index.php @@ -68,7 +68,7 @@
-

+

Vael Victus

@@ -85,11 +85,11 @@
- My name is Spencer "Vael" Victus. I work in the financial tech industry and in my spare time I run tinydark, an ethics-focused indie game microstudio. I spend most of my time making games, playing games, and raising my kids. + My name is Spencer "Vael" Victus. I work in the financial tech industry and in my spare time I run tinydark, an ethics-focused indie game microstudio.
- I live in upstate South Carolina with my wife, Evelyn Victus, and our two kids: Abel ( old) and Violet ( old). + I live in upstate South Carolina with my wife, Evelyn Victus, and our two kids: Abel ( old) and Violet ( old). I spend most of my time making games, playing games, and raising my kids.
diff --git a/main.js b/main.js index 108d105..4f76d00 100644 --- a/main.js +++ b/main.js @@ -1,5 +1,22 @@ import './css/style.css' +import anime from 'animejs' + +var textWrapper = document.querySelector('#vael_victus'); +textWrapper.innerHTML = textWrapper.textContent.replace(/\S/g, "$&"); + +anime.timeline({loop: false}) + .add({ + targets: '#vael_victus .letter', + translateX: [40,0], + translateZ: 0, + opacity: [0,1], + easing: "easeOutExpo", + duration: 2500, + delay: (el, i) => 100 + 30 * i + }); + +// ! HELPERS window.copyToClipboard = function(message) { var textArea = document.createElement("textarea"); textArea.value = message; @@ -21,4 +38,5 @@ window.copyToClipboard = function(message) { } document.body.removeChild(textArea); -} \ No newline at end of file +} + \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 563fe76..4965dbc 100644 --- a/package-lock.json +++ b/package-lock.json @@ -121,6 +121,11 @@ "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz", "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==" }, + "animejs": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/animejs/-/animejs-2.2.0.tgz", + "integrity": "sha1-Ne79/FNbgZScnLBvCz5gwC5v3IA=" + }, "ansi-styles": { "version": "4.3.0", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", diff --git a/package.json b/package.json index 6d8069b..d0b8d81 100644 --- a/package.json +++ b/package.json @@ -4,6 +4,7 @@ "description": "Personal/Portfolio Website", "main": "base.js", "dependencies": { + "animejs": "^2.2.0", "autoprefixer": "^10.4.0", "postcss": "^8.3.11", "postcss-import": "^14.0.2",