added onlyfans
This commit is contained in:
		
							parent
							
								
									f52d1600be
								
							
						
					
					
						commit
						e21ff5c9e4
					
				|  | @ -0,0 +1,33 @@ | ||||||
|  | <!DOCTYPE html> | ||||||
|  | <html lang="en"> | ||||||
|  | <head> | ||||||
|  |     <meta charset="UTF-8"> | ||||||
|  |     <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||||||
|  |     <title>Are you over 18?</title> | ||||||
|  |     <link rel="stylesheet" href="./style.css"> | ||||||
|  | </head> | ||||||
|  | <body> | ||||||
|  |     <button id="playButton">I am over 18!</button> | ||||||
|  | 
 | ||||||
|  |     <div id="videoContainer"> | ||||||
|  |         <video id="fullscreenVideo" src="./onlyfans.webm" type="video/webm"></video> | ||||||
|  |     </div> | ||||||
|  | 
 | ||||||
|  |     <script> | ||||||
|  |         const playButton = document.getElementById('playButton'); | ||||||
|  |         const videoContainer = document.getElementById('videoContainer'); | ||||||
|  |         const fullscreenVideo = document.getElementById('fullscreenVideo'); | ||||||
|  | 
 | ||||||
|  |         playButton.addEventListener('click', () => { | ||||||
|  |             playButton.style.display = 'none'; | ||||||
|  |             videoContainer.style.display = 'block'; | ||||||
|  |             fullscreenVideo.play(); | ||||||
|  |         }); | ||||||
|  | 
 | ||||||
|  |         fullscreenVideo.addEventListener('ended', () => { | ||||||
|  |             videoContainer.style.display = 'none'; | ||||||
|  |             playButton.style.display = 'block'; | ||||||
|  |         }); | ||||||
|  |     </script> | ||||||
|  | </body> | ||||||
|  | </html> | ||||||
										
											Binary file not shown.
										
									
								
							|  | @ -0,0 +1,39 @@ | ||||||
|  | body { | ||||||
|  |     margin: 0; | ||||||
|  |     overflow: hidden; | ||||||
|  |     display: flex; | ||||||
|  |     justify-content: center; | ||||||
|  |     align-items: center; | ||||||
|  |     height: 100vh; | ||||||
|  |     background-color: #a8c5db; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | #playButton { | ||||||
|  |     padding: 20px 40px; | ||||||
|  |     font-size: 20px; | ||||||
|  |     color: black; | ||||||
|  |     background-color: #F5A9B8; | ||||||
|  |     border-radius: 50px; | ||||||
|  |     outline-color: white; | ||||||
|  |     outline-style: outset; | ||||||
|  |     cursor: pointer; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | #playButton:hover { | ||||||
|  |     background-color: #5BCEFA; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | #videoContainer { | ||||||
|  |     position: fixed; | ||||||
|  |     top: 0; | ||||||
|  |     left: 0; | ||||||
|  |     width: 100%; | ||||||
|  |     height: 100%; | ||||||
|  |     display: none; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | #videoContainer video { | ||||||
|  |     width: 100%; | ||||||
|  |     height: 100%; | ||||||
|  |     object-fit: cover; | ||||||
|  | } | ||||||
		Loading…
	
		Reference in New Issue