Google-Crawler/registration.html at master · uiuc-bdeep/Google-Crawler · 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
---
layout: default
title: Registration
---

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Registration</title>
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.4.0.min.js"></script>
    <script src="https://apis.google.com/js/platform.js" async defer></script>
    <!-- The core Firebase JS SDK is always required and must be listed first -->
    <!-- <script src="/__/firebase/6.2.4/firebase-app.js"></script>
    <script src="/__/firebase/6.2.4/firebase-auth.js"></script>
    <script src="/__/firebase/6.2.4/firebase-firestore.js"></script>
    <script src="/__/firebase/init.js"></script> -->
    <script src="https://www.gstatic.com/firebasejs/6.2.4/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/6.2.4/firebase-auth.js"></script>
    <script src="https://www.gstatic.com/firebasejs/6.2.4/firebase-storage.js"></script>
    <script>
        var submitted = false;
    </script>
    <!-- Place your kit's code here -->
    <script src="https://kit.fontawesome.com/211dde5d51.js"></script>

    <!-- **********************************************
         * TODO(DEVELOPER): Use your Client ID below. *
         ********************************************** -->
    <!-- <meta name="google-signin-client_id" content="1060905353346-b38npddv13apf43pfdoin6cbht953j20.apps.googleusercontent.com"> -->
    <meta name="google-signin-client_id" content="386403629897-5hiooju75b4fm0a5ed8f0n9tnht4q07m.apps.googleusercontent.com">
    <meta name="google-signin-cookiepolicy" content="single_host_origin">
    <meta name="google-signin-scope" content="profile email">
    <div class="g-signin2" data-onsuccess="onSignIn"></div>
    <button class="button" onclick="signOut()">Sign Out</button>
    <style>
        .button {
            background-color: #4CAF50;  <!-- #1c87c9; -->
            border: none;
            color: white;
            padding: 10px 22px;
            text-align: center;
            font-size: 16px;
            margin: 4px 2px;
            opacity: 0.8;
            transition: 0.3s;
            cursor: pointer;
            border-radius: 5px;
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
        }

        a.button{
            background-color: #1c87c9;
        }

        .img {
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        }

        .button:hover {
            opacity: 1
        }
    </style>
    <script src="node_modules/eruda/eruda.min.js"></script>
    <script>eruda.init();</script>
</head>
<body>
    <h2>New Participant Registration</h3>
    <div>
        <p>
	    Hello, welcome to the new participant registration page. Here is where we make sure you have all the proper settings ready for us to crawl your data.
	</p>
	<ol>
	    <li>
	        Download Google Maps from the App Store or Google Play: </br>
		</br>
		<a class="button" href=https://apps.apple.com/us/app/google-maps-transit-food/id585027354>For iOS</a>
		</br>
		</br>
		<a class="button" href=https://play.google.com/store/apps/details?id=com.google.android.apps.maps&hl=en_US>For Android</a>
	    	</br>
	    </li>
	    </br>
            <li>
	        Now Click the button below that corresponds to your phone operating system:
		</br>
		<button value="ios-instruction" class="button" onclick="reveal_hidden(this.value)">iOS</button> </br>
		<div id="ios-instruction" style="display:none">
		    <ol>
		    	<li> On your iPhone or iPad, open the Google Maps app. </li>
			<li> Tap Menu -> Settings. </li>
			<li> Tap Personal content  scroll down to "Location settings." </li>
			<li> Make sure you see "Location Services is on." If you don’t, tap Location Services is not set to always Location Always. </li>
			<li> Tap Settings Enable Location History or Pause Location History. </li>
			</ol>

		</div>
		<button value="android-instruction" class="button" onclick="reveal_hidden(this.value)">Android</button>
		<div id="android-instruction" style="display:none">
		    <ol>
		    	<li> On your Android phone or tablet, open the Google Maps app. </li>
			<li> Tap Menu -> Timeline. </li>
			<li> Tap More Settings. </li>
			<li> Make sure you see "Location is on." If you don’t, tap Location is off turn on Location. </li>
			<li> Make sure you see "Location History is on." If you don’t, tap Location History is off  turn on Location History. </li>
			<li> Click Settings Location History Choose Enable Location History or Pause Location History. </li>
			</ol>
		</div>
		</br>
	    </li>
	    </div>
	    <li>
	        Now that you have Google Timelines set up, please fill out the survey below so we can get a little bit more information about you!
		<!-- <button value="survey" class="button" onclick="reveal-hidden(this.value)">Reveal Survey</button>
		<div id="survey" style="display:none"> -->
		<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSfFjFkz78m28-bprmfbc6I_jhp1lh61hbKJrNmGV_V8A6tW7A/viewform?embedded=true" width="640" height="1033" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
		</div>
	    </li>
        </ol>
	<p>
	    Thank you for your time in participating with this survey, you will receive an email a week from now to make sure that your timeline was successfully set up!
	</p>
</body>
<script src="node_modules/eruda/eruda.min.js"></script>
<script>eruda.init();</script>
<script src="./helper.js"></script>
</html>