CodeControl/robot.html at master · charu25/CodeControl · 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
<html>
 <head>

        <link rel="stylesheet" type="text/css" href="./bs/css/bootstrap.css"/>
        <link rel="stylesheet" type="text/css" href="./robot1style.css"/>
		<link rel="stylesheet" type="text/css" href="./temp2style.css"/>
  </head>
  <body>
  <script src="http://mymaplist.com/js/vendor/TweenLite.min.js"></script>
<!-- This is a very simple parallax effect achieved by simple CSS 3 multiple backgrounds-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
  $(document).mousemove(function(e){

     TweenLite.to($('body'),
        .5,
        { css:
            {
                'background-position':parseInt(event.pageX/8) + "px "+parseInt(event.pageY/12)+"px, "+parseInt(event.pageX/15)+"px "+parseInt(event.pageY/15)+"px, "+parseInt(event.pageX/30)+"px "+parseInt(event.pageY/30)+"px"
            }
        });
  });
});
</script>
  	<div class="header">

                <a  href="/home">Home</a>
                <a  href="/robots">Robots</a>
                <a  href="/directory">Warhouse</a>
                <a  href="/api">Documentation</a>

                <div class="logout">
                <a  href="/profile">Profile  </a>
                <a  href="/logout">Logout  </a>
                </div>
    </div>

	<div class="modal-content" id="my_modal">
		<div class="text-left">
			<h1 class="modal-header">ROBOTS</h1>
			<input type="button" id="my_btn" class="btn-primary" value="+ Create Robot" onclick="gosomewhere();"/>
            <div class="modal-body">
			<h2><a href="/rules">ROBOT1</a></h2>
			<span class="text-info">ELORATING: <span value="elorating1">99</span></span></br>
			<span class="text-info">CURRENT RANKING: <span value="rank1">99</span></span></br>
			<label class="href hover">
			<a  href="/edit">Edit</a>
            <a  href="/disable">Disable</a>
            <a  href="/delete">Delete</a>
            </label>

			<h2><a href="/rules">ROBOT2</a></h2>
			<span class="text-info">ELORATING: <span value="elorating2">99</span></span></br>
			<span class="text-info">CURRENT RANKING: <span value="rank2">99</span></span></br>
			<label class="href hover">
			<a  href="/edit">Edit</a>
            <a  href="/disable">Disable</a>
            <a  href="/delete">Delete</a>
            </label>
            </div>
		</div>

	</div>

</body>
</html>