Skip to content

Commit 118e10c

Browse files
committed
Update index.html
1 parent 8dd6735 commit 118e10c

File tree

1 file changed

+0
-72
lines changed

1 file changed

+0
-72
lines changed

demo/index.html

Lines changed: 0 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -259,50 +259,7 @@ <h2 class="sub-headline">
259259
<div class="header-container-image">
260260
<img class="head-image" src="./pexels-niklas-jeromin-12734294.jpg" />
261261
</div>
262-
<canvas id="myCanvas" width="1000" height="500" style="border:1px solid #000000;"></canvas>
263-
<canvas id="myCanvas2" width="5000" height="5000" style="border:1px solid #000000;"></canvas>
264-
<canvas id="myCanvas3" width="200" height="200" style="border:1px solid #000000;"></canvas>
265-
<canvas id="myCanvas4" width="400" height="200" style="border:1px solid #000000;"></canvas>
266-
<canvas id="myCanvas5" width="5000" height="5000" style="border:1px solid #000000;"></canvas>
267-
268-
269-
<script>
270-
const canvases = [
271-
document.getElementById('myCanvas'),
272-
document.getElementById('myCanvas2'),
273-
document.getElementById('myCanvas3'),
274-
document.getElementById('myCanvas4'),
275-
document.getElementById('myCanvas5')
276-
];
277-
278-
canvases.forEach(canvas => {
279-
const ctx = canvas.getContext('2d');
280-
const centerX = canvas.width / 2;
281-
const centerY = canvas.height / 2;
282-
const radius = 1500;
283-
284-
ctx.beginPath();
285-
ctx.arc(centerX, centerY, radius, 0, 2 * Math.PI);
286-
ctx.fillStyle = 'blue';
287-
ctx.fill();
288-
ctx.stroke();
289-
});
290-
</script>
291-
292-
<!-- The Modal -->
293-
<div id="myModal" class="modal">
294-
295-
<!-- Modal content -->
296-
<div class="modal-content">
297-
<span class="close">&times;</span>
298-
<p>Some text in the Modal..</p>
299-
</div>
300-
301-
</div>
302-
303262
<div class="content" id="haha">
304-
<button id="myBtn222">Open Modal</button>
305-
<a href="https://www.google.com">asdf asfasdfasfdasdf</a>
306263
<div class="skeleton-text"></div>
307264
<div class="skeleton-text"></div>
308265
<div class="skeleton-text"></div>
@@ -311,35 +268,6 @@ <h2 class="sub-headline">
311268
<div class="skeleton-text"></div>
312269
<div class="skeleton-text"></div>
313270
</div>
314-
315-
<script>
316-
// Get the modal
317-
var modal = document.getElementById("myModal");
318-
319-
// Get the button that opens the modal
320-
var btn = document.getElementById("myBtn");
321-
322-
// Get the <span> element that closes the modal
323-
var span = document.getElementsByClassName("close")[0];
324-
325-
// When the user clicks the button, open the modal
326-
btn.onclick = function () {
327-
modal.style.display = "block";
328-
}
329-
330-
// When the user clicks on <span> (x), close the modal
331-
span.onclick = function () {
332-
modal.style.display = "none";
333-
}
334-
335-
// When the user clicks anywhere outside of the modal, close it
336-
window.onclick = function (event) {
337-
if (event.target == modal) {
338-
modal.style.display = "none";
339-
}
340-
}
341-
342-
</script>
343271
</body>
344272

345273
</html>

0 commit comments

Comments
 (0)