SolarSim/index.html at master · BHouwens/SolarSim · 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
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta charset="utf-8">
        <title>Home | SolarSim</title>
		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.5, maximum-scale=1.5">
        <meta name="description" content="SolarSim is a free, 3D solar system simulator for younger learners to explore and learn from.">
        <link rel="stylesheet" href="stylesheets/normalize.min.css">
        <link rel="stylesheet" href="stylesheets/modal.css">
        <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
    </head>
    <body>
        <div id="modal">
            <section id="float-left">
                <img src="images/alien.svg" id="space-man"/>
            </section>
            <section id="float-right">
                <img src="images/logo.png" id="logo" alt="solarsim" title="SolarSim"/>
                <p>SolarSim is a free solar system simulator for young learners and their teachers.</p>
                <a href="earth.php" id="enter" alt="enter button">Want to explore?</a>
                <p class="disclaimer"><span>Note:</span> SolarSim runs on WebGL, so if you'd like to use it
                make sure you're on the latest web browser of your choice. If you're using Google Chrome, Firefox
                or Internet Explorer 11, you're good to go!</p>
            </section>
            <script>
                var button = document.getElementById('enter');
                button.addEventListener("mouseover", function(){
                    button.textContent = "Yeah let's explore!";
                }, false);
                button.addEventListener("mouseout", function(){
                    button.textContent = "Want to explore?";
                }, false);
        </script>
        </div>
    </body>
</html>