@@ -259,50 +259,7 @@ <h2 class="sub-headline">
259
259
< div class ="header-container-image ">
260
260
< img class ="head-image " src ="./pexels-niklas-jeromin-12734294.jpg " />
261
261
</ 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 "> ×</ span >
298
- < p > Some text in the Modal..</ p >
299
- </ div >
300
-
301
- </ div >
302
-
303
262
< div class ="content " id ="haha ">
304
- < button id ="myBtn222 "> Open Modal</ button >
305
- < a href ="https://www.google.com "> asdf asfasdfasfdasdf</ a >
306
263
< div class ="skeleton-text "> </ div >
307
264
< div class ="skeleton-text "> </ div >
308
265
< div class ="skeleton-text "> </ div >
@@ -311,35 +268,6 @@ <h2 class="sub-headline">
311
268
< div class ="skeleton-text "> </ div >
312
269
< div class ="skeleton-text "> </ div >
313
270
</ 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 >
343
271
</ body >
344
272
345
273
</ html >
0 commit comments