This commit is contained in:
Omar Najjar 2024-07-07 00:28:43 +10:00
parent 11ed9e259c
commit 18c11afa4d

View file

@ -4,10 +4,9 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Instinct App</title> <title>Instinct App</title>
<link href="https://fonts.googleapis.com/css2?family=Syne:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="canonical" href="https://kingomarnajjar.github.io/instinct/" /> <link rel="canonical" href="https://kingomarnajjar.github.io/instinct/" />
<link rel="manifest" href="/instinct/manifest.json"> <link rel="manifest" href="/instinct/manifest.json">
<link rel="shortcut icon" type="image/x-icon" href="favicon/favicon.ico">
<link href="https://fonts.googleapis.com/css2?family=Syne:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style> <style>
:root { :root {
--primary-neon: rgba(0, 255, 0, 0.9); --primary-neon: rgba(0, 255, 0, 0.9);
@ -299,7 +298,7 @@
</div> </div>
<div class="bet-buttons"> <div class="bet-buttons">
<button class="btn-place" onclick="bet('Lion')">Bet Lion</button> <button class="btn-place" onclick="bet('Lion')">Bet Lion</button>
<button class="btn-confirm" onclick="bet('Buffalo')">Bet Buffalo</button> <button class="btn-confirm" onclick="bet('Giraffe')">Bet Giraffe</button>
</div> </div>
</div> </div>
@ -314,7 +313,7 @@
</div> </div>
<script> <script>
const WORKER_URL = 'https://instinct-api.yazdani.dev'; // Replace with your worker URL const WORKER_URL = 'https://instinct-api.yazdani.dev/user'; // Updated API URL
async function navigateTo(pageId) { async function navigateTo(pageId) {
document.querySelectorAll('.page').forEach(page => { document.querySelectorAll('.page').forEach(page => {
@ -346,7 +345,7 @@
clearInterval(countdownTimer); clearInterval(countdownTimer);
// Only create and display the video after the countdown finishes // Only create and display the video after the countdown finishes
var iframe = document.createElement('iframe'); var iframe = document.createElement('iframe');
iframe.src = "https://customer-0sb72e7akfw9m0dg.cloudflarestream.com/7d7cb4e7e6ead747b72073c3824a9d3f/iframe?muted=true&preload=true&autoplay=true&poster=https%3A%2F%2Fcustomer-0sb72e7akfw9m0dg.cloudflarestream.com%2F7d7cb4e7e6ead747b72073c3824a9d3f%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600&controls=false"; iframe.src = "https://customer-0sb72e7akfw9m0dg.cloudflarestream.com/7d7cb4e7e6ead747b72073c3824a9d3f/iframe?preload=true&autoplay=true&poster=https%3A%2F%2Fcustomer-0sb72e7akfw9m0dg.cloudflarestream.com%2F7d7cb4e7e6ead747b72073c3824a9d3f%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600&controls=false";
iframe.style.cssText = 'border: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%;'; iframe.style.cssText = 'border: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%;';
iframe.allow = "accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;"; iframe.allow = "accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;";
iframe.allowfullscreen = true; iframe.allowfullscreen = true;
@ -374,7 +373,7 @@
async function fetchUserData() { async function fetchUserData() {
const email = document.getElementById('email').value; const email = document.getElementById('email').value;
const response = await fetch(`${WORKER_URL}/user?email=${encodeURIComponent(email)}`, { method: 'GET' }); const response = await fetch(`${WORKER_URL}?email=${encodeURIComponent(email)}`, { method: 'GET' });
if (response.ok) { if (response.ok) {
const userData = await response.json(); const userData = await response.json();
document.getElementById('name').value = userData.name || ''; document.getElementById('name').value = userData.name || '';
@ -392,11 +391,11 @@
} }
const userData = { const userData = {
name: document.getElementById('name').value,
email: document.getElementById('email').value, email: document.getElementById('email').value,
name: document.getElementById('name').value,
phone: document.getElementById('phone').value phone: document.getElementById('phone').value
}; };
const response = await fetch(`${WORKER_URL}/signup`, { const response = await fetch('https://instinct-api.yazdani.dev/signup', {
method: 'POST', method: 'POST',
headers: { 'Content-Type': 'application/json' }, headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(userData) body: JSON.stringify(userData)