@@ -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 "> ×</ 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