diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..ad38d9d --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,17 @@ + +body { + font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + background-color: #F8F9FA; +} + +.hero { + display: flex; + align-items: center; + justify-content: center; + min-height: 100vh; +} + +.card { + border-radius: 1rem; + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..2a514ce --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,15 @@ + +document.addEventListener('DOMContentLoaded', function () { + const startButton = document.getElementById('startButton'); + const nicknameInput = document.getElementById('nickname'); + + startButton.addEventListener('click', function () { + const nickname = nicknameInput.value.trim(); + if (nickname === '') { + alert('Please enter a nickname.'); + } else { + alert('Starting chat for ' + nickname + '!'); + // Placeholder for WebRTC logic + } + }); +}); diff --git a/index.php b/index.php index 7205f3d..da5cd50 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,47 @@ - - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + Video Chat Roulette + + + + + + + + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + +
+
+
+
+
+

Video Chat Roulette

+

Enter a nickname to start chatting with a random stranger.

+
+ + +
+ +
+
+
+
+
+ + + - + \ No newline at end of file