-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbrowse.php
293 lines (275 loc) · 15.1 KB
/
browse.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
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
<?php
if(isset($_POST["language"])){
$language = $_POST["language"];
setcookie("language", $language, time() + (86400 * 30), "/");
}elseif(!isset($_COOKIE["language"])) {
$language = "en";
setcookie("language", $language, time() + (86400 * 30), "/");
}else{
$language=$_COOKIE["language"];
}
require_once ('vendor/autoload.php');
include 'include/db_connect.php';
include 'functions/functions.php';
use \Statickidz\GoogleTranslate;
$content["login__sign_in_account"]="If you have previously created a profile and are a registered guide, please sign in below";
$content["login__login_general_use_description"]= "This website will allow you to either help guide an immagrant family or if you are an immagrant family you can find resdients help make your transtion to your new home smoother. Don't worry, your information is confidential and secure";
$content["login__sign_in_header_text_bold"]= "Sign in";
$content["login__login"] = "Login";
$content["login__create_account_button"]= "Create Account";
$content["login__sign_in_header_text"]= "to your account";
$content["login__create_account"]="If you are new to this website, click the button below to get started on your personal profile and make one step closer to finding your future guide";
$content["c1t__last_name"] = "";
$content["c1t__first_name"] = "";
$content["c1t__age"] = "";
$content["c1st__city"] = "";
$content["c1st__state"] = "";
$content["c1f__language"] = "";
$content["c1f__nationality"] = "";
$content["c1f__religion"] = "";
$content["c1f__gender"] = "";
$content["c1f__study"] = "";
$content["c1p__family"] = "";
$content["c1v__quick_info1"] = "";
$content["c1v__quick_info2"] = "";
$trans = new GoogleTranslate();
foreach($content as $key => $text){
$content["$key"] = $trans->translate("en", $language, $text);
}
$guides = get_guides($conn);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title><?php $content["login__login"]; ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/theme.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="js/main.js"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
<style>
.card-container {
width: 100%;
background-color: white;
border-radius: 5px;
height: 250px;
margin-bottom: 25px;
clear: both;
transition: 0.3s ease-in-out;
}
.card-container:hover {
box-shadow: 0px 0px 15px lightgray;
margin-left: 15px;
}
.card-container-left {
width: 40%;
height: 100%;
float: left;
padding: 20px;
box-sizing: border-box;
}
.card-container-right {
width: 60%;
height: 100%;
float: right;
background-color: white;
padding: 20px;
box-sizing: border-box;
}
.card-picture {
float: left;
height: 50px;
width: 50px;
background-color: lightgray;
border-radius: 50px;
margin-right: 20px;
}
.card-title {
font-weight: 400;
text-transform: uppercase;
font-size: 24px;
}
.card-subtitle {
text-transform: uppercase;
font-size: 13px;
letter-spacing: 1px;
}
.card-container-title {
height: 50px;
}
.card-container-content {
font-size: 13px;
text-transform: lowercase;
color: gray;
}
.card-container-content b {
text-transform: uppercase;
color: black;
}
.card-row {
display: block;
float: left;
clear: left;
margin-bottom: 25px;
}
.card-field, .card-verified {
float: left;
margin-right: 35px;
}
.card-paragraph {
text-align: justify;
}
.card-verified {
text-transform: uppercase;
}
.card-container-left {
background-image: url("images/map.jpg");
background-size: cover;
}
.card-selected {
margin-left: 15px;
border-left: 4px solid #e0b548;
border-radius: 0px;
}
</style>
</head>
<body>
<header>
<nav>
<ul>
<li style="float: left; font-size: 20px;"><a href="index.php"><b>Jump</b>Start</a></li>
<li style="float: right; font-size: 20px;"><a href=""><i class="fas fa-map-marked-alt"></i></a></li>
<li style="float: right; font-size: 20px;"><a href="browse.php"><i class="fas fa-list"></i></a></li>
<li style="float: right; font-size: 20px;" class="dropdown"><a href="javascript:void(0)" class="dropbtn"><i class="fas fa-user-cog"></i></a>
<div class="dropdown-content">
<a href="#">Account</a>
<a href="#">Sign Out</a>
</div>
</li>
</ul>
</nav>
</header>
<main>
<?php foreach($guides as $person){
?>
}
$guides = get_guides($conn);
<div class="card-container">
<div class="card-container-left">
<div class="card-picture"><img src=""></div>
<div class="card-container-title">
<div class="card-subtitle"><?php echo $trans->translate("en", $language, $person->city . ", " . $person->state);?></div>
<div class="card-title"><b><?php echo $trans->translate("en", $language, $person->user_first_name . " " . $person->user_last_name); ?></b>, <?php echo $trans->translate($person->age); ?></div>
</div>
</div>
<div class="card-container-right">
<div class="card-container-content">
<div class="card-row">
<div class="card-field"><b><?php echo $trans->translate("en", $language, $person->primary_language); ?></b><br>primary language</div>
<div class="card-field"><b><?php echo $trans->translate("en", $language, $person->nationality); ?></b><br>nationality</div>
<div class="card-field"><b><?php echo $trans->translate("en", $language, $person->religion); ?></b><br>religion</div>
<div class="card-field"><b><?php echo $trans->translate("en", $language, $person->gender); ?></b><br>gender</div>
<div class="card-field"><b><?php echo $trans->translate("en", $language, $person->occupation); ?></b><br>field of study</div>
</div>
<div class="card-row">
<div class="card-paragraph"><?php echo $trans->translate("en", $language, $person->self_desc); ?></div>
</div>
<!-- <div class="card-row">
<div class="card-verified" style="color: #008F95;"><i class="fas fa-users"></i> Involved in Community</div>
<div class="card-verified" style="color: #E24E42;"><i class="fas fa-clock"></i> Previous Refugee</div>
</div> -->
</div>
</div>
</div>
<?php
}?>
<!-- BEGIN HARD CODED -->
<div class="card-container">
<div class="card-container-left">
<div class="card-picture"><img src=""></div>
<div class="card-container-title">
<div class="card-title"><b><?php echo $trans->translate("en", $language, 'Griffin Burkhardt')?></b>, 20</div>
<div class="card-subtitle"><?php echo $trans->translate("en", $language, 'Montgomery, OH')?></div>
</div>
</div>
<div class="card-container-right">
<div class="card-container-content">
<div class="card-row">
<div class="card-field"><b><?php echo $trans->translate("en", $language,'English')?></b><br><?php echo $trans->translate("en", $language, 'primary language') ?></div>
<div class="card-field"><b><?php echo $trans->translate("en", $language, 'White')?></b><br><?php echo $trans->translate("en", $language, 'nationality')?></div>
<div class="card-field"><b><?php echo $trans->translate("en", $language, 'Christian') ?></b><br><?php echo $trans->translate("en", $language, 'religion') ?></div>
<div class="card-field"><b><?php echo $trans->translate("en", $language, 'Male')?></b><br><?php echo $trans->translate("en", $language, 'gender')?></div>
<div class="card-field"><b><?php echo $trans->translate("en", $language, 'Business')?></b><br><?php echo $trans->translate("en", $language, 'field of study')?></div>
</div>
<div class="card-row">
<div class="card-paragraph"><?php echo $trans->translate("en", $language, 'Hi, my name is Griffin, a leadership-oriented Junior student at Northern Kentucky University with an ability to utilize agile methodology and an inspiration to produce quality driven work seeking an internship in project management that blends business analytics and web development')?></div>
</div>
<div class="card-row">
<div class="card-verified" style="color: #008F95;"><i class="fas fa-users"></i> <?php echo $trans->translate("en", $language, 'Involved in Community')?></div>
<div class="card-verified" style="color: #E24E42;"><i class="fas fa-clock"></i> <?php echo $trans->translate("en", $language, 'Previous Refugee')?></div>
</div>
</div>
</div>
</div>
<div class="card-container card-selected">
<div class="card-container-left">
<div class="card-picture"><img src=""></div>
<div class="card-container-title">
<div class="card-title"><b><?php echo $trans->translate("en", $language, 'Brent Schleper')?></b>, 20</div>
<div class="card-subtitle"><?php echo $trans->translate("en", $language, 'Highland Heights, KY')?></div>
</div>
</div>
<div class="card-container-right">
<div class="card-container-content">
<div class="card-row">
<div class="card-field"><b><?php echo $trans->translate("en", $language,'English')?></b><br><?php echo $trans->translate("en", $language, 'primary language') ?></div>
<div class="card-field"><b><?php echo $trans->translate("en", $language, 'White')?></b><br><?php echo $trans->translate("en", $language, 'nationality')?></div>
<div class="card-field"><b><?php echo $trans->translate("en", $language, 'Christian') ?></b><br><?php echo $trans->translate("en", $language, 'religion') ?></div>
<div class="card-field"><b><?php echo $trans->translate("en", $language, 'Male')?></b><br><?php echo $trans->translate("en", $language, 'gender')?></div>
<div class="card-field"><b><?php echo $trans->translate("en", $language, 'Technology')?></b><br><?php echo $trans->translate("en", $language, 'field of study')?></div>
</div>
<div class="card-row">
<div class="card-paragraph"><?php echo $trans->translate("en", $language, 'Student in the College of Informatics at Northern Kentucky University driven in furthering my knowledge in software development and data science')?></div>
</div>
<div class="card-row">
<div class="card-verified" style="color: #008F95;"><i class="fas fa-users"></i> <?php echo $trans->translate("en", $language, 'Involved in Community')?></div>
</div>
</div>
</div>
</div>
<div class="card-container">
<div class="card-container-left">
<div class="card-picture"><img src=""></div>
<div class="card-container-title">
<div class="card-title"><b><?php echo $trans->translate("en", $language, 'Tobel Atnafu')?></b>, 27</div>
<div class="card-subtitle"><?php echo $trans->translate("en", $language, 'Highland Heights, KY')?></div>
</div>
</div>
<div class="card-container-right">
<div class="card-container-content">
<div class="card-row">
<div class="card-field"><b><?php echo $trans->translate("en", $language,'English')?></b><br><?php echo $trans->translate("en", $language, 'primary language') ?></div>
<div class="card-field"><b><?php echo $trans->translate("en", $language,'Amharic')?></b><br><?php echo $trans->translate("en", $language, 'secondary language') ?></div>
<div class="card-field"><b><?php echo $trans->translate("en", $language, 'Ethopian')?></b><br><?php echo $trans->translate("en", $language, 'nationality')?></div>
<div class="card-field"><b><?php echo $trans->translate("en", $language, 'Christian') ?></b><br><?php echo $trans->translate("en", $language, 'religion') ?></div>
<div class="card-field"><b><?php echo $trans->translate("en", $language, 'Male')?></b><br><?php echo $trans->translate("en", $language, 'gender')?></div>
<div class="card-field"><b><?php echo $trans->translate("en", $language, 'Technology')?></b><br><?php echo $trans->translate("en", $language, 'field of study')?></div>
</div>
<div class="card-row">
<div class="card-paragraph"><?php echo $trans->translate("en", $language, 'Student in the College of Informatics at Northern Kentucky University driven in furthering my knowledge in software development and data science')?></div>
</div>
<div class="card-row">
<div class="card-verified" style="color: #E24E42;"><i class="fas fa-clock"></i> F1 Student Visa</div>
<div class="card-verified" style="color: #6A5ACD;"><i class="fas fa-graduation-cap"></i> Educational Student</div>
<div class="card-verified" style="color: #008F95;"><i class="fas fa-users"></i> <?php echo $trans->translate("en", $language, 'F1 Student Visa')?></div>
<div class="card-verified" style="color: #E24E42;"><i class="fas fa-clock"></i> <?php echo $trans->translate("en", $language, 'Educational Student')?></div>
</div>
</div>
</div>
</div>
</main>
</body>
<footer>
</footer>
</html>