annasandri
/
pizzagate
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

final

Browse Source
master
*anna* 3 years ago
parent 032d16261e
commit cf46d97d45
38 changed files with 1203 additions and 38 deletions
Show Stats Download Patch File Download Diff File

BIN
.DS_Store vendored
View File

Binary file not shown.

BIN
wymga/.DS_Store vendored
View File

Binary file not shown.

38
wymga/bus_station.css
Unescape Escape View File

@ -37,6 +37,44 @@
overflow-y: hidden;
}
.back{
position: fixed;
color:#c94dff ;
text-align: center;
font-family: jolyregular;
background-color: black;
top:40%;
bottom:43%;
left:35%;
right:35%;
border: 1px solid #c94dff;
-webkit-box-shadow: 10px 10px 0px 0px #c94dff;
-moz-box-shadow: 10px 10px 0px 0px #c94dff;
box-shadow: 10px 10px 0px 0px #c94dff;
font-size: 0.8em;
padding-top: 1.5em;
z-index: 100;
line-height: 1.5em;
}
.button_back{
font-size: 2.8vh;
-webkit-appearance: none;
background-color:transparent;
border: 1px #c94dff solid;
border-radius: 25em;
color:#c94dff;
cursor:pointer;
font-family: jolybolditalic;
padding-bottom:3px;
}
.button_back:hover{
border: 0.1em transparent solid;
-webkit-box-shadow: 0px 0px 8px 1px #c94dff;
-moz-box-shadow: 0px 0px 8px 1px #c94dff;
box-shadow: 0px 0px 8px 1px #c94dff;
}
.instructions{
font-family:jolyregularitalic;

36
wymga/bus_station.html
Unescape Escape View File

@ -17,6 +17,10 @@
<audio id="shot"><source src="sound/shot.wav" type="audio/wav"></audio>
<audio id="explosion"><source src="sound/explosion.wav" type="audio/wav"></audio>
<div class="back" style="display: none;">
Do you want to start from the beginning?<br>
<button id="go_to_start" class="button_back"> yes </button> / <button id="stay"class="button_back"> no </button>
</div>
<div class="game_bar invert" style="display: none;">
cat steaks: <span class="cat_meat_bar"></span> / 4
@ -139,15 +143,17 @@
<script>
var theme = document.querySelector("#theme");
theme.volume= 0.2;
var click = document.querySelector("#click");
var comic = document.querySelector("#comic");
comic.volume= 0.5;
var yes = document.querySelector("#yes");
var shot = document.querySelector("#shot");
var smoke = document.querySelector("#smoke");
var explosion = document.querySelector("#explosion");
theme.volume= 0.3;
click.volume=0.5;
comic.volume= 0.5;
$("body").hover( function() {
theme.play();
theme.addEventListener('paused',function() {
@ -158,6 +164,9 @@ $("body").hover( function() {
// saves game step in the local storage
window.onload = function() {
theme.play();
theme.addEventListener('paused',function() {
theme.play();
},false);
window.localStorage.setItem("bus_station","opened");
console.log ("bus station:",localStorage.bus_station);
}
@ -232,8 +241,9 @@ $(document).keydown(function(e) {
$("#bus_fire7, #bus_fire8").show();
}
switch (e.which) {
case 83:
$(".back").show();
case 37:
offset.left -= 20;
console.log("left");
@ -245,6 +255,18 @@ $(document).keydown(function(e) {
break;
}
//go back to start
$("#go_to_start").click( function (){
window.location.href="index.html";
click.play();
});
$("#stay").click( function (){
$(".back").hide();
click.play();
});
//check the offset and prevent the character to exceed the screen dimension
if (offset.left < 80) {
offset.left = 80;
@ -266,7 +288,7 @@ $(document).keydown(function(e) {
var click_counter = 0;
$("#person1").click(function () {
click.play();
smoke.play();
click_counter ++;
$("#person1").hide();
$("#saurian1").show();
@ -274,7 +296,7 @@ $(document).keydown(function(e) {
});
$("#person2").click(function () {
click.play();
smoke.play();
click_counter ++;
$("#person2").hide();
$("#saurian2").show();
@ -282,7 +304,7 @@ $(document).keydown(function(e) {
});
$("#person3").click(function () {
click.play();
smoke.play();
click_counter ++;
$("#person3").hide();
$("#saurian3").show();
@ -290,7 +312,7 @@ $(document).keydown(function(e) {
});
$("#person4").click(function () {
click.play();
smoke.play();
click_counter ++;
$("#person4").hide();
$("#saurian4").show();

37
wymga/butchery.css
Unescape Escape View File

@ -38,6 +38,43 @@ body {
font-family: jolyregular;
font-size: 1.8vw;
}
.back{
position: fixed;
color:#c94dff ;
text-align: center;
font-family: jolyregular;
background-color: white;
top:40%;
bottom:43%;
left:35%;
right:35%;
border: 1px solid #c94dff;
-webkit-box-shadow: 10px 10px 0px 0px #c94dff;
-moz-box-shadow: 10px 10px 0px 0px #c94dff;
box-shadow: 10px 10px 0px 0px #c94dff;
font-size: 0.8em;
padding-top: 1.5em;
z-index: 100;
line-height: 1.5em;
}
.button_back{
font-size: 2.8vh;
-webkit-appearance: none;
background-color: white;
border: 1px #c94dff solid;
border-radius: 25em;
color:#c94dff;
cursor:pointer;
font-family: jolybolditalic;
padding-bottom:3px;
}
.button_back:hover{
border: 0.1em transparent solid;
-webkit-box-shadow: 0px 0px 8px 1px #c94dff;
-moz-box-shadow: 0px 0px 8px 1px #c94dff;
box-shadow: 0px 0px 8px 1px #c94dff;
}
#ground{
width: 120%;

28
wymga/butchery.html
Unescape Escape View File

@ -17,6 +17,11 @@
<audio id="no"><source src="sound/no.wav" type="audio/wav"></audio>
<audio id="shot"><source src="sound/shot.wav" type="audio/wav"></audio>
<div class="back" style="display: none;">
Do you want to start from the beginning?<br>
<button id="go_to_start" class="button_back"> yes </button> / <button id="stay"class="button_back"> no </button>
</div>
<div id="cover"></div>
<div id="ground"class="invert"></div>
<svg class="invert">
@ -109,6 +114,10 @@ var no = document.querySelector("#no");
var yes = document.querySelector("#yes");
var shot = document.querySelector("#shot");
click.volume = 0.5;
scary.volume = 0.3;
shot.volume = 0.5;
$("body").hover( function() {
if (cat_meat < 4) {
theme.play();
@ -118,6 +127,25 @@ $("body").hover( function() {
}
})
//go back to start
$(document).keydown(function(e) {
e.preventDefault();
switch (e.which) {
case 83:
$(".back").show();
}
});
$("#go_to_start").click( function (){
window.location.href="index.html";
click.play();
});
$("#stay").click( function (){
$(".back").hide();
click.play();
});
// saves game step in the local storage
window.onload = function() {
theme.play();

38
wymga/canteen.css
Unescape Escape View File

@ -40,6 +40,44 @@
font-size: 1.8vw;
}
.back{
position: fixed;
color:#c94dff ;
text-align: center;
font-family: jolyregular;
background-color: white;
top:40%;
bottom:43%;
left:35%;
right:35%;
border: 1px solid #c94dff;
-webkit-box-shadow: 10px 10px 0px 0px #c94dff;
-moz-box-shadow: 10px 10px 0px 0px #c94dff;
box-shadow: 10px 10px 0px 0px #c94dff;
font-size: 0.8em;
padding-top: 1.5em;
z-index: 200;
line-height: 1.5em;
}
.button_back{
font-size: 2.8vh;
-webkit-appearance: none;
background-color:transparent;
border: 1px #c94dff solid;
border-radius: 25em;
color:#c94dff;
cursor:pointer;
font-family: jolybolditalic;
padding-bottom:3px;
}
.button_back:hover{
border: 0.1em transparent solid;
-webkit-box-shadow: 0px 0px 8px 1px #c94dff;
-moz-box-shadow: 0px 0px 8px 1px #c94dff;
box-shadow: 0px 0px 8px 1px #c94dff;
}
#ground{
width: 120%;
height: 120%;

35
wymga/canteen.html
Unescape Escape View File

@ -9,6 +9,10 @@
</head>
<body>
<div class="back" style="display: none;">
Do you want to start from the beginning?<br>
<button id="go_to_start" class="button_back"> yes </button> / <button id="stay"class="button_back"> no </button>
</div>
<audio loop="loop" id="theme2" preload="auto"><source src="sound/theme2.wav" type="audio/wav"></audio>
<audio loop="loop" id="theme4" preload="auto"><source src="sound/theme4_scary.wav" type="audio/wav"></audio>
@ -101,15 +105,17 @@
//audio
var theme = document.querySelector("#theme2");
theme.volume = 1;
var scary = document.querySelector("#theme4");
scary.volume = 0.1;
var click = document.querySelector("#click");
var comic = document.querySelector("#comic");
var no = document.querySelector("#no");
var yes = document.querySelector("#yes");
var shot = document.querySelector("#shot");
theme.volume = 1;
shot.volume = 0.5;
scary.volume = 0.4;
click.volume=0.5;
$("body").hover( function() {
if (stop_autoplay = 0) {
@ -119,6 +125,30 @@ $("body").hover( function() {
},false);
}
})
//go back to start
$(document).keydown(function(e) {
e.preventDefault();
switch (e.which) {
case 83:
$(".back").show();
if ($('.invert').hasClass("invert_style") == true) {
$('.back').css("background-color","black");
}
else{
$('.back').css("background-color","white");
}
}
});
$("#go_to_start").click( function (){
window.location.href="index.html";
click.play();
});
$("#stay").click( function (){
$(".back").hide();
click.play();
});
var fluoride = 5;
@ -151,6 +181,7 @@ var fluoride = 5;
$(".invert").addClass("invert_style");
});
//fight
var duo = $(".moving_duo");
var avatar = $("#player_img");

37
wymga/cat_shelter.css
Unescape Escape View File

@ -27,6 +27,43 @@
font-size: 1.8vw;
overflow: hidden;
}
.back{
position: fixed;
color:#c94dff ;
text-align: center;
font-family: jolyregular;
background-color: white;
top:40%;
bottom:43%;
left:35%;
right:35%;
border: 1px solid #c94dff;
-webkit-box-shadow: 10px 10px 0px 0px #c94dff;
-moz-box-shadow: 10px 10px 0px 0px #c94dff;
box-shadow: 10px 10px 0px 0px #c94dff;
font-size: 0.8em;
padding-top: 1.5em;
z-index: 100;
line-height: 1.5em;
}
.button_back{
font-size: 2.8vh;
-webkit-appearance: none;
background-color: white;
border: 1px #c94dff solid;
border-radius: 25em;
color:#c94dff;
cursor:pointer;
font-family: jolybolditalic;
padding-bottom:3px;
}
.button_back:hover{
border: 0.1em transparent solid;
-webkit-box-shadow: 0px 0px 8px 1px #c94dff;
-moz-box-shadow: 0px 0px 8px 1px #c94dff;
box-shadow: 0px 0px 8px 1px #c94dff;
}
.instructions{
font-family:jolyregularitalic;

26
wymga/cat_shelter.html
Unescape Escape View File

@ -9,6 +9,10 @@
</head>
<body>
<div class="back" style="display: none;">
Do you want to start from the beginning?<br>
<button id="go_to_start" class="button_back"> yes </button> / <button id="stay"class="button_back"> no </button>
</div>
<audio loop="loop" id="theme2" preload="auto"><source src="sound/theme2.wav" type="audio/wav"></audio>
<audio id="click"><source src="sound/click.wav" type="audio/wav"></audio>
@ -82,6 +86,28 @@ var comic = document.querySelector("#comic");
var no = document.querySelector("#no");
var smoke = document.querySelector("#smoke");
click.volume = 0.5;
theme.volume =1;
no.volume= 0.8;
$(document).keydown(function(e) {
e.preventDefault();
switch (e.which) {
case 83:
$(".back").show();
}
});
$("#go_to_start").click( function (){
window.location.href="index.html";
click.play();
});
$("#stay").click( function (){
$(".back").hide();
click.play();
});
$("body").hover( function() {
theme.play();
theme.addEventListener('paused',function() {

38
wymga/final.css
Unescape Escape View File

@ -39,6 +39,44 @@ body{
max-width: 100%;
max-height: 100%;
}
.back{
position: fixed;
color:#c94dff ;
text-align: center;
font-family: jolyregular;
background-color: white;
top:40%;
bottom:43%;
left:35%;
right:35%;
border: 1px solid #c94dff;
-webkit-box-shadow: 10px 10px 0px 0px #c94dff;
-moz-box-shadow: 10px 10px 0px 0px #c94dff;
box-shadow: 10px 10px 0px 0px #c94dff;
font-size: 0.95em;
padding-top: 1.5em;
z-index: 200;
line-height: 1.5em;
}
.button_back{
font-size: 0.95em;
-webkit-appearance: none;
background-color:transparent;
border: 1px #c94dff solid;
border-radius: 25em;
color:#c94dff;
cursor:pointer;
font-family: jolybolditalic;
padding-bottom:3px;
}
.button_back:hover{
border: 0.1em transparent solid;
-webkit-box-shadow: 0px 0px 8px 1px #c94dff;
-moz-box-shadow: 0px 0px 8px 1px #c94dff;
box-shadow: 0px 0px 8px 1px #c94dff;
}
::-moz-selection { /* Code for Firefox */
color: #c94dff;
background-color: white;

28
wymga/final.html
Unescape Escape View File

@ -8,6 +8,12 @@
<link rel="stylesheet" href="final.css">
</head>
<body>
<div class="back" style="display: none;">
Do you want to start from the beginning?<br>
<button id="go_to_start" class="button_back"> yes </button> / <button id="stay"class="button_back"> no </button>
</div>
<audio id="amanda_theme"><source src="sound/amanda_theme.wav" type="audio/wav"></audio>
<audio id="click"><source src="sound/click.wav" type="audio/wav"></audio>
@ -198,8 +204,28 @@ I wanted to leave you with something to think about when you'll be outside (<img
<script>
//audio
var amanda = document.querySelector("#amanda_theme");
amanda.volume= 0.05;
var click = document.querySelector("#click");
amanda.volume= 0.4;
click.volume = 0.5;
//go back to start
$(document).keydown(function(e) {
e.preventDefault();
switch (e.which) {
case 83:
$(".back").show();
}
});
$("#go_to_start").click( function (){
window.location.href="index.html";
click.play();
});
$("#stay").click( function (){
$(".back").hide();
click.play();
});
//player name
document.querySelector('#player_name').innerHTML =localStorage.playerName;

49
wymga/index.html
Unescape Escape View File

@ -1,3 +1,49 @@
<!--
//////////////////////////////////////////////////////////////////
W h e n y o u m i g h t g o a s t r a y
---- ----
by Anna Sandri
//////////////////////////////////////////////////////////////////
* C R E D I T S *
---f o n t s---
Joly | Designed by Léon Hugues | Blaze Type
Sinistre | Designed by Jules Durand | Collletttivo
---s o u n d---
* S: Final_Boss_Battle.wav by MATRIXXX_ | License: Attribution
* S: battle-march action loop by haydensayshi123 | License: Creative Commons 0
* S: water_flows_over_rock.wav by volivieri | License: Attribution
* S: Alien x.wav by Jace | License: Attribution
* S: Magic disappearing/appearing by Tetoszka | License: Creative Commons 0
* S: Laser Shot Silenced by bubaproducer | License: Attribution
* S: Scary & Suspense by tyops | License: Attribution
* S: Danger is Near (01) by NightWolfCFM | License: Attribution
* S: smoke.wav by ilame | License: Attribution
* S: Chicken Single Alarm Call by Rudmer_Rotteveel | License: Creative Commons 0
* S: RAAAAAAAAAW!!!.wav by Reitanna | License: Creative Commons 0
* S: Building Tension by AlmightyPsyche | License: Attribution
* S: single dog bark 1 by crazymonke9 | License: Attribution
* S: strained gibberish.wav by Reitanna | License: Creative Commons 0
* S: GIBBERISH.wav by xtrgamr | License: Attribution
* S: evening in the forest.wav by reinsamba | License: Attribution
* S: Turning page by supersnd | License: Creative Commons 0
* S: Game music Time of joy by BloodPixelHero | License: Attribution
* P: beeps by thisusernameis
* S: beep3.wav by thisusernameis | License: Creative Commons 0
* S: Click.ogg by Pachoba | License: Creative Commons 0
* S: UI Confirmation Alert, A1.wav by InspectorJ | License: Attribution
* S: Park Ambiance by philipecp | License: Creative Commons 0
* S: evening in the forest.wav by reinsamba | License: Attribution
* S: Spring Birds Raw (New Jersey) by hargissssound | License: Creative Commons 0
* S: Cricket in the desert (close recording) by felix.blume | License: Creative Commons 0
* S: tongue click by fleurescence | License: Creative Commons 0
* S: UI Confirmation Alert, A2.wav by InspectorJ | License: Attribution
//////////////////////////////////////////////////////////////////
-->
<!DOCTYPE html>
<html lang="en-US">
<head>
@ -147,7 +193,8 @@ you can press
//audio
var click = document.querySelector("#click");
var theme= document.querySelector("#theme_amanda");
theme.volume = 0.04;
theme.volume = 0.4;
click.volume = 0.5;
$("body").hover( function() {
theme.play();

37
wymga/major_house.css
Unescape Escape View File

@ -37,6 +37,43 @@
overflow-y: hidden;
}
.back{
position: fixed;
color:#c94dff ;
text-align: center;
font-family: jolyregular;
background-color: white;
top:40%;
bottom:43%;
left:35%;
right:35%;
border: 1px solid #c94dff;
-webkit-box-shadow: 10px 10px 0px 0px #c94dff;
-moz-box-shadow: 10px 10px 0px 0px #c94dff;
box-shadow: 10px 10px 0px 0px #c94dff;
font-size: 0.8em;
padding-top: 1.5em;
z-index: 100;
line-height: 1.5em;
}
.button_back{
font-size: 2.8vh;
-webkit-appearance: none;
background-color:transparent;
border: 1px #c94dff solid;
border-radius: 25em;
color:#c94dff;
cursor:pointer;
font-family: jolybolditalic;
padding-bottom:3px;
}
.button_back:hover{
border: 0.1em transparent solid;
-webkit-box-shadow: 0px 0px 8px 1px #c94dff;
-moz-box-shadow: 0px 0px 8px 1px #c94dff;
box-shadow: 0px 0px 8px 1px #c94dff;
}
.instructions{
font-family:jolyregularitalic;

44
wymga/major_house.html
Unescape Escape View File

@ -9,6 +9,11 @@
</head>
<body >
<div class="back" style="display: none;">
Do you want to start from the beginning?<br>
<button id="go_to_start" class="button_back"> yes </button> / <button id="stay"class="button_back"> no </button>
</div>
<audio loop="loop" id="theme2" preload="auto"><source src="sound/theme2.wav" type="audio/wav"></audio>
<audio loop="loop" id="theme4" preload="auto"><source src="sound/theme4_scary.wav" type="audio/wav"></audio>
<audio id="click"><source src="sound/click.wav" type="audio/wav"></audio>
@ -108,12 +113,18 @@ var scary = document.querySelector("#theme4");
var click = document.querySelector("#click");
var comic = document.querySelector("#comic");
theme.volume = 1;
click.volume = 0.5;
scary.volume = 0.4;
$("body").hover( function() {
theme.play();
theme.addEventListener('paused',function() {
theme.play();
//if (left_Percentage <= 74) {
theme.play();
theme.addEventListener('paused',function() {
theme.play();
},false);
//}
})
// saves game step in the local storage
@ -151,6 +162,23 @@ var $div = $('.duo');
}
}
$(document).keydown(function(e) {
e.preventDefault();
switch (e.which) {
case 83:
$(".back").show();
}
});
$("#go_to_start").click( function (){
window.location.href="index.html";
click.play();
});
$("#stay").click( function (){
$(".back").hide();
click.play();
});
//move the character
$(document).keydown(function(e) {
@ -174,6 +202,7 @@ $(document).keydown(function(e) {
offset.left += 20;
console.log("right");
$div.removeClass("flipped");
$(".message1").hide();
break;
}
}
@ -229,12 +258,19 @@ $(document).keydown(function(e) {
$('.glasses_bar').toggleClass("glasses_bar_black");
$('.good').toggle();
$('.bad').toggle();
$('.bubble1, .message2').hide();
$('.bubble1, .message2').detach();
$('.bubble2, .message3').show();
$("body").css("overflow", "hidden");
if ($('.to_invert').hasClass("invert") == true) {
$('.back').css("background-color","black");
}
else{
$('.back').css("background-color","white");
}
})
$('.bubble1').click(function(){
click.play();
$('.bubble1').hide();

37
wymga/monteferro.css
Unescape Escape View File

@ -39,6 +39,43 @@
font-family: jolyregular;
font-size: 1.8vw;
}
.back{
position: fixed;
color:#c94dff ;
text-align: center;
font-family: jolyregular;
background-color: white;
top:40%;
bottom:43%;
left:35%;
right:35%;
border: 1px solid #c94dff;
-webkit-box-shadow: 10px 10px 0px 0px #c94dff;
-moz-box-shadow: 10px 10px 0px 0px #c94dff;
box-shadow: 10px 10px 0px 0px #c94dff;
font-size: 0.8em;
padding-top: 1.5em;
z-index: 200;
line-height: 1.5em;
}
.button_back{
font-size: 2.8vh;
-webkit-appearance: none;
background-color:transparent;
border: 1px #c94dff solid;
border-radius: 25em;
color:#c94dff;
cursor:pointer;
font-family: jolybolditalic;
padding-bottom:3px;
}
.button_back:hover{
border: 0.1em transparent solid;
-webkit-box-shadow: 0px 0px 8px 1px #c94dff;
-moz-box-shadow: 0px 0px 8px 1px #c94dff;
box-shadow: 0px 0px 8px 1px #c94dff;
}
.instructions{
font-family:jolyregularitalic;

30
wymga/monteferro.html
Unescape Escape View File

@ -9,6 +9,10 @@
</head>
<body>
<div class="back" style="display: none;">
Do you want to start from the beginning?<br>
<button id="go_to_start" class="button_back"> yes </button> / <button id="stay"class="button_back"> no </button>
</div>
<audio loop="loop" id="theme2" preload="auto"><source src="sound/theme2.wav" type="audio/wav"></audio>
<audio id="click"><source src="sound/click.wav" type="audio/wav"></audio>
@ -94,23 +98,45 @@
<script>
// audio
var theme = document.querySelector("#theme2");
theme.volume=0.06;
var click = document.querySelector("#click");
var comic = document.querySelector("#comic");
var comic_ned = document.querySelector("#comic_ned");
comic_ned.volume=0.05;
var no = document.querySelector("#no");
var yes = document.querySelector("#yes");
var anger = document.querySelector("#anger");
var chicken = document.querySelector("#chicken");
var smoke = document.querySelector("#smoke");
theme.volume=1;
comic_ned.volume=0.5;
click.volume=0.5;
chicken.volume=0.5;
$("body").hover( function() {
theme.play();
theme.addEventListener('paused',function() {
theme.play();
},false);
})
//go back to start
$(document).keydown(function(e) {
e.preventDefault();
switch (e.which) {
case 83:
$(".back").show();
}
});
$("#go_to_start").click( function (){
window.location.href="index.html";
click.play();
});
$("#stay").click( function (){
$(".back").hide();
click.play();
});
// saves game step in the local storage + onload functions
window.onload = function() {

36
wymga/park.css
Unescape Escape View File

@ -33,7 +33,43 @@
/*font-size: 22px;*/
}
.back{
position: fixed;
color:#c94dff ;
text-align: center;
font-family: jolyregular;
background-color: white;
top:40%;
bottom:43%;
left:35%;
right:35%;
border: 1px solid #c94dff;
-webkit-box-shadow: 10px 10px 0px 0px #c94dff;
-moz-box-shadow: 10px 10px 0px 0px #c94dff;
box-shadow: 10px 10px 0px 0px #c94dff;
font-size: 0.8em;
padding-top: 1.5em;
z-index: 100;
line-height: 1.5em;
}
.button_back{
font-size: 2.8vh;
-webkit-appearance: none;
background-color: white;
border: 1px #c94dff solid;
border-radius: 25em;
color:#c94dff;
cursor:pointer;
font-family: jolybolditalic;
padding-bottom:3px;
}
.button_back:hover{
border: 0.1em transparent solid;
-webkit-box-shadow: 0px 0px 8px 1px #c94dff;
-moz-box-shadow: 0px 0px 8px 1px #c94dff;
box-shadow: 0px 0px 8px 1px #c94dff;
}
.instructions{
font-family:jolyregularitalic;

37
wymga/park.html
Unescape Escape View File

@ -13,14 +13,18 @@
<audio id="click"><source src="sound/click.wav" type="audio/wav"></audio>
<audio id="comic"><source src="sound/speech.wav" type="audio/wav"></audio>
<body class="park_body">
<div class="back" style="display: none;">
Do you want to start from the beginning?<br>
<button id="go_to_start" class="button_back"> yes </button> / <button id="stay"class="button_back"> no </button>
</div>
<body class="park_body">
<span id="info_button" class="blur_button" >ⓘ</span>
<div class="info_text" style="display: none;">
→ Click on the objects to interact with them; <br>
→ Click on the characters to talk to them;<br>
→ Press S to go back to the start;<br>
→ If the baloon ends with ✜ you can click on it to hear more from the characters;<br>
→ In some places it will be possible to move your avatar using the arrow keys.
</div>
@ -80,7 +84,7 @@
</p>
</div>
<div class="school2" style="display:none;">
<div class="school2" styless="display:none;">
<p class="news_title">Suspected food poisoning at Pleasant Valley Elementary School</p>
The situation of the local elementary school's canteen is starting to raise some serious concerns after some suspected food poisoning episodes occurred. Although the school's administration and its food provider --the <span class="clues">Monteferro Food Enterprise</span>-- already denied all charges some parents are not convinced by the declarations, asking for more clarity and controls over the food served at the canteen. One of them is Angela G., mother of a 9 years old child who experienced nausea and sickness since the beginning of the school year. Other parents are concerned about their children who often look distant and tired.
<p class="news_author">by N.</p>
@ -170,13 +174,34 @@
<script src="jquery.min.js"></script>
<script>
// come back to start
$(document).keydown(function(e) {
e.preventDefault();
switch (e.which) {
case 83:
$(".back").show();
}
});
$("#go_to_start").click( function (){
window.location.href="index.html";
click.play();
});
$("#stay").click( function (){
$(".back").hide();
click.play();
});
// audio
var theme = document.querySelector("#theme1");
var page = document.querySelector("#page");
var click = document.querySelector("#click");
var comic = document.querySelector("#comic");
theme.volume = 0.04;
theme.volume = 0.4;
click.volume = 0.5;
//get player avatar from local storage
console.log (localStorage.myavatar)
@ -204,6 +229,10 @@
console.log ("park:",localStorage.park)
document.querySelector('#player_name').innerHTML = localStorage.playerName;
if (localStorage.final === "opened" ) {
$(".memory").show();
$(".text_container").hide();

23
wymga/park_N.html
Unescape Escape View File

@ -18,6 +18,11 @@
<audio id="smoke"><source src="sound/smoke.wav" type="audio/wav"></audio>
<div class="back" style="display: none;">
Do you want to start from the beginning?<br>
<button id="go_to_start" class="button_back"> yes </button> / <button id="stay"class="button_back"> no </button>
</div>
<div id="groundline"></div>
@ -91,6 +96,10 @@
var bark = document.querySelector("#bark");
var smoke = document.querySelector("#smoke");
theme.volume = 0.4;
click.volume = 0.5;
bark.volume = 0.5;
$("body").hover( function() {
theme.play();
@ -179,6 +188,8 @@ $(document).keydown(function(e) {
switch (e.which) {
case 83:
$(".back").show();
case 37:
offset.left -= 20;
console.log("left");
@ -241,7 +252,17 @@ $(document).keydown(function(e) {
var player_img = document.querySelector("#player_img");
player_img.appendChild(img);
//get player name from local storage
//on click
$("#go_to_start").click( function (){
window.location.href="index.html";
click.play();
});
$("#stay").click( function (){
$(".back").hide();
click.play();
});
$("#woman").click (function(){

37
wymga/park_N_clues.css
Unescape Escape View File

@ -33,6 +33,43 @@
overflow-y: hidden;
}
.back{
position: fixed;
color:#c94dff ;
text-align: center;
font-family: jolyregular;
background-color: white;
top:40%;
bottom:43%;
left:35%;
right:35%;
border: 1px solid #c94dff;
-webkit-box-shadow: 10px 10px 0px 0px #c94dff;
-moz-box-shadow: 10px 10px 0px 0px #c94dff;
box-shadow: 10px 10px 0px 0px #c94dff;
font-size: 0.8em;
padding-top: 1.5em;
z-index: 100;
line-height: 1.5em;
}
.button_back{
font-size: 2.8vh;
-webkit-appearance: none;
background-color: white;
border: 1px #c94dff solid;
border-radius: 25em;
color:#c94dff;
cursor:pointer;
font-family: jolybolditalic;
padding-bottom:3px;
}
.button_back:hover{
border: 0.1em transparent solid;
-webkit-box-shadow: 0px 0px 8px 1px #c94dff;
-moz-box-shadow: 0px 0px 8px 1px #c94dff;
box-shadow: 0px 0px 8px 1px #c94dff;
}
.instructions{
font-family:jolyregularitalic;

21
wymga/park_N_clues.html
Unescape Escape View File

@ -18,6 +18,11 @@
<audio id="smoke"><source src="sound/smoke.wav" type="audio/wav"></audio>
<div class="back" style="display: none;">
Do you want to start from the beginning?<br>
<button id="go_to_start" class="button_back"> yes </button> / <button id="stay"class="button_back"> no </button>
</div>
<div id="groundline"></div>
<div id="ground">
@ -88,6 +93,11 @@
var bark = document.querySelector("#bark");
var smoke = document.querySelector("#smoke");
theme.volume = 0.4;
click.volume = 0.5;
bark.volume = 0.5;
smoke.volume= 0.7;
$("body").hover( function() {
theme.play();
theme.addEventListener('paused',function() {
@ -174,6 +184,8 @@ $(document).keydown(function(e) {
switch (e.which) {
case 83:
$(".back").show();
case 37:
offset.left -= 20;
console.log("left");
@ -235,8 +247,15 @@ $(document).keydown(function(e) {
var player_img = document.querySelector("#player_img");
player_img.appendChild(img);
//get player name from local storage
$("#go_to_start").click( function (){
window.location.href="index.html";
click.play();
});
$("#stay").click( function (){
$(".back").hide();
click.play();
});
$("#woman").click (function(){
comic.play();

37
wymga/park_walk.css
Unescape Escape View File

@ -33,6 +33,43 @@
overflow-y: hidden;
}
.back{
position: fixed;
color:#c94dff ;
text-align: center;
font-family: jolyregular;
background-color: white;
top:40%;
bottom:43%;
left:35%;
right:35%;
border: 1px solid #c94dff;
-webkit-box-shadow: 10px 10px 0px 0px #c94dff;
-moz-box-shadow: 10px 10px 0px 0px #c94dff;
box-shadow: 10px 10px 0px 0px #c94dff;
font-size: 0.8em;
padding-top: 1.5em;
z-index: 100;
line-height: 1.5em;
}
.button_back{
font-size: 2.8vh;
-webkit-appearance: none;
background-color: white;
border: 1px #c94dff solid;
border-radius: 25em;
color:#c94dff;
cursor:pointer;
font-family: jolybolditalic;
padding-bottom:3px;
}
.button_back:hover{
border: 0.1em transparent solid;
-webkit-box-shadow: 0px 0px 8px 1px #c94dff;
-moz-box-shadow: 0px 0px 8px 1px #c94dff;
box-shadow: 0px 0px 8px 1px #c94dff;
}
.instructions{
font-family:jolyregularitalic;

37
wymga/pleiadians_satanism.css
Unescape Escape View File

@ -37,6 +37,43 @@
overflow-y: hidden;
}
.back{
position: fixed;
color:#c94dff ;
text-align: center;
font-family: jolyregular;
background-color: black;
top:40%;
bottom:43%;
left:35%;
right:35%;
border: 1px solid #c94dff;
-webkit-box-shadow: 10px 10px 0px 0px #c94dff;
-moz-box-shadow: 10px 10px 0px 0px #c94dff;
box-shadow: 10px 10px 0px 0px #c94dff;
font-size: 0.8em;
padding-top: 1.5em;
z-index: 100;
line-height: 1.5em;
}
.button_back{
font-size: 2.8vh;
-webkit-appearance: none;
background-color: black;
border: 1px #c94dff solid;
border-radius: 25em;
color:#c94dff;
cursor:pointer;
font-family: jolybolditalic;
padding-bottom:3px;
}
.button_back:hover{
border: 0.1em transparent solid;
-webkit-box-shadow: 0px 0px 8px 1px #c94dff;
-moz-box-shadow: 0px 0px 8px 1px #c94dff;
box-shadow: 0px 0px 8px 1px #c94dff;
}
.instructions{
font-family:jolyregularitalic;

23
wymga/pleiadians_satanism.html
Unescape Escape View File

@ -14,6 +14,10 @@
<audio id="appear"><source src="sound/appear.wav" type="audio/wav"></audio>
<audio id="alien"><source src="sound/alien_speech.wav" type="audio/wav"></audio>
<div class="back" style="display: none;">
Do you want to start from the beginning?<br>
<button id="go_to_start" class="button_back"> yes </button> / <button id="stay"class="button_back"> no </button>
</div>
<div id="ground_color" class="invert scroll-pane stop_invert"></div>
@ -103,10 +107,12 @@
<script>
//audio
var magic = document.querySelector("#magic");
magic.volume= 0.4;
var click = document.querySelector("#click");
var appear = document.querySelector("#appear");
var alien = document.querySelector("#alien");
magic.volume= 0.5;
click.volume=0.5;
alien.volume= 0.5;
$("body").hover( function() {
@ -160,6 +166,8 @@ $(document).keydown(function(e) {
console.log("offset:", offset);
switch (e.which) {
case 83:
$(".back").show();
case 37:
offset.left -= 20;
console.log("left");
@ -173,6 +181,8 @@ $(document).keydown(function(e) {
break;
}
//check the offset and prevent the character to exceed the screen dimension
if (offset.left < 80) {
offset.left = 80;
@ -261,6 +271,17 @@ function check_pleiadians() {
};
};
$("#go_to_start").click( function (){
window.location.href="index.html";
click.play();
});
$("#stay").click( function (){
$(".back").hide();
click.play();
});
$(".bubble1").click( function(){
click.play();
$(".bubble1").hide();

23
wymga/pleiadians_saurians.html
Unescape Escape View File

@ -14,6 +14,11 @@
<audio id="appear"><source src="sound/appear.wav" type="audio/wav"></audio>
<audio id="alien"><source src="sound/alien_speech.wav" type="audio/wav"></audio>
<div class="back" style="display: none;">
Do you want to start from the beginning?<br>
<button id="go_to_start" class="button_back"> yes </button> / <button id="stay"class="button_back"> no </button>
</div>
<div id="ground_color" class="invert scroll-pane stop_invert"></div>
<div id="groundline" class="invert scroll-pane stop_invert"></div>
@ -106,6 +111,10 @@ var click = document.querySelector("#click");
var appear = document.querySelector("#appear");
var alien = document.querySelector("#alien");
magic.volume= 0.5;
click.volume=0.5;
alien.volume= 0.5;
$("body").hover( function() {
magic.play();
magic.addEventListener('paused',function() {
@ -157,6 +166,8 @@ $(document).keydown(function(e) {
console.log("offset:", offset);
switch (e.which) {
case 83:
$(".back").show();
case 37:
offset.left -= 20;
console.log("left");
@ -167,6 +178,7 @@ $(document).keydown(function(e) {
offset.left += 20;
console.log("right");
$div.removeClass("flipped");
$(".message1").hide();
break;
}
@ -190,6 +202,17 @@ $(document).keydown(function(e) {
adjustScroll();
})
//go back to start
$("#go_to_start").click( function (){
window.location.href="index.html";
click.play();
});
$("#stay").click( function (){
$(".back").hide();
click.play();
});
// make pleiadians appear
var pleiadians = 0;

37
wymga/river_bank.css
Unescape Escape View File

@ -42,6 +42,43 @@
overflow:hidden;
}
.back{
position: fixed;
color:#c94dff ;
text-align: center;
font-family: jolyregular;
background-color: black;
top:40%;
bottom:43%;
left:35%;
right:35%;
border: 1px solid #c94dff;
-webkit-box-shadow: 10px 10px 0px 0px #c94dff;
-moz-box-shadow: 10px 10px 0px 0px #c94dff;
box-shadow: 10px 10px 0px 0px #c94dff;
font-size: 0.8em;
padding-top: 1.5em;
z-index: 200;
line-height: 1.5em;
}
.button_back{
font-size: 2.8vh;
-webkit-appearance: none;
background-color:transparent;
border: 1px #c94dff solid;
border-radius: 25em;
color:#c94dff;
cursor:pointer;
font-family: jolybolditalic;
padding-bottom:3px;
}
.button_back:hover{
border: 0.1em transparent solid;
-webkit-box-shadow: 0px 0px 8px 1px #c94dff;
-moz-box-shadow: 0px 0px 8px 1px #c94dff;
box-shadow: 0px 0px 8px 1px #c94dff;
}
#ground {
width: 120%;
height: 120%;

34
wymga/river_bank.html
Unescape Escape View File

@ -9,11 +9,16 @@
</head>
<body>
<div class="back" style="display: none;">
Do you want to start from the beginning?<br>
<button id="go_to_start" class="button_back"> yes </button> / <button id="stay"class="button_back"> no </button>
</div>
<audio loop="loop" id="theme3" preload="auto"><source src="sound/theme3_danger.mp3" type="audio/mp3"></audio>
<audio id="comic"><source src="sound/baloon_intense.wav" type="audio/wav"></audio>
<audio id="click"><source src="sound/click.wav" type="audio/wav"></audio>
<audio id="water"><source src="sound/click.wav" type="audio/wav"></audio>
<audio id="smoke"><source src="sound/smoke.wav" type="audio/wav"></audio>
<div id="ground" class="invert"></div>
@ -59,6 +64,14 @@ var theme = document.querySelector("#theme3");
var comic = document.querySelector("#comic");
var click = document.querySelector("#click");
var water = document.querySelector("#water");
var smoke = document.querySelector("#smoke");
theme.volume= 1;
click.volume= 0.5;
comic.volume=0.5;
$("body").hover( function() {
theme.play();
@ -67,6 +80,25 @@ $("body").hover( function() {
},false);
})
//go back to start
$(document).keydown(function(e) {
e.preventDefault();
switch (e.which) {
case 83:
$(".back").show();
}
});
$("#go_to_start").click( function (){
window.location.href="index.html";
click.play();
});
$("#stay").click( function (){
$(".back").hide();
click.play();
});
// saves game step in the local storage
window.onload = function() {
theme.play();
@ -98,7 +130,7 @@ $("body").hover( function() {
$("#ferryman_evil").detach();
$("#boat_empty, #army").hide();
$("#boat_full").show();
water.play();
smoke.play();
$("#player_img").removeClass("player_land");
$("#player_img").hide();
$(".boat").animate({ left: "100%" }, {

38
wymga/saurians_head.css
Unescape Escape View File

@ -36,6 +36,44 @@
font-size: 1.8vw;
overflow: hidden;
}
.back{
position: fixed;
color:#c94dff ;
text-align: center;
font-family: jolyregular;
background-color: black;
top:40%;
bottom:43%;
left:35%;
right:35%;
border: 1px solid #c94dff;
-webkit-box-shadow: 10px 10px 0px 0px #c94dff;
-moz-box-shadow: 10px 10px 0px 0px #c94dff;
box-shadow: 10px 10px 0px 0px #c94dff;
font-size: 0.8em;
padding-top: 1.5em;
z-index: 200;
line-height: 1.5em;
}
.button_back{
font-size: 2.8vh;
-webkit-appearance: none;
background-color:transparent;
border: 1px #c94dff solid;
border-radius: 25em;
color:#c94dff;
cursor:pointer;
font-family: jolybolditalic;
padding-bottom:3px;
}
.button_back:hover{
border: 0.1em transparent solid;
-webkit-box-shadow: 0px 0px 8px 1px #c94dff;
-moz-box-shadow: 0px 0px 8px 1px #c94dff;
box-shadow: 0px 0px 8px 1px #c94dff;
}
svg {
width: 100%;
height: 100%;

35
wymga/saurians_head.html
Unescape Escape View File

@ -10,6 +10,11 @@
</head>
<body >
<div class="back" style="display: none;">
Do you want to start from the beginning?<br>
<button id="go_to_start" class="button_back"> yes </button> / <button id="stay"class="button_back"> no </button>
</div>
<audio loop="loop" id="theme" preload="auto"><source src="sound/theme6_march.wav" type="audio/wav"></audio>
<audio id="click"><source src="sound/click.wav" type="audio/wav"></audio>
<audio id="comic"><source src="sound/speech.wav" type="audio/wav"></audio>
@ -151,16 +156,39 @@
<script>
var theme = document.querySelector("#theme");
theme.volume= 0.05;
var click = document.querySelector("#click");
var comic = document.querySelector("#comic");
var shot = document.querySelector("#shot");
var smoke = document.querySelector("#smoke");
var explosion = document.querySelector("#explosion");
explosion.volume= 0.1;
var appear = document.querySelector("#appear");
var amanda = document.querySelector("#amanda_theme");
amanda.volume= 0.05;
amanda.volume= 0.4;
explosion.volume= 0.2;
theme.volume= 0.1;
click.volume= 0.5;
smoke.volume=0.6;
//go back to start
$(document).keydown(function(e) {
e.preventDefault();
switch (e.which) {
case 83:
$(".back").show();
}
});
$("#go_to_start").click( function (){
window.location.href="index.html";
click.play();
});
$("#stay").click( function (){
$(".back").hide();
click.play();
});
$("body").hover( function() {
if ( shooting_counter < 10 ){
@ -365,6 +393,7 @@ document.querySelector('#player_name').innerHTML = localStorage.playerName;
$(".message2").hide();
$(".message3").show();
$(".blur").removeClass("blur_background");
$(".back").css("background-color","white");
smoke.play();
},2500);
});

37
wymga/spring_river.css
Unescape Escape View File

@ -37,6 +37,43 @@
overflow-y: hidden;
}
.back{
position: fixed;
color:#c94dff ;
text-align: center;
font-family: jolyregular;
background-color: black;
top:40%;
bottom:43%;
left:35%;
right:35%;
border: 1px solid #c94dff;
-webkit-box-shadow: 10px 10px 0px 0px #c94dff;
-moz-box-shadow: 10px 10px 0px 0px #c94dff;
box-shadow: 10px 10px 0px 0px #c94dff;
font-size: 0.8em;
padding-top: 1.5em;
z-index: 200;
line-height: 1.5em;
}
.button_back{
font-size: 2.8vh;
-webkit-appearance: none;
background-color:transparent;
border: 1px #c94dff solid;
border-radius: 25em;
color:#c94dff;
cursor:pointer;
font-family: jolybolditalic;
padding-bottom:3px;
}
.button_back:hover{
border: 0.1em transparent solid;
-webkit-box-shadow: 0px 0px 8px 1px #c94dff;
-moz-box-shadow: 0px 0px 8px 1px #c94dff;
box-shadow: 0px 0px 8px 1px #c94dff;
}
.instructions{
font-family:jolyregularitalic;

30
wymga/spring_river.html
Unescape Escape View File

@ -9,6 +9,12 @@
</head>
<body >
<div class="back" style="display: none;">
Do you want to start from the beginning?<br>
<button id="go_to_start" class="button_back"> yes </button> / <button id="stay"class="button_back"> no </button>
</div>
<audio loop="loop" id="theme6" preload="auto"><source src="sound/theme6_march.wav" type="audio/wav"></audio>
<audio loop="loop" id="theme_amanda" preload="auto"><source src="sound/amanda_theme.wav" type="audio/wav"></audio>
<audio id="click"><source src="sound/click.wav" type="audio/wav"></audio>
@ -153,6 +159,12 @@ var comic = document.querySelector("#comic");
var appear = document.querySelector("#appear");
var explosion = document.querySelector("#explosion");
amanda.volume= 0.4;
explosion.volume= 0.2;
theme.volume= 0.1;
click.volume= 0.5;
$("body").hover( function() {
if ( shooting_counter < 8 ){
theme.play();
@ -252,6 +264,9 @@ $(document).keydown(function(e) {
}
switch (e.which) {
case 83:
$(".back").show();
break;
case 37:
offset.left -= 20;
console.log("left");
@ -282,6 +297,16 @@ $(document).keydown(function(e) {
})
$("#go_to_start").click( function (){
window.location.href="index.html";
click.play();
});
$("#stay").click( function (){
$(".back").hide();
click.play();
});
var shooting_counter = 0;
$("#figure1").click(function () {
@ -326,7 +351,7 @@ $(document).keydown(function(e) {
comic.play();
$(".blur").addClass("blur_background");
$("#amanda").show();
$(".message2").hide();
$(".message2").detach();
$(".message3").show();
setTimeout( function () {
$(".bubble1").show();
@ -340,9 +365,12 @@ $(document).keydown(function(e) {
$(".bubble1").hide();
$(".bad").hide();
$(".good").show();
$("#tree9").show();
$("#tree_flipped9").hide();
amanda.play();
theme.pause();
$(".stop_invert").removeClass("invert");
$('.back').css("background-color","white");
$('html').css({overflow: 'hidden'});
setTimeout( function () {
comic.play();

38
wymga/square_satanism.css
Unescape Escape View File

@ -41,6 +41,44 @@
font-family: jolyregular;
font-size: 1.8vw;
}
.back{
position: fixed;
color:#c94dff ;
text-align: center;
font-family: jolyregular;
background-color: white;
top:40%;
bottom:43%;
left:35%;
right:35%;
border: 1px solid #c94dff;
-webkit-box-shadow: 10px 10px 0px 0px #c94dff;
-moz-box-shadow: 10px 10px 0px 0px #c94dff;
box-shadow: 10px 10px 0px 0px #c94dff;
font-size: 0.8em;
padding-top: 1.5em;
z-index: 100;
line-height: 1.5em;
}
.button_back{
font-size: 2.8vh;
-webkit-appearance: none;
background-color: transparent;
border: 1px #c94dff solid;
border-radius: 25em;
color:#c94dff;
cursor:pointer;
font-family: jolybolditalic;
padding-bottom:3px;
}
.button_back:hover{
border: 0.1em transparent solid;
-webkit-box-shadow: 0px 0px 8px 1px #c94dff;
-moz-box-shadow: 0px 0px 8px 1px #c94dff;
box-shadow: 0px 0px 8px 1px #c94dff;
}
#ground {
width: 120%;

31
wymga/square_satanism.html
Unescape Escape View File

@ -9,6 +9,10 @@
</head>
<body>
<div class="back" style="display: none;">
Do you want to start from the beginning?<br>
<button id="go_to_start" class="button_back"> yes </button> / <button id="stay"class="button_back"> no </button>
</div>
<audio loop="loop" id="theme2" preload="auto"><source src="sound/theme2.wav" type="audio/wav"></audio>
<audio loop="loop" id="theme3" preload="auto"><source src="sound/theme3_danger.mp3" type="audio/mp3"></audio>
@ -105,6 +109,31 @@ var click = document.querySelector("#click");
var comic = document.querySelector("#comic");
var anger = document.querySelector("#anger");
anger.volume= 0.3;
click.volume=0.5;
comic.volume=0.5;
scary.volume=0.7;
//go back to start
$(document).keydown(function(e) {
e.preventDefault();
switch (e.which) {
case 83:
$(".back").show();
}
});
$("#go_to_start").click( function (){
window.location.href="index.html";
click.play();
});
$("#stay").click( function (){
$(".back").hide();
click.play();
});
$("body").hover( function() {
if (villagers < 9){
theme.play();
@ -116,6 +145,7 @@ $("body").hover( function() {
// saves game step in the local storage
window.onload = function() {
theme.play();
window.localStorage.setItem("square_satanism","opened");
console.log ("square satanism:",localStorage.square_satanism);
@ -309,6 +339,7 @@ $("body").hover( function() {
function end_recluting() {
if (villagers == 9) {
$(".back").css("background-color","black");
setTimeout ( function (){
$(".game_bar").addClass("game_bar_glow");
$(".message1").hide();

38
wymga/square_saurians.css
Unescape Escape View File

@ -41,6 +41,44 @@
font-family: jolyregular;
font-size: 1.8vw;
}
.back{
position: fixed;
color:#c94dff ;
text-align: center;
font-family: jolyregular;
background-color: white;
top:40%;
bottom:43%;
left:35%;
right:35%;
border: 1px solid #c94dff;
-webkit-box-shadow: 10px 10px 0px 0px #c94dff;
-moz-box-shadow: 10px 10px 0px 0px #c94dff;
box-shadow: 10px 10px 0px 0px #c94dff;
font-size: 0.8em;
padding-top: 1.5em;
z-index: 100;
line-height: 1.5em;
}
.button_back{
font-size: 2.8vh;
-webkit-appearance: none;
background-color: transparent;
border: 1px #c94dff solid;
border-radius: 25em;
color:#c94dff;
cursor:pointer;
font-family: jolybolditalic;
padding-bottom:3px;
}
.button_back:hover{
border: 0.1em transparent solid;
-webkit-box-shadow: 0px 0px 8px 1px #c94dff;
-moz-box-shadow: 0px 0px 8px 1px #c94dff;
box-shadow: 0px 0px 8px 1px #c94dff;
}
#ground {
width: 120%;

31
wymga/square_saurians.html
Unescape Escape View File

@ -9,6 +9,11 @@
</head>
<body>
<div class="back" style="display: none;">
Do you want to start from the beginning?<br>
<button id="go_to_start" class="button_back"> yes </button> / <button id="stay"class="button_back"> no </button>
</div>
<audio loop="loop" id="theme2" preload="auto"><source src="sound/theme2.wav" type="audio/wav"></audio>
<audio loop="loop" id="theme3" preload="auto"><source src="sound/theme3_danger.mp3" type="audio/mp3"></audio>
<audio id="click"><source src="sound/click.wav" type="audio/wav"></audio>
@ -104,6 +109,11 @@ var click = document.querySelector("#click");
var comic = document.querySelector("#comic");
var anger = document.querySelector("#anger");
anger.volume= 0.3;
click.volume=0.5;
comic.volume=0.5;
scary.volume=0.7;
$("body").hover( function() {
if (villagers < 9){
theme.play();
@ -113,6 +123,26 @@ $("body").hover( function() {
}
})
//go back to start
$(document).keydown(function(e) {
e.preventDefault();
switch (e.which) {
case 83:
$(".back").show();
}
});
$("#go_to_start").click( function (){
window.location.href="index.html";
click.play();
});
$("#stay").click( function (){
$(".back").hide();
click.play();
});
// saves game step in the local storage
window.onload = function() {
theme.play();
@ -309,6 +339,7 @@ $("body").hover( function() {
function end_recluting() {
if (villagers == 9) {
$(".back").css("background-color","black");
setTimeout ( function (){
click.play();
$(".game_bar").addClass("game_bar_glow");

37
wymga/thesis.css
Unescape Escape View File

@ -47,6 +47,43 @@ body{
height: 100%;
/*overflow-x:hidden;*/
}
.back{
position: fixed;
color:#c94dff ;
text-align: center;
font-family: jolyregular;
background-color: white;
top:40%;
bottom:43%;
left:35%;
right:35%;
border: 1px solid #c94dff;
-webkit-box-shadow: 10px 10px 0px 0px #c94dff;
-moz-box-shadow: 10px 10px 0px 0px #c94dff;
box-shadow: 10px 10px 0px 0px #c94dff;
font-size: 1.25em;
padding-top: 1.5em;
z-index: 200;
line-height: 1.5em;
}
.button_back{
font-size: 2.8vh;
-webkit-appearance: none;
background-color:transparent;
border: 1px #c94dff solid;
border-radius: 25em;
color:#c94dff;
cursor:pointer;
font-family: jolybolditalic;
padding-bottom:3px;
}
.button_back:hover{
border: 0.1em transparent solid;
-webkit-box-shadow: 0px 0px 8px 1px #c94dff;
-moz-box-shadow: 0px 0px 8px 1px #c94dff;
box-shadow: 0px 0px 8px 1px #c94dff;
}
a{
color: #c94dff;
}

25
wymga/thesis.html
Unescape Escape View File

@ -9,6 +9,12 @@
<link rel="stylesheet" href="thesis.css">
</head>
<body>
<div class="back" style="display: none;">
Do you want to start from the beginning?<br>
<button id="go_to_start" class="button_back"> yes </button> / <button id="stay"class="button_back"> no </button>
</div>
<div class="info_button">ⓘ</div>
<div id="info_text" style="display: none;">
<span class="title">When you might go astray</span> is a research project dealing with conspiracy theories, fictional narratives, and how their mutuality shapes the stories of their believers.
@ -309,5 +315,24 @@ Fig 5. river_of_karma (2016). <em>Kek, God of Chaos. </em>Available at:&lt;<a hr
$(".info_button").click( function (){
$("#info_text").toggle();
})
//go back to start
$(document).keydown(function(e) {
e.preventDefault();
switch (e.which) {
case 83:
$(".back").show();
}
});
$("#go_to_start").click( function (){
window.location.href="index.html";
click.play();
});
$("#stay").click( function (){
$(".back").hide();
click.play();
});
</script>
</body>
Write Preview
Loading…
Cancel
Save