VoltEuropa/profile.volt.link
VoltEuropa/profile.volt.link
1
0
Fork 0
mirror of https://github.com/voltbonn/profile-picture-generator.git synced 2024-12-23 00:05:09 +00:00
Code Activity

thomasrosen published a site update

Browse source
This commit is contained in:
thomasrosen 2021-01-23 20:23:08 +00:00
parent 339508d831
commit 063c55be5b
14 changed files with 21 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
asset-manifest.json
View file

@ -1,12 +1,12 @@
{ {
"files": { "files": {
"main.css": "/static/css/main.645a60aa.chunk.css", "main.css": "/static/css/main.63df43f9.chunk.css",
"main.js": "/static/js/main.148333d5.chunk.js", "main.js": "/static/js/main.2e8d1c28.chunk.js",
"main.js.map": "/static/js/main.148333d5.chunk.js.map", "main.js.map": "/static/js/main.2e8d1c28.chunk.js.map",
"runtime-main.js": "/static/js/runtime-main.86800db0.js", "runtime-main.js": "/static/js/runtime-main.86800db0.js",
"runtime-main.js.map": "/static/js/runtime-main.86800db0.js.map", "runtime-main.js.map": "/static/js/runtime-main.86800db0.js.map",
"static/js/2.834074b5.chunk.js": "/static/js/2.834074b5.chunk.js", "static/js/2.ac5abb0a.chunk.js": "/static/js/2.ac5abb0a.chunk.js",
"static/js/2.834074b5.chunk.js.map": "/static/js/2.834074b5.chunk.js.map", "static/js/2.ac5abb0a.chunk.js.map": "/static/js/2.ac5abb0a.chunk.js.map",
"static/js/3.598f4f07.chunk.js": "/static/js/3.598f4f07.chunk.js", "static/js/3.598f4f07.chunk.js": "/static/js/3.598f4f07.chunk.js",
"static/js/3.598f4f07.chunk.js.map": "/static/js/3.598f4f07.chunk.js.map", "static/js/3.598f4f07.chunk.js.map": "/static/js/3.598f4f07.chunk.js.map",
"static/js/4.00ef0d70.chunk.js": "/static/js/4.00ef0d70.chunk.js", "static/js/4.00ef0d70.chunk.js": "/static/js/4.00ef0d70.chunk.js",
@ -52,8 +52,8 @@
"static/js/24.5986bdbf.chunk.js": "/static/js/24.5986bdbf.chunk.js", "static/js/24.5986bdbf.chunk.js": "/static/js/24.5986bdbf.chunk.js",
"static/js/24.5986bdbf.chunk.js.map": "/static/js/24.5986bdbf.chunk.js.map", "static/js/24.5986bdbf.chunk.js.map": "/static/js/24.5986bdbf.chunk.js.map",
"index.html": "/index.html", "index.html": "/index.html",
"static/css/main.645a60aa.chunk.css.map": "/static/css/main.645a60aa.chunk.css.map", "static/css/main.63df43f9.chunk.css.map": "/static/css/main.63df43f9.chunk.css.map",
"static/js/2.834074b5.chunk.js.LICENSE.txt": "/static/js/2.834074b5.chunk.js.LICENSE.txt", "static/js/2.ac5abb0a.chunk.js.LICENSE.txt": "/static/js/2.ac5abb0a.chunk.js.LICENSE.txt",
"static/media/HeaderImage.1f39a672.svg": "/static/media/HeaderImage.1f39a672.svg", "static/media/HeaderImage.1f39a672.svg": "/static/media/HeaderImage.1f39a672.svg",
"static/media/ProfileFrame Blue Bars.png": "/static/media/ProfileFrame Blue Bars.698613ff.png", "static/media/ProfileFrame Blue Bars.png": "/static/media/ProfileFrame Blue Bars.698613ff.png",
"static/media/ProfileFrame Green Bars.png": "/static/media/ProfileFrame Green Bars.2876cf32.png", "static/media/ProfileFrame Green Bars.png": "/static/media/ProfileFrame Green Bars.2876cf32.png",
@ -66,8 +66,8 @@
}, },
"entrypoints": [ "entrypoints": [
"static/js/runtime-main.86800db0.js", "static/js/runtime-main.86800db0.js",
"static/js/2.834074b5.chunk.js", "static/js/2.ac5abb0a.chunk.js",
"static/css/main.645a60aa.chunk.css", "static/css/main.63df43f9.chunk.css",
"static/js/main.148333d5.chunk.js" "static/js/main.2e8d1c28.chunk.js"
] ]
} }

