GodGame/index.html at master · JamJomJim/GodGame · GitHub

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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<html>
<script type="text/javascript" src="main.js"></script>

<head>
    <link rel="stylesheet" type="text/css" href="interface.css" />
</head>
<ul class="tab">
    <li><a href="#" class="tablinksMain active" onclick="openTab(event, 'Game', 'Main')">Game</a>
    </li>
    <li><a href="#" class="tablinksMain" onclick="openTab(event,'Achievements', 'Main')">Achievements</a>
    </li>
    <li><a href="#" class="tablinksMain" onclick="openTab(event,'Options', 'Main')">Options</a>
    </li>
</ul>
<div id="Game" class="tabcontent Main" style="display: block;">
    <div id="atomInfo">Total Atoms: <span id="totalAtoms">0</span>
        </br> Percent Complete: <span id="percentOfUniverse">0.00000000000000000000</span>%
    </div>
    <div id="left" ;>
        <ul class="tab">
            <li><a href="#" class="tablinksGame active" onclick="openTab(event, 'units', 'Game')">Creation</a>
            </li>
            <li><a id="lifeSection" href="#" class="tablinksGame" onclick="openTab(event, 'life', 'Game')" style="display: none;">Life</a>
            </li>
            <li><a id="faithSection" href="#" class="tablinksGame" onclick="openTab(event, 'faith', 'Game')" style="display: none;">Faith</a>
            </li>
        </ul>
        <div id="units" class="tabcontent Game" style="display: block;">
            </br>
            <ul class="tab">
                <li><a href="#" class="tablinksUnit active" onclick="openTab(event, 'atoms', 'Unit')">Atoms</a>
                </li>
                <li><a id="moleculesSection" href="#" class="tablinksUnit" onclick="openTab(event, 'molecules', 'Unit')" style="display: none;">Molecules</a>
                </li>
                <li><a id="macromoleculeSection" href="#" class="tablinksUnit" onclick="openTab(event, 'macromolecule', 'Unit')" style="display: none;">Macromolecules</a>
                </li>
                <li><a id="substanceSection" href="#" class="tablinksUnit" onclick="openTab(event, 'substance', 'Unit')" style="display: none;">Substances</a>
                </li>
                <li><a id="planetarySection" href="#" class="tablinksUnit" onclick="openTab(event, 'planetary', 'Unit')" style="display: none;">Planetary</a>
                </li>
                <li><a id="spaceSection" href="#" class="tablinksUnit" onclick="openTab(event, 'space', 'Unit')" style="display: none;">Space</a>
                </li>
            </ul>
            <div id="atoms" class="tabcontent Unit" style="display: block;">

            </div>
            <div id="molecules" class="tabcontent Unit">

            </div>
            <div id="macromolecule" class="tabcontent Unit">

            </div>
            <div id="substance" class="tabcontent Unit">

            </div>
            <div id="planetary" class="tabcontent Unit">

            </div>
            <div id="space" class="tabcontent Unit">

            </div>
        </div>
        <div id="life" class="tabcontent Game">

        </div>
        <div id="faith" class="tabcontent Game">

        </div>
    </div>
    <div id="right" ;>
        <table id="events" ;>
            <tr>
                <td id="eventOne" ;></td>
            </tr>
            <tr>
                <td id="eventTwo" ;></td>
            </tr>
            <tr>
                <td id="eventThree" ;></td>
            </tr>
            <tr>
                <td id="eventFour" ;></td>
            </tr>
        </table>
    </div>
    <br clear="all" />
</div>
<div id="Achievements" class="tabcontent Main">
    <div>
        <h3>Completed: <span id="completedAchievements">0</span>/<span id="totalAchievements">0</span></h3>
    </div>
    <div id="noAchievements">You have done absolutely nothing of note.</div>
</div>
<div id="Options" class="tabcontent Main">

    <body>
        <p>Time Played: <span id="days">0</span> Days <span id="hours">0</span> Hours <span id="minutes">0</span> Minutes <span id="seconds">0</span> Seconds</p>
        <p>
            <button onclick="save()">Save Game</button>
        </p>
        <p>
            <button onclick="localStorage.removeItem('save')">Delete Save</button>
        </p>
		<p>
            <button onclick="unlockAllUnits()">Unlock All</button>
			<button onclick="lockAllUnits()">Lock All</button>
        </p>
    </body>
</div>

</html>