This commit is contained in:
Francesco Mecca 2023-07-07 11:06:22 +02:00
parent e10b91429e
commit c7c8990fb0
4 changed files with 90 additions and 57 deletions

56
bocciofila/home.html Normal file
View File

@ -0,0 +1,56 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="style2.css">
</head>
<body style="background-color:#fff4f6;" background="https://softheartclinic.neocities.org/Visuals/bgdottedeven.png">
<button id="startButton">Avvia il gioco</button>
<div id="gameContainer">
<video id="gameVideo" controls>
<source src="audiovideo.webm" type="video/mp4">
</video>
<button id="toggleButton">Fanculo Mancini, io mi drogo</button>
<div class="my-clippy" id="my-clippy"></div>
<div id="legend-modal" class="modal">
<div class="modal-content" bgcolor="#ffe5e9" style="background-color:#ffe5e9;">
<h2>Legenda</h2>
<ul>
<li>Horny: sei horny per Riccardo, gli metti la mano sulla coscia e non la lasci più andare</li>
<li>Egodeath: hai smesso di usare la prima persona singolare e plurale</li>
<li>Pappagallo: ripeti a pappagallo tutto quello che dice Riccardo</li>
<li>Gemello: ripeti tutte le azioni che Riccardo fa</li>
<li>Desiderio: Riccardo esprime un desiderio, tu lo realizzi</li>
<li>2 Desideri: Riccardo esprime due desideri, tu ne realizzi uno e fai il possibile per non</li>
<li>Schiavo: Riccarrdo farà la prima cosa che gli chiedi. Non devi chiedere con gentilezza</li>
<li>Niente nomi: amnesia collettiva, non ci ricordiamo i nostri nomi</li>
<li>Trivia</li>
<li>Complimento: fai un complimento a Riccardo. Non ho detto di non mentire</li>
<li>Strip: un indumento giù, e Riccardo segue</li>
<li>Flessioni: fai delle flessioni. Riccardo ne farà il doppio</li>
<li>Scelte sbagliate: è arrivato il momento di ricordare a Riccardo quali scelte</li>
<li>ha sbagliato nella vita</li>
<li>Coro: Riccardo ti insegna un coro</li>
<li>Selfie</li>
<li>Sexy selfie</li>
<li>USA: gli stati uniti sono un paese pericoloso. Fai la Cassandra</li>
<li>Culo al muro: tu e Riccardo vi odiate così tanto che tenete il culo attaccato</li>
<li>al muro, ai punti opposti della stanza</li>
<li>Verità: fai una domanda a Riccardo, deve rispondere sinceramente. Poi tocca a lui</li>
</ul>
<button id="close-button">Close</button>
</div>
</div>
<div id="wheel"></div>
</div>
<div>
<!-- <iframe id="gameIframe" src="./ruota.html" width="100%" height="100%" scrolling="no" frameborder="0"></iframe> -->
</div>
<script src="clippy.js" type="module"></script>
<script src="script.js"></script>
</body>
</html>

View File

@ -1,56 +1,34 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="style2.css">
</head>
<body style="background-color:#fff4f6;" background="https://softheartclinic.neocities.org/Visuals/bgdottedeven.png">
<button id="startButton">Avvia il gioco</button>
<meta charset="utf-8">
<title></title>
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background-color: #fff4f6;
}
<div id="gameContainer">
<video id="gameVideo" controls>
<source src="audiovideo.webm" type="video/mp4">
</video>
<button id="toggleButton">Fanculo Mancini, io mi drogo</button>
#startButton {
cursor: pointer;
transform: scale(0.6);
}
</style>
<div class="my-clippy" id="my-clippy"></div>
<div id="legend-modal" class="modal">
<div class="modal-content" bgcolor="#ffe5e9" style="background-color:#ffe5e9;">
<h2>Legenda</h2>
<ul>
<li>Horny: sei horny per Riccardo, gli metti la mano sulla coscia e non la lasci più andare</li>
<li>Egodeath: hai smesso di usare la prima persona singolare e plurale</li>
<li>Pappagallo: ripeti a pappagallo tutto quello che dice Riccardo</li>
<li>Gemello: ripeti tutte le azioni che Riccardo fa</li>
<li>Desiderio: Riccardo esprime un desiderio, tu lo realizzi</li>
<li>2 Desideri: Riccardo esprime due desideri, tu ne realizzi uno e fai il possibile per non</li>
<li>Schiavo: Riccarrdo farà la prima cosa che gli chiedi. Non devi chiedere con gentilezza</li>
<li>Niente nomi: amnesia collettiva, non ci ricordiamo i nostri nomi</li>
<li>Trivia</li>
<li>Complimento: fai un complimento a Riccardo. Non ho detto di non mentire</li>
<li>Strip: un indumento giù, e Riccardo segue</li>
<li>Flessioni: fai delle flessioni. Riccardo ne farà il doppio</li>
<li>Scelte sbagliate: è arrivato il momento di ricordare a Riccardo quali scelte</li>
<li>ha sbagliato nella vita</li>
<li>Coro: Riccardo ti insegna un coro</li>
<li>Selfie</li>
<li>Sexy selfie</li>
<li>USA: gli stati uniti sono un paese pericoloso. Fai la Cassandra</li>
<li>Culo al muro: tu e Riccardo vi odiate così tanto che tenete il culo attaccato</li>
<li>al muro, ai punti opposti della stanza</li>
<li>Verità: fai una domanda a Riccardo, deve rispondere sinceramente. Poi tocca a lui</li>
</ul>
<button id="close-button">Close</button>
</div>
</div>
<div id="wheel"></div>
</div>
<div>
<!-- <iframe id="gameIframe" src="./ruota.html" width="100%" height="100%" scrolling="no" frameborder="0"></iframe> -->
</div>
<script src="clippy.js" type="module"></script>
<script src="script.js"></script>
</body>
</head>
<body background="bgdottedeven.png">
<a href="#" onclick="startGame();">
<img src="landingfull.png" alt="Start Game" id="startButton">
</a>
<script>
function startGame() {
// Redirect to another page
window.location.href = "/home.html";
}
</script>
</body>
</html>

BIN
bocciofila/landingfull.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 MiB

View File

@ -1,11 +1,9 @@
// Aspetta che il documento HTML sia completamente caricato prima di eseguire lo script
document.addEventListener("DOMContentLoaded", function() {
// Ottieni il riferimento al pulsante di avvio del gioco
var startButton = document.getElementById("startButton");
// var startButton = document.getElementById("startButton");
// startButton.addEventListener("click", function() {
let fun = function() {
// Aggiungi un gestore di eventi al pulsante di avvio
startButton.addEventListener("click", function() {
// Nascondi il pulsante di avvio
startButton.style.display = "none";
// Ottieni il riferimento al contenitore del gioco
@ -25,7 +23,8 @@ document.addEventListener("DOMContentLoaded", function() {
// Aggiungi una classe CSS per far girare la ruota
gameContainer.classList.add("spin");
loadIframeWithTimeout();
});
};
fun();
});
function loadIframeWithTimeout() {