-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
148 lines (139 loc) · 7.69 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-31292234-3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-31292234-3');
</script>
<!-- end google analytics -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Southeast Asia Related Scholarships | UH CSEAS</title>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css">
<link rel="stylesheet" type="text/css" href="scholarships.css">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js"></script>
</head>
<body>
<div class="ui left sidebar">
<h2>Filter Results</h2>
<form id="filter-options">
<fieldset>
<legend>Country</legend>
<label for="country-brunei"><input type="checkbox" id="country-brunei" value="brunei"> Brunei</label>
<label for="country-cambodia"><input type="checkbox" id="country-cambodia" value="cambodia"> Cambodia</label>
<label for="country-indonesia"><input type="checkbox" id="country-indonesia" value="indonesia"> Indonesia</label>
<label for="country-laos"><input type="checkbox" id="country-laos" value="laos"> Laos</label>
<label for="country-malaysia"><input type="checkbox" id="country-malaysia" value="malaysia"> Malaysia</label>
<label for="country-myanmar"><input type="checkbox" id="country-myanmar" value="myanmar"> Myanmar</label>
<label for="country-philippines"><input type="checkbox" id="country-philippines" value="philippines"> Philippines</label>
<label for="country-singapore"><input type="checkbox" id="country-singapore" value="singapore"> Singapore</label>
<label for="country-thailand"><input type="checkbox" id="country-thailand" value="thailand"> Thailand</label>
<label for="country-timor-leste"><input type="checkbox" id="country-timor-leste" value="timor-leste"> Timor-Leste</label>
<label for="country-vietnam"><input type="checkbox" id="country-vietnam" value="vietnam"> Vietnam</label>
</fieldset>
<fieldset>
<legend>Fund Source</legend>
<label for="fund-source-internal"><input type="checkbox" id="fund-source-internal" value="Internal (UHM)"> Internal (UH Mānoa funding)</label>
<label for="fund-source-external"><input type="checkbox" id="fund-source-external" value="External"> External (Non-UH Mānoa)</label>
</fieldset>
<fieldset>
<legend>Citizenship</legend>
<label for="eligibility-citizenship-us"><input type="checkbox" id="eligibility-citizenship-us" value="US"> United States</label>
<!-- <label for="elibility-citizenship-nonus"><input type="checkbox" id="eligibility-citizenship-nonus" value="elibility-citizenship-nonus"> non-US Citizen</label>
<label for="elibility-citizenship-any"><input type="checkbox" id="eligibility-citizenship-any" value="elibility-citizenship-any"> Any/no restriction</label> -->
</fieldset>
<fieldset>
<legend>Class Level</legend>
<label for="eligibility-level-undergraduate"><input type="checkbox" id="eligibility-level-undergraduate" value="undergraduate"> Undergraduate</label>
<label for="eligibility-level-graduate"><input type="checkbox" id="eligibility-level-graduate" value="graduate"> Graduate</label>
<label for="eligibility-level-professional"><input type="checkbox" id="eligibility-level-professional" value="professional"> Professional</label>
</fieldset>
</form>
<h2>About this Resource</h2>
<p>
This is a list of scholarships which may be applicable or related to study in or of Southeast Asia. This list is curated by the <a href="http://www.cseashawaii.org">Center for Southeast Asian Studies, University of Hawaiʻi at Mānoa</a>. Because this is a curated list (these awards, unless otherwise stated, are not administered by CSEAS), please see the contact point or website for more information on specific awards.
</p>
<p>
We try to keep it up to date but some things may get past us. Please alert us of any broken links or other issues at <a href="mailto:[email protected]">[email protected]</a>.
</p>
<h2>Key</h2>
This key defines some terminology used in the scholarship descriptions.
<ul>
<li><b>Fund source</b>: internal/external - whether the source is UH Mānoa (internal) or an external entity.</li>
<li><b>Length</b>: short term/long term/n/a - period of time of the award if stated. Time periods mostly apply to workshop and professional devlopment type awards</li>
<li><b>Grade level</b>: undergraduate/graduate/faculty/professional</li>
<li><b>Place of Study</b> - country or countries where you will be able to apply the award</li>
<li><b>SEA Country Focus</b> - some awards are specific to study in/of a certain country or countries in SEA</li>
<li><b>Discipline Focus</b> - which fields/disciplines are covered by the award</li>
<li><b>Citizenship</b> - citizenship requirement of the applicant</li>
</ul>
</div>
<div class="pusher">
<div class="ui top attached menu">
<div class="item" id="s-menu-toggle"><i class="large bars icon"></i> Filter</div>
<div class="header item">
<img src="img/uhcseas_logo.png" href="http://www.cseashawaii.org">
</div>
<div class="header item">Southeast Asia Related Scholarships</div>
</div>
<div class="back-to-cseas">
<a href="http://www.cseashawaii.org">Back to CSEASHawaii.org.</a>
</div>
<div id="list-wrapper"><!-- both search & list must be inside this wrapper for search to work-->
<div id="search-wrapper" class="ui segment raised">
<label>Search by keyword:
<input class="search" placeholder="search by keyword (example: 'language')"><br/>
</label>
<span class="search-help">Results will be narrowed by matching to search terms.</span>
</div>
<div id="award-wrapper" class="ui basic segment">
<table id="awards-table" class="ui unstackable celled striped table">
<thead>
<tr id="awards-table-header-row">
<th class="sort" data-sort="name">Name</th>
<th>Website</th>
<th class="sort" data-sort="fundsource">Funding Source</th>
<th class="sort" data-sort="fundingtype">Funding Type</th>
<th class="sort" data-sort="length">Length</th>
<th>Place of Study</th>
<th>SEA Country Focus</th>
<th>Discipline Focus</th>
<th class="sort" data-sort="gradelevel">Class Level</th>
<th class="sort" data-sort="citizenship">Citizenship Requirement</th>
<th>Contact Name</th>
<th>Contact Email</th>
<th>Deadline</th>
</tr>
</thead>
<tbody class="list"><!-- class="list" is CRITICAL for list.js to recognize it. underlying structure is not as imp -->
<!-- This is where the data will go.
The structure is populated by List.js & Tabletop -->
</tbody>
</table>
</div>
</div>
</div>
<!-- sidebar properties & toggle button -->
<script>
$('.ui.left.sidebar').sidebar({
dimPage:true,
closable:true // so if click within pusher, sidebar doesn't close
});
// only toggle the sidebar with this element
document.getElementById('s-menu-toggle').addEventListener('click',function(){
$('.ui.left.sidebar').sidebar('toggle');
});
</script>
<!-- Tabletop -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/tabletop.js/1.5.1/tabletop.min.js'></script>
<!-- List.js for sort and filter -->
<script src="list.min.js"></script>
<!-- custom -->
<script src="scholarships.js"></script>
</body>
</html>