blob: 128e921d3a1e2432f94d5ca4795a4ed760ef92a3 [file] [log] [blame]
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src = "../resources/runner.js"></script>
<script src="resources/canvas_runner.js"></script>
</head>
<body></body>
<script>
document.body.style.background = "#eee";
const canvas = document.createElement("canvas");
canvas.width = 1000;
canvas.height = 2000;
document.body.appendChild(canvas);
const ctx = canvas.getContext('2d');
var fontFaces = [
new FontFace(
"Merriweather",
"local('Merriweather Regular'), local('Merriweather-Regular'), url(resources/Merriweather-Regular.woff2)",
{"weight":400,"style":"normal"}),
new FontFace(
"Merriweather",
"local('Merriweather Italic'), local('Merriweather-Italic'), url(resources/Merriweather-Italic.woff2)",
{"weight":400,"style":"italic"}),
new FontFace(
"Merriweather",
"local('Merriweather Bold'), local('Merriweather-Bold'), url(resources/Merriweather-Bold.woff2)",
{"weight":700,"style":"normal"}),
new FontFace(
"Merriweather",
"local('Merriweather Bold Italic'), local('Merriweather-BoldItalic'), url(resources/Merriweather-BoldItalic.woff2)",
{"weight":700,"style":"italic"}),
new FontFace(
"Open Sans",
"local('Open Sans Regular'), local('OpenSans-Regular'), url(resources/OpenSans-Regular.woff2)",
{"weight":400,"style":"normal"}),
new FontFace(
"Open Sans",
"local('Open Sans Italic'), local('OpenSans-Italic'), url(resources/OpenSans-Italic.woff2)",
{"weight":400,"style":"italic"}),
new FontFace(
"Open Sans",
"local('Open Sans Bold'), local('OpenSans-Bold'), url(resources/OpenSans-Bold.woff2)",
{"weight":700,"style":"normal"}),
new FontFace(
"Open Sans",
"local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(resources/OpenSans-BoldItalic.woff2)",
{"weight":700,"style":"italic"}),
];
function frame() {
ctx.clearRect(0,0,1000,1000);
ctx.save();
ctx.beginPath();
ctx.rect(0, 0, 1354, 2023);
ctx.clip();
ctx.save();
ctx.beginPath();
ctx.rect(0, 0, 734, 950);
ctx.clip();
ctx.fillStyle = "rgba(255,255,255,1)";
ctx.fillRect(0, 0, 734, 950);
ctx.restore();
ctx.restore();
ctx.save();
ctx.restore();
ctx.save();
ctx.restore();
ctx.save();
ctx.restore();
ctx.save();
ctx.restore();
ctx.save();
ctx.restore();
ctx.save();
ctx.restore();
ctx.save();
ctx.restore();
ctx.save();
ctx.restore();
ctx.save();
ctx.restore();
ctx.save();
ctx.beginPath();
ctx.rect(0, 0, 1354, 2023);
ctx.clip();
ctx.save();
ctx.beginPath();
ctx.rect(0, 0, 734, 950);
ctx.clip();
ctx.save();
ctx.translate(51.839998626708976, 34.55999908447265);
ctx.save();
ctx.restore();
ctx.restore();
ctx.save();
ctx.beginPath();
ctx.rect(51.839998626708976, 50.75999865531921, 430, 92.69999802112578);
ctx.clip();
ctx.save();
ctx.translate(60.839998626708976, 59.75999865531921);
ctx.save();
ctx.font = "normal 700 43.19999885559081px Merriweather";
ctx.fillText("‭Your‬", 0, 41.47199890136718);
ctx.font = "normal 700 43.19999885559081px Merriweather";
ctx.fillText("‭Name‬", 113.45387268066406, 41.47199890136718);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(60.839998626708976, 119.15999708175659);
ctx.save();
ctx.font = "normal 400 10.799999713897703px Open Sans";
ctx.fillText("‭Lorem‬", 0, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Open Sans";
ctx.fillText("‭ipsum‬", 35.386505126953125, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Open Sans";
ctx.fillText("‭dolor‬", 69.30953979492188, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Open Sans";
ctx.fillText("‭sit‬", 98.86848449707031, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Open Sans";
ctx.fillText("‭amet,‬", 113.34526062011719, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Open Sans";
ctx.fillText("‭consectetuer‬", 144.66773986816406, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Open Sans";
ctx.fillText("‭adipiscing‬", 212.78228759765625, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Open Sans";
ctx.fillText("‭elit‬", 265.7725524902344, 10.367999725341795);
ctx.restore();
ctx.restore();
ctx.restore();
ctx.save();
ctx.beginPath();
ctx.rect(481.83999862670896, 50.75999865531921, 198, 79.19999837875366);
ctx.clip();
ctx.save();
ctx.translate(490.83999862670896, 59.75999865531921);
ctx.save();
ctx.font = "normal 400 10.799999713897703px Open Sans";
ctx.fillText("‭123‬", 0, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Open Sans";
ctx.fillText("‭Your‬", 21.294021606445312, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Open Sans";
ctx.fillText("‭Street‬", 47.662811279296875, 10.367999725341795);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(490.83999862670896, 75.05999825000762);
ctx.save();
ctx.font = "normal 400 10.799999713897703px Open Sans";
ctx.fillText("‭Your‬", 0, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Open Sans";
ctx.fillText("‭City,‬", 26.368789672851562, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Open Sans";
ctx.fillText("‭ST‬", 50.5792236328125, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Open Sans";
ctx.fillText("‭12345‬", 65.26130676269531, 10.367999725341795);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(490.83999862670896, 90.35999784469604);
ctx.save();
ctx.font = "normal 700 10.799999713897703px Open Sans";
ctx.fillText("‭(123)‬", 0, 10.367999725341795);
ctx.font = "normal 700 10.799999713897703px Open Sans";
ctx.fillText("‭456-7890‬", 28.569259643554688, 10.367999725341795);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(490.83999862670896, 105.65999743938445);
ctx.save();
ctx.font = "normal 700 10.799999713897703px Open Sans";
ctx.fillText("‭no_reply@example.com‬", 0, 10.367999725341795);
ctx.restore();
ctx.restore();
ctx.restore();
ctx.save();
ctx.beginPath();
ctx.rect(51.839998626708976, 146.7599986553192, 430, 674.0999826192855);
ctx.clip();
ctx.save();
ctx.translate(60.839998626708976, 155.7599986553192);
ctx.save();
ctx.fillStyle = "rgba(32,121,199,1)";
ctx.font = "normal 700 10.799999713897703px Open Sans";
ctx.fillText("‭EXPERIENCE‬", 0, 46.36799877166747);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(60.839998626708976, 204.35999736785888);
ctx.save();
ctx.font = "normal 700 13.199999650319416px Merriweather";
ctx.fillText("‭Company,‬", 0, 31.871999155680335);
ctx.font = "normal 400 13.199999650319416px Merriweather";
ctx.fillText("‭Location‬", 70.23614501953125, 31.871999155680335);
ctx.font = "normal 400 13.199999650319416px Merriweather";
ctx.fillText("‭—‬", 130.43666076660156, 31.871999155680335);
ctx.font = "italic 400 13.199999650319416px Merriweather";
ctx.fillText("‭Job‬", 149.18914794921875, 31.871999155680335);
ctx.font = "italic 400 13.199999650319416px Merriweather";
ctx.fillText("‭Title‬", 172.08250427246094, 31.871999155680335);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(60.839998626708976, 239.4599964380264);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 9.599999745686848px Open Sans";
ctx.fillText("‭MONTH‬", 0, 15.215999596913653);
ctx.font = "normal 400 9.599999745686848px Open Sans";
ctx.fillText("‭20XX‬", 38.18157958984375, 15.215999596913653);
ctx.font = "normal 400 9.599999745686848px Open Sans";
ctx.fillText("‭-‬", 62.67877197265625, 15.215999596913653);
ctx.font = "normal 400 9.599999745686848px Open Sans";
ctx.fillText("‭PRESENT‬", 68.24887084960938, 15.215999596913653);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(60.839998626708976, 262.8599958181381);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭Lorem‬", 0, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭ipsum‬", 37.47576904296875, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭dolor‬", 73.37745666503906, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭sit‬", 104.26583862304688, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭amet,‬", 120.24369812011719, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭consectetuer‬", 153.4392852783203, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭adipiscing‬", 224.33706665039062, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭elit,‬", 281.855224609375, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭sed‬", 305.4554443359375, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭diam‬", 326.0153503417969, 11.56799969355265);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(60.839998626708976, 280.85999534130093);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭nonummy‬", 0, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭nibh.‬", 57.86320495605469, 10.367999725341795);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(60.839998626708976, 297.95999488830563);
ctx.save();
ctx.font = "normal 700 13.199999650319416px Merriweather";
ctx.fillText("‭Company,‬", 0, 31.871999155680335);
ctx.font = "normal 400 13.199999650319416px Merriweather";
ctx.fillText("‭Location‬", 70.23614501953125, 31.871999155680335);
ctx.font = "normal 400 13.199999650319416px Merriweather";
ctx.fillText("‭—‬", 130.43666076660156, 31.871999155680335);
ctx.font = "italic 400 13.199999650319416px Merriweather";
ctx.fillText("‭Job‬", 149.18914794921875, 31.871999155680335);
ctx.font = "italic 400 13.199999650319416px Merriweather";
ctx.fillText("‭Title‬", 172.08250427246094, 31.871999155680335);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(60.839998626708976, 333.05999395847317);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 9.599999745686848px Open Sans";
ctx.fillText("‭MONTH‬", 0, 15.215999596913653);
ctx.font = "normal 400 9.599999745686848px Open Sans";
ctx.fillText("‭20XX‬", 38.18157958984375, 15.215999596913653);
ctx.font = "normal 400 9.599999745686848px Open Sans";
ctx.fillText("‭-‬", 62.67877197265625, 15.215999596913653);
ctx.font = "normal 400 9.599999745686848px Open Sans";
ctx.fillText("‭MONTH‬", 68.24887084960938, 15.215999596913653);
ctx.font = "normal 400 9.599999745686848px Open Sans";
ctx.fillText("‭20XX‬", 106.43045043945312, 15.215999596913653);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(60.839998626708976, 356.45999333858487);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭Lorem‬", 0, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭ipsum‬", 37.47576904296875, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭dolor‬", 73.37745666503906, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭sit‬", 104.26583862304688, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭amet,‬", 120.24369812011719, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭consectetuer‬", 153.4392852783203, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭adipiscing‬", 224.33706665039062, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭elit,‬", 281.855224609375, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭sed‬", 305.4554443359375, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭diam‬", 326.0153503417969, 11.56799969355265);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(60.839998626708976, 374.4599928617477);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭nonummy‬", 0, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭nibh.‬", 57.86320495605469, 10.367999725341795);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(60.839998626708976, 391.5599924087524);
ctx.save();
ctx.font = "normal 700 13.199999650319416px Merriweather";
ctx.fillText("‭Company,‬", 0, 31.871999155680335);
ctx.font = "normal 400 13.199999650319416px Merriweather";
ctx.fillText("‭Location‬", 70.23614501953125, 31.871999155680335);
ctx.font = "normal 400 13.199999650319416px Merriweather";
ctx.fillText("‭—‬", 130.43666076660156, 31.871999155680335);
ctx.font = "italic 400 13.199999650319416px Merriweather";
ctx.fillText("‭Job‬", 149.18914794921875, 31.871999155680335);
ctx.font = "italic 400 13.199999650319416px Merriweather";
ctx.fillText("‭Title‬", 172.08250427246094, 31.871999155680335);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(60.839998626708976, 426.6599914789199);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 9.599999745686848px Open Sans";
ctx.fillText("‭MONTH‬", 0, 15.215999596913653);
ctx.font = "normal 400 9.599999745686848px Open Sans";
ctx.fillText("‭20XX‬", 38.18157958984375, 15.215999596913653);
ctx.font = "normal 400 9.599999745686848px Open Sans";
ctx.fillText("‭-‬", 62.67877197265625, 15.215999596913653);
ctx.font = "normal 400 9.599999745686848px Open Sans";
ctx.fillText("‭MONTH‬", 68.24887084960938, 15.215999596913653);
ctx.font = "normal 400 9.599999745686848px Open Sans";
ctx.fillText("‭20XX‬", 106.43045043945312, 15.215999596913653);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(60.839998626708976, 450.0599908590316);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭Lorem‬", 0, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭ipsum‬", 37.47576904296875, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭dolor‬", 73.37745666503906, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭sit‬", 104.26583862304688, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭amet,‬", 120.24369812011719, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭consectetuer‬", 153.4392852783203, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭adipiscing‬", 224.33706665039062, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭elit,‬", 281.855224609375, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭sed‬", 305.4554443359375, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭diam‬", 326.0153503417969, 11.56799969355265);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(60.839998626708976, 468.0599903821944);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭nonummy‬", 0, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭nibh.‬", 57.86320495605469, 10.367999725341795);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(60.839998626708976, 485.1599899291991);
ctx.save();
ctx.fillStyle = "rgba(32,121,199,1)";
ctx.font = "normal 700 10.799999713897703px Open Sans";
ctx.fillText("‭EDUCATION‬", 0, 46.36799877166747);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(60.839998626708976, 533.7599886417388);
ctx.save();
ctx.font = "normal 700 13.199999650319416px Merriweather";
ctx.fillText("‭School‬", 0, 31.871999155680335);
ctx.font = "normal 700 13.199999650319416px Merriweather";
ctx.fillText("‭Name,‬", 47.83073425292969, 31.871999155680335);
ctx.font = "normal 400 13.199999650319416px Merriweather";
ctx.fillText("‭Location‬", 94.0262451171875, 31.871999155680335);
ctx.font = "normal 400 13.199999650319416px Merriweather";
ctx.fillText("‭—‬", 154.2267608642578, 31.871999155680335);
ctx.font = "italic 400 13.199999650319416px Merriweather";
ctx.fillText("‭Degree‬", 172.979248046875, 31.871999155680335);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(60.839998626708976, 568.8599877119063);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 9.599999745686848px Open Sans";
ctx.fillText("‭MONTH‬", 0, 15.215999596913653);
ctx.font = "normal 400 9.599999745686848px Open Sans";
ctx.fillText("‭20XX‬", 38.18157958984375, 15.215999596913653);
ctx.font = "normal 400 9.599999745686848px Open Sans";
ctx.fillText("‭-‬", 62.67877197265625, 15.215999596913653);
ctx.font = "normal 400 9.599999745686848px Open Sans";
ctx.fillText("‭MONTH‬", 68.24887084960938, 15.215999596913653);
ctx.font = "normal 400 9.599999745686848px Open Sans";
ctx.fillText("‭20XX‬", 106.43045043945312, 15.215999596913653);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(60.839998626708976, 592.259987092018);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭Lorem‬", 0, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭ipsum‬", 37.47576904296875, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭dolor‬", 73.37745666503906, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭sit‬", 104.26583862304688, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭amet,‬", 120.24369812011719, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭consectetuer‬", 153.4392852783203, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭adipiscing‬", 224.33706665039062, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭elit,‬", 281.855224609375, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭sed‬", 305.4554443359375, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭diam‬", 326.0153503417969, 11.56799969355265);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(60.839998626708976, 610.2599866151809);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭nonummy‬", 0, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭nibh‬", 57.86320495605469, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭euismod‬", 84.81642150878906, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭tincidunt‬", 133.06268310546875, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭ut‬", 184.9314727783203, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭laoreet‬", 198.6884002685547, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭dolore.‬", 238.492919921875, 10.367999725341795);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(60.839998626708976, 627.3599861621856);
ctx.save();
ctx.font = "normal 700 13.199999650319416px Merriweather";
ctx.fillText("‭School‬", 0, 31.871999155680335);
ctx.font = "normal 700 13.199999650319416px Merriweather";
ctx.fillText("‭Name,‬", 47.83073425292969, 31.871999155680335);
ctx.font = "normal 400 13.199999650319416px Merriweather";
ctx.fillText("‭Location‬", 94.0262451171875, 31.871999155680335);
ctx.font = "normal 400 13.199999650319416px Merriweather";
ctx.fillText("‭—‬", 154.2267608642578, 31.871999155680335);
ctx.font = "italic 400 13.199999650319416px Merriweather";
ctx.fillText("‭Degree‬", 172.979248046875, 31.871999155680335);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(60.839998626708976, 662.4599852323532);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 9.599999745686848px Open Sans";
ctx.fillText("‭MONTH‬", 0, 15.215999596913653);
ctx.font = "normal 400 9.599999745686848px Open Sans";
ctx.fillText("‭20XX‬", 38.18157958984375, 15.215999596913653);
ctx.font = "normal 400 9.599999745686848px Open Sans";
ctx.fillText("‭-‬", 62.67877197265625, 15.215999596913653);
ctx.font = "normal 400 9.599999745686848px Open Sans";
ctx.fillText("‭MONTH‬", 68.24887084960938, 15.215999596913653);
ctx.font = "normal 400 9.599999745686848px Open Sans";
ctx.fillText("‭20XX‬", 106.43045043945312, 15.215999596913653);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(60.839998626708976, 685.8599846124648);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭Lorem‬", 0, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭ipsum‬", 37.47576904296875, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭dolor‬", 73.37745666503906, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭sit‬", 104.26583862304688, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭amet,‬", 120.24369812011719, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭consectetuer‬", 153.4392852783203, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭adipiscing‬", 224.33706665039062, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭elit,‬", 281.855224609375, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭sed‬", 305.4554443359375, 11.56799969355265);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭diam.‬", 326.0153503417969, 11.56799969355265);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(60.839998626708976, 703.8599841356277);
ctx.save();
ctx.fillStyle = "rgba(32,121,199,1)";
ctx.font = "normal 700 10.799999713897703px Open Sans";
ctx.fillText("‭PROJECTS‬", 0, 46.36799877166747);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(60.839998626708976, 752.4599828481673);
ctx.save();
ctx.font = "normal 700 13.199999650319416px Merriweather";
ctx.fillText("‭Project‬", 0, 31.871999155680335);
ctx.font = "normal 700 13.199999650319416px Merriweather";
ctx.fillText("‭Name‬", 50.1781005859375, 31.871999155680335);
ctx.font = "normal 400 13.199999650319416px Merriweather";
ctx.fillText("‭—‬", 91.96900939941406, 31.871999155680335);
ctx.font = "italic 400 13.199999650319416px Merriweather";
ctx.fillText("‭Detail‬", 110.72149658203125, 31.871999155680335);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(60.839998626708976, 787.5599819183349);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭Lorem‬", 0, 17.56799953460693);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭ipsum‬", 37.47576904296875, 17.56799953460693);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭dolor‬", 73.37745666503906, 17.56799953460693);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭sit‬", 104.26583862304688, 17.56799953460693);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭amet,‬", 120.24369812011719, 17.56799953460693);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭consectetuer‬", 153.4392852783203, 17.56799953460693);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭adipiscing‬", 224.33706665039062, 17.56799953460693);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭elit.‬", 281.855224609375, 17.56799953460693);
ctx.restore();
ctx.restore();
ctx.restore();
ctx.save();
ctx.beginPath();
ctx.rect(481.83999862670896, 146.7599986553192, 198, 605.6999844312667);
ctx.clip();
ctx.save();
ctx.translate(490.83999862670896, 155.7599986553192);
ctx.save();
ctx.fillStyle = "rgba(32,121,199,1)";
ctx.font = "normal 700 10.799999713897703px Open Sans";
ctx.fillText("‭SKILLS‬", 0, 46.36799877166747);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(490.83999862670896, 204.35999736785888);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭​‬", 0, 29.567999216715492);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭Lorem‬", 0, 29.567999216715492);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭ipsum‬", 37.47576904296875, 29.567999216715492);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭dolor‬", 73.37745666503906, 29.567999216715492);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭sit‬", 104.26583862304688, 29.567999216715492);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭amet.‬", 120.24369812011719, 29.567999216715492);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(490.83999862670896, 240.35999641418454);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭​‬", 0, 17.56799953460693);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭Consectetuer‬", 0, 17.56799953460693);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭adipiscing‬", 72.40715026855469, 17.56799953460693);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭elit.‬", 129.92530822753906, 17.56799953460693);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(490.83999862670896, 264.6599957704544);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭​‬", 0, 17.56799953460693);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭Sed‬", 0, 17.56799953460693);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭diam‬", 21.519439697265625, 17.56799953460693);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭nonummy‬", 51.13563537597656, 17.56799953460693);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭nibh‬", 108.99884033203125, 17.56799953460693);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(490.83999862670896, 288.9599951267242);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭euismod‬", 0, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭tincidunt.‬", 48.24626159667969, 10.367999725341795);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(490.83999862670896, 306.0599946737289);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭​‬", 0, 17.56799953460693);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭L​​​‌​aoreet‬", 0, 17.56799953460693);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭dolore‬", 43.04969787597656, 17.56799953460693);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭magna‬", 79.8031005859375, 17.56799953460693);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(490.83999862670896, 330.35999402999875);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭aliquam‬", 0, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭erat‬", 45.9390869140625, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭volutpat.‬", 69.7333984375, 10.367999725341795);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(490.83999862670896, 347.45999357700344);
ctx.save();
ctx.fillStyle = "rgba(32,121,199,1)";
ctx.font = "normal 700 10.799999713897703px Open Sans";
ctx.fillText("‭AWARDS‬", 0, 46.36799877166747);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(490.83999862670896, 396.0599922895431);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 700 10.799999713897703px Merriweather";
ctx.fillText("‭Lorem‬", 0, 29.567999216715492);
ctx.font = "normal 700 10.799999713897703px Merriweather";
ctx.fillText("‭ipsum‬", 38.144195556640625, 29.567999216715492);
ctx.font = "normal 700 10.799999713897703px Merriweather";
ctx.fillText("‭dolor‬", 74.6927490234375, 29.567999216715492);
ctx.font = "normal 700 10.799999713897703px Merriweather";
ctx.fillText("‭sit‬", 106.30348205566406, 29.567999216715492);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭amet‬", 122.59400939941406, 29.567999216715492);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(490.83999862670896, 432.0599913358688);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭Consectetuer‬", 0, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭adipiscing‬", 72.40715026855469, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭elit,‬", 129.92530822753906, 10.367999725341795);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(490.83999862670896, 449.1599908828735);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭Sed‬", 0, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭diam‬", 21.519439697265625, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭nonummy‬", 51.13563537597656, 10.367999725341795);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(490.83999862670896, 466.25999042987814);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 700 10.799999713897703px Merriweather";
ctx.fillText("‭Nibh‬", 0, 17.56799953460693);
ctx.font = "normal 700 10.799999713897703px Merriweather";
ctx.fillText("‭euismod‬", 28.839950561523438, 17.56799953460693);
ctx.font = "normal 700 10.799999713897703px Merriweather";
ctx.fillText("‭tincidunt‬", 78.00260925292969, 17.56799953460693);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭ut‬", 130.7554473876953, 17.56799953460693);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(490.83999862670896, 490.559989786148);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭laoreet‬", 0, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭dolore‬", 39.80451965332031, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭magna‬", 76.55792236328125, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭aliquam‬", 115.64010620117188, 10.367999725341795);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(490.83999862670896, 507.6599893331527);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭erat‬", 0, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭volutpat.‬", 23.7943115234375, 10.367999725341795);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(490.83999862670896, 524.7599888801574);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 700 10.799999713897703px Merriweather";
ctx.fillText("‭Lorem‬", 0, 17.56799953460693);
ctx.font = "normal 700 10.799999713897703px Merriweather";
ctx.fillText("‭ipsum‬", 38.144195556640625, 17.56799953460693);
ctx.font = "normal 700 10.799999713897703px Merriweather";
ctx.fillText("‭dolor‬", 74.6927490234375, 17.56799953460693);
ctx.font = "normal 700 10.799999713897703px Merriweather";
ctx.fillText("‭sit‬", 106.30348205566406, 17.56799953460693);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭amet‬", 122.59400939941406, 17.56799953460693);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(490.83999862670896, 549.0599882364272);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭Consectetuer‬", 0, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭adipiscing‬", 72.40715026855469, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭elit,‬", 129.92530822753906, 10.367999725341795);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(490.83999862670896, 566.1599877834319);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭Sed‬", 0, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭diam‬", 21.519439697265625, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭nonummy‬", 51.13563537597656, 10.367999725341795);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(490.83999862670896, 583.2599873304366);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 700 10.799999713897703px Merriweather";
ctx.fillText("‭Nibh‬", 0, 17.56799953460693);
ctx.font = "normal 700 10.799999713897703px Merriweather";
ctx.fillText("‭euismod‬", 28.839950561523438, 17.56799953460693);
ctx.font = "normal 700 10.799999713897703px Merriweather";
ctx.fillText("‭tincidunt‬", 78.00260925292969, 17.56799953460693);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭ut‬", 130.7554473876953, 17.56799953460693);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(490.83999862670896, 607.5599866867065);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭laoreet‬", 0, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭dolore‬", 39.80451965332031, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭magna‬", 76.55792236328125, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭aliquam‬", 115.64010620117188, 10.367999725341795);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(490.83999862670896, 624.6599862337112);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭erat‬", 0, 10.367999725341795);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭volutpat.‬", 23.7943115234375, 10.367999725341795);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(490.83999862670896, 641.7599857807159);
ctx.save();
ctx.fillStyle = "rgba(32,121,199,1)";
ctx.font = "normal 700 10.799999713897703px Open Sans";
ctx.fillText("‭LANGUAGES‬", 0, 46.36799877166747);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(490.83999862670896, 690.3599844932555);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭Lorem‬", 0, 29.567999216715492);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭ipsum,‬", 37.47576904296875, 29.567999216715492);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭Dolor‬", 76.98918151855469, 29.567999216715492);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭sit‬", 109.35459899902344, 29.567999216715492);
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭amet,‬", 125.33245849609375, 29.567999216715492);
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(490.83999862670896, 726.3599835395812);
ctx.save();
ctx.fillStyle = "rgba(102,102,102,1)";
ctx.font = "normal 400 10.799999713897703px Merriweather";
ctx.fillText("‭Consectetuer‬", 0, 10.367999725341795);
ctx.restore();
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(51.839998626708976, 852.7599986553192);
ctx.save();
ctx.restore();
ctx.restore();
ctx.save();
ctx.translate(51.839998626708976, 877.0599980115891);
ctx.save();
ctx.restore();
ctx.restore();
ctx.restore();
ctx.restore();
ctx.save();
ctx.restore();
ctx.save();
ctx.restore();
ctx.save();
ctx.restore();
ctx.save();
ctx.restore();
ctx.save();
ctx.restore();
ctx.save();
ctx.restore();
ctx.save();
ctx.beginPath();
ctx.rect(0, 0, 1354, 2023);
ctx.clip();
ctx.restore();
ctx.save();
ctx.restore();
ctx.save();
ctx.restore();
ctx.save();
ctx.restore();
ctx.save();
ctx.restore();
ctx.save();
ctx.restore();
ctx.save();
ctx.beginPath();
ctx.rect(0, 0, 1354, 2023);
ctx.clip();
ctx.fillStyle = "rgba(0,0,0,0)";
ctx.fillRect(618.277742767334, 105.65999743938444, 1.0799999713897703, 12.959999656677244);
ctx.restore();
}
Promise.all(fontFaces.map((f) => {
document.fonts.add(f);
return f.load()
})).then(() => {
CanvasRunner.start({
description: "Render an example resume from Google Docs",
doRun: frame,
});
});
</script>
</html>