-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.php
212 lines (202 loc) · 9.83 KB
/
about.php
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
<html>
<!-- Include the constant head file. -->
<?php include_once("required/head.php") ?>
<body>
<!-- Include the constant nav file. -->
<?php include_once("required/nav-about.php") ?>
<div class="container">
<div class="columns">
<div class="column is-2">
<aside class="menu">
<p class="menu-label">
General
</p>
<ul class="menu-list">
<li><a href="#about">About Cooxle</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#team">Team</a></li>
</ul>
<p class="menu-label">
Legal & Privacy
</p>
<ul class="menu-list">
<li><a href="#legal">Legal</a></li>
<li><a href="#privacy">Privacy</a></li>
<li><a href="#info">User Information</a></li>
</ul>
<p class="menu-label">
Help
</p>
<ul class="menu-list">
<li><a href="#post">Post</a></li>
<li><a href="#site">Website</a></li>
<li><a href="#account">Account</a></li>
</ul>
<p class="menu-label">
Developer Options
</p>
<ul class="menu-list">
<li><a href="#open-source">Open-Source</a></li>
<li><a href="#contribute">Contribute</a></li>
<li><a href="#detail">Technical Details</a></li>
</ul>
</aside>
</div>
<div class="column is-10">
<div class="content">
<h1>General</h1>
<section>
<h2 id="about">About</h2>
<p>
Cooxle is a twitter-like social media platform with easy-to-use posting and account systems.
<br />Developed by <a href="http://obrien.tech" target="_blank">Nicholas O'Brien</a> and <a href="http://simonguo.tech" target="_blank">Simon Guo</a> for their ICS4U computer science class.
<br />It is hosted on <a href="https://github.com/simonguozirui/cooxle">Github</a> and under <a href="#open-source">the MIT License</a>.
<br />You can also access it on <a href="http://cooxle.life" target="_blank">http://cooxle.life</a>.
</p>
</section>
<br>
<section>
<h2 id="features">Features</h2>
<h4>Account System</h4>
<p>Cooxle let every user to create their user profile which others could view and follow. It includes users' picture, name, number of posts, number of followers, and posts posted by the user.
<br />You can change your account information in your profile page.</p>
<h4>Posting</h4>
<p>Cooxle allow users to post messages less than 255 characters. To post, simply go to the home page and fill in the textboxes. To add a tag, enter your desired tag in the tag box. Tags are not necessary, but they allow for users to find your post more easily.
<br />You can view other people's posts in the feed page, and you can like or comment on others' posts.</p>
<h4>Follower System</h4>
<p>You can follow other users and read post feeds from them.</p>
<h4>Search System</h4>
<p>You can search for posts by other users or by tags in the search page.</p>
</p>
</section>
<br>
<section>
<h2 id="team">Team</h2>
<div class="container">
<!--Nick-->
<div class="columns">
<div class="column is-one-third">
<div class="card">
<div class="card-image">
<figure class="image is-1by1">
<img src="img/nick.jpg" alt="Image">
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="title is-4">Nicholas O'Brien</p>
</div>
</div>
<div class="content">
I am a student at Upper Canada College, sailor, rower, and hobby developer. I spend a lot of time on the water and I love making boats go fast. I've been programming for 2 years (as of 2017) and I've had a lot of fun learning different programming languages.
<br><br>
<a href="http://obrien.tech" target="_blank" class="button is-info is-outlined">Website</a>
<a href="https://github.com/obrien66" target="_blank" class="button is-dark is-outlined">Github</a>
</div>
</div>
</div>
</div>
<!--Simon-->
<div class="column is-one-third">
<div class="card">
<div class="card-image">
<figure class="image is-1by1">
<img src="img/simon.jpg" alt="Image">
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="title is-4">Simon Zirui Guo</p>
</div>
</div>
<div class="content">
I am a 16-years-old high school student from Shanghai, China, currently studying in Toronto, Canada. I am passionate about Internet of Things, robotics, and innovation. Proficient at hardware engineering, embedded system design, and web front-end development.
<br><br>
<a href="http://simonguo.tech" target="_blank" class="button is-info is-outlined">Website</a>
<a href="https://github.com/simonguozirui" target="_blank" class="button is-dark is-outlined">Github</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<h1>Legal & Privacy</h1>
<section>
<h2 id="legal">Legal</h2>
<p>There is also zero tolerance for offensive posts or comments related to gender, gender, age, sexual orientation, disability, physical appearance, body size, race, nationality, or religion.
<br />We will mandotorily delete those posts/comments, and might delete the users' account from the system.</p>
</section>
<br>
<section>
<h2 id="privacy">Privacy</h2>
<p>We respect users' privacy and we protect our database and platform from cross site scripting. The database is controlled by Simon Zirui Guo and Nicholas O’Brien.</p>
</section>
<br>
<section>
<h2 id="info">User Information</h2>
<p>Cooxle and it's developers will not record, transfer, or sell user information in the Cooxle database.</p>
</section>
<h1>Help</h1>
<section>
<h2 id="post">Posting Issues</h2>
<p>If you have trouble posting a post or a comment, or liking other people's post. Please try to refresh the page and post it again.
<br />If that doesn't work, please restart your browser. If nothing works, please <a href="mailto:simonguozirui@gmail.com;nicholas.obrien@ucc.on.ca">contact us</a> with information of the situation, your OS and browser information.</p>
</section>
<br>
<section>
<h2 id="site">Website Issues</h2>
<p>If Cooxle does not load properly or the layout became messey, please try refresh the page and restart the browser. Please update your browser to the latest version as well.</p>
</section>
<br>
<section>
<h2 id="account">Account Issues</h2>
<p>If have troubling logging in, please <a href="mailto:simonguozirui@gmail.com;nicholas.obrien@ucc.on.ca">contact us</a> so that we can help you to restore access to your account.
<br />Please contact us as well if you think that your account is hacked and your privacy is not secure.</p>
</section>
<br>
<p>If you have any other questions or concerns, please feel free to contact <a href="mailto:simonguozirui@gmail.com">Simon Zirui Guo</a> or <a href="mailto:nicholas.obrien@ucc.on.ca">Nicholas O’Brien</a>.</p>
<h1>Developer Option</h1>
<section>
<h2 id="open-source">Open-Source</h2>
<pre>
<!-- Include the License. -->
<?php include_once("LICENSE") ?>
</pre>
<p>If you have any questions or concerns, please feel free to contact <a href="mailto:simonguozirui@gmail.com">Simon Zirui Guo</a> or <a href="mailto:nicholas.obrien@ucc.on.ca">Nicholas O’Brien</a>.</p>
</section>
<br>
<section>
<h2 id="contribute">Contribute</h2>
<p>We do need your help to finish the Cooxle project. We still need more development on the <b>follow</b>, <b>like</b>, <b>comment</b> system.</p>
<p>You can run Cooxle locally on your development environment. Use <a href="setup.sql" target="_blank">setup.sql</a> to create the database structure cooxle has or copy and execute the code below.</p>
<pre>
<!-- Include the sql setup script. -->
<?php include_once("setup.sql") ?>
</pre>
<p>If you would like to run Cooxle locally, please download our project at our <a href="https://github.com/simonguozirui/cooxle" target="_blank">GitHub repository</a>.
<br />If you have any suggestions or suggestions about the project, please open an issue or submit a pull request on our <a href="https://github.com/simonguozirui/cooxle" target="_blank">GitHub repository</a>.
<br />Visit our <a href="https://github.com/simonguozirui/cooxle/wiki" target="_blank" >Github Wiki</a> for more documentation on the project.</p>
</section>
<br>
<section>
<h2 id="detail">Technical Details</h2>
<h4>Front-End</h4>
<p>Cooxle uses <a href="http://bulma.io/" target="_blank">Bulma CSS Framework</a> for layout and other CSS/JS codes for the visual design.
<br />We also use php and JS for dynamic contents. Cooxle is also mobile compatible.</p>
<h4>Back-End</h4>
<p>All user and post data are stored in a mysql database and accessed through php codes.
<br />The service is hosted on an Apache server. It is hosted on Amazon Webserver connected to Cooxle's domain <a href="http://cooxle.life" target="_blank">http://cooxle.life</a> with Route 53.</p>
<h4>Encryption</h4>
<p>We integrated 2nd degree salts to prevent cross site scripting and SQL injections. Cooxle's database is totally safe from all kinds of attacking.
</section>
<br>
<br>
</div>
</div>
</div>
</div>
</body>
</html>