2
index.html
View file

@ -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,maximum-scale=1,user-scalable=no"/><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"/><script src=".//hammer.min.js"></script><title>Volt Social Media Frame Generator</title><link href="/static/css/main.645a60aa.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,u,i=r[0],c=r[1],f=r[2],p=0,s=[];p<i.length;p++)u=i[p],Object.prototype.hasOwnProperty.call(o,u)&&o[u]&&s.push(o[u][0]),o[u]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(l&&l(r);s.length;)s.shift()();return a.push.apply(a,f||[]),t()}function t(){for(var e,r=0;r<a.length;r++){for(var t=a[r],n=!0,i=1;i<t.length;i++){var c=t[i];0!==o[c]&&(n=!1)}n&&(a.splice(r--,1),e=u(u.s=t[0]))}return e}var n={},o={1:0},a=[];function u(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,u),t.l=!0,t.exports}u.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 a,i=document.createElement("script");i.charset="utf-8",i.timeout=120,u.nc&&i.setAttribute("nonce",u.nc),i.src=function(e){return u.p+"static/js/"+({}[e]||e)+"."+{3:"598f4f07",4:"00ef0d70",5:"0e590114",6:"d7248466",7:"9c25d4d5",8:"9a1b576d",9:"ea088544",10:"bbe135a5",11:"6194257e",12:"75821d86",13:"84a27566",14:"7aba7dd3",15:"99c14427",16:"987bc892",17:"a8a3b64c",18:"aa9f2e43",19:"32520395",20:"af0d386a",21:"6e98ad91",22:"f33735ff",23:"c66a490a",24:"5986bdbf"}[e]+".chunk.js"}(e);var c=new Error;a=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),a=r&&r.target&&r.target.src;c.message="Loading chunk "+e+" failed.\n("+n+": "+a+")",c.name="ChunkLoadError",c.type=n,c.request=a,t[1](c)}o[e]=void 0}};var f=setTimeout((function(){a({type:"timeout",target:i})}),12e4);i.onerror=i.onload=a,document.head.appendChild(i)}return Promise.all(r)},u.m=e,u.c=n,u.d=function(e,r,t){u.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},u.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},u.t=function(e,r){if(1&r&&(e=u(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(u.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)u.d(t,n,function(r){return e[r]}.bind(null,n));return t},u.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return u.d(r,"a",r),r},u.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},u.p="/",u.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.834074b5.chunk.js"></script><script src="/static/js/main.148333d5.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,maximum-scale=1,user-scalable=no"/><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"/><script src=".//hammer.min.js"></script><title>Volt Social Media Frame Generator</title><link href="/static/css/main.63df43f9.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,u,i=r[0],c=r[1],f=r[2],p=0,s=[];p<i.length;p++)u=i[p],Object.prototype.hasOwnProperty.call(o,u)&&o[u]&&s.push(o[u][0]),o[u]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(l&&l(r);s.length;)s.shift()();return a.push.apply(a,f||[]),t()}function t(){for(var e,r=0;r<a.length;r++){for(var t=a[r],n=!0,i=1;i<t.length;i++){var c=t[i];0!==o[c]&&(n=!1)}n&&(a.splice(r--,1),e=u(u.s=t[0]))}return e}var n={},o={1:0},a=[];function u(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,u),t.l=!0,t.exports}u.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 a,i=document.createElement("script");i.charset="utf-8",i.timeout=120,u.nc&&i.setAttribute("nonce",u.nc),i.src=function(e){return u.p+"static/js/"+({}[e]||e)+"."+{3:"598f4f07",4:"00ef0d70",5:"0e590114",6:"d7248466",7:"9c25d4d5",8:"9a1b576d",9:"ea088544",10:"bbe135a5",11:"6194257e",12:"75821d86",13:"84a27566",14:"7aba7dd3",15:"99c14427",16:"987bc892",17:"a8a3b64c",18:"aa9f2e43",19:"32520395",20:"af0d386a",21:"6e98ad91",22:"f33735ff",23:"c66a490a",24:"5986bdbf"}[e]+".chunk.js"}(e);var c=new Error;a=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),a=r&&r.target&&r.target.src;c.message="Loading chunk "+e+" failed.\n("+n+": "+a+")",c.name="ChunkLoadError",c.type=n,c.request=a,t[1](c)}o[e]=void 0}};var f=setTimeout((function(){a({type:"timeout",target:i})}),12e4);i.onerror=i.onload=a,document.head.appendChild(i)}return Promise.all(r)},u.m=e,u.c=n,u.d=function(e,r,t){u.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},u.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},u.t=function(e,r){if(1&r&&(e=u(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(u.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)u.d(t,n,function(r){return e[r]}.bind(null,n));return t},u.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return u.d(r,"a",r),r},u.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},u.p="/",u.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.ac5abb0a.chunk.js"></script><script src="/static/js/main.2e8d1c28.chunk.js"></script></body></html>

