diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..5659b3e --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,29 @@ +@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Open+Sans&display=swap'); + +body { + background-color: #f8f9fa; + font-family: 'Open Sans', sans-serif; +} + +h1, h5 { + font-family: 'Roboto', sans-serif; + font-weight: 700; +} + +.btn-primary { + background-color: #1a73e8; + border-color: #1a73e8; +} + +.btn-primary:hover { + background-color: #1765c4; + border-color: #1765c4; +} + +.card { + border-radius: 0.5rem; +} + +.form-control, .btn { + border-radius: 0.25rem; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..d8576b1 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,75 @@ +document.getElementById('analysis-form').addEventListener('submit', function(event) { + event.preventDefault(); + + const homeTeam = document.getElementById('home-team').value; + const awayTeam = document.getElementById('away-team').value; + + if (!homeTeam || !awayTeam) { + alert('Por favor, digite os nomes dos dois times.'); + return; + } + + const analysisResult = document.getElementById('analysis-result'); + analysisResult.style.display = 'block'; + analysisResult.innerHTML = ` +
+ +
+ `; + + setTimeout(() => { + const homeWinProb = (Math.random() * 50 + 25).toFixed(2); + const awayWinProb = (Math.random() * (75 - homeWinProb)).toFixed(2); + const drawProb = (100 - homeWinProb - awayWinProb).toFixed(2); + + const homeOdds = (1 / (homeWinProb / 100)).toFixed(2); + const awayOdds = (1 / (awayWinProb / 100)).toFixed(2); + const drawOdds = (1 / (drawProb / 100)).toFixed(2); + + analysisResult.innerHTML = ` +
+
+
Análise da Partida: ${homeTeam} vs ${awayTeam}
+
+
+
Vitória ${homeTeam}
+

${homeWinProb}%

+
+
+
Empate
+

${drawProb}%

+
+
+
Vitória ${awayTeam}
+

${awayWinProb}%

+
+
+
+
Odds Estimadas
+
+
${homeTeam}: ${homeOdds}
+
Empate: ${drawOdds}
+
${awayTeam}: ${awayOdds}
+
+
+
Recomendação da IA
+

Com base na análise, a recomendação pende para uma vitória do ${homeWinProb > awayWinProb ? homeTeam : awayTeam}, mas um empate também é uma possibilidade a ser considerada.

+
+
Casas de Apostas (Exemplo)
+ +
+
+ `; + }, 2000); +}); diff --git a/includes/odds_api.php b/includes/odds_api.php new file mode 100644 index 0000000..38f3518 --- /dev/null +++ b/includes/odds_api.php @@ -0,0 +1,14 @@ + \ No newline at end of file diff --git a/index.php b/index.php index 7205f3d..f0b0080 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,111 @@ - - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + Football Match Analysis + + + -
-
-

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

-
-
- +
+

Football Match Analysis

+
+ +
+
+
+
Análise de Partida
+
+
+ + +
+
+ + +
+ +
+
+
+ + + +
+
+
Próximas Partidas e Odds (Premier League)
+ + + + + + + + + + + + + + + + + + + + + +
PartidaCasaEmpateFora
+ Não foi possível buscar as odds no momento. Verifique sua chave de API ou tente novamente mais tarde.
'; + } + ?> +
+ +
+ + + + + - + \ No newline at end of file