thomasrosen published a site update
19
Ubuntu/index.css
Normal file
|
@ -0,0 +1,19 @@
|
||||||
|
/* ubuntu-regular - latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Ubuntu';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local(''),
|
||||||
|
url('./ubuntu-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
|
||||||
|
url('./ubuntu-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ubuntu-700 - latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Ubuntu';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
src: local(''),
|
||||||
|
url('./ubuntu-v15-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
|
||||||
|
url('./ubuntu-v15-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
||||||
|
}
|
BIN
Ubuntu/ubuntu-v15-latin-700.woff
Normal file
BIN
Ubuntu/ubuntu-v15-latin-700.woff2
Normal file
BIN
Ubuntu/ubuntu-v15-latin-regular.woff
Normal file
BIN
Ubuntu/ubuntu-v15-latin-regular.woff2
Normal file
|
@ -1,23 +1,50 @@
|
||||||
{
|
{
|
||||||
"files": {
|
"files": {
|
||||||
"main.css": "/static/css/main.672b929e.chunk.css",
|
"main.css": "/static/css/main.4a6e9426.chunk.css",
|
||||||
"main.js": "/static/js/main.1dd29bf9.chunk.js",
|
"main.js": "/static/js/main.0970a3bd.chunk.js",
|
||||||
"main.js.map": "/static/js/main.1dd29bf9.chunk.js.map",
|
"main.js.map": "/static/js/main.0970a3bd.chunk.js.map",
|
||||||
"runtime-main.js": "/static/js/runtime-main.4ac72847.js",
|
"runtime-main.js": "/static/js/runtime-main.f6e93472.js",
|
||||||
"runtime-main.js.map": "/static/js/runtime-main.4ac72847.js.map",
|
"runtime-main.js.map": "/static/js/runtime-main.f6e93472.js.map",
|
||||||
"static/js/2.f3e24e22.chunk.js": "/static/js/2.f3e24e22.chunk.js",
|
"static/js/2.1a3cb35a.chunk.js": "/static/js/2.1a3cb35a.chunk.js",
|
||||||
"static/js/2.f3e24e22.chunk.js.map": "/static/js/2.f3e24e22.chunk.js.map",
|
"static/js/2.1a3cb35a.chunk.js.map": "/static/js/2.1a3cb35a.chunk.js.map",
|
||||||
"static/js/3.dbc66b17.chunk.js": "/static/js/3.dbc66b17.chunk.js",
|
"static/js/3.bb57f110.chunk.js": "/static/js/3.bb57f110.chunk.js",
|
||||||
"static/js/3.dbc66b17.chunk.js.map": "/static/js/3.dbc66b17.chunk.js.map",
|
"static/js/3.bb57f110.chunk.js.map": "/static/js/3.bb57f110.chunk.js.map",
|
||||||
|
"static/js/4.1782ed80.chunk.js": "/static/js/4.1782ed80.chunk.js",
|
||||||
|
"static/js/4.1782ed80.chunk.js.map": "/static/js/4.1782ed80.chunk.js.map",
|
||||||
|
"static/js/5.e1e1de85.chunk.js": "/static/js/5.e1e1de85.chunk.js",
|
||||||
|
"static/js/5.e1e1de85.chunk.js.map": "/static/js/5.e1e1de85.chunk.js.map",
|
||||||
|
"static/js/6.d1362615.chunk.js": "/static/js/6.d1362615.chunk.js",
|
||||||
|
"static/js/6.d1362615.chunk.js.map": "/static/js/6.d1362615.chunk.js.map",
|
||||||
|
"static/js/7.1b5955d2.chunk.js": "/static/js/7.1b5955d2.chunk.js",
|
||||||
|
"static/js/7.1b5955d2.chunk.js.map": "/static/js/7.1b5955d2.chunk.js.map",
|
||||||
|
"static/js/8.6c19bf62.chunk.js": "/static/js/8.6c19bf62.chunk.js",
|
||||||
|
"static/js/8.6c19bf62.chunk.js.map": "/static/js/8.6c19bf62.chunk.js.map",
|
||||||
|
"static/js/9.1ed67c5f.chunk.js": "/static/js/9.1ed67c5f.chunk.js",
|
||||||
|
"static/js/9.1ed67c5f.chunk.js.map": "/static/js/9.1ed67c5f.chunk.js.map",
|
||||||
|
"static/js/10.1fe77309.chunk.js": "/static/js/10.1fe77309.chunk.js",
|
||||||
|
"static/js/10.1fe77309.chunk.js.map": "/static/js/10.1fe77309.chunk.js.map",
|
||||||
|
"static/js/11.f2fb4857.chunk.js": "/static/js/11.f2fb4857.chunk.js",
|
||||||
|
"static/js/11.f2fb4857.chunk.js.map": "/static/js/11.f2fb4857.chunk.js.map",
|
||||||
|
"static/js/12.18f83d7a.chunk.js": "/static/js/12.18f83d7a.chunk.js",
|
||||||
|
"static/js/12.18f83d7a.chunk.js.map": "/static/js/12.18f83d7a.chunk.js.map",
|
||||||
"index.html": "/index.html",
|
"index.html": "/index.html",
|
||||||
"static/css/main.672b929e.chunk.css.map": "/static/css/main.672b929e.chunk.css.map",
|
"static/css/main.4a6e9426.chunk.css.map": "/static/css/main.4a6e9426.chunk.css.map",
|
||||||
"static/js/2.f3e24e22.chunk.js.LICENSE.txt": "/static/js/2.f3e24e22.chunk.js.LICENSE.txt",
|
"static/js/2.1a3cb35a.chunk.js.LICENSE.txt": "/static/js/2.1a3cb35a.chunk.js.LICENSE.txt",
|
||||||
"static/media/ProfileFrame Mixed Bars.2624625f.png": "/static/media/ProfileFrame Mixed Bars.2624625f.png"
|
"static/media/HeaderImage.f98423dd.svg": "/static/media/HeaderImage.f98423dd.svg",
|
||||||
|
"static/media/ProfileFrame B&G Bars.png": "/static/media/ProfileFrame B&G Bars.b84e992d.png",
|
||||||
|
"static/media/ProfileFrame Blue Bars.png": "/static/media/ProfileFrame Blue Bars.014e4dc2.png",
|
||||||
|
"static/media/ProfileFrame Green Bars.png": "/static/media/ProfileFrame Green Bars.363b5131.png",
|
||||||
|
"static/media/ProfileFrame Mixed Bars.png": "/static/media/ProfileFrame Mixed Bars.2624625f.png",
|
||||||
|
"static/media/ProfileFrame Purple.png": "/static/media/ProfileFrame Purple.f15807cf.png",
|
||||||
|
"static/media/ProfileFrame R&Y Bars.png": "/static/media/ProfileFrame R&Y Bars.1185c319.png",
|
||||||
|
"static/media/ProfileFrame Red Bars.png": "/static/media/ProfileFrame Red Bars.665010b1.png",
|
||||||
|
"static/media/ProfileFrame White Bars.png": "/static/media/ProfileFrame White Bars.b2de0d4d.png",
|
||||||
|
"static/media/ProfileFrame Yellow Bars.png": "/static/media/ProfileFrame Yellow Bars.a7793831.png"
|
||||||
},
|
},
|
||||||
"entrypoints": [
|
"entrypoints": [
|
||||||
"static/js/runtime-main.4ac72847.js",
|
"static/js/runtime-main.f6e93472.js",
|
||||||
"static/js/2.f3e24e22.chunk.js",
|
"static/js/2.1a3cb35a.chunk.js",
|
||||||
"static/css/main.672b929e.chunk.css",
|
"static/css/main.4a6e9426.chunk.css",
|
||||||
"static/js/main.1dd29bf9.chunk.js"
|
"static/js/main.0970a3bd.chunk.js"
|
||||||
]
|
]
|
||||||
}
|
}
|
|
@ -1 +1 @@
|
||||||
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/volt-logo-64.png"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Combine your photo with a Volt Frame for Social Media 💜"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>Volt Social Media Frame Generator</title><link href="/static/css/main.672b929e.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function r(r){for(var n,i,a=r[0],c=r[1],l=r[2],p=0,s=[];p<a.length;p++)i=a[p],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&s.push(o[i][0]),o[i]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(f&&f(r);s.length;)s.shift()();return u.push.apply(u,l||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,a=1;a<t.length;a++){var c=t[a];0!==o[c]&&(n=!1)}n&&(u.splice(r--,1),e=i(i.s=t[0]))}return e}var n={},o={1:0},u=[];function i(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,i),t.l=!0,t.exports}i.e=function(e){var r=[],t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise((function(r,n){t=o[e]=[r,n]}));r.push(t[2]=n);var u,a=document.createElement("script");a.charset="utf-8",a.timeout=120,i.nc&&a.setAttribute("nonce",i.nc),a.src=function(e){return i.p+"static/js/"+({}[e]||e)+"."+{3:"dbc66b17"}[e]+".chunk.js"}(e);var c=new Error;u=function(r){a.onerror=a.onload=null,clearTimeout(l);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),u=r&&r.target&&r.target.src;c.message="Loading chunk "+e+" failed.\n("+n+": "+u+")",c.name="ChunkLoadError",c.type=n,c.request=u,t[1](c)}o[e]=void 0}};var l=setTimeout((function(){u({type:"timeout",target:a})}),12e4);a.onerror=a.onload=u,document.head.appendChild(a)}return Promise.all(r)},i.m=e,i.c=n,i.d=function(e,r,t){i.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,r){if(1&r&&(e=i(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(i.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)i.d(t,n,function(r){return e[r]}.bind(null,n));return t},i.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(r,"a",r),r},i.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},i.p="/",i.oe=function(e){throw console.error(e),e};var a=this["webpackJsonpprofile-picture-generator"]=this["webpackJsonpprofile-picture-generator"]||[],c=a.push.bind(a);a.push=r,a=a.slice();for(var l=0;l<a.length;l++)r(a[l]);var f=c;t()}([])</script><script src="/static/js/2.f3e24e22.chunk.js"></script><script src="/static/js/main.1dd29bf9.chunk.js"></script></body></html>
|
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/volt-logo-64.png"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Combine your photo with a Volt Frame for Social Media 💜"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>Volt Social Media Frame Generator</title><link href="/static/css/main.4a6e9426.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function r(r){for(var n,i,a=r[0],c=r[1],f=r[2],p=0,s=[];p<a.length;p++)i=a[p],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&s.push(o[i][0]),o[i]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(l&&l(r);s.length;)s.shift()();return u.push.apply(u,f||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,a=1;a<t.length;a++){var c=t[a];0!==o[c]&&(n=!1)}n&&(u.splice(r--,1),e=i(i.s=t[0]))}return e}var n={},o={1:0},u=[];function i(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,i),t.l=!0,t.exports}i.e=function(e){var r=[],t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise((function(r,n){t=o[e]=[r,n]}));r.push(t[2]=n);var u,a=document.createElement("script");a.charset="utf-8",a.timeout=120,i.nc&&a.setAttribute("nonce",i.nc),a.src=function(e){return i.p+"static/js/"+({}[e]||e)+"."+{3:"bb57f110",4:"1782ed80",5:"e1e1de85",6:"d1362615",7:"1b5955d2",8:"6c19bf62",9:"1ed67c5f",10:"1fe77309",11:"f2fb4857",12:"18f83d7a"}[e]+".chunk.js"}(e);var c=new Error;u=function(r){a.onerror=a.onload=null,clearTimeout(f);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),u=r&&r.target&&r.target.src;c.message="Loading chunk "+e+" failed.\n("+n+": "+u+")",c.name="ChunkLoadError",c.type=n,c.request=u,t[1](c)}o[e]=void 0}};var f=setTimeout((function(){u({type:"timeout",target:a})}),12e4);a.onerror=a.onload=u,document.head.appendChild(a)}return Promise.all(r)},i.m=e,i.c=n,i.d=function(e,r,t){i.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,r){if(1&r&&(e=i(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(i.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)i.d(t,n,function(r){return e[r]}.bind(null,n));return t},i.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(r,"a",r),r},i.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},i.p="/",i.oe=function(e){throw console.error(e),e};var a=this["webpackJsonpprofile-picture-generator"]=this["webpackJsonpprofile-picture-generator"]||[],c=a.push.bind(a);a.push=r,a=a.slice();for(var f=0;f<a.length;f++)r(a[f]);var l=c;t()}([])</script><script src="/static/js/2.1a3cb35a.chunk.js"></script><script src="/static/js/main.0970a3bd.chunk.js"></script></body></html>
|
2
static/css/main.4a6e9426.chunk.css
Normal file
|
@ -0,0 +1,2 @@
|
||||||
|
:root{--volt-purple:#582c83;--background:#140022}*{margin:0;padding:0;font-family:"Ubuntu",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{text-align:center;background-color:#140022;background-color:var(--background);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;padding:10vh}h2{margin:10vh 0 2vh;font-size:calc(10px + 4vmin)}.HeaderImage{height:calc(10px + 30vmin);max-width:100%}.FinishedFrame{height:36vh;margin:2vh}.FrameChooser .frame{height:12vh;margin:2vh;cursor:pointer;box-shadow:0 0 0 1vh hsla(0,0%,100%,0);transition:transform .2s ease}.FrameChooser .frame:hover{transform-origin:center center;transform:scale(1.1)}.FrameChooser .frame.choosen{box-shadow:0 0 0 1vh #fff}.labelButton,button{outline:none;border:none;margin:2vh;padding:1vh 2vh;font-size:calc(10px + 2vmin);font-weight:700;cursor:pointer;background:#fff;color:#582c83;color:var(--volt-purple);transition:transform .2s ease}.labelButton:hover,button:hover{transform-origin:center center;transform:scale(1.05)}.labelButton img{display:inline;height:calc(10px + 4vmin);margin:0 2vh 0 -1vh}.labelButton img,.labelButton span{vertical-align:middle}
|
||||||
|
/*# sourceMappingURL=main.4a6e9426.chunk.css.map */
|
1
static/css/main.4a6e9426.chunk.css.map
Normal file
|
@ -0,0 +1 @@
|
||||||
|
{"version":3,"sources":["webpack://src/App.css"],"names":[],"mappings":"AAAA,MACI,qBAAsB,CACtB,oBACJ,CAEA,EACI,QAAS,CACT,SAAU,CACV,mJAEU,CACV,kCAAmC,CACnC,iCACJ,CAEA,KACI,iBAAkB,CAElB,wBAAmC,CAAnC,kCAAmC,CACnC,gBAAiB,CACjB,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,sBAAuB,CACvB,4BAA6B,CAC7B,UAAY,CACZ,YACJ,CAEA,GACI,iBAAoB,CACpB,4BACJ,CAEA,aACI,0BAA2B,CAC3B,cACJ,CAEA,eACI,WAAY,CACZ,UACJ,CAEA,qBACI,WAAY,CACZ,UAAW,CACX,cAAe,CACf,sCAAyC,CACzC,6BACJ,CACA,2BACI,8BAA+B,CAC/B,oBACJ,CACA,6BACI,yBACJ,CAEA,oBAEI,YAAa,CACb,WAAY,CACZ,UAAW,CACX,eAAgB,CAChB,4BAA6B,CAC7B,eAAiB,CACjB,cAAe,CAEf,eAAiB,CACjB,aAAyB,CAAzB,wBAAyB,CACzB,6BACJ,CACA,gCAEI,8BAA+B,CAC/B,qBACJ,CAEA,iBACI,cAAe,CACf,yBAA0B,CAE1B,mBACJ,CACA,mCAHI,qBAKJ","file":"main.4a6e9426.chunk.css","sourcesContent":[":root{\n --volt-purple: #582C83;\n --background: #140022;\n}\n\n*{\n margin: 0;\n padding: 0;\n font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.App {\n text-align: center;\n\n background-color: var(--background);\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-size: calc(10px + 2vmin);\n color: white;\n padding: 10vh;\n}\n\nh2{\n margin: 10vh 0 2vh 0;\n font-size: calc(10px + 4vmin);\n}\n\n.HeaderImage{\n height: calc(10px + 30vmin);\n max-width: 100%;\n}\n\n.FinishedFrame {\n height: 36vh;\n margin: 2vh;\n}\n\n.FrameChooser .frame{\n height: 12vh;\n margin: 2vh;\n cursor: pointer;\n box-shadow: 0 0 0 1vh rgba(255,255,255,0);\n transition: transform 0.2s ease;\n}\n.FrameChooser .frame:hover{\n transform-origin: center center;\n transform: scale(1.1);\n}\n.FrameChooser .frame.choosen{\n box-shadow: 0 0 0 1vh white;\n}\n\nbutton,\n.labelButton{\n outline: none;\n border: none;\n margin: 2vh;\n padding: 1vh 2vh;\n font-size: calc(10px + 2vmin);\n font-weight: bold;\n cursor: pointer;\n\n background: white;\n color: var(--volt-purple);\n transition: transform 0.2s ease;\n}\nbutton:hover,\n.labelButton:hover{\n transform-origin: center center;\n transform: scale(1.05);\n}\n\n.labelButton img{\n display: inline;\n height: calc(10px + 4vmin);\n vertical-align: middle;\n margin: 0 2vh 0 -1vh;\n}\n.labelButton span{\n vertical-align: middle;\n}\n"]}
|
|
@ -1,2 +0,0 @@
|
||||||
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}
|
|
||||||
/*# sourceMappingURL=main.672b929e.chunk.css.map */
|
|
|
@ -1 +0,0 @@
|
||||||
{"version":3,"sources":["webpack://src/index.css","webpack://src/App.css"],"names":[],"mappings":"AAAA,KACE,QAAS,CACT,mJAEY,CACZ,kCAAmC,CACnC,iCACF,CAEA,KACE,yEAEF,CCZA,KACE,iBACF,CAEA,UACE,aACF,CAEA,YACE,wBAAyB,CACzB,gBAAiB,CACjB,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,sBAAuB,CACvB,4BAA6B,CAC7B,UACF,CAEA,UACE,aACF","file":"main.672b929e.chunk.css","sourcesContent":["body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n",".App {\n text-align: center;\n}\n\n.App-logo {\n height: 40vmin;\n}\n\n.App-header {\n background-color: #282c34;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-size: calc(10px + 2vmin);\n color: white;\n}\n\n.App-link {\n color: #61dafb;\n}\n"]}
|
|
2
static/js/10.1fe77309.chunk.js
Normal file
|
@ -0,0 +1,2 @@
|
||||||
|
(this["webpackJsonpprofile-picture-generator"]=this["webpackJsonpprofile-picture-generator"]||[]).push([[10],{27:function(e,r,t){"use strict";t.r(r),r.default=t.p+"static/media/ProfileFrame Red Bars.665010b1.png"}}]);
|
||||||
|
//# sourceMappingURL=10.1fe77309.chunk.js.map
|
1
static/js/10.1fe77309.chunk.js.map
Normal file
|
@ -0,0 +1 @@
|
||||||
|
{"version":3,"sources":["frames/ProfileFrame Red Bars.png"],"names":[],"mappings":"8IAAA,OAAe,cAA0B","file":"static/js/10.1fe77309.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/ProfileFrame Red Bars.665010b1.png\";"],"sourceRoot":""}
|
2
static/js/11.f2fb4857.chunk.js
Normal file
|
@ -0,0 +1,2 @@
|
||||||
|
(this["webpackJsonpprofile-picture-generator"]=this["webpackJsonpprofile-picture-generator"]||[]).push([[11],{28:function(e,r,t){"use strict";t.r(r),r.default=t.p+"static/media/ProfileFrame White Bars.b2de0d4d.png"}}]);
|
||||||
|
//# sourceMappingURL=11.f2fb4857.chunk.js.map
|
1
static/js/11.f2fb4857.chunk.js.map
Normal file
|
@ -0,0 +1 @@
|
||||||
|
{"version":3,"sources":["frames/ProfileFrame White Bars.png"],"names":[],"mappings":"8IAAA,OAAe,cAA0B","file":"static/js/11.f2fb4857.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/ProfileFrame White Bars.b2de0d4d.png\";"],"sourceRoot":""}
|
2
static/js/12.18f83d7a.chunk.js
Normal file
|
@ -0,0 +1,2 @@
|
||||||
|
(this["webpackJsonpprofile-picture-generator"]=this["webpackJsonpprofile-picture-generator"]||[]).push([[12],{29:function(e,r,t){"use strict";t.r(r),r.default=t.p+"static/media/ProfileFrame Yellow Bars.a7793831.png"}}]);
|
||||||
|
//# sourceMappingURL=12.18f83d7a.chunk.js.map
|
1
static/js/12.18f83d7a.chunk.js.map
Normal file
|
@ -0,0 +1 @@
|
||||||
|
{"version":3,"sources":["frames/ProfileFrame Yellow Bars.png"],"names":[],"mappings":"8IAAA,OAAe,cAA0B","file":"static/js/12.18f83d7a.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/ProfileFrame Yellow Bars.a7793831.png\";"],"sourceRoot":""}
|
3
static/js/2.1a3cb35a.chunk.js
Normal file
1
static/js/2.1a3cb35a.chunk.js.map
Normal file
|
@ -1,2 +1,2 @@
|
||||||
(this["webpackJsonpprofile-picture-generator"]=this["webpackJsonpprofile-picture-generator"]||[]).push([[3],{18:function(t,n,e){"use strict";e.r(n),e.d(n,"getCLS",(function(){return v})),e.d(n,"getFCP",(function(){return g})),e.d(n,"getFID",(function(){return h})),e.d(n,"getLCP",(function(){return y})),e.d(n,"getTTFB",(function(){return F}));var i,a,r=function(){return"".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12)},o=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1;return{name:t,value:n,delta:0,entries:[],id:r(),isFinal:!1}},u=function(t,n){try{if(PerformanceObserver.supportedEntryTypes.includes(t)){var e=new PerformanceObserver((function(t){return t.getEntries().map(n)}));return e.observe({type:t,buffered:!0}),e}}catch(t){}},c=!1,s=!1,p=function(t){c=!t.persisted},f=function(){addEventListener("pagehide",p),addEventListener("beforeunload",(function(){}))},d=function(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];s||(f(),s=!0),addEventListener("visibilitychange",(function(n){var e=n.timeStamp;"hidden"===document.visibilityState&&t({timeStamp:e,isUnloading:c})}),{capture:!0,once:n})},l=function(t,n,e,i){var a;return function(){e&&n.isFinal&&e.disconnect(),n.value>=0&&(i||n.isFinal||"hidden"===document.visibilityState)&&(n.delta=n.value-(a||0),(n.delta||n.isFinal||void 0===a)&&(t(n),a=n.value))}},v=function(t){var n,e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=o("CLS",0),a=function(t){t.hadRecentInput||(i.value+=t.value,i.entries.push(t),n())},r=u("layout-shift",a);r&&(n=l(t,i,r,e),d((function(t){var e=t.isUnloading;r.takeRecords().map(a),e&&(i.isFinal=!0),n()})))},m=function(){return void 0===i&&(i="hidden"===document.visibilityState?0:1/0,d((function(t){var n=t.timeStamp;return i=n}),!0)),{get timeStamp(){return i}}},g=function(t){var n,e=o("FCP"),i=m(),a=u("paint",(function(t){"first-contentful-paint"===t.name&&t.startTime<i.timeStamp&&(e.value=t.startTime,e.isFinal=!0,e.entries.push(t),n())}));a&&(n=l(t,e,a))},h=function(t){var n=o("FID"),e=m(),i=function(t){t.startTime<e.timeStamp&&(n.value=t.processingStart-t.startTime,n.entries.push(t),n.isFinal=!0,r())},a=u("first-input",i),r=l(t,n,a);a?d((function(){a.takeRecords().map(i),a.disconnect()}),!0):window.perfMetrics&&window.perfMetrics.onFirstInputDelay&&window.perfMetrics.onFirstInputDelay((function(t,i){i.timeStamp<e.timeStamp&&(n.value=t,n.isFinal=!0,n.entries=[{entryType:"first-input",name:i.type,target:i.target,cancelable:i.cancelable,startTime:i.timeStamp,processingStart:i.timeStamp+t}],r())}))},S=function(){return a||(a=new Promise((function(t){return["scroll","keydown","pointerdown"].map((function(n){addEventListener(n,t,{once:!0,passive:!0,capture:!0})}))}))),a},y=function(t){var n,e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=o("LCP"),a=m(),r=function(t){var e=t.startTime;e<a.timeStamp?(i.value=e,i.entries.push(t)):i.isFinal=!0,n()},c=u("largest-contentful-paint",r);if(c){n=l(t,i,c,e);var s=function(){i.isFinal||(c.takeRecords().map(r),i.isFinal=!0,n())};S().then(s),d(s,!0)}},F=function(t){var n,e=o("TTFB");n=function(){try{var n=performance.getEntriesByType("navigation")[0]||function(){var t=performance.timing,n={entryType:"navigation",startTime:0};for(var e in t)"navigationStart"!==e&&"toJSON"!==e&&(n[e]=Math.max(t[e]-t.navigationStart,0));return n}();e.value=e.delta=n.responseStart,e.entries=[n],e.isFinal=!0,t(e)}catch(t){}},"complete"===document.readyState?setTimeout(n,0):addEventListener("pageshow",n)}}}]);
|
(this["webpackJsonpprofile-picture-generator"]=this["webpackJsonpprofile-picture-generator"]||[]).push([[3],{30:function(t,n,e){"use strict";e.r(n),e.d(n,"getCLS",(function(){return v})),e.d(n,"getFCP",(function(){return g})),e.d(n,"getFID",(function(){return h})),e.d(n,"getLCP",(function(){return y})),e.d(n,"getTTFB",(function(){return F}));var i,a,r=function(){return"".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12)},o=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1;return{name:t,value:n,delta:0,entries:[],id:r(),isFinal:!1}},u=function(t,n){try{if(PerformanceObserver.supportedEntryTypes.includes(t)){var e=new PerformanceObserver((function(t){return t.getEntries().map(n)}));return e.observe({type:t,buffered:!0}),e}}catch(t){}},c=!1,s=!1,p=function(t){c=!t.persisted},f=function(){addEventListener("pagehide",p),addEventListener("beforeunload",(function(){}))},d=function(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];s||(f(),s=!0),addEventListener("visibilitychange",(function(n){var e=n.timeStamp;"hidden"===document.visibilityState&&t({timeStamp:e,isUnloading:c})}),{capture:!0,once:n})},l=function(t,n,e,i){var a;return function(){e&&n.isFinal&&e.disconnect(),n.value>=0&&(i||n.isFinal||"hidden"===document.visibilityState)&&(n.delta=n.value-(a||0),(n.delta||n.isFinal||void 0===a)&&(t(n),a=n.value))}},v=function(t){var n,e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=o("CLS",0),a=function(t){t.hadRecentInput||(i.value+=t.value,i.entries.push(t),n())},r=u("layout-shift",a);r&&(n=l(t,i,r,e),d((function(t){var e=t.isUnloading;r.takeRecords().map(a),e&&(i.isFinal=!0),n()})))},m=function(){return void 0===i&&(i="hidden"===document.visibilityState?0:1/0,d((function(t){var n=t.timeStamp;return i=n}),!0)),{get timeStamp(){return i}}},g=function(t){var n,e=o("FCP"),i=m(),a=u("paint",(function(t){"first-contentful-paint"===t.name&&t.startTime<i.timeStamp&&(e.value=t.startTime,e.isFinal=!0,e.entries.push(t),n())}));a&&(n=l(t,e,a))},h=function(t){var n=o("FID"),e=m(),i=function(t){t.startTime<e.timeStamp&&(n.value=t.processingStart-t.startTime,n.entries.push(t),n.isFinal=!0,r())},a=u("first-input",i),r=l(t,n,a);a?d((function(){a.takeRecords().map(i),a.disconnect()}),!0):window.perfMetrics&&window.perfMetrics.onFirstInputDelay&&window.perfMetrics.onFirstInputDelay((function(t,i){i.timeStamp<e.timeStamp&&(n.value=t,n.isFinal=!0,n.entries=[{entryType:"first-input",name:i.type,target:i.target,cancelable:i.cancelable,startTime:i.timeStamp,processingStart:i.timeStamp+t}],r())}))},S=function(){return a||(a=new Promise((function(t){return["scroll","keydown","pointerdown"].map((function(n){addEventListener(n,t,{once:!0,passive:!0,capture:!0})}))}))),a},y=function(t){var n,e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=o("LCP"),a=m(),r=function(t){var e=t.startTime;e<a.timeStamp?(i.value=e,i.entries.push(t)):i.isFinal=!0,n()},c=u("largest-contentful-paint",r);if(c){n=l(t,i,c,e);var s=function(){i.isFinal||(c.takeRecords().map(r),i.isFinal=!0,n())};S().then(s),d(s,!0)}},F=function(t){var n,e=o("TTFB");n=function(){try{var n=performance.getEntriesByType("navigation")[0]||function(){var t=performance.timing,n={entryType:"navigation",startTime:0};for(var e in t)"navigationStart"!==e&&"toJSON"!==e&&(n[e]=Math.max(t[e]-t.navigationStart,0));return n}();e.value=e.delta=n.responseStart,e.entries=[n],e.isFinal=!0,t(e)}catch(t){}},"complete"===document.readyState?setTimeout(n,0):addEventListener("pageshow",n)}}}]);
|
||||||
//# sourceMappingURL=3.dbc66b17.chunk.js.map
|
//# sourceMappingURL=3.bb57f110.chunk.js.map
|
2
static/js/4.1782ed80.chunk.js
Normal file
|
@ -0,0 +1,2 @@
|
||||||
|
(this["webpackJsonpprofile-picture-generator"]=this["webpackJsonpprofile-picture-generator"]||[]).push([[4],{21:function(e,r,t){"use strict";t.r(r),r.default=t.p+"static/media/ProfileFrame B&G Bars.b84e992d.png"}}]);
|
||||||
|
//# sourceMappingURL=4.1782ed80.chunk.js.map
|
1
static/js/4.1782ed80.chunk.js.map
Normal file
|
@ -0,0 +1 @@
|
||||||
|
{"version":3,"sources":["frames/ProfileFrame B&G Bars.png"],"names":[],"mappings":"6IAAA,OAAe,cAA0B","file":"static/js/4.1782ed80.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/ProfileFrame B&G Bars.b84e992d.png\";"],"sourceRoot":""}
|
2
static/js/5.e1e1de85.chunk.js
Normal file
|
@ -0,0 +1,2 @@
|
||||||
|
(this["webpackJsonpprofile-picture-generator"]=this["webpackJsonpprofile-picture-generator"]||[]).push([[5],{22:function(e,r,t){"use strict";t.r(r),r.default=t.p+"static/media/ProfileFrame Blue Bars.014e4dc2.png"}}]);
|
||||||
|
//# sourceMappingURL=5.e1e1de85.chunk.js.map
|
1
static/js/5.e1e1de85.chunk.js.map
Normal file
|
@ -0,0 +1 @@
|
||||||
|
{"version":3,"sources":["frames/ProfileFrame Blue Bars.png"],"names":[],"mappings":"6IAAA,OAAe,cAA0B","file":"static/js/5.e1e1de85.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/ProfileFrame Blue Bars.014e4dc2.png\";"],"sourceRoot":""}
|
2
static/js/6.d1362615.chunk.js
Normal file
|
@ -0,0 +1,2 @@
|
||||||
|
(this["webpackJsonpprofile-picture-generator"]=this["webpackJsonpprofile-picture-generator"]||[]).push([[6],{23:function(e,r,t){"use strict";t.r(r),r.default=t.p+"static/media/ProfileFrame Green Bars.363b5131.png"}}]);
|
||||||
|
//# sourceMappingURL=6.d1362615.chunk.js.map
|
1
static/js/6.d1362615.chunk.js.map
Normal file
|
@ -0,0 +1 @@
|
||||||
|
{"version":3,"sources":["frames/ProfileFrame Green Bars.png"],"names":[],"mappings":"6IAAA,OAAe,cAA0B","file":"static/js/6.d1362615.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/ProfileFrame Green Bars.363b5131.png\";"],"sourceRoot":""}
|
2
static/js/7.1b5955d2.chunk.js
Normal file
|
@ -0,0 +1,2 @@
|
||||||
|
(this["webpackJsonpprofile-picture-generator"]=this["webpackJsonpprofile-picture-generator"]||[]).push([[7],{24:function(e,r,i){"use strict";i.r(r),r.default=i.p+"static/media/ProfileFrame Mixed Bars.2624625f.png"}}]);
|
||||||
|
//# sourceMappingURL=7.1b5955d2.chunk.js.map
|
1
static/js/7.1b5955d2.chunk.js.map
Normal file
|
@ -0,0 +1 @@
|
||||||
|
{"version":3,"sources":["frames/ProfileFrame Mixed Bars.png"],"names":[],"mappings":"6IAAA,OAAe,cAA0B","file":"static/js/7.1b5955d2.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/ProfileFrame Mixed Bars.2624625f.png\";"],"sourceRoot":""}
|
2
static/js/8.6c19bf62.chunk.js
Normal file
|
@ -0,0 +1,2 @@
|
||||||
|
(this["webpackJsonpprofile-picture-generator"]=this["webpackJsonpprofile-picture-generator"]||[]).push([[8],{25:function(e,r,p){"use strict";p.r(r),r.default=p.p+"static/media/ProfileFrame Purple.f15807cf.png"}}]);
|
||||||
|
//# sourceMappingURL=8.6c19bf62.chunk.js.map
|
1
static/js/8.6c19bf62.chunk.js.map
Normal file
|
@ -0,0 +1 @@
|
||||||
|
{"version":3,"sources":["frames/ProfileFrame Purple.png"],"names":[],"mappings":"6IAAA,OAAe,cAA0B","file":"static/js/8.6c19bf62.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/ProfileFrame Purple.f15807cf.png\";"],"sourceRoot":""}
|
2
static/js/9.1ed67c5f.chunk.js
Normal file
|
@ -0,0 +1,2 @@
|
||||||
|
(this["webpackJsonpprofile-picture-generator"]=this["webpackJsonpprofile-picture-generator"]||[]).push([[9],{26:function(e,r,t){"use strict";t.r(r),r.default=t.p+"static/media/ProfileFrame R&Y Bars.1185c319.png"}}]);
|
||||||
|
//# sourceMappingURL=9.1ed67c5f.chunk.js.map
|
1
static/js/9.1ed67c5f.chunk.js.map
Normal file
|
@ -0,0 +1 @@
|
||||||
|
{"version":3,"sources":["frames/ProfileFrame R&Y Bars.png"],"names":[],"mappings":"6IAAA,OAAe,cAA0B","file":"static/js/9.1ed67c5f.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/ProfileFrame R&Y Bars.1185c319.png\";"],"sourceRoot":""}
|
2
static/js/main.0970a3bd.chunk.js
Normal file
|
@ -0,0 +1,2 @@
|
||||||
|
(this["webpackJsonpprofile-picture-generator"]=this["webpackJsonpprofile-picture-generator"]||[]).push([[0],{17:function(e,t,r){},19:function(e,t,r){var n={"./ProfileFrame B&G Bars.png":[21,4],"./ProfileFrame Blue Bars.png":[22,5],"./ProfileFrame Green Bars.png":[23,6],"./ProfileFrame Mixed Bars.png":[24,7],"./ProfileFrame Purple.png":[25,8],"./ProfileFrame R&Y Bars.png":[26,9],"./ProfileFrame Red Bars.png":[27,10],"./ProfileFrame White Bars.png":[28,11],"./ProfileFrame Yellow Bars.png":[29,12]};function a(e){if(!r.o(n,e))return Promise.resolve().then((function(){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}));var t=n[e],a=t[0];return r.e(t[1]).then((function(){return r(a)}))}a.keys=function(){return Object.keys(n)},a.id=19,e.exports=a},20:function(e,t,r){"use strict";r.r(t);var n=r(0),a=r(1),c=r.n(a),o=r(9),s=r.n(o),i=r(8),l=r(2),u=(r(17),r(10)),f=r.n(u),m=r(4),j=r.n(m),d=r(7);var p=function(e){var t=e.onFrameChange,c=Object(a.useState)([]),o=Object(l.a)(c,2),s=o[0],i=o[1],u=Object(a.useState)(null),f=Object(l.a)(u,2),m=f[0],p=f[1];Object(a.useEffect)((function(){function e(){return(e=Object(d.a)(j.a.mark((function e(){return j.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:Promise.all(["ProfileFrame Purple","ProfileFrame Yellow Bars","ProfileFrame Red Bars","ProfileFrame Blue Bars","ProfileFrame Green Bars","ProfileFrame White Bars","ProfileFrame Mixed Bars","ProfileFrame R&Y Bars","ProfileFrame B&G Bars"].map(function(){var e=Object(d.a)(j.a.mark((function e(t){return j.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.t0=t,e.next=3,r(19)("./".concat(t,".png"));case 3:return e.t1=e.sent,e.abrupt("return",{name:e.t0,src:e.t1});case 5:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}())).then((function(e){console.log(e),i(e),p(e[0].src.default)}));case 1:case"end":return e.stop()}}),e)})))).apply(this,arguments)}!function(){e.apply(this,arguments)}()}),[]);var b=Object(a.useCallback)((function(e){p(e.target.dataset.src)}),[p]);return Object(a.useEffect)((function(){t(m)}),[t,m]),Object(n.jsxs)("div",{className:"FrameChooser",children:[Object(n.jsx)("h2",{children:"Choose a frame:"}),s.map((function(e){var t=e.src.default,r=m===t;return Object(n.jsx)("img",{alt:e.name,"data-src":t,src:t,className:r?"frame choosen":"frame",onClick:b},t)}))]})},b=r.p+"static/media/HeaderImage.f98423dd.svg",h=r(11),g=1080;var O=function(){var e=Object(a.useState)(null),t=Object(l.a)(e,2),r=t[0],c=t[1],o=Object(a.useState)(null),s=Object(l.a)(o,2),u=s[0],m=s[1],j=Object(a.useState)(null),d=Object(l.a)(j,2),O=d[0],F=d[1],P=Object(a.useCallback)((function(e){c(e)}),[c]),v=Object(a.useCallback)((function(e){var t=new FileReader;t.onload=function(e){var t=new Image;t.onload=function(){var e=document.createElement("canvas");e.width=g,e.height=g;var r=e.getContext("2d",{alpha:!1}),n=t.height/t.width*g;r.drawImage(t,0,(g-n)/2,1080,n);var a=e.toDataURL();m(a)},t.src=e.target.result},t.readAsDataURL(e.target.files[0])}),[m]);return Object(a.useEffect)((function(){Object(h.a)([].concat(Object(i.a)(u?[u]:[]),Object(i.a)(r?[r]:[]))).then((function(e){return F(e)}))}),[u,r]),Object(n.jsxs)("div",{className:"App",children:[Object(n.jsx)("img",{src:b,className:"HeaderImage",alt:"Volt Logo"}),Object(n.jsx)("h2",{children:"Choose your Photo:"}),Object(n.jsxs)("label",{className:"labelButton",tabIndex:"0",style:{outline:"none"},children:[u?Object(n.jsx)("img",{src:u,alt:"Preview"}):null,Object(n.jsx)("span",{children:"Load Photo"}),Object(n.jsx)("input",{onChange:v,type:"file",accept:"image/*",style:{display:"none"}})]}),Object(n.jsx)(p,{onFrameChange:P}),Object(n.jsx)("h2",{children:"Download your Photo:"}),Object(n.jsx)("img",{src:O,className:"FinishedFrame",alt:"Finished Frame"}),Object(n.jsx)("button",{onClick:function(){return f()(O,"volt-profile-picture.png","image/png")},children:"Download Profile Picture"})]})},F=function(e){e&&e instanceof Function&&r.e(3).then(r.bind(null,30)).then((function(t){var r=t.getCLS,n=t.getFID,a=t.getFCP,c=t.getLCP,o=t.getTTFB;r(e),n(e),a(e),c(e),o(e)}))};s.a.render(Object(n.jsx)(c.a.StrictMode,{children:Object(n.jsx)(O,{})}),document.getElementById("root")),F()}},[[20,1,2]]]);
|
||||||
|
//# sourceMappingURL=main.0970a3bd.chunk.js.map
|
1
static/js/main.0970a3bd.chunk.js.map
Normal file
|
@ -1,2 +0,0 @@
|
||||||
(this["webpackJsonpprofile-picture-generator"]=this["webpackJsonpprofile-picture-generator"]||[]).push([[0],{15:function(e,t,n){},16:function(e,t,n){},17:function(e,t,n){"use strict";n.r(t);var a=n(0),c=n(1),r=n.n(c),i=n(7),o=n.n(i),l=(n(15),n(5)),s=n(6),u=(n(16),n(8)),d=n.n(u),j=n.p+"static/media/ProfileFrame Mixed Bars.2624625f.png",p=n(9),b=1080;var f=function(){var e=Object(c.useState)(null),t=Object(s.a)(e,2),n=t[0],r=t[1],i=Object(c.useState)(null),o=Object(s.a)(i,2),u=o[0],f=o[1],g=Object(c.useCallback)((function(e){var t=new FileReader;t.onload=function(e){var t=new Image;t.onload=function(){var e=document.createElement("canvas");e.width=b,e.height=b;var n=e.getContext("2d",{alpha:!1}),a=t.height/t.width*b;n.drawImage(t,0,(b-a)/2,1080,a);var c=e.toDataURL();r(c)},t.src=e.target.result},t.readAsDataURL(e.target.files[0])}),[r]);return Object(c.useEffect)((function(){Object(p.a)([].concat(Object(l.a)(n?[n]:[]),Object(l.a)(j?[j]:[]))).then((function(e){return f(e)}))}),[n]),Object(a.jsx)("div",{className:"App",children:Object(a.jsxs)("header",{className:"App-header",children:[Object(a.jsx)("label",{children:"Load an Image:"}),Object(a.jsx)("input",{type:"file",onChange:g}),Object(a.jsx)("img",{src:u,className:"App-logo",alt:"Finished Frame"}),Object(a.jsx)("button",{onClick:function(){return d()(u,"volt-profile-picture.png","image/png")},children:"Download Profile Picture"})]})})},g=function(e){e&&e instanceof Function&&n.e(3).then(n.bind(null,18)).then((function(t){var n=t.getCLS,a=t.getFID,c=t.getFCP,r=t.getLCP,i=t.getTTFB;n(e),a(e),c(e),r(e),i(e)}))};o.a.render(Object(a.jsx)(r.a.StrictMode,{children:Object(a.jsx)(f,{})}),document.getElementById("root")),g()}},[[17,1,2]]]);
|
|
||||||
//# sourceMappingURL=main.1dd29bf9.chunk.js.map
|
|
|
@ -1,2 +0,0 @@
|
||||||
!function(e){function r(r){for(var n,i,a=r[0],c=r[1],l=r[2],p=0,s=[];p<a.length;p++)i=a[p],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&s.push(o[i][0]),o[i]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(f&&f(r);s.length;)s.shift()();return u.push.apply(u,l||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,a=1;a<t.length;a++){var c=t[a];0!==o[c]&&(n=!1)}n&&(u.splice(r--,1),e=i(i.s=t[0]))}return e}var n={},o={1:0},u=[];function i(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,i),t.l=!0,t.exports}i.e=function(e){var r=[],t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise((function(r,n){t=o[e]=[r,n]}));r.push(t[2]=n);var u,a=document.createElement("script");a.charset="utf-8",a.timeout=120,i.nc&&a.setAttribute("nonce",i.nc),a.src=function(e){return i.p+"static/js/"+({}[e]||e)+"."+{3:"dbc66b17"}[e]+".chunk.js"}(e);var c=new Error;u=function(r){a.onerror=a.onload=null,clearTimeout(l);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),u=r&&r.target&&r.target.src;c.message="Loading chunk "+e+" failed.\n("+n+": "+u+")",c.name="ChunkLoadError",c.type=n,c.request=u,t[1](c)}o[e]=void 0}};var l=setTimeout((function(){u({type:"timeout",target:a})}),12e4);a.onerror=a.onload=u,document.head.appendChild(a)}return Promise.all(r)},i.m=e,i.c=n,i.d=function(e,r,t){i.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},i.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,r){if(1&r&&(e=i(e)),8&r)return e;if(4&r&&"object"===typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(i.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)i.d(t,n,function(r){return e[r]}.bind(null,n));return t},i.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(r,"a",r),r},i.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},i.p="/",i.oe=function(e){throw console.error(e),e};var a=this["webpackJsonpprofile-picture-generator"]=this["webpackJsonpprofile-picture-generator"]||[],c=a.push.bind(a);a.push=r,a=a.slice();for(var l=0;l<a.length;l++)r(a[l]);var f=c;t()}([]);
|
|
||||||
//# sourceMappingURL=runtime-main.4ac72847.js.map
|
|
2
static/js/runtime-main.f6e93472.js
Normal file
|
@ -0,0 +1,2 @@
|
||||||
|
!function(e){function r(r){for(var n,i,a=r[0],c=r[1],f=r[2],p=0,s=[];p<a.length;p++)i=a[p],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&s.push(o[i][0]),o[i]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(l&&l(r);s.length;)s.shift()();return u.push.apply(u,f||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,a=1;a<t.length;a++){var c=t[a];0!==o[c]&&(n=!1)}n&&(u.splice(r--,1),e=i(i.s=t[0]))}return e}var n={},o={1:0},u=[];function i(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,i),t.l=!0,t.exports}i.e=function(e){var r=[],t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise((function(r,n){t=o[e]=[r,n]}));r.push(t[2]=n);var u,a=document.createElement("script");a.charset="utf-8",a.timeout=120,i.nc&&a.setAttribute("nonce",i.nc),a.src=function(e){return i.p+"static/js/"+({}[e]||e)+"."+{3:"bb57f110",4:"1782ed80",5:"e1e1de85",6:"d1362615",7:"1b5955d2",8:"6c19bf62",9:"1ed67c5f",10:"1fe77309",11:"f2fb4857",12:"18f83d7a"}[e]+".chunk.js"}(e);var c=new Error;u=function(r){a.onerror=a.onload=null,clearTimeout(f);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),u=r&&r.target&&r.target.src;c.message="Loading chunk "+e+" failed.\n("+n+": "+u+")",c.name="ChunkLoadError",c.type=n,c.request=u,t[1](c)}o[e]=void 0}};var f=setTimeout((function(){u({type:"timeout",target:a})}),12e4);a.onerror=a.onload=u,document.head.appendChild(a)}return Promise.all(r)},i.m=e,i.c=n,i.d=function(e,r,t){i.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},i.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,r){if(1&r&&(e=i(e)),8&r)return e;if(4&r&&"object"===typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(i.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)i.d(t,n,function(r){return e[r]}.bind(null,n));return t},i.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(r,"a",r),r},i.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},i.p="/",i.oe=function(e){throw console.error(e),e};var a=this["webpackJsonpprofile-picture-generator"]=this["webpackJsonpprofile-picture-generator"]||[],c=a.push.bind(a);a.push=r,a=a.slice();for(var f=0;f<a.length;f++)r(a[f]);var l=c;t()}([]);
|
||||||
|
//# sourceMappingURL=runtime-main.f6e93472.js.map
|
1
static/js/runtime-main.f6e93472.js.map
Normal file
19
static/media/HeaderImage.f98423dd.svg
Normal file
After Width: | Height: | Size: 149 KiB |
BIN
static/media/ProfileFrame B&G Bars.b84e992d.png
Normal file
After Width: | Height: | Size: 164 KiB |
BIN
static/media/ProfileFrame Blue Bars.014e4dc2.png
Normal file
After Width: | Height: | Size: 234 KiB |
BIN
static/media/ProfileFrame Green Bars.363b5131.png
Normal file
After Width: | Height: | Size: 228 KiB |
BIN
static/media/ProfileFrame Purple.f15807cf.png
Normal file
After Width: | Height: | Size: 28 KiB |
BIN
static/media/ProfileFrame R&Y Bars.1185c319.png
Normal file
After Width: | Height: | Size: 169 KiB |
BIN
static/media/ProfileFrame Red Bars.665010b1.png
Normal file
After Width: | Height: | Size: 226 KiB |
BIN
static/media/ProfileFrame White Bars.b2de0d4d.png
Normal file
After Width: | Height: | Size: 248 KiB |
BIN
static/media/ProfileFrame Yellow Bars.a7793831.png
Normal file
After Width: | Height: | Size: 248 KiB |