2
static/css/main.63df43f9.chunk.css Normal file
View file

@ -0,0 +1,2 @@
:root{--volt-purple:#582c83;--background:#140022;--editor-purple:#522b79}*{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}body{background-color:#140022;background-color:var(--background)}footer{margin:10vmin 0 0}.locale_chooser{margin:-8vmin 10vmin 10vmin;text-align:center}.App{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;padding:10vmin}h2{margin:10vh 0 2vh;font-size:calc(10px + 4vmin)}p{max-width:100%;width:calc(40vh + 15vw)}a{color:#fff}a:hover{color:hsla(0,0%,100%,.8)}.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}.HashtagChooser .hashtag_button{margin:1vmin}.labelButton,button{position:relative;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)}button.choosen:after{content:"";position:absolute;top:-.5vh;right:-.5vh;bottom:-.5vh;left:-.5vh;box-shadow:0 0 0 .5vh #fff}.labelButton img{display:inline;height:calc(10px + 4vmin);margin:0 2vh 0 -1vh}.labelButton img,.labelButton span{vertical-align:middle}.droparea{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:calc(10px + 10vmin);background:rgba(20,0,34,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;opacity:0;transition:opacity .2s ease}.droparea.active{opacity:1}.Editor{pointer-events:all;position:relative;margin:2vh;font-size:0;cursor:move;overflow:hidden;background:#522b79;background:var(--editor-purple)}.Editor .background{pointer-events:none;position:absolute;top:50%;left:50%}.Editor .foreground{pointer-events:none;position:relative;width:36vh;height:36vh}.Editor .hashtag{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%}
/*# sourceMappingURL=main.63df43f9.chunk.css.map */

1
static/css/main.63df43f9.chunk.css.map Normal file
View file

@ -0,0 +1 @@
{"version":3,"sources":["webpack://src/App.css"],"names":[],"mappings":"AAAA,MACI,qBAAsB,CACtB,oBAAqB,CACrB,uBACJ,CAEA,EACI,QAAS,CACT,SAAU,CACV,mJAEU,CACV,kCAAmC,CACnC,iCACJ,CAEA,KACI,wBAAmC,CAAnC,kCACJ,CAEA,OACI,iBACJ,CAEA,gBACI,2BAAmC,CACnC,iBACJ,CAEA,KACI,iBAAkB,CAGlB,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,sBAAuB,CACvB,4BAA6B,CAC7B,UAAY,CACZ,cACJ,CAEA,GACI,iBAAoB,CACpB,4BACJ,CAEA,EACI,cAAe,CACf,uBACJ,CAEA,EACI,UACJ,CACA,QACI,wBACJ,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,gCAEI,YACJ,CAEA,oBAEI,iBAAkB,CAClB,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,CACA,qBACI,UAAW,CACX,iBAAkB,CAClB,SAAW,CACX,WAAa,CACb,YAAc,CACd,UAAY,CACZ,0BACJ,CAEA,iBACI,cAAe,CACf,yBAA0B,CAE1B,mBACJ,CACA,mCAHI,qBAKJ,CAGA,UACI,cAAe,CACf,KAAM,CACN,OAAQ,CACR,QAAS,CACT,MAAO,CAEP,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CAEvB,eAAiB,CACjB,6BAA8B,CAE9B,2BAAgC,CAChC,kCAA2B,CAA3B,0BAA2B,CAE3B,mBAAoB,CACpB,SAAU,CACV,2BACJ,CACA,iBACI,SACJ,CAGA,QACI,kBAAmB,CACnB,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,WAAY,CACZ,eAAgB,CAChB,kBAAgC,CAAhC,+BACJ,CACA,oBACI,mBAAoB,CACpB,iBAAkB,CAClB,OAAQ,CACR,QACJ,CACA,oBACI,mBAAoB,CACpB,iBAAkB,CAClB,UAAW,CACX,WACJ,CACA,iBACI,mBAAoB,CACpB,iBAAkB,CAClB,KAAM,CACN,MAAO,CACP,UAAW,CACX,WACJ","file":"main.63df43f9.chunk.css","sourcesContent":[":root{\n --volt-purple: #582C83;\n --background: #140022;\n --editor-purple: #522B79;\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\nbody{\n background-color: var(--background);\n}\n\nfooter{\n margin: 10vmin 0 0 0;\n}\n\n.locale_chooser{\n margin: -8vmin 10vmin 10vmin 10vmin;\n text-align: center;\n}\n\n.App {\n text-align: center;\n\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: 10vmin;\n}\n\nh2{\n margin: 10vh 0 2vh 0;\n font-size: calc(10px + 4vmin);\n}\n\np{\n max-width: 100%;\n width: calc(40vh + 15vw);\n}\n\na{\n color: white;\n}\na:hover{\n color: rgba(255,255,255,0.8);\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\n.HashtagChooser .hashtag_button {\n /* display: block; */\n margin: 1vmin;\n}\n\nbutton,\n.labelButton{\n position: relative;\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}\nbutton.choosen:after {\n content: \"\";\n position: absolute;\n top: -0.5vh;\n right: -0.5vh;\n bottom: -0.5vh;\n left: -0.5vh;\n box-shadow: 0 0 0 0.5vh white;\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\n\n.droparea{\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n \n display: flex;\n align-items: center;\n justify-content: center;\n\n font-weight: bold;\n font-size: calc(10px + 10vmin);\n\n background: rgba(20, 0, 34, 0.7);\n backdrop-filter: blur(10px);\n\n pointer-events: none;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n.droparea.active{\n opacity: 1;\n}\n\n\n.Editor{\n pointer-events: all;\n position: relative;\n margin: 2vh;\n font-size: 0;\n cursor: move;\n overflow: hidden;\n background: var(--editor-purple);\n}\n.Editor .background{\n pointer-events: none; \n position: absolute; \n top: 50%;\n left: 50%;\n}\n.Editor .foreground{\n pointer-events: none;\n position: relative;\n width: 36vh;\n height: 36vh;\n}\n.Editor .hashtag{\n pointer-events: none; \n position: absolute; \n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n"]}

2
static/css/main.645a60aa.chunk.css
View file

@ -1,2 +0,0 @@
:root{--volt-purple:#582c83;--background:#140022;--editor-purple:#522b79}*{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}body{background-color:#140022;background-color:var(--background)}footer{margin:10vmin 0 0}.App{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;padding:10vmin}h2{margin:10vh 0 2vh;font-size:calc(10px + 4vmin)}p{max-width:100%;width:calc(40vh + 15vw)}a{color:#fff}a:hover{color:hsla(0,0%,100%,.8)}.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}.HashtagChooser .hashtag_button{position:relative;margin:1vmin}.HashtagChooser .hashtag_button.choosen:after{content:"";position:absolute;top:-.5vh;right:-.5vh;bottom:-.5vh;left:-.5vh;box-shadow:0 0 0 .5vh #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}.droparea{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:calc(10px + 10vmin);background:rgba(20,0,34,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;opacity:0;transition:opacity .2s ease}.droparea.active{opacity:1}.Editor{pointer-events:all;position:relative;margin:2vh;font-size:0;cursor:move;overflow:hidden;background:#522b79;background:var(--editor-purple)}.Editor .background{pointer-events:none;position:absolute;top:50%;left:50%}.Editor .foreground{pointer-events:none;position:relative;width:36vh;height:36vh}.Editor .hashtag{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%}
/*# sourceMappingURL=main.645a60aa.chunk.css.map */

1
static/css/main.645a60aa.chunk.css.map
View file

@ -1 +0,0 @@
{"version":3,"sources":["webpack://src/App.css"],"names":[],"mappings":"AAAA,MACI,qBAAsB,CACtB,oBAAqB,CACrB,uBACJ,CAEA,EACI,QAAS,CACT,SAAU,CACV,mJAEU,CACV,kCAAmC,CACnC,iCACJ,CAEA,KACI,wBAAmC,CAAnC,kCACJ,CAEA,OACI,iBACJ,CAEA,KACI,iBAAkB,CAGlB,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,sBAAuB,CACvB,4BAA6B,CAC7B,UAAY,CACZ,cACJ,CAEA,GACI,iBAAoB,CACpB,4BACJ,CAEA,EACI,cAAe,CACf,uBACJ,CAEA,EACI,UACJ,CACA,QACI,wBACJ,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,gCACI,iBAAkB,CAElB,YACJ,CACA,8CACI,UAAW,CACX,iBAAkB,CAClB,SAAW,CACX,WAAa,CACb,YAAc,CACd,UAAY,CACZ,0BACJ,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,CAGA,UACI,cAAe,CACf,KAAM,CACN,OAAQ,CACR,QAAS,CACT,MAAO,CAEP,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CAEvB,eAAiB,CACjB,6BAA8B,CAE9B,2BAAgC,CAChC,kCAA2B,CAA3B,0BAA2B,CAE3B,mBAAoB,CACpB,SAAU,CACV,2BACJ,CACA,iBACI,SACJ,CAGA,QACI,kBAAmB,CACnB,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,WAAY,CACZ,eAAgB,CAChB,kBAAgC,CAAhC,+BACJ,CACA,oBACI,mBAAoB,CACpB,iBAAkB,CAClB,OAAQ,CACR,QACJ,CACA,oBACI,mBAAoB,CACpB,iBAAkB,CAClB,UAAW,CACX,WACJ,CACA,iBACI,mBAAoB,CACpB,iBAAkB,CAClB,KAAM,CACN,MAAO,CACP,UAAW,CACX,WACJ","file":"main.645a60aa.chunk.css","sourcesContent":[":root{\n --volt-purple: #582C83;\n --background: #140022;\n --editor-purple: #522B79;\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\nbody{\n background-color: var(--background);\n}\n\nfooter{\n margin: 10vmin 0 0 0;\n}\n\n.App {\n text-align: center;\n\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: 10vmin;\n}\n\nh2{\n margin: 10vh 0 2vh 0;\n font-size: calc(10px + 4vmin);\n}\n\np{\n max-width: 100%;\n width: calc(40vh + 15vw);\n}\n\na{\n color: white;\n}\na:hover{\n color: rgba(255,255,255,0.8);\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\n.HashtagChooser .hashtag_button {\n position: relative;\n /* display: block; */\n margin: 1vmin;\n}\n.HashtagChooser .hashtag_button.choosen:after {\n content: \"\";\n position: absolute;\n top: -0.5vh;\n right: -0.5vh;\n bottom: -0.5vh;\n left: -0.5vh;\n box-shadow: 0 0 0 0.5vh 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\n\n.droparea{\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n \n display: flex;\n align-items: center;\n justify-content: center;\n\n font-weight: bold;\n font-size: calc(10px + 10vmin);\n\n background: rgba(20, 0, 34, 0.7);\n backdrop-filter: blur(10px);\n\n pointer-events: none;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n.droparea.active{\n opacity: 1;\n}\n\n\n.Editor{\n pointer-events: all;\n position: relative;\n margin: 2vh;\n font-size: 0;\n cursor: move;\n overflow: hidden;\n background: var(--editor-purple);\n}\n.Editor .background{\n pointer-events: none; \n position: absolute; \n top: 50%;\n left: 50%;\n}\n.Editor .foreground{\n pointer-events: none;\n position: relative;\n width: 36vh;\n height: 36vh;\n}\n.Editor .hashtag{\n pointer-events: none; \n position: absolute; \n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n"]}

1
static/js/2.834074b5.chunk.js.map
View file

File diff suppressed because one or more lines are too long

6
static/js/2.834074b5.chunk.js → static/js/2.ac5abb0a.chunk.js
View file

File diff suppressed because one or more lines are too long

0
static/js/2.834074b5.chunk.js.LICENSE.txt → static/js/2.ac5abb0a.chunk.js.LICENSE.txt
View file

1
static/js/2.ac5abb0a.chunk.js.map Normal file
View file

File diff suppressed because one or more lines are too long

2
static/js/main.148333d5.chunk.js
View file

File diff suppressed because one or more lines are too long

1
static/js/main.148333d5.chunk.js.map
View file

File diff suppressed because one or more lines are too long

2
static/js/main.2e8d1c28.chunk.js Normal file
View file

File diff suppressed because one or more lines are too long

1
static/js/main.2e8d1c28.chunk.js.map Normal file
View file

File diff suppressed because one or more lines are too long