MoneySense/support.html at master · Ac2zoom/MoneySense · 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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<DOCTYPE html>
<html>
	<head>
		<link rel="icon"
			type="image/png"
			href="favicon.png">
		<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
		<link rel="stylesheet" href="moneysense.css">
		<link href='http://fonts.googleapis.com/css?family=Joti+One|Share+Tech+Mono' rel='stylesheet' type='text/css'>
		<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.min.css" rel="stylesheet">
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>
		<title>Support - MoneySense</title>
	</head>
	<body>
        <script>
          window.fbAsyncInit = function() {
            FB.init({
              appId      : '743870962399581',
              xfbml      : true,
              version    : 'v2.3'
            });
          };

          (function(d, s, id){
             var js, fjs = d.getElementsByTagName(s)[0];
             if (d.getElementById(id)) {return;}
             js = d.createElement(s); js.id = id;
             js.src = "//connect.facebook.net/en_US/sdk.js";
             fjs.parentNode.insertBefore(js, fjs);
           }(document, 'script', 'facebook-jssdk'));
        </script>
        <script>
          // This is called with the results from from FB.getLoginStatus().
          function statusChangeCallback(response) {
            console.log('statusChangeCallback');
            console.log(response);
            // The response object is returned with a status field that lets the
            // app know the current login status of the person.
            // Full docs on the response object can be found in the documentation
            // for FB.getLoginStatus().
            if (response.status === 'connected') {
              // Logged into your app and Facebook.
              testAPI();
            } else if (response.status === 'not_authorized') {
              // The person is logged into Facebook, but not your app.
              document.getElementById('status').innerHTML = 'Please log ' +
                'into this app.';
            } else {
              // The person is not logged into Facebook, so we're not sure if
              // they are logged into this app or not.
              document.getElementById('status').innerHTML = 'Please log ' +
                'into Facebook.';
            }
          }

          // This function is called when someone finishes with the Login
          // Button.  See the onlogin handler attached to it in the sample
          // code below.
          function checkLoginState() {
            FB.getLoginStatus(function(response) {
              statusChangeCallback(response);
            });
          }

          window.fbAsyncInit = function() {
          FB.init({
            appId      : '743870962399581',
            cookie     : true,  // enable cookies to allow the server to access
                                // the session
            xfbml      : true,  // parse social plugins on this page
            version    : 'v2.2' // use version 2.2
          });

          // Now that we've initialized the JavaScript SDK, we call
          // FB.getLoginStatus().  This function gets the state of the
          // person visiting this page and can return one of three states to
          // the callback you provide.  They can be:
          //
          // 1. Logged into your app ('connected')
          // 2. Logged into Facebook, but not your app ('not_authorized')
          // 3. Not logged into Facebook and can't tell if they are logged into
          //    your app or not.
          //
          // These three cases are handled in the callback function.

          FB.getLoginStatus(function(response) {
            statusChangeCallback(response);
          });

          };

          // Load the SDK asynchronously
          (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_US/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
          }(document, 'script', 'facebook-jssdk'));

          // Here we run a very simple test of the Graph API after login is
          // successful.  See statusChangeCallback() for when this call is made.
          function testAPI() {
            console.log('Welcome!  Fetching your information.... ');
            FB.api('/me', function(response) {
              console.log('Successful login for: ' + response.name);
              document.getElementById('status').innerHTML =
                'Thanks for logging in, ' + response.name + '!';
            });
          }
        </script>
		<div class="navbar navbar-inverse navbar-fixed-top ms-nav">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand initial-title" href="#"><strong>Money$ense</strong></a>
				</div>
				<div class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						<li><a href="moneysense.html">home</a></li>
						<li><a href="play.html">play</a></li>
						<li><a href="about.html">about</a></li>
						<li class="active"><a href="support.html">SUPPORT</a></li>
					</ul>
                    <fb:login-button scope="public_profile,email" onlogin="checkLoginState();" class="login"></fb:login-button>
                    <div id="status" class="login"></div>
				</div><!--/.navbar-collapse -->
			</div>
		</div>
		<div class="row">
			<div class="col-lg-9 support-container">
				<div class="jumbotron support-jumbotron">
					<div class="container">
						<h1 class="support-title">We want <strong>YOU</strong> to help educate the next generation of moneymakers!</h1>
					</div>
				</div>
			</div>
			<div class="col-lg-3 support-container">
				<img src="http://www.macoassociates.com/blog/wp-content/uploads/2010/01/uncle_sam1.jpg" width="100%" height="408px" class="uncle-sam">
			</div>
		</div>
		<div class="row support-row">
			<div class="col-lg-4 support-section">
				<div class="section-heading">
					<h2>What We Need</h2>
				</div>
				<div class="support-content">
					<p>The current backend that we are running (built in Node.js) is oriented to accomodate modular implementations of further games and material modules.  Have any (and by that I really mean any; I (Akshay Chalana) am no expert in personal finance) experience with any of the topics here or anything you'd like to see here?  Get in touch and help us build something!  We're working on a developers page to facilitate use of an API and perhaps even automated submission of extensions.</p>
				</div>
			</div>
			<div class="col-lg-5 support-section">
				<div class="section-heading">
					<h2>What You Can Do</h2>
				</div>
				<div class="support-content">
					<p>Aside from everything to the left, we're looking for volunteers to help us get this programming running, services to integrate further advanced systems into the simulation, and anyone interested in helping us further develop the business and any monetization model.  The team is currently just Akshay Chalana and some mentors, so many openings are available!</p>
				</div>
			</div>
			<div class="col-lg-3 support-section">
				<div class="section heading">
					<h2>Contact</h2>
				</div>
				<div class="section-content">
					<p>Contact for more information and to get involved:</p>
					<div class="contact-button">
						<p><a class="btn btn-primary btn-danger" href="mailto:[email protected]">Click to Email</a></p>
					</div>
				</div>
			</div>
		</div>
		<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
	</body>
</html>