mirror of
https://github.com/voltbonn/profile-picture-generator.git
synced 2024-12-22 15:55:08 +00:00
thomasrosen published a site update
This commit is contained in:
parent
22d8f830d7
commit
8d27600430
6 changed files with 7 additions and 7 deletions
|
@ -1,8 +1,8 @@
|
||||||
{
|
{
|
||||||
"files": {
|
"files": {
|
||||||
"main.css": "/static/css/main.e57341b8.chunk.css",
|
"main.css": "/static/css/main.e57341b8.chunk.css",
|
||||||
"main.js": "/static/js/main.8c2fdff3.chunk.js",
|
"main.js": "/static/js/main.67e708c3.chunk.js",
|
||||||
"main.js.map": "/static/js/main.8c2fdff3.chunk.js.map",
|
"main.js.map": "/static/js/main.67e708c3.chunk.js.map",
|
||||||
"runtime-main.js": "/static/js/runtime-main.bc0ce809.js",
|
"runtime-main.js": "/static/js/runtime-main.bc0ce809.js",
|
||||||
"runtime-main.js.map": "/static/js/runtime-main.bc0ce809.js.map",
|
"runtime-main.js.map": "/static/js/runtime-main.bc0ce809.js.map",
|
||||||
"static/js/2.ef6f135a.chunk.js": "/static/js/2.ef6f135a.chunk.js",
|
"static/js/2.ef6f135a.chunk.js": "/static/js/2.ef6f135a.chunk.js",
|
||||||
|
@ -44,6 +44,6 @@
|
||||||
"static/js/runtime-main.bc0ce809.js",
|
"static/js/runtime-main.bc0ce809.js",
|
||||||
"static/js/2.ef6f135a.chunk.js",
|
"static/js/2.ef6f135a.chunk.js",
|
||||||
"static/css/main.e57341b8.chunk.css",
|
"static/css/main.e57341b8.chunk.css",
|
||||||
"static/js/main.8c2fdff3.chunk.js"
|
"static/js/main.67e708c3.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.e57341b8.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,a,i=r[0],c=r[1],f=r[2],p=0,s=[];p<i.length;p++)a=i[p],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&s.push(o[a][0]),o[a]=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,i=1;i<t.length;i++){var c=t[i];0!==o[c]&&(n=!1)}n&&(u.splice(r--,1),e=a(a.s=t[0]))}return e}var n={},o={1:0},u=[];function a(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,a),t.l=!0,t.exports}a.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,i=document.createElement("script");i.charset="utf-8",i.timeout=120,a.nc&&i.setAttribute("nonce",a.nc),i.src=function(e){return a.p+"static/js/"+({}[e]||e)+"."+{3:"a1b5b932",4:"0a22e011",5:"f39be939",6:"af364642",7:"98537f00",8:"386c5bac",9:"b2f113da",10:"812bcdbd",11:"0b771e23",12:"0eceec8b"}[e]+".chunk.js"}(e);var c=new Error;u=function(r){i.onerror=i.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:i})}),12e4);i.onerror=i.onload=u,document.head.appendChild(i)}return Promise.all(r)},a.m=e,a.c=n,a.d=function(e,r,t){a.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,r){if(1&r&&(e=a(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(a.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)a.d(t,n,function(r){return e[r]}.bind(null,n));return t},a.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(r,"a",r),r},a.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},a.p="/",a.oe=function(e){throw console.error(e),e};var i=this["webpackJsonpprofile-picture-generator"]=this["webpackJsonpprofile-picture-generator"]||[],c=i.push.bind(i);i.push=r,i=i.slice();for(var f=0;f<i.length;f++)r(i[f]);var l=c;t()}([])</script><script src="/static/js/2.ef6f135a.chunk.js"></script><script src="/static/js/main.8c2fdff3.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.e57341b8.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,a,i=r[0],c=r[1],f=r[2],p=0,s=[];p<i.length;p++)a=i[p],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&s.push(o[a][0]),o[a]=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,i=1;i<t.length;i++){var c=t[i];0!==o[c]&&(n=!1)}n&&(u.splice(r--,1),e=a(a.s=t[0]))}return e}var n={},o={1:0},u=[];function a(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,a),t.l=!0,t.exports}a.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,i=document.createElement("script");i.charset="utf-8",i.timeout=120,a.nc&&i.setAttribute("nonce",a.nc),i.src=function(e){return a.p+"static/js/"+({}[e]||e)+"."+{3:"a1b5b932",4:"0a22e011",5:"f39be939",6:"af364642",7:"98537f00",8:"386c5bac",9:"b2f113da",10:"812bcdbd",11:"0b771e23",12:"0eceec8b"}[e]+".chunk.js"}(e);var c=new Error;u=function(r){i.onerror=i.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:i})}),12e4);i.onerror=i.onload=u,document.head.appendChild(i)}return Promise.all(r)},a.m=e,a.c=n,a.d=function(e,r,t){a.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,r){if(1&r&&(e=a(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(a.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)a.d(t,n,function(r){return e[r]}.bind(null,n));return t},a.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(r,"a",r),r},a.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},a.p="/",a.oe=function(e){throw console.error(e),e};var i=this["webpackJsonpprofile-picture-generator"]=this["webpackJsonpprofile-picture-generator"]||[],c=i.push.bind(i);i.push=r,i=i.slice();for(var f=0;f<i.length;f++)r(i[f]);var l=c;t()}([])</script><script src="/static/js/2.ef6f135a.chunk.js"></script><script src="/static/js/main.67e708c3.chunk.js"></script></body></html>
|
2
static/js/main.67e708c3.chunk.js
Normal file
2
static/js/main.67e708c3.chunk.js
Normal file
File diff suppressed because one or more lines are too long
1
static/js/main.67e708c3.chunk.js.map
Normal file
1
static/js/main.67e708c3.chunk.js.map
Normal file
File diff suppressed because one or more lines are too long
|
@ -1,2 +0,0 @@
|
||||||
(this["webpackJsonpprofile-picture-generator"]=this["webpackJsonpprofile-picture-generator"]||[]).push([[0],{20:function(e,t,r){},24:function(e,t,r){var a={"./ProfileFrame B&G Bars.png":[26,4],"./ProfileFrame Blue Bars.png":[27,5],"./ProfileFrame Green Bars.png":[28,6],"./ProfileFrame Mixed Bars.png":[29,7],"./ProfileFrame Purple.png":[30,8],"./ProfileFrame R&Y Bars.png":[31,9],"./ProfileFrame Red Bars.png":[32,10],"./ProfileFrame White Bars.png":[33,11],"./ProfileFrame Yellow Bars.png":[34,12]};function n(e){if(!r.o(a,e))return Promise.resolve().then((function(){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}));var t=a[e],n=t[0];return r.e(t[1]).then((function(){return r(n)}))}n.keys=function(){return Object.keys(a)},n.id=24,e.exports=n},25:function(e,t,r){"use strict";r.r(t);var a=r(1),n=r(0),c=r.n(n),o=r(11),s=r.n(o),i=r(10),l=r(9),u=r(3),f=(r(20),r(14)),j=r(5),h=r.n(j),b=r(8);var d=function(e){var t=e.onFrameChange,c=Object(n.useState)([]),o=Object(u.a)(c,2),s=o[0],i=o[1],l=Object(n.useState)(null),f=Object(u.a)(l,2),j=f[0],d=f[1];Object(n.useEffect)((function(){function e(){return(e=Object(b.a)(h.a.mark((function e(){return h.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(b.a)(h.a.mark((function e(t){return h.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.t0=t,e.next=3,r(24)("./".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){i(e),d(e[0].src.default)}));case 1:case"end":return e.stop()}}),e)})))).apply(this,arguments)}!function(){e.apply(this,arguments)}()}),[]);var m=Object(n.useCallback)((function(e){d(e.target.dataset.src)}),[d]);return Object(n.useEffect)((function(){t(j)}),[t,j]),Object(a.jsxs)("div",{className:"FrameChooser",children:[Object(a.jsx)("h2",{children:"Choose a frame:"}),s.map((function(e){var t=e.src.default,r=j===t;return Object(a.jsx)("img",{alt:e.name,"data-src":t,src:t,className:r?"frame choosen":"frame",onClick:m},t)}))]})},m=r.p+"static/media/HeaderImage.1f39a672.svg",p=r(13),O=1080;var g=function(){var e=Object(n.useState)(null),t=Object(u.a)(e,2),r=t[0],c=t[1],o=Object(n.useState)(null),s=Object(u.a)(o,2),j=s[0],h=s[1],b=Object(n.useState)(null),g=Object(u.a)(b,2),v=g[0],F=g[1],P=Object(n.useState)(null),x=Object(u.a)(P,2),B=x[0],w=x[1],C=Object(n.useCallback)((function(e){c(e)}),[c]),y=Object(n.useCallback)((function(e){if(e){var t=new FileReader;t.onload=function(e){var t=new Image;t.onload=function(){var e=document.createElement("canvas");e.width=O,e.height=O;var r,a,n=e.getContext("2d",{alpha:!0});t.width<t.height?(a=t.height/t.width*O,r=O):(a=O,r=t.width/t.height*O),n.drawImage(t,(O-r)/2,(O-a)/2,r,a);var c=e.toDataURL();F(c)},t.src=e.target.result,h(e.target.result)},t.readAsDataURL(e)}}),[]),k=Object(n.useCallback)((function(e){y(e.target.files[0])}),[y]),D=Object(n.useCallback)((function(e){y(e[0])}),[y]),N=Object(f.a)({onDrop:D,accept:"image/*",maxFiles:1,noKeyboard:!0}),I=N.isDragActive,R=N.getRootProps;return Object(n.useEffect)((function(){Object(p.a)([].concat(Object(l.a)(v?[v]:[]),Object(l.a)(r?[r]:[]))).then((function(e){return w(e)}))}),[v,r]),Object(a.jsxs)("div",Object(i.a)(Object(i.a)({className:"App"},R()),{},{children:[Object(a.jsx)("img",{src:m,className:"HeaderImage",alt:"Volt Logo"}),Object(a.jsx)("div",{className:I?"droparea active":"droparea",children:"Drop your photo here ..."}),Object(a.jsx)("h2",{children:"Choose your Photo:"}),Object(a.jsx)("p",{children:"It should best be a square image or your face in the middle. The photo is not saved and never leaves your computer."}),Object(a.jsxs)("label",{className:"labelButton",tabIndex:"0",style:{outline:"none"},children:[v?Object(a.jsx)("img",{src:j,alt:"Preview"}):null,Object(a.jsx)("span",{children:v?"Change Photo":"Load Photo"}),Object(a.jsx)("input",{onChange:k,type:"file",accept:"image/*",style:{display:"none"}})]}),Object(a.jsx)(d,{onFrameChange:C}),Object(a.jsx)("h2",{children:"Download your Photo:"}),Object(a.jsx)("img",{src:B,className:"FinishedFrame",alt:"Finished Frame"}),Object(a.jsx)("a",{download:"volt-profile-picture.png",href:B,target:"_blank",rel:"noreferrer",children:Object(a.jsx)("button",{children:"Download Profile Picture"})})]}))},v=function(e){e&&e instanceof Function&&r.e(3).then(r.bind(null,35)).then((function(t){var r=t.getCLS,a=t.getFID,n=t.getFCP,c=t.getLCP,o=t.getTTFB;r(e),a(e),n(e),c(e),o(e)}))};s.a.render(Object(a.jsx)(c.a.StrictMode,{children:Object(a.jsx)(g,{})}),document.getElementById("root")),v()}},[[25,1,2]]]);
|
|
||||||
//# sourceMappingURL=main.8c2fdff3.chunk.js.map
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue