OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	03/04/2025 08:32:49 AM	rwxr-xr-x
📁 _index.php	-	03/03/2025 08:18:58 AM	rwxr-xr-x
📄 iambored.html	3.45 KB	03/03/2025 08:18:10 AM	rw-r--r--
📁 pki-validation	-	03/03/2025 08:18:58 AM	rwxr-xr-x

Editing: iambored.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>I am Bored</title>
    <style>
        body {
            text-align: center;
            margin: 50px;
        }
        
        #video-container {
            display: none;
        }
        #video-container {
            display: none;
            max-width: 100%; /* Ensure the video does not exceed the width of its container */
            margin: 0 auto; /* Center the video container */
        }
        #video-frame {
            width: 100%; /* Make the video iframe fill the width of its container */
            height: 60vh; /* Set the initial height to 60% of the viewport height on desktop */
        }
        #feedback-link {
            position: absolute;
            top: 10px;
            right: 10px;
            cursor: pointer;
            color: blue;
            text-decoration: underline;
        }
        
        /* Media query for smaller screens (e.g., mobile devices) */
        @media screen and (max-width: 600px) {
            #video-frame {
                height: 40vh; /* Set the height to 40% of the viewport height on mobile */
            }
        }
    </style>
</head>
<body>

<button onclick="playRandomVideo()">I am Bored</button>
    <br><br><br>

<div id="video-container">
        <iframe id="video-frame" width="560" height="315" src="" frameborder="0" allowfullscreen></iframe>
    </div>
	
	<a id="feedback-link" onclick="openFeedback()">Feedback</a>
    
    <script>
        function playRandomVideo() {
            // List of YouTube video IDs
            var videoIds = [
                'tVUDJs6_A-0',
                '24B88Ur9C0g',
                'b9F8Wn4vf5Y',
                'JQ9mzxGf_dk',
                'EUibcWfCswc',
                'Jwtyn-L-2gQ',
                'om8jCuesURk',
                '495nCzxM9PI',
                'afZTrfvB2AQ',
                'CTQcLi6SpX8',
                // Add more video IDs as needed
            ];

// Pick a random video ID
            var randomVideoId = videoIds[Math.floor(Math.random() * videoIds.length)];

// Embed the video in the iframe
            var videoFrame = document.getElementById('video-frame');
            videoFrame.src = 'https://www.youtube.com/embed/' + randomVideoId + '?autoplay=1';

// Show the video container
            var videoContainer = document.getElementById('video-container');
            videoContainer.style.display = 'block';
        }
        function openFeedback() {
            // Email details
            var to = 'prashanth@knobly.com';
            var subject = 'Feedback for Random Video Player';

// Create the email link
            var body = 'Hi,\n\nI have some feedback for the Random Video Player:';
            var mailtoLink = 'mailto:' + to + '?subject=' + encodeURIComponent(subject) + '&body=' + encodeURIComponent(body);

// Open the default email client
            window.location.href = mailtoLink;
        }
    </script>
    
    
  <script async src="https://www.googletagmanager.com/gtag/js?id=YOUR_GA_TRACKING_ID"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() {
      dataLayer.push(arguments);
    }
    gtag('js', new Date());

gtag('config', 'YOUR_GA_TRACKING_ID');
  </script>

</body>
</html>