This repository has been archived by the owner on Feb 19, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.ejs
153 lines (149 loc) · 6.71 KB
/
index.ejs
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="http://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="assets/styles.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Montserrat:200,400,700" rel="stylesheet">
<title>
WebTalky
</title>
<link rel="icon" href="images/icon.png" type="image/icon type">
<div id="logo">
<img src="images/logo.png" width="380" height="100" alt="Webtalky">
</div>
</head>
<body>
<h1 class = "heading">Welcome to Webtalky!</h1>
<div class="intro">
<h2> Start anonymous chats!!</h2>
<p id="intro_para"> Choose a topic and connect with someone, far or close and start a conversation. </p>
<p id="intro_para"> Keep your privacy at ease and get connected with someone who has the same interests as you.</p>
</div>
<br>
<div class="center-info">
<div id= "promo">
<div class="circular">
<p>Like a <strong>CHAT</strong> where:</p>
<ul>
<li>No need to wait too long for a reply, the chat is instantanous.</li>
<br>
<li>Correspondence can last for months.</li>
</ul>
</div>
<br>
<div class="circular">
<p>Like a <strong>BLOG</strong> where:</p>
<ul>
<li>Each topic chat request is guaranteed a match.</li>
<br>
<li>Discussion takes place in real time.</li>
</ul>
</div>
<br>
<div class="circular">
<p> How to <strong>SOCIAL NETWORK</strong> where:</p>
<ul>
<li>No followers, news feeds or likes.</li>
<br>
<li>At any time of the day there is someone to talk to.</li>
</ul>
</div>
</div>
<div id="login-form">
<form action="/login" method="POST">
<div class="circular-login">
<div>
<br>
<span class="login-status"><% if (typeof loginStatus !== 'undefined') { %>
<%= loginStatus %>
<br>
<% } %></span>
<span class="created-account"><% if (typeof statusMessage !== 'undefined') { %>
<%= statusMessage %>
<br>
<% } %></span>
</div>
<label for="uname"><b>Email Address:</b></label>
<input type="email" name="email" class="form-control" placeholder="Email" id="email" name="email" autocomplete ="on" required>
<br>
<label for="uname"><b>Password:</b></label>
<input type="password" class="form-control" placeholder="Password" id="password" name="password" required>
<br>
<button type="submit" class="roundButton btn-primary">Sign In</button>
</div>
</form>
<br>
<form action="/register" onsubmit="return checkForm(this);" method="POST">
<div class="circular-signin">
<p><strong>New to WebTalky?</strong> Join us.</p>
<label for="name"><b>Name:</b></label>
<input type="text" placeholder="Your name" id="name" name="name" required>
<br>
<label for="uname"><b>Email Address:</b></label>
<input type="email" class="form-control" placeholder="Your email" id="email" name ="email" required>
<br>
<label for="password"><b>Password:</b></label>
<input type="password" class="form-control" placeholder="Create a password" id="password" name= "password" required>
<br>
<label class="form-check-label">
<input class="form-check-input" id ="Agree" type="checkbox" name="terms">I accept the
<button type = "button" id="modal-button" class="myModal">user agreement</button>
</label>
<br>
<button type="submit" class="roundButton btn-primary">Sign Up</button>
</div>
</form>
<div id="myModal" class="modal">
<div class="modal-content">
<span class="close">×</span>
<p>
<strong>Terms of Service:</strong>
</p>
<p>
This Terms of Service Agreement (hereinafter "Agreement") sets forth the terms and conditions by which we, WWW Adventures, provide the WebTalky Application Services to site visitors, users. By visiting our site, using any of the tools and services provided via our site, you thereby agree to be bound by each of the terms and conditions of this Agreement.
</p>
<p>
We may automatically amend this Agreement at any time by informing you of the amended terms. For user to WebTalky it is their responsibility to read this Terms of Service each time they access any portion of our site. Any usage of this site by you, including merely viewing our home page or any page published on our site, as an unregistered WebTalky's user, means that you agree to be bound by each and every one of the terms and conditions of this Terms of Service Agreement.
</p>
<p>
1. <strong>General</strong>
<br>
<ul>
<li>WebTalky is always striving to improve the Service and bring you additional functionality that you will find engaging and useful. This means we may add new product features or enhancements from time to time as well as remove some features, and if these actions do not materially affect your rights or obligations, we may not provide you with notice before taking them.</li>
</ul>
</p>
<p>
2. <strong>Privacy vs Violations</strong>
<br>
<ul>
<li>No third parties can access the content you share in the app.
Despite the fact that this space is anonymous and secure, users are obliged to follow the rules. We will tolerate terrorism, pedophilia, violence, underaged users, pornography, bullying or other restrictive behavior.</li>
</ul>
</p>
<p>
3. <strong>Community Rules.</strong>
<br>
By using the Service, you agree that you will not:
</p>
<p>
<ul>
<li>Use the Service for any purpose that is illegal or prohibited by this Agreement.</li>
<li>Use the Service for any harmful or nefarious purpose.</li>
<li>Use the Service in order to damage WebTalky.</li>
<li>Spam, solicit money from or defraud any users.</li>
<li>Impersonate any person or entity or post any images of another person without his or her permission.</li>
<li>Bully, “stalk,” intimidate, assault, harass, mistreat or defame any person.</li>
<li>Post any Content that violates or infringes anyone’s rights, including rights of publicity, privacy, copyright, trademark or other intellectual property or contract right.</li>
<li>Post any Content that is hate speech, threatening, sexually explicit or pornographic; incites violence; or contains nudity or graphic or gratuitous violence.</li>
<li>Post any Content that promotes racism, bigotry, hatred or physical harm of any kind against any group or individual.</li>
</ul>
</p>
</div>
<script src="js/index.js"></script>
</div>
</div>
</div>
</body>
</html>