-
Notifications
You must be signed in to change notification settings - Fork 1
/
tutor.html
executable file
·1219 lines (1150 loc) · 57.1 KB
/
tutor.html
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
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>AsapTutor - 1:1 Tutoring</title>
<!-- Bootstrap Core CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
<!-- Custom Fonts -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css">
<!-- Plugin CSS -->
<link rel="stylesheet" href="css/animate.min.css" type="text/css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/creative.css" type="text/css">
<!--Fonts -->
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Josefin+Slab' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
.btnfb {
display: inline-block;
text-align: center;
cursor: pointer;
border: 1px solid transparent;
white-space: nowrap;
line-height: 1.428571429;
font-size: 1.15rem;
padding: .6em 2em;
font-weight: 700;
color: #fff;
background-color: #3B5998;
border-color: #3B5998;
margin: 0;
vertical-align: middle;
width: 220px;
display: block;
margin-left: auto;
margin-right: auto;
}
.cta-text::before {
content: '';
background-image: url("https://www.lyft.com/images/vendor-lyft/icons/facebook-icon.b867728f.svg");
background-size: 100%;
background-repeat: no-repeat;
display: block;
width: 1.25em;
height: 1.25em;
position: absolute;
top: 10px;
margin-top: 0.1em;
margin-left:1.0em;
box-sizing: border-box;
}
.cta-text {
padding-left: 2.5em;
}
/*Loading*/
.overlay {
z-index: 100;
background: rgba(255,255,255,0.7);
border-radius: 3px;
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.faOverlay {
position: absolute;
top: 50%;
left: 50%;
margin-left: -25px;
margin-top: -25px;
color: #000;
font-size: 50px;
}
/*Or Spacer CSS*/
.or-spacer {
width: 220px;
display: block;
margin-left: auto;
margin-right: auto;
//margin-top: 100px;
//margin-left: 100px;
width: 400px;
position: relative;
}
.or-spacer .mask {
overflow: hidden;
height: 20px;
}
.or-spacer .mask:after {
content: '';
display: block;
margin: -25px auto 0;
width: 100%;
height: 25px;
border-radius: 125px / 12px;
box-shadow: 0 0 8px black;
}
.or-spacer span {
width: 50px;
height: 50px;
position: absolute;
bottom: 100%;
margin-bottom: -25px;
left: 50%;
margin-left: -25px;
border-radius: 100%;
box-shadow: 0 2px 4px #999;
background: white;
}
.or-spacer span i {
position: absolute;
top: 4px;
bottom: 4px;
left: 4px;
right: 4px;
border-radius: 100%;
border: 1px dashed #aaa;
text-align: center;
line-height: 40px;
font-style: normal;
color: #999;
}
.or-spacer-vertical {
display: inline-block;
margin-top: 100px;
margin-left: 100px;
width: 100px;
position: relative;
}
.or-spacer-vertical .mask {
overflow: hidden;
width: 20px;
height: 200px;
}
.or-spacer-vertical.left .mask:after {
content: '';
display: block;
margin-left: -20px;
width: 20px;
height: 100%;
border-radius: 12px / 125px;
box-shadow: 0 0 8px black;
}
.or-spacer-vertical.right .mask:before {
content: '';
display: block;
margin-left: 20px;
width: 20px;
height: 100%;
border-radius: 12px / 125px;
box-shadow: 0 0 8px black;
}
</style>
</head>
<body id="page-top" style="overflow-x:hidden";>
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand page-scroll" style="font-family:'Tangerine'; font-size:27px;" href="#page-top">AsapTutor</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<!-- <li>
<a class="page-scroll" href="#contact">Join the Revolution</a>
</li> -->
<li>
<a class="page-scroll" data-toggle="modal" href="#login">Login</a>
</li>
<li>
<a class="page-scroll" data-toggle="modal" href="#registerCodeModal">Have Registration Code?</a>
</li>
<!--
<li>
<a class="page-scroll" href="#about">About</a>
</li>
<li>
<a class="page-scroll" href="#services">Services</a>
</li>
<li>
<a class="page-scroll" href="#portfolio">Portfolio</a>
</li>
<li>
<a class="page-scroll" href="#contact">Contact</a>
</li>
-->
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<header>
<div class="header-content">
<div class="header-content-inner">
<br>
<h2 style="font-family: 'Abril Fatface'; font-size:44px;">Set Your Own Price Tutoring Things You Love</h2>
<p style="color:white;"><b>Private On Demand 1:1 Tutoring</b></p>
<br>
<a class="btn btn-primary btn-xl page-scroll" href="#contact">Get Started!</a>
<br><br>
<p style="color:white;"><b>Make Money and Be Your Own Boss!</b></p>
</div>
</div>
</header>
<section class="bg-primary" id="about">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<h2 class="section-heading">Tutor Your Peers on Campus – Set Your Own Schedule!</h2>
<hr class="light">
<p class="text-faded">You have taken those classes and you aced them. You’ve figured out the way to get it done and to succeed in the class. We bet that your fellow peers wish they can learn from you! AsapTutor provides a platform just for this. You will be able to tutor other students who needs some help in doing homework and studying for exams for the class you just aced. You set your own schedule, and then any students will be able to book you for tutoring in minutes! Gain some money while helping out other students!</p>
<a class="btn btn-default btn-xl btn-block" href="#contact">Sign Up To Be a Tutor Today!</a>
</div>
</div>
</div>
</section>
<section id="services">
<div class="container">
<div class="container text-center">
<div class="call-to-action">
<h2>How AsapTutor Works</h2>
<p>If you want to make some money right on your campus, AsapTutor can help you. Just follow this simple, four-step process after creating an account with us and students will be coming your way!</p>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box">
<i class="fa fa-4x fa-search wow bounceIn text-primary"></i>
<h3>1) Set up your availability schedule</h3>
<p class="text-muted">Have that 1-2 hours gap between classes? Or you’re planning to study on campus on Saturday for a project? Whenever you think you’ll have a few hours to spare to tutor, you can put that in the calendar. You can update your calendar anytime you want, too.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box">
<i class="fa fa-4x fa-map-marker wow bounceIn text-primary" data-wow-delay=".1s"></i>
<h3>2) Meet Up with Students</h3>
<p class="text-muted">After a student book you for tutoring, you can arrange on a place to meet. You can also prepare a little bit in advance by asking the student about what they need help on via our chatting feature. Update your student with your location so they’ll be ready when you arrive.</p>
<br><br>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box">
<i class="fa fa-4x fa-book wow bounceIn text-primary" data-wow-delay=".2s"></i>
<h3>3) Receive Payment Online</h3>
<p class="text-muted">After the session is finished, your student will pay you from the website using credit card or PayPal. Make sure you set up your payment account so the money can go straight to your bank.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box">
<i class="fa fa-4x fa-heart wow bounceIn text-primary" data-wow-delay=".3s"></i>
<h3>4) Repeat!</h3>
<p class="text-muted">Now relax (or study!) while you wait for your next tutoring session. Help others be awesome like you!</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="no-padding" id="portfolio">
<div class="container-fluid">
<div class="row no-gutter">
<div class="col-lg-3 col-sm-6">
<a class="portfolio-box">
<img id="firstImage"src="img/portfolio/1.png" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Full Map View, Course and Date Time Selection
</div>
<div class="project-name">
Students Find You
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-3 col-sm-6">
<a class="portfolio-box">
<img src="img/portfolio/2.png" class="img-responsive heightBugImages" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
View Profile, Rating, Distance, Price of Tutor
</div>
<div class="project-name">
Students Request You
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-3 col-sm-6">
<a class="portfolio-box">
<img src="img/portfolio/4.png" class="img-responsive heightBugImages" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Track Status, Chat, Send Pictures and Documents
</div>
<div class="project-name">
Meeting with Student
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-3 col-sm-6">
<a class="portfolio-box">
<img src="img/portfolio/6.png" class="img-responsive heightBugImages" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Are you rich and famous? List Worldwide!
</div>
<div class="project-name">
Coming Soon
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</section>
<aside class="bg-dark">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">AsapTutor Platform Features</h2>
<hr class="primary">
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box">
<i class="fa fa-4x fa-paper-plane wow bounceIn text-primary" data-wow-delay=".1s"></i>
<h3>Flexible Scheduling</h3>
<p class="text-muted">Tutor only when you want to. Our platform allows you to set your own free schedules and change it anytime.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box">
<i class="fa fa-4x fa-comments-o wow bounceIn text-primary" data-wow-delay=".2s"></i>
<h3>Chat With Your Student</h3>
<p class="text-muted">You can chat and send documents to each other before your session, all through our platform, so you can better prepare for the session!</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box">
<i class="fa fa-4x fa-mobile-phone wow bounceIn text-primary" data-wow-delay=".3s"></i>
<h3>Send Notifications</h3>
<p class="text-muted">Alert your student via our platform when you’re on your way accept a tutoring appointment, or cancel due to an emergency.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box">
<i class="fa fa-4x fa-users wow bounceIn text-primary"></i>
<h3>Make New Friends</h3>
<p class="text-muted">As they all say, networking is important! The AsapTutor community is the perfect place for you to meet awesome and friendly students and tutors.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 text-center">
<div class="service-box">
<i class="fa fa-4x fa-github-alt wow bounceIn text-primary" data-wow-delay=".3s"></i>
<h3>Made by Students Like You</h3>
<p class="text-muted">We’ve been in your shoes and we know about all the struggles students face. We also know that there are some of us who successfully went through the hard times and now can help other succeed. We want to help you help others face their struggles. We've designed this platform to be as hassle-free as possible for you to do just that.</p>
</div>
</div>
</div>
</aside>
<section id="contact">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<h2 class="section-heading">Application to be a Tutor.</h2>
<hr class="primary">
<p>We have launched our <b>Alpha</b> for select classes at <b>Emory University, and UC Berkeley</b>. <br></p>
Help us help you! Let us know what classes/skills you want to teach, and we will make it happen. <br>We will send you a Registration Code once everything is ready!
</div>
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup" class="col-lg-8 col-lg-offset-2 text-center">
<form action="//charlesding.us12.list-manage.com/subscribe/post?u=ef701449d78f687747520d92d&id=a5bc3d9414" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address <span class="asterisk">*</span>
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div class="mc-field-group">
<label for="mce-MMERGE2">Courses/Skills You Want To Teach <span class="asterisk">*</span>
</label>
<input type="text" value="" name="MMERGE2" class="required" id="mce-MMERGE2">
</div>
<div class="mc-field-group input-group">
<strong>You're interested in being a... <span class="asterisk">*</span>
</strong>
<ul><li><input type="radio" value="Student" name="MMERGE3" id="mce-MMERGE3-0"><label for="mce-MMERGE3-0">Student</label></li>
<li><input checked type="radio" value="Tutor" name="MMERGE3" id="mce-MMERGE3-1"><label for="mce-MMERGE3-1">Tutor</label></li>
</ul>
</div>
<div class="mc-field-group">
<label for="mce-MMERGE5">What School are you attending? <span class="asterisk">*</span>
</label>
<select name="MMERGE5" class="required" id="mce-MMERGE5">
<option selected="selected" value="Emory University">Emory University</option>
<option value="Berkeley University">University of California, Berkeley</option>
<option value="Georgia Tech">Georgia Tech</option>
<option value="Other School">Other School</option>
</select>
</div>
<div class="mc-field-group">
<label for="mce-FNAME">(If Other School, then what is it's name?) </label>
<input type="text" value="" name="FNAME" class="" id="mce-FNAME">
</div>
<div class="mc-field-group">
<label for="mce-MMERGE7">Anything else you'd like us to know? (Enter Promo Code Here As Well If You Have) </label>
<input type="text" value="" name="MMERGE7" class="" id="mce-MMERGE7">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ef701449d78f687747520d92d_a5bc3d9414" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" style="width:300px;" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
<b>Be sure to check your Spam Email!</b>
</div>
</div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[2]='MMERGE2';ftypes[2]='text';fnames[3]='MMERGE3';ftypes[3]='radio';fnames[5]='MMERGE5';ftypes[5]='dropdown';fnames[1]='FNAME';ftypes[1]='text';fnames[7]='MMERGE7';ftypes[7]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->
</div>
</div>
</section>
<!--
<div class="modal fade in" id="myModal" aria-hidden="false" style="display: block;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
</div>
<div class="modal-body" style="padding-bottom: 0px;">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" onclick="alert('Username and Password not Recognized. Please check and try again.')" class="btn btn-primary">Login</button>
</div>
</div>
</div>
</div> -->
<!-- Modals
===================================================== -->
<!--Login Modal -->
<div class="modal fade" id="login">
<div class="modal-dialog">
<div class="modal-content">
<div class="overlay">
<i class="fa fa-refresh fa-spin faOverlay"></i>
</div>
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title"><strong style="color: black">Login</strong> <small>to <strong style="color: grey">Asap</strong>Tutor</small></h4>
</div>
<div class="modal-body" style="padding-bottom: 0px;">
<br>
<button class="btn btn-primary btnfb" onclick="fblogin();" type="button">
<i class="fa fa-facebook-official"></i><span> Sign in with Facebook</span>
</button>
<br><br>
<div class="or-spacer">
<div class="mask"></div>
<span><i>or</i></span>
</div>
<br>
<!-- form start -->
<form class="form-horizontal" style="padding-left:50px; padding-right:50px;">
<div class="box-body">
<div class="form-group">
<label for="inputEmailLogin"><small style="color:grey;">Email Address</small></label>
<input type="email" class="form-control" id="inputEmailLogin" placeholder="Email">
</div>
<div class="form-group">
<label for="inputPasswordLogin"><small style="color:grey;">Password</small></label>
<input type="password" class="form-control" id="inputPasswordLogin" placeholder="Password">
</div>
</div><!-- /.box-body -->
</form>
</div>
<br>
<div class="modal-footer">
<a id="forgotPassword" style="cursor:pointer;" onclick="resetPassword();">Forgot Password?</a>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" onclick="login();" class="btn btn-primary">Login</button>
<div id="result">
</div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!--Register Code Modal -->
<div class="modal fade" id="registerCodeModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="overlay">
<i class="fa fa-refresh fa-spin faOverlay"></i>
</div>
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title"><strong style="color: black">Tutor Registration</strong> <small>for <strong style="color: grey">Asap</strong>Tutor</small></h4>
</div>
<div class="modal-body" style="padding-bottom: 0px;">
<form class="form-horizontal" style="padding-left:50px; padding-right:50px;">
<div class="form-group">
<label for="registerCode"><small style="color:grey;">Registration Code</small></label>
<input type="text" class="form-control" id="registerCode" placeholder="Enter Registration Code (Case Sensitive)">
</div>
</form>
</div>
<br>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" onclick="registerCodeCheck();" class="btn btn-primary">Continue</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!--Register Modal -->
<div class="modal fade" id="register">
<div class="modal-dialog">
<div class="modal-content">
<div class="overlay">
<i class="fa fa-refresh fa-spin faOverlay"></i>
</div>
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title"><strong style="color: black">Register</strong> <small>for <strong style="color: grey">Asap</strong>Tutor</small></h4>
</div>
<div class="modal-body" style="padding-bottom: 0px;">
<br>
<button class="btn btn-primary btnfb" onclick="fbregister();" type="button">
<i class="fa fa-facebook-official"></i><span> Sign up with Facebook</span>
</button>
<br><br>
<div class="or-spacer">
<div class="mask"></div>
<span><i>or</i></span>
</div>
<br>
<form class="form-horizontal" style="padding-left:50px; padding-right:50px;">
<div class="form-group">
<label for="inputName"><small style="color:grey;">Full Name</small></label>
<input type="text" class="form-control" id="fullname" placeholder="Enter Your First and Last Name">
</div>
<div class="form-group">
<label for="inputEmail"><small style="color:grey;">Email Address</small></label>
<input type="text" class="form-control" id="registerEmail" placeholder="Email">
</div>
<div class="form-group">
<label for="inputPassword"><small style="color:grey;">Password</small></label>
<input type="password" class="form-control" id="Password1" placeholder="Password">
<input type="password" class="form-control" id="Password2" style="margin-top:5px;" placeholder="Enter Password Again">
</div>
</form>
</div>
<br>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" onclick="register();" class="btn btn-primary">Register</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!--Terms of Agreement Modal -->
<div class="modal fade" id="toa" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">AsapTutor's Terms of Agreement</h4>
</div>
<div class="modal-body">
<dl style="font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; color:black;">
<dt>Welcome to AsapTutor!</dt>
<br/>
<dd>Thanks for using our products and services (“Services”). The Services are provided by AsapTutor Inc. (“AsapTutor”), located at <span itemprop="contentLocation">332386 Georgia Tech Station, Atlanta, GA 30332, United States</span>.</dd>
<br/>
<dd>By using our Services, you are agreeing to these terms. Please read them carefully.</dd>
<br/>
<dd>Our Services are very diverse, so sometimes additional terms or product requirements (including age requirements) may apply. Additional terms will be available with the relevant Services, and those additional terms become part of your agreement with us if you use those Services.</dd>
<br/>
<dt>Using our Services</dt>
<br/>
<dd>You must follow any policies made available to you within the Services.</dd>
<br/>
<dd>Don’t misuse our Services. For example, don’t interfere with our Services or try to access them using a method other than the interface and the instructions that we provide. You may use our Services only as permitted by law, including applicable export and re-export control laws and regulations. We may suspend or stop providing our Services to you if you do not comply with our terms or policies or if we are investigating suspected misconduct.</dd>
<br/>
<dd>Using our Services does not give you ownership of any intellectual property rights in our Services or the content you access. You may not use content from our Services unless you obtain permission from its owner or are otherwise permitted by law. These terms do not grant you the right to use any branding or logos used in our Services. Don’t remove, obscure, or alter any legal notices displayed in or along with our Services.</dd>
<br/>
<dd>Our Services display some content that is not AsapTutor's. This content is the sole responsibility of the entity that makes it available. We may review content to determine whether it is illegal or violates our policies, and we may remove or refuse to display content that we reasonably believe violates our policies or the law. But that does not necessarily mean that we review content, so please don’t assume that we do.</dd>
<br/>
<dd>In connection with your use of the Services, we may send you service announcements, administrative messages, and other information. You may opt out of some of those communications.</dd>
<br/>
<dt>Modifying and Terminating our Services</dt>
<br/>
<dd>We are constantly changing and improving our Services. We may add or remove functionalities or features, and we may suspend or stop a Service altogether.</dd>
<br/>
<dd>You can stop using our Services at any time, although we’ll be sorry to see you go. AsapTutor may also stop providing Services to you, or add or create new limits to our Services at any time.</dd>
<br/>
<dd>We believe that you own your data and preserving your access to such data is important. If we discontinue a Service, where reasonably possible, we will give you reasonable advance notice and a chance to get information out of that Service.</dd>
<br/>
<dt>Our Warranties and Disclaimers</dt>
<br/>
<dd>We provide our Services using a commercially reasonable level of skill and care and we hope that you will enjoy using them. But there are certain things that we don’t promise about our Services.</dd>
<br/>
<dd>OTHER THAN AS EXPRESSLY SET OUT IN THESE TERMS OR ADDITIONAL TERMS, NEITHER AsapTutor NOR ITS SUPPLIERS OR DISTRIBUTORS MAKE ANY SPECIFIC PROMISES ABOUT THE SERVICES. FOR EXAMPLE, WE DON’T MAKE ANY COMMITMENTS ABOUT THE CONTENT WITHIN THE SERVICES, THE SPECIFIC FUNCTION OF THE SERVICES, OR THEIR RELIABILITY, AVAILABILITY, OR ABILITY TO MEET YOUR NEEDS. WE PROVIDE THE SERVICES “AS IS”.</dd>
<br/>
<dd>SOME JURISDICTIONS PROVIDE FOR CERTAIN WARRANTIES, LIKE THE IMPLIED WARRANTY OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. TO THE EXTENT PERMITTED BY LAW, WE EXCLUDE ALL WARRANTIES.</dd>
<br/>
<dt>Business uses of our Services</dt>
<br/>
<dd>If you are using our Services on behalf of a business, that business accepts these terms. It will hold harmless and indemnify Google and its affiliates, officers, agents, and employees from any claim, suit or action arising from or related to the use of the Services or violation of these terms, including any liability or expense arising from claims, losses, damages, suits, judgments, litigation costs and attorneys’ fees.</dd>
<br/>
<dt>About these Terms</dt>
<br/>
<dd>We may modify these terms or any additional terms that apply to a Service to, for example, reflect changes to the law or changes to our Services. You should look at the terms regularly. We’ll post notice of modifications to these terms on this page. We’ll post notice of modified additional terms in the applicable Service. Changes will not apply retroactively and will become effective no sooner than fourteen days after they are posted. However, changes addressing new functions for a Service or changes made for legal reasons will be effective immediately. If you do not agree to the modified terms for a Service, you should discontinue your use of that Service.</dd>
<br/>
<dd>If there is a conflict between these terms and the additional terms, the additional terms will control for that conflict.</dd>
<br/>
<dd>These terms control the relationship between AsapTutor and you. They do not create any third party beneficiary rights</dd>
<br/>
<dd>If you do not comply with these terms, and we don’t take action right away, this doesn’t mean that we are giving up any rights that we may have (such as taking action in the future).</dd>
<br/>
<dd>If it turns out that a particular term is not enforceable, this will not affect any other terms.</dd>
<br/>
<dd>The laws of Georgia, U.S.A., will apply to any disputes arising out of or relating to these terms or the Services.</dd>
<br/>
<dd>For information, please send email out to [email protected]</dd>
<br/>
</dl>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!--Privacy Modal -->
<div class="modal fade" id="privacy" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">AsapTutor's Privacy</h4>
</div>
<div class="modal-body">
<dl style="font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; color:black;">
<dt>Privacy and Copyright Protection</dt>
<br/>
<dd>AsapTutor's privacy policies explain how we treat your personal data and protect your privacy when you use our Services. By using our Services, you agree that AsapTutor can use such data in accordance with our privacy policies.</dd>
<br/>
<dd>We respond to notices of alleged copyright infringement and terminate accounts of repeat infringers according to the process set out in the U.S. Digital Millennium Copyright Act.</dd>
<br/>
<dd>This is not for commercial use. All ideas are property of AsapTutor. Pictures and Images obtained from Google Images Search Engine, with sole exception of our Logo. We reserve all rights to our ideas and logo.</dd>
<br/>
</dl>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- FOOTER -->
<footer>
<p class="pull-right"><a>Back to top</a></p>
<p>© <meta itemprop="DatePublished" content="2015-03-14"><span onclick="window.location='homePage.html';">2018 AsapTutor, Inc.</span> · <a data-toggle="modal" href="#privacy">Privacy</a> · <a data-toggle="modal" href="#toa">Terms of Agreement</a></p>
</footer>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.fittext.js"></script>
<script src="js/wow.min.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/creative.js"></script>
<!-- Firebase -->
<script src='https://cdn.firebase.com/js/client/2.2.1/firebase.js'></script>
<!--Moment Time-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script>
<script>
function registerCodeCheck(){
if($("#registerCode").val() != "asaptutor"){
alert("Incorrect Registration Code.")
return;
}
$('#register').modal('show')
}
/******* FIREBASE CODE - MOVE TO JS FILE *******/
$( document ).ready(function() {
// Register the callback to be fired every time auth state changes
var ref = new Firebase("https://ubertutoralpha.firebaseio.com");
ref.onAuth(authDataCallback);
$(".overlay").hide();
$("#errormessage").hide();
});
// Create a callback which logs the current auth state
function authDataCallback(authData) {
if (authData) {
console.log("User " + authData.uid + " is logged in with " + authData.provider);
if(authData.provider == "facebook"){
checkIfUserExistsRegister(authData.uid, authData);
}
} else {
console.log("User is logged out");
}
}
function fblogin(){
$(".overlay").show();
console.log("Executing FB Login...");
var ref = new Firebase("https://ubertutoralpha.firebaseio.com");
ref.authWithOAuthPopup("facebook", loginAuthHandler);
return false;
}
function login(){
$(".overlay").show();
console.log("Executing Traditional Login...");
var email = $('#inputEmailLogin').val();
var pass = $('#inputPasswordLogin').val();
var ref = new Firebase("https://ubertutoralpha.firebaseio.com");
ref.authWithPassword({
email : email,
password : pass
}, loginAuthHandler);
return false;
}
// Create a callback to handle the result of the authentication
function loginAuthHandler(error, authData) {
if (error) {
if(error.code == "TRANSPORT_UNAVAILABLE"){
(new Firebase("https://ubertutoralpha.firebaseio.com")).authWithOAuthRedirect("facebook",fbLoginRetryWithOutPopUpsAuthHandler);
} else{
alert(error);
$(".overlay").hide();
}
} else {
checkIfUserExistsLogin(authData.uid, authData);
}
function fbLoginRetryWithOutPopUpsAuthHandler(errorRetry, authDataRetry){
if (errorRetry) {
console.log("Login Failed!", errorRetry);
alert(errorRetry);
$(".overlay").hide();
} else {
checkIfUserExistsLogin(authDataRetry.uid, authDataRetry);
}
}
}
function successLogin(authData){
console.log("Authenticated successfully with payload:", authData);
//Succesfully Logged In - Go to Logged in home page
updateLoginLatLng(authData.uid);
}
function failLogin(authData){
console.log("User: "+getName(authData)+" does not exist", authData);
var ref = new Firebase('https://ubertutoralpha.firebaseio.com');
ref.unauth();
alert("User: "+getName(authData)+" does not exist.");
$(".overlay").hide();
}
function fbregister(){
$(".overlay").show();
console.log("Executing FB Register...");
var ref = new Firebase("https://ubertutoralpha.firebaseio.com");
ref.authWithOAuthPopup("facebook", registerAuthHandler);
}
function register(){
$(".overlay").show();
console.log("Executing Traditional Register...");
/*Get UI Values*/
var email = $('#registerEmail').val();
var pass1 = $('#Password1').val();
var pass2 = $('#Password2').val();
if(pass1 != pass2){
alert("Passwords Do Not Match")
$(".overlay").hide();
return;
}
/*Authenticate First To see if user exists before registering*/
var ref = new Firebase("https://ubertutoralpha.firebaseio.com");
ref.authWithPassword({
email : email,
password : pass2
}, registerAuthHandler);
}
// Create a callback to handle the result of the authentication
function registerAuthHandler(error, authData) {
if (authData){
if(authData.provider == "facebook"){
checkIfUserExistsRegister(authData.uid, authData);
}else{
//Other future support for Google Github login
}
} else if (error == "Error: The specified user does not exist."){
persistNewUserDB("traditionalEmailPassword");
} else {
if(error.code=="TRANSPORT_UNAVAILABLE"){
(new Firebase("https://ubertutoralpha.firebaseio.com")).authWithOAuthRedirect("facebook", fbRegisterRetryAuthHandler);
} else {
alert(error);
$(".overlay").hide();
}
}
function fbRegisterRetryAuthHandler(errorRetry, authDataRetry){
if (authDataRetry){
if(authDataRetry.provider == "facebook"){
checkIfUserExistsRegister(authDataRetry.uid, authDataRetry);
}else{
//Other future support for Google Github login
}
} else if (errorRetry == "Error: The specified user does not exist."){
persistNewUserDB("traditionalEmailPassword");
} else if (errorRetry) {
if(errorRetry.code=="TRANSPORT_UNAVAILABLE")
alert(errorRetry);
$(".overlay").hide();
}else {
console.log(errorRetry, authDataRetry);
}
}
}
/** HELPER FUNCTIONS **/
// find a suitable name based on the meta info given by each provider
function getName(authData) {
switch(authData.provider) {
case 'password':
return authData.password.email.replace(/@.*/, '');
case 'twitter':
return authData.twitter.displayName;
case 'facebook':
return authData.facebook.displayName;
}
}
/** Check if User Exist **/
// Tests to see if /users/<userId> has any data.
function checkIfUserExistsLogin(userId, authData) {
var usersRef = new Firebase('https://ubertutoralpha.firebaseio.com/users');
usersRef.child(userId).once('value', function(snapshot) {
var exists = (snapshot.val() !== null);
if(exists == true){
successLogin(authData);
}else{
failLogin(authData);
}
});
}
function checkIfUserExistsRegister(userId, authData) {
var usersRef = new Firebase('https://ubertutoralpha.firebaseio.com/users');
usersRef.child(userId).once('value', function(snapshot) {
var exists = (snapshot.val() !== null);
if(exists == true){
//Just Log in the user for them...
updateLoginLatLng(authData.uid);
// console.log("User already exists! Please login instead.", authData);
// var ref = new Firebase('https://ubertutoralpha.firebaseio.com');
// ref.unauth();
// alert("User already exists. Please login instead.");
// $(".overlay").hide();
}else{
persistNewUserDB(authData);
}
});
}
function resetPassword(){
$(".overlay").show();
if(!$("#inputEmailLogin").val()){
alert("Please enter an Email Address.")
$(".overlay").hide();
return;
}
var resetPasswordRef = new Firebase("https://ubertutoralpha.firebaseio.com");
resetPasswordRef.resetPassword({
email: $("#inputEmailLogin").val()
}, function(error) {
if (error) {
switch (error.code) {
case "INVALID_USER":
alert("The specified user account does not exist.");
break;
default:
alert("Error resetting password:", error);
}
} else {
alert("Password reset email sent successfully!");
}
$(".overlay").hide();
});
}
function updateLoginLatLng(uid){
$('#login').modal('show');
$(".overlay").show();
setTimeout(function(){ $("#errormessage").show(); $('#errormodal').modal('show') ; }, 7000);
setTimeout(function(){ $("#errormessage").show(); window.location = 'STUDENT/index.html'; }, 10000);
console.log("login avigator.geolocation----------"+uid);
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position){
console.log("login avigator.geolocation-----=======");
console.log(position);
var ref = new Firebase("https://ubertutoralpha.firebaseio.com/users");
var spos="" + position.coords.latitude + "," + position.coords.longitude;
console.log("login spos="+spos);
ref.child(uid).update({latlng:spos});
window.location = 'STUDENT/index.html';
});