{"data":{"markdownRemark":{"html":"<p><a href=\"https://gamesdonequick.com\">Awesome Games Done Quick</a> is an American charity marathon benefiting <a href=\"https://preventcancer.org\">Prevent Cancer Foundation</a>.\nThis event was restreamed by <a href=\"https://lefrenchrestream.fr/\">Le French Restream</a> for the French community.</p>\n<p>My role in this project was to make an overlay for the stream by using <a href=\"https://nodecg.com\">NodeCG</a>, <a href=\"https://vuejs.org\">Vue.js</a> and consuming the <a href=\"https://gamesdonequick.com\">Awesome Games Done Quick</a> API.</p>\n<p>The final version is watchable on <a href=\"https://www.youtube.com/playlist?list=PLhdvf0XoufSN9vqhoKnOOkkEl2E0F_uMa\">Youtube</a>.</p>","frontmatter":{"title":"Awesome Games Done Quick 2019","date":"January 2019","headline":"Dynamic overlays for the French restream of the Awesome Games Done Quick 2019","tags":["CSS","GSAP","HTML","JavaScript","NodeCG","Vue.js","Webpack"],"links":[{"title":"Youtube Playlist","url":"https://www.youtube.com/playlist?list=PLhdvf0XoufSPQqhOVrOqhESOaNnAp30AT"}],"medias":[{"publicURL":"/static/overlay-e0d8653cd08f29c9ab5a3f5427b9ed0d.png","internal":{"mediaType":"image/png"},"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsSAAALEgHS3X78AAAC2ElEQVQozy2SyXIaBxCGx5fIki2jAiRGEpvFMsO+iGEfdgYYMDsIhLBkZNmRVUWU5ZCkfEjl6OSQyiGHnPIOeYZUHuvLlCuHv7rrP/zV/XULjUKfSnhDyj+hfjUhN2hRmgzpv15RHnQ5z5URHRKiM4hDShk1gMsXZTxd0O4O6XQvmC/eob+akMlqCPlkjYw0JuBu0Pj0HuVxivIwRP/tntTNiIiusSuK7HuiHCTK7Nq9mN0+fvy45e27FevrGT/9/A3zixn1po6Q8LVJBF5x5i5R+H5FpjciVZ9S/OGWePuCaG2IXZIxnbh4IdrZtdrYPTzmYXtLR1+iqksev/0arbWhqM4Rpv0lZ5ECOycx0ssRcrNJoKqx+PiB1uoGKdv5HPbcKmI6NkJP3DyziAwHGsW8QjqVZTbuUsjXiMcrCK1GH683zc6Oi1KqTSndo5jtGYw29Aw+SrzKFyYLT8yHCM9NCE+fsXd0SuDMRVLyko8FSQb8JGUvIc9LBDWyplv8gBIcU1ovSU2HJGdTIlcrgqMOoU6DPYObxx9BUkpItQEHTg+VXJ6ikqFfKHCpdYzj3NGq9xHqkRumxUdK4QWJzRxnv4VYU8l8uSY1mCOrdXZ8Cf56e88/f/zN73/+y5HbT6feplPTqeVVvtLbVCpL9O4NwrnUQ5EHeE6LhN+vsJWLHMhhY8IB3pKGL6fx1OUhXOvi8CfYMzvYd8q0tDbjfo/RcMj162tubzdst1sErz1FOdulUbvEX79DkSoGF41YoopUzxKsFXCrl9j0Nwa7MxwuK36fiE9K4A9mkeUU4fMG2ebMWHuBkIxl+PWXT9xtHohM3iBvtijJayqBNVrsnm78O5qhB3LeJWnPBVcVnSu1RNRVxXdaJfRSI2T8sEdUcVlzCHZrGKctjGXfg9UdxeyJIIohjqwBbJYQojmKaIlyYk181qHp3JBieBFs5hDHljDHRob4f/8f1C5yYbCCzvsAAAAASUVORK5CYII=","aspectRatio":1.7777777777777777,"src":"/static/e0d8653cd08f29c9ab5a3f5427b9ed0d/89224/overlay.png","srcSet":"/static/e0d8653cd08f29c9ab5a3f5427b9ed0d/acb2b/overlay.png 100w,\n/static/e0d8653cd08f29c9ab5a3f5427b9ed0d/9d27c/overlay.png 200w,\n/static/e0d8653cd08f29c9ab5a3f5427b9ed0d/89224/overlay.png 400w,\n/static/e0d8653cd08f29c9ab5a3f5427b9ed0d/1807f/overlay.png 600w,\n/static/e0d8653cd08f29c9ab5a3f5427b9ed0d/6d601/overlay.png 800w,\n/static/e0d8653cd08f29c9ab5a3f5427b9ed0d/a14b9/overlay.png 1200w,\n/static/e0d8653cd08f29c9ab5a3f5427b9ed0d/a8021/overlay.png 1920w","srcWebp":"/static/e0d8653cd08f29c9ab5a3f5427b9ed0d/adff7/overlay.webp","srcSetWebp":"/static/e0d8653cd08f29c9ab5a3f5427b9ed0d/30a90/overlay.webp 100w,\n/static/e0d8653cd08f29c9ab5a3f5427b9ed0d/9ea98/overlay.webp 200w,\n/static/e0d8653cd08f29c9ab5a3f5427b9ed0d/adff7/overlay.webp 400w,\n/static/e0d8653cd08f29c9ab5a3f5427b9ed0d/f4360/overlay.webp 600w,\n/static/e0d8653cd08f29c9ab5a3f5427b9ed0d/a2b84/overlay.webp 800w,\n/static/e0d8653cd08f29c9ab5a3f5427b9ed0d/58906/overlay.webp 1200w,\n/static/e0d8653cd08f29c9ab5a3f5427b9ed0d/92507/overlay.webp 1920w","sizes":"(max-width: 400px) 100vw, 400px"}}},{"publicURL":"/static/dashboard-8c53d5aea41d84e8a5a52a24114e7db1.png","internal":{"mediaType":"image/png"},"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsSAAALEgHS3X78AAACiElEQVQoz2VSSW/TYBTMT0EtJ2iTLmns2I4dx45jJ7aT2Fm8Zd8aaNOWA0VAVcQqVApiqwoCceNvDs8uByQOo/f5W8Yz815qq+pjja3hFm8jnTexkaviTtbA7YyK9bRCVUGaNenM+g8ZzgYjtwht7Ah1iBUfKW9wgndXv3H25hrnb7/j+cUPvCC8vPyJ1x9+4emrK+jOArXOIQrGCKIxpjq+WVfH4PUhFHuGDKujoDpISbUxOtNztEdP4M2fwR0+hkvr9vgM7ekZbO8UYr+D+scAtQsP9icfyqqLrNDCJmuRIxOCFoArNSHEhLliG0Ui3ZW6ECp97IgdpDkXGb6FLXqUzjvgrQDmYg51MIDg+eDqPvbo/q7UwXahBckYgC3WbwjZUhdG6z7y5QiyNQGn9cATMaOEyCkBdngPBVLofOnBfh+g/jlA+djHLu/Sz2xsMBYpDMFIfwlFPaJ8DlA0x1Abcyj1GRFPKaNhkpNQIVVmCH04hUGQuhGYmofsPwpFUsgrzg0hp/pEMINA4XLaABVnCaf3gLJboVSfQ289hDwJ0frWg/u1j+Z1CPXEwxbboAxN3M3VIOo9FPUukTaR2haaiV1WDZEtepBJqeUdoEQ1R7aV5oo6GUFxxsgbFH41BGeEYCkORqEsZYpE71OTLBTKLlJxh1RSEluMVebLvSTHGPF3pX0ErbmA1liStQnd3U8cxSMj6KNkhDT3EGsbEspmgBRPhBrZFKsjsncPFXdJtvdRbiwg0GW9cwy3d0SNGiBXCoh0mNTYTYw9md63T7C2WYRmhUgxcicZzAIFKxFp3Jx4jPIUQV4bob+6RDQ7pf0J7UXJWaw+Jt2T/WQarOgR1jdlIgzwB20Xprrpq+bZAAAAAElFTkSuQmCC","aspectRatio":1.7794253938832252,"src":"/static/8c53d5aea41d84e8a5a52a24114e7db1/89224/dashboard.png","srcSet":"/static/8c53d5aea41d84e8a5a52a24114e7db1/acb2b/dashboard.png 100w,\n/static/8c53d5aea41d84e8a5a52a24114e7db1/9d27c/dashboard.png 200w,\n/static/8c53d5aea41d84e8a5a52a24114e7db1/89224/dashboard.png 400w,\n/static/8c53d5aea41d84e8a5a52a24114e7db1/1807f/dashboard.png 600w,\n/static/8c53d5aea41d84e8a5a52a24114e7db1/6d601/dashboard.png 800w,\n/static/8c53d5aea41d84e8a5a52a24114e7db1/a14b9/dashboard.png 1200w,\n/static/8c53d5aea41d84e8a5a52a24114e7db1/a8021/dashboard.png 1920w","srcWebp":"/static/8c53d5aea41d84e8a5a52a24114e7db1/adff7/dashboard.webp","srcSetWebp":"/static/8c53d5aea41d84e8a5a52a24114e7db1/30a90/dashboard.webp 100w,\n/static/8c53d5aea41d84e8a5a52a24114e7db1/9ea98/dashboard.webp 200w,\n/static/8c53d5aea41d84e8a5a52a24114e7db1/adff7/dashboard.webp 400w,\n/static/8c53d5aea41d84e8a5a52a24114e7db1/f4360/dashboard.webp 600w,\n/static/8c53d5aea41d84e8a5a52a24114e7db1/a2b84/dashboard.webp 800w,\n/static/8c53d5aea41d84e8a5a52a24114e7db1/58906/dashboard.webp 1200w,\n/static/8c53d5aea41d84e8a5a52a24114e7db1/92507/dashboard.webp 1920w","sizes":"(max-width: 400px) 100vw, 400px"}}},{"publicURL":"/static/commentators-2e0388e1ae7fe9e0ca57d5b07fa0b577.mp4","internal":{"mediaType":"video/mp4"},"childImageSharp":null},{"publicURL":"/static/prizes-a8c7062aa37d7eb0061fdd27133a8f7d.mp4","internal":{"mediaType":"video/mp4"},"childImageSharp":null},{"publicURL":"/static/bid-wars-b4f496b01ef7f35ae2b313b906104555.mp4","internal":{"mediaType":"video/mp4"},"childImageSharp":null}]},"fields":{"slug":"/projects/agdq-2019","sourceInstanceName":"projects","cover":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsSAAALEgHS3X78AAACEUlEQVQoz01S2W6xURT97iQkLsxUDTVWgyLmoYQS1SJK0BiDO3UjrkQi6aV36CN4xdWsnfjzX5x853xnn7XXsJVKpYJsNotYLIbRaIRWq4Vut4vJZIL393e5czgccDqdCAaD8vX7/RgMBlL78fGBr68v+eZyOSjpdFrAWHw6nbDZbLBcLvHz84PxeIzX11eYTCY8PDwgGo3CZrMJ6PF4lNrZbIbz+YzhcCi1SjgcFkB2/f7+xtvbG6rVKna7Her1OqjA5/PBarXCbDZDr9fDYDBgu92KAt7v93t5Vy6XoVBeJBLB3d0d+v2+FJRKJRwOB2GYyWQEjEAWi0X2Op0OnU5HJCaTSfR6PeTzecTjcShkEQgEoNFo5DGLeEkJZJBIJKDVamWp1WqoVCoYjUZ4PB48Pj6KuqenJ4RCIXi9XigEISgfMhR2Juub6fSFvvFBKpXCy8sL7u/vpSnPlMm6drstOAoZNZtNMBxK5E8WLxYLYVgoFCQEGn+9XvH7+wuXyyWNarWa3NMq7gmqMLnn52dJcTqdypgwhM/PTwGmArvdLswYHP3judFo/FMzn8+xWq0kSIVA7EJm7MoGNJqLAVESQyIAx+c2h/Tv5h1r+ZazqNDUy+WC9Xot1DmDbEB/isWigPLMOiqhX7SIc0syBOaeNpC5wjHgyFCK2+2W9HjmzHFxVLgYDBdZcvHf//e3/R/TwHG7fw3cSwAAAABJRU5ErkJggg==","aspectRatio":1.7777777777777777,"src":"/static/e0d8653cd08f29c9ab5a3f5427b9ed0d/eeb68/overlay.png","srcSet":"/static/e0d8653cd08f29c9ab5a3f5427b9ed0d/9e20e/overlay.png 480w,\n/static/e0d8653cd08f29c9ab5a3f5427b9ed0d/2cc71/overlay.png 960w,\n/static/e0d8653cd08f29c9ab5a3f5427b9ed0d/eeb68/overlay.png 1920w","srcWebp":"/static/e0d8653cd08f29c9ab5a3f5427b9ed0d/3cbe0/overlay.webp","srcSetWebp":"/static/e0d8653cd08f29c9ab5a3f5427b9ed0d/4e722/overlay.webp 480w,\n/static/e0d8653cd08f29c9ab5a3f5427b9ed0d/427e9/overlay.webp 960w,\n/static/e0d8653cd08f29c9ab5a3f5427b9ed0d/3cbe0/overlay.webp 1920w","sizes":"(max-width: 1920px) 100vw, 1920px"},"resize":{"src":"/static/e0d8653cd08f29c9ab5a3f5427b9ed0d/4f3c3/overlay.png"}}}}}},"pageContext":{"slug":"/projects/agdq-2019"}}