-
Notifications
You must be signed in to change notification settings - Fork 13
/
Copy pathindex.html
79 lines (70 loc) · 3.04 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<html lang="en">
<head>
<title>jsFallout</title>
<meta charset="utf-8" />
<link rel="icon" href="inc/favicon.ico"/>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="inc/main.css"/>
<script src="dist/jsfo.js"></script>
<script>
var mainState_prevState; // track previous state of mainState.statePause
// Page functions
function openInfo() {
mainState_prevState = mainState.statePause;
mainState.statePause = true;
document.getElementById('lightbox').style.display = 'block';
document.getElementById('info').style.display = 'block';
};
function openHelp() {
mainState_prevState = mainState.statePause;
mainState.statePause = true;
document.getElementById('lightbox').style.display = 'block';
document.getElementById('help').style.display = 'block';
};
function closeWindows() {
mainState.statePause = mainState_prevState;
document.getElementById('lightbox').style.display = 'none';
document.getElementById('info').style.display = 'none';
document.getElementById('help').style.display = 'none';
};
function browserTestFail() {
document.getElementById("mainCanvas").style.display = 'none';
document.getElementById("main_failed").style.display = 'block';
};
</script>
</head>
<!--Entry point is defined in main.js -->
<body>
<div id="main">
<div id="main_header">
<img src="inc/main_topLogo.png"/>
<div id="main_header_info">
<a href="#" onclick="openInfo()">Info</a>
<a href="#" onclick="openHelp()">Help</a>
<a href="https://github.com/ajxs/jsFO" target="_blank">Github</a>
</div>
</div>
<canvas id="mainCanvas" oncontextmenu="javascript: return false;"></canvas>
<div id="main_failed" style="display: none">
<img src="inc/main_failed.png"/>
</div>
</div>
<div id="mainStorage">
<img id="trans_egg" src="inc/egg.png"/>
<img id="loadState_overlay" src="inc/loadState_overlay.png"/>
<img id="MainMenuState_bg" src="inc/MainMenuState_bg.png"/>
<img id="MainMenuState_btn" src="inc/MainMenuState_btn.png"/>
<img id="MainLoadState_bg" src="inc/MainLoadState_bg.png"/>
</div>
<div id="lightbox" style="display: none" onclick="closeWindows()"></div>
<div id="info" class="infoBox" style="display: none">
<div class="infoHeading">jsFO / Info</div>
jsFO is an open-source port of Interplay's Fallout2 for the browser, written in Javascript, with conversion of assets from the original Fallout2 handled in Python. jsFO uses the HTML5 canvas API for rendering, and should be compatible with all modern browsers.</br>
For more information, as well as access to the source-code, head over to the project's <a href="https://github.com/ajxs/jsFO/">Github Page</a>.
</div>
<div id="help" class="infoBox" style="display: none">
<div class="infoHeading">jsFO / Help</div>
All controls and functionality idential to the original Fallout2.</br>
Please report any bugs to: <a href="mailto:ajxscc@gmail.com">ajxscc@gmail.com</a>
</div>
</body>