c0sta-lang/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Valentine</title>
    <style>
        body {
            font-family: 'Open Sans', sans-serif;
            background-color: #0d1117;
            color: white;
            text-align: center;
            padding: 20px;
            margin: 0;
        }
        .repo {
            background-color: #161b22;
            padding: 20px;
            border-radius: 10px;
            display: inline-block;
            box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.1);
            max-width: 90%;
            width: 400px;
            margin: auto;
        }
        .commit-message {
            font-style: italic;
            color: #58a6ff;
            animation: fadeIn 2s ease-in-out;
        }
        .heart {
            font-size: 50px;
            color: red;
            animation: heartbeat 1.5s infinite;
        }
        button {
            background-color: #58a6ff;
            color: white;
            border: none;
            padding: 10px 20px;
            font-size: 18px;
            margin: 10px;
            border-radius: 5px;
            cursor: pointer;
            width: 80%;
            max-width: 200px;
        }
        button:hover {
            background-color: #1f6feb;
        }

        @keyframes heartbeat {
            0% { transform: scale(1); }
            25% { transform: scale(1.2); }
            50% { transform: scale(1); }
            75% { transform: scale(1.2); }
            100% { transform: scale(1); }
        }

        @keyframes fadeIn {
            0% { opacity: 0; }
            100% { opacity: 1; }
        }
    </style>
</head>
<body>
    <div class="repo">
        <h2>My Valentine</h2>
        <p><strong></strong> From your one and only love</p>
        <p class="commit-message">"Jaderyl, Will you be my Valentine? ❤️"</p>
        <p class="heart">❤️</p>
        <button onclick="handleResponse('accept')">Accept</button>
        <button onclick="handleResponse('decline')">Decline</button>
    </div>

    <iframe id="audio-player" width="0" height="0" style="display:none;"></iframe>

    <script>
        function playSound(url) {
            var audioPlayer = document.getElementById('audio-player');
            audioPlayer.src = url;
            audioPlayer.play();
        }

        function handleResponse(response) {
            if (response === 'accept') {
                alert("Yieee crush mo ko no" ❤️");
                window.open('https://www.youtube.com/watch?v=cUM8OCBy6Ls', '_blank');
            } else {
                alert("AY NGAA NAG DECLINE KA??");
                window.open('https://www.youtube.com/watch?v=mN7ai6ql8bQ', '_blank');
            }
        }

        // Play a background romantic sound after page load
        window.onload = function() {
            playSound('https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3');
        };
    </script>
</body>
</html>

## script.js
document.getElementsByTagName("h1")[0].style.fontSize = "6vw";

## style.css
body {
  font-family: system-ui;
  background: #f06d06;
  color: white;
  text-align: center;
}

## untitled.markdown

      
    Raw
  

              untitled.markdown
            
          
    Untitled

A Pen by c0sta-lang on CodePen.
License.
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>My Valentine</title>
	<style>
	body {
	font-family: 'Open Sans', sans-serif;
	background-color: #0d1117;
	color: white;
	text-align: center;
	padding: 20px;
	margin: 0;
	}
	.repo {
	background-color: #161b22;
	padding: 20px;
	border-radius: 10px;
	display: inline-block;
	box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.1);
	max-width: 90%;
	width: 400px;
	margin: auto;
	}
	.commit-message {
	font-style: italic;
	color: #58a6ff;
	animation: fadeIn 2s ease-in-out;
	}
	.heart {
	font-size: 50px;
	color: red;
	animation: heartbeat 1.5s infinite;
	}
	button {
	background-color: #58a6ff;
	color: white;
	border: none;
	padding: 10px 20px;
	font-size: 18px;
	margin: 10px;
	border-radius: 5px;
	cursor: pointer;
	width: 80%;
	max-width: 200px;
	}
	button:hover {
	background-color: #1f6feb;
	}

	@keyframes heartbeat {
	0% { transform: scale(1); }
	25% { transform: scale(1.2); }
	50% { transform: scale(1); }
	75% { transform: scale(1.2); }
	100% { transform: scale(1); }
	}

	@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
	}
	</style>
	</head>
	<body>
	<div class="repo">
	<h2>My Valentine</h2>
	<p><strong></strong> From your one and only love</p>
	<p class="commit-message">"Jaderyl, Will you be my Valentine? ❤️"</p>
	<p class="heart">❤️</p>
	<button onclick="handleResponse('accept')">Accept</button>
	<button onclick="handleResponse('decline')">Decline</button>
	</div>

	<iframe id="audio-player" width="0" height="0" style="display:none;"></iframe>

	<script>
	function playSound(url) {
	var audioPlayer = document.getElementById('audio-player');
	audioPlayer.src = url;
	audioPlayer.play();
	}

	function handleResponse(response) {
	if (response === 'accept') {
	alert("Yieee crush mo ko no" ❤️");
	window.open('https://www.youtube.com/watch?v=cUM8OCBy6Ls', '_blank');
	} else {
	alert("AY NGAA NAG DECLINE KA??");
	window.open('https://www.youtube.com/watch?v=mN7ai6ql8bQ', '_blank');
	}
	}

	// Play a background romantic sound after page load
	window.onload = function() {
	playSound('https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3');
	};
	</script>
	</body>
	</html>
	body {
	font-family: system-ui;
	background: #f06d06;
	color: white;
	text-align: center;
	}