46 lines
1.2 KiB
HTML
46 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="stylesheet" href="win95.css" />
|
|
<title>Document</title>
|
|
<script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<!-- my first idea was to use this win95 css shit, but it sucked and was bad. -->
|
|
<div id="card" class="card w95" style="height: 1076px; width: 1918px">
|
|
<div class="card-header" style="height: 60px"></div>
|
|
</div>
|
|
<div
|
|
id="wallpaper"
|
|
style="
|
|
background-image: url('tiles/Clouds_\(Windows_95\).png');
|
|
background-repeat: repeat;
|
|
height: 360px;
|
|
width: 640px;
|
|
"
|
|
></div>
|
|
</body>
|
|
|
|
<script>
|
|
html2canvas(card, {
|
|
width: 1920,
|
|
height: 1080,
|
|
windowWidth: 1920,
|
|
windowHeight: 1080,
|
|
}).then((canvas) => {
|
|
document.body.appendChild(canvas);
|
|
});
|
|
|
|
html2canvas(wallpaper, {
|
|
width: 640,
|
|
height: 360,
|
|
windowWidth: 1920,
|
|
windowHeight: 1080,
|
|
}).then((canvas) => {
|
|
document.body.appendChild(canvas);
|
|
});
|
|
</script>
|
|
</html>
|