<html>
<head>
<script src='databaseDataDistributor.js?version=259'></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src='https://advancedfunctions.co/lms/googleSheetsPortal.js'></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Tangerine:wght@400;700&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bilbo+Swash+Caps&display=swap" rel="stylesheet">
</head>
<body onload='run(subdomain)'>
<div style='display: grid;grid-template-columns:auto;gap:10px;width:850px;height:1100px;border:solid 0px;padding:100px '>
<div style='font-family:UnifrakturMaguntia;font-size:70px;white-space:nowrap;text-align:center;' >Certificate Of Completion</div>
<div style='font-family:Libre Baskerville, serif;font-size:20px;text-align:center;'>It is hereby confirmed that</div>
<div style='font:50px calibri;color:dark-gray;text-align:center;'><span id='certificateRecipient1'></span>
</div>
<div>
<hr>
</div>
<div style='text-align: justify;font:30px calibri;' id='certificationText'></div>
<div><br><br>
</div>
<div style='margin:auto;height:310px;width:240px;border-style:dotted;border-color:#00C0F0;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;'>
<div style='height:240;width:240;'><div style='height:210px;height:210px;margin:21px'>
<svg id="svgCanvas" width="198" height="198" ></svg>
<svg id="svgCanvas2" width="198" height="198" ></svg>
<img src="" width="0" height="0" id="qrImage" >
<canvas id="canvasId" width="198" height="198" style='display:none'></canvas>
</div>
</div>
<div style='font:20px Bilbo Swash Caps;text-align:center;margin:10px;'>Validation By Work</div>
</div>
<div style='margin:auto;font:25px calibri;width:240px;text-align:center;'><br><hr>Instructor</div>
<div>
<hr style='margin:50px'></div>
</div>
</body>
<script>
var recipientName=window.location.href.substring(window.location.href.indexOf('-')+1,window.location.href.indexOf('_'));
document.getElementById('certificateRecipient1').innerHTML=recipientName.replace('%20',' ');
//document.getElementById('certificateRecipient2').innerHTML=recipientName.replace('%20',' ');
var textForCertificate=window.location.href.substring(window.location.href.indexOf('_')+1,window.location.href.length).replaceAll('%20',' ');
document.getElementById('certificationText').innerHTML=textForCertificate;
var subdomain=window.location.href.substring(window.location.href.indexOf('https://')+8,window.location.href.indexOf('.advancedfunctions.'));
console.log(subdomain);
</script>
<script src="https://advancedfunctions.co/lms/certificateQRCode.js?version=25"></script>
</html>