|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en-US">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
|
|
|
|
<title>Monteferro</title>
|
|
|
|
|
<link rel="icon" href="imgs/monteferro/corn.gif">
|
|
|
|
|
<link rel="stylesheet" href="monteferro.css">
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<img id="barn" src="imgs/monteferro/barn.gif" height="18%">
|
|
|
|
|
<img id="mulino" src="imgs/monteferro/mulino.gif" height="20%">
|
|
|
|
|
<img id="tree1" src="imgs/monteferro/tree.gif" height="28%">
|
|
|
|
|
<img id="tree2" src="imgs/monteferro/tree.gif" height="25%">
|
|
|
|
|
|
|
|
|
|
<div id="ground">
|
|
|
|
|
|
|
|
|
|
<div id="player_img"></div>
|
|
|
|
|
<img id="ned" src="imgs/monteferro/ned.gif" height="15%">
|
|
|
|
|
|
|
|
|
|
<img id="farmer" src="imgs/monteferro/farmer1.gif" style="display: none;" height="15%">
|
|
|
|
|
|
|
|
|
|
<div class="field">
|
|
|
|
|
<img id="corn1" class="corn" src="imgs/monteferro/corn.gif" >
|
|
|
|
|
<img id="corn2" class="corn" src="imgs/monteferro/corn.gif" >
|
|
|
|
|
<img id="corn3" class="corn" src="imgs/monteferro/corn.gif" >
|
|
|
|
|
<img id="corn4" class="corn" src="imgs/monteferro/corn.gif" >
|
|
|
|
|
<img id="corn5" class="corn" src="imgs/monteferro/corn.gif" >
|
|
|
|
|
<img id="corn6" class="corn" src="imgs/monteferro/corn.gif" >
|
|
|
|
|
<img id="corn7" class="corn" src="imgs/monteferro/corn.gif" >
|
|
|
|
|
<img id="corn8" class="corn" src="imgs/monteferro/corn.gif" >
|
|
|
|
|
<img id="corn9" class="corn" src="imgs/monteferro/corn.gif" >
|
|
|
|
|
<img id="corn10" class="corn" src="imgs/monteferro/corn.gif" >
|
|
|
|
|
<img id="corn11" class="corn" src="imgs/monteferro/corn.gif" >
|
|
|
|
|
<img id="corn12" class="corn" src="imgs/monteferro/corn.gif" >
|
|
|
|
|
<img id="corn13" class="corn" src="imgs/monteferro/corn.gif" >
|
|
|
|
|
<img id="corn14" class="corn" src="imgs/monteferro/corn.gif" >
|
|
|
|
|
<img id="corn15" class="corn" src="imgs/monteferro/corn.gif" >
|
|
|
|
|
<img id="corn16" class="corn" src="imgs/monteferro/corn.gif" >
|
|
|
|
|
<img id="corn17" class="corn" src="imgs/monteferro/corn.gif" >
|
|
|
|
|
<img id="corn18" class="corn" src="imgs/monteferro/corn.gif" >
|
|
|
|
|
<img id="corn19" class="corn" src="imgs/monteferro/corn.gif" >
|
|
|
|
|
<img id="corn20" class="corn" src="imgs/monteferro/corn.gif" >
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="text_container">
|
|
|
|
|
<div class="message1">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="jquery.min.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
// saves game step in the local storage
|
|
|
|
|
window.onload = function() {
|
|
|
|
|
window.localStorage.setItem("monteferro","opened")
|
|
|
|
|
console.log ("monteferro:",localStorage.monteferro)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//get player avatar from local storage
|
|
|
|
|
console.log (localStorage.myavatar)
|
|
|
|
|
var img = document.createElement("img");
|
|
|
|
|
img.src = localStorage.myavatar;
|
|
|
|
|
var player_img = document.querySelector("#player_img");
|
|
|
|
|
player_img.appendChild(img);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="index.js" ></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
