<!doctype html>
<html>
<head>
<meta charset="utf-8">
</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("[email protected]", 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("Laoreet", 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();
requestAnimationFrame(frame);
}
Promise.all(fontFaces.map((f) => {
document.fonts.add(f);
return f.load()
})).then(() => {
frame();
});
</script>
</html>
Codebase Browser
chromium