Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
488 lines (484 sloc) 24.9 KB
<!DOCTYPE html>
<html lang="en" manifest="appcache.manifest">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>FFCS on The Go</title>
<link rel="icon" sizes="192x192" href="images/icon192x192.png">
<link rel="icon" href="images/favicon.png">
<meta name="author" content="Vatsal Joshi" />
<meta name="subject" content="Education" />
<meta name="Description" content="Visualize and make the most optimum timetable for yourself." />
<meta name="Keywords" content="VIT,University,Vellore,FFCS,ffcsonthego,course,registration,on,The,Go,timetable,visualize"
/>
<meta name="distribution" content="Global" />
<meta name="country" content="India" />
<meta property="og:title" content="FFCS on The Go" />
<meta property="og:url" content="http://ffcsonthego.azurewebsites.net/" />
<meta property="og:image" content="https://vatz88.github.io/FFCSonTheGo/images/og_image.png" />
<meta property="og:description" content="Visualize and make the most optimum timetable for yourself." />
<meta property="og:site_name" content="FFCS on The Go" />
<meta property="fb:app_id" content="1698400863751487" />
<!--bootstrap cdn -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-horizon/0.1.1/bootstrap-horizon.min.css" />
<!-- easy-autocomplete -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/easy-autocomplete/1.3.5/easy-autocomplete.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/easy-autocomplete/1.3.5/easy-autocomplete.themes.min.css"
/>
<!-- enjoy hints -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/enjoyhint/3.1.0/enjoyhint.css" />
<!-- css -->
<link rel="stylesheet" href="css/style.css" />
</head>
<body onload="removeHoverCSSRule()">
<script>
// Google anlytics
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-75111209-1', 'auto');
ga('send', 'pageview');
// Facebook JavaScript SDK
window.fbAsyncInit = function () {
FB.init({
appId: '1698400863751487',
xfbml: true,
version: 'v2.5'
});
};
(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {
return;
}
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!--Website content-->
<header class="container-fluid">
<div class="row text-center">
<div class="col-xs-12">
<div class="alert alert-info alert-dismissible" role="alert">
<button class="close" type="button" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<a href="https://github.com/VaTz88/FFCSonTheGo" target="_blank">Loved it? Star the repository on GitHub <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span></a>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-xs-12 text-center" id="site_heading">FFCS on The Go</div>
<div class="text-left col-xs-4 visible-xs">
<!-- WhatsApp Share-->
<a href="whatsapp://send?text=FFCS made hassle free! Check this out http://ffcsonthego.azurewebsites.net/" class="btn btn-success"><strong>Share </strong><img src="images/whatsapp.png" alt="WhatsApp"></a>
</div>
<div class="text-right col-sm-6 col-xs-8">
<!--Like and Share Facebook buttons-->
<div id="fb-like-share" class="fb-like" data-href="http://ffcsonthego.azurewebsites.net/" data-layout="button_count" data-action="like"
data-size="large" data-show-faces="true" data-share="true"></div>
</div>
</div>
</header>
<hr>
<!-- option buttons -->
<div id="option_buttons" class="container">
<div class="row text-center">
<button type="button" id="takeScreenShot" class="btn btn-primary">Take Timetable Screenshot</button>
<button type="button" id="toggleClickToSelect" data-toggle="button" class="btn btn-danger" data-state="enabled">Disable Clicking On Timetable</button>
<button type="button" id="resetButton" class="btn btn-success">Reset</button>
</div>
</div>
<!-- Quick selection tiles -->
<div class="quick-selection row-horizon">
<div class="container">
<div class="row row-horizon">
<div class="col-sm-1"><button class="A1-tile btn btn-default btn-block">A1</button></div>
<div class="col-sm-1"><button class="B1-tile btn btn-default btn-block">B1</button></div>
<div class="col-sm-1"><button class="C1-tile btn btn-default btn-block">C1</button></div>
<div class="col-sm-1"><button class="D1-tile btn btn-default btn-block">D1</button></div>
<div class="col-sm-1"><button class="E1-tile btn btn-default btn-block">E1</button></div>
<div class="col-sm-1"><button class="F1-tile btn btn-default btn-block">F1</button></div>
<div class="col-sm-1"><button class="G1-tile btn btn-default btn-block">G1</button></div>
</div>
<div class="row row-horizon">
<div class="col-sm-1"><button class="TA1-tile btn btn-default btn-block">TA1</button></div>
<div class="col-sm-1"><button class="TB1-tile btn btn-default btn-block">TB1</button></div>
<div class="col-sm-1"><button class="TC1-tile btn btn-default btn-block">TC1</button></div>
<div class="col-sm-1"><button class="TD1-tile btn btn-default btn-block">TD1</button></div>
<div class="col-sm-1"><button class="TE1-tile btn btn-default btn-block">TE1</button></div>
<div class="col-sm-1"><button class="TF1-tile btn btn-default btn-block">TF1</button></div>
<div class="col-sm-1"><button class="TG1-tile btn btn-default btn-block">TG1</button></div>
</div>
<div class="row row-horizon">
<div class="col-sm-1"><button class="TAA1-tile btn btn-default btn-block">TAA1</button></div>
<div class="col-sm-1"><button class="TBB1-tile btn btn-default btn-block" disabled="disabled">TBB1</button></div>
<div class="col-sm-1"><button class="TCC1-tile btn btn-default btn-block">TCC1</button></div>
<div class="col-sm-1"><button class="TDD1-tile btn btn-default btn-block" disabled="disabled">TDD1</button></div>
<div class="col-sm-1"><button class="TEE1-tile btn btn-default btn-block" disabled="disabled">TEE1</button></div>
<div class="col-sm-1"><button class="TFF1-tile btn btn-default btn-block" disabled="disabled">TFF1</button></div>
<div class="col-sm-1"><button class="TGG1-tile btn btn-default btn-block" disabled="disabled">TGG1</button></div>
</div>
</div>
</div>
<!-- testing timetable-->
<div class="container-fluid text-center">
<div class="row table-responsive">
<table id="timetable" class="table table-bordered">
<tr class="screenshot_msg">
<td colspan="16">FFCS on The Go | bit.ly/FFCSOTG</td>
</tr>
<tr>
<td class="ColumnOneDays">THEORY HOURS</td>
<td class="TheoryHours">08:00 AM<br>to<br>08:50 AM</td>
<td class="TheoryHours">09:00 AM<br>to<br>09:50 AM</td>
<td class="TheoryHours">10:00 AM<br>to<br>10:50 AM</td>
<td class="TheoryHours">11:00 AM<br>to<br>11:50 AM</td>
<td class="TheoryHours">12:00 PM<br>to<br>12:50 PM</td>
<td class="TheoryHours"></td>
<td width="8px" rowspan="9" class="ColumnOneDays"><strong>L<br>U<br>N<br>C<br>H</strong></td>
<td class="TheoryHours">02:00 PM<br>to<br>02:50 PM</td>
<td class="TheoryHours">03:00 PM<br>to<br>03:50 PM</td>
<td class="TheoryHours">04:00 PM<br>to<br>04:50 PM</td>
<td class="TheoryHours">05:00 PM<br>to<br>05:50 PM</td>
<td class="TheoryHours">05:50 PM<br>to<br>06:40 PM</td>
<td class="TheoryHours"></td>
<td class="TheoryHours">07:00 PM<br>to<br>07:50 PM</td>
<td class="TheoryHours">08:00 PM<br>to<br>08:50 PM</td>
</tr>
<tr>
<td class="ColumnOneDays">LAB HOURS</td>
<td class="LabHours">08:00 AM<br>to<br>08:50 AM</td>
<td class="LabHours">08:50 AM<br>to<br>09:40 AM</td>
<td class="LabHours">10:00 AM<br>to<br>10:50 AM</td>
<td class="LabHours">10:50 AM<br>to<br>11:40 AM</td>
<td class="LabHours">11:50 AM<br>to<br>12:40 PM</td>
<td class="LabHours">12:40 PM<br>to<br>01:30 PM</td>
<td class="LabHours">02:00 PM<br>to<br>02:50 PM</td>
<td class="LabHours">02:50 PM<br>to<br>03:40 PM</td>
<td class="LabHours">04:00 PM<br>to<br>04:50 PM</td>
<td class="LabHours">04:50 PM<br>to<br>05:40 PM</td>
<td class="LabHours">05:50 PM<br>to<br>06:40 PM</td>
<td class="LabHours">06:40 PM<br>to<br>07:30 PM</td>
<td class="LabHours">07:30 PM<br>to<br>08:20 PM</td>
<td class="LabHours">08:20 PM<br>to<br>09:10 PM</td>
</tr>
<tr>
<td class="ColumnOneDays">MON</td>
<td class="TimetableContent A1 L1">A1 / L1</td>
<td class="TimetableContent F1 L2">F1 / L2</td>
<td class="TimetableContent D1 L3">D1 / L3</td>
<td class="TimetableContent TB1 L4">TB1 / L4</td>
<td class="TimetableContent TG1 L5">TG1 / L5</td>
<td class="TimetableContent L6">L6</td>
<td class="TimetableContent A2 L31">A2 / L31</td>
<td class="TimetableContent F2 L32">F2 / L32</td>
<td class="TimetableContent D2 L33">D2 / L33</td>
<td class="TimetableContent TB2 L34">TB2 / L34</td>
<td class="TimetableContent TG2 L35">TG2 / L35</td>
<td class="TimetableContent L36">L36</td>
<td class="TimetableContent H1 L61">H1 / L61</td>
<td class="TimetableContent K1 L62">K1 / L62</td>
</tr>
<tr>
<td class="ColumnOneDays">TUE</td>
<td class="TimetableContent B1 L7">B1 / L7</td>
<td class="TimetableContent G1 L8">G1 / L8</td>
<td class="TimetableContent E1 L9">E1 / L9</td>
<td class="TimetableContent TC1 L10">TC1 / L10</td>
<td class="TimetableContent TAA1 L11">TAA1 / L11</td>
<td class="TimetableContent L12">L12</td>
<td class="TimetableContent B2 L37">B2 / L37</td>
<td class="TimetableContent G2 L38">G2 / L38</td>
<td class="TimetableContent E2 L39">E2 / L39</td>
<td class="TimetableContent TC2 L40">TC2 / L40</td>
<td class="TimetableContent TAA2 L41">TAA2 / L41</td>
<td class="TimetableContent L42">L42</td>
<td class="TimetableContent H2 L63">H2 / L63</td>
<td class="TimetableContent K2 L64">K2 / L64</td>
</tr>
<tr>
<td class="ColumnOneDays">WED</td>
<td class="TimetableContent C1 L13">C1 / L13</td>
<td class="TimetableContent A1 L14">A1 / L14</td>
<td class="TimetableContent F1">F1</td>
<td style="color: grey; background-color: #FFFFCC; cursor: default;" colspan="3">Extramural Hour</td>
<td class="TimetableContent C2 L43">C2 / L43</td>
<td class="TimetableContent A2 L44">A2 / L44</td>
<td class="TimetableContent F2 L45">F2 / L45</td>
<td class="TimetableContent TD2 L46">TD2 / L46</td>
<td class="TimetableContent TBB2 L47">TBB2 / L47</td>
<td class="TimetableContent L48">L48</td>
<td class="TimetableContent H3 L65">H3 / L65</td>
<td class="TimetableContent K3 L66">K3 / L66</td>
</tr>
<tr>
<td class="ColumnOneDays">THU</td>
<td class="TimetableContent D1 L19">D1 / L19</td>
<td class="TimetableContent B1 L20">B1 / L20</td>
<td class="TimetableContent G1 L21">G1 / L21</td>
<td class="TimetableContent TE1 L22">TE1 / L22</td>
<td class="TimetableContent TCC1 L23">TCC1 / L23</td>
<td class="TimetableContent L24">L24</td>
<td class="TimetableContent D2 L49">D2 / L49</td>
<td class="TimetableContent B2 L50">B2 / L50</td>
<td class="TimetableContent G2 L51">G2 / L51</td>
<td class="TimetableContent TE2 L52">TE2 / L52</td>
<td class="TimetableContent TCC2 L53">TCC2 / L53</td>
<td class="TimetableContent L54">L54</td>
<td class="TimetableContent H4 L67">H4 / L67</td>
<td class="TimetableContent K4 L68">K4 / L68</td>
</tr>
<tr>
<td class="ColumnOneDays">FRI</td>
<td class="TimetableContent E1 L25">E1 / L25</td>
<td class="TimetableContent C1 L26">C1 / L26</td>
<td class="TimetableContent TA1 L27">TA1 / L27</td>
<td class="TimetableContent TF1 L28">TF1 / L28</td>
<td class="TimetableContent TD1 L29">TD1 / L29</td>
<td class="TimetableContent L30">L30</td>
<td class="TimetableContent E2 L55">E2 / L55</td>
<td class="TimetableContent C2 L56">C2 / L56</td>
<td class="TimetableContent TA2 L57">TA2 / L57</td>
<td class="TimetableContent TF2 L58">TF2 / L58</td>
<td class="TimetableContent TDD2 L59">TDD2 / L59</td>
<td class="TimetableContent L60">L60</td>
<td class="TimetableContent H5 L69">H5 / L69</td>
<td class="TimetableContent K5 L70">K5 / L70</td>
</tr>
<tr>
<td class="ColumnOneDays">SAT</td>
<td class="TimetableContent L71">L71</td>
<td class="TimetableContent L72">L72</td>
<td class="TimetableContent L73">L73</td>
<td class="TimetableContent L74">L74</td>
<td class="TimetableContent L75">L75</td>
<td class="TimetableContent L76">L76</td>
<td class="TimetableContent L77">L77</td>
<td class="TimetableContent L78">L78</td>
<td class="TimetableContent L79">L79</td>
<td class="TimetableContent L80">L80</td>
<td class="TimetableContent L81">L81</td>
<td class="TimetableContent L82">L82</td>
<td class="TimetableContent"></td>
<td class="TimetableContent"></td>
</tr>
<tr>
<td class="ColumnOneDays">SUN</td>
<td class="TimetableContent L83">L83</td>
<td class="TimetableContent L84">L84</td>
<td class="TimetableContent L85">L85</td>
<td class="TimetableContent L86">L86</td>
<td class="TimetableContent L87">L87</td>
<td class="TimetableContent L88">L88</td>
<td class="TimetableContent L89">L89</td>
<td class="TimetableContent L90">L90</td>
<td class="TimetableContent L91">L91</td>
<td class="TimetableContent L92">L92</td>
<td class="TimetableContent L93">L93</td>
<td class="TimetableContent L94">L94</td>
<td class="TimetableContent"></td>
<td class="TimetableContent"></td>
</tr>
</table>
</div>
</div>
<!-- quick selection evening slot -->
<div class="quick-selection">
<div class="container">
<div class="row row-horizon">
<div class="col-sm-1"><button class="A2-tile btn btn-default btn-block">A2</button></div>
<div class="col-sm-1"><button class="B2-tile btn btn-default btn-block">B2</button></div>
<div class="col-sm-1"><button class="C2-tile btn btn-default btn-block">C2</button></div>
<div class="col-sm-1"><button class="D2-tile btn btn-default btn-block">D2</button></div>
<div class="col-sm-1"><button class="E2-tile btn btn-default btn-block">E2</button></div>
<div class="col-sm-1"><button class="F2-tile btn btn-default btn-block">F2</button></div>
<div class="col-sm-1"><button class="G2-tile btn btn-default btn-block">G2</button></div>
</div>
<div class="row row-horizon">
<div class="col-sm-1"><button class="TA2-tile btn btn-default btn-block">TA2</button></div>
<div class="col-sm-1"><button class="TB2-tile btn btn-default btn-block">TB2</button></div>
<div class="col-sm-1"><button class="TC2-tile btn btn-default btn-block">TC2</button></div>
<div class="col-sm-1"><button class="TD2-tile btn btn-default btn-block">TD2</button></div>
<div class="col-sm-1"><button class="TE2-tile btn btn-default btn-block">TE2</button></div>
<div class="col-sm-1"><button class="TF2-tile btn btn-default btn-block">TF2</button></div>
<div class="col-sm-1"><button class="TG2-tile btn btn-default btn-block">TG2</button></div>
</div>
<div class="row row-horizon">
<div class="col-sm-1"><button class="TAA2-tile btn btn-default btn-block">TAA2</button></div>
<div class="col-sm-1"><button class="TBB2-tile btn btn-default btn-block">TBB2</button></div>
<div class="col-sm-1"><button class="TCC2-tile btn btn-default btn-block">TCC2</button></div>
<div class="col-sm-1"><button class="TDD2-tile btn btn-default btn-block">TDD2</button></div>
<div class="col-sm-1"><button class="TEE2-tile btn btn-default btn-block" disabled="disabled">TEE2</button></div>
<div class="col-sm-1"><button class="TFF2-tile btn btn-default btn-block" disabled="disabled">TFF2</button></div>
<div class="col-sm-1"><button class="TGG2-tile btn btn-default btn-block" disabled="disabled">TGG2</button></div>
</div>
</div>
</div>
<!-- Slot selection area -->
<div class="container">
<div class="row" id="slot-sel-area">
<div class="panel panel-primary">
<div class="panel-heading text-center">
<h4>Add Courses To Timetable</h4>
</div>
<div class="panel-body">
<form>
<div class="form-group col-xs-12 col-md-6">
<label for="inputCourseCode" class="control-label">Course code:</label>
<div>
<input type="text" class="form-control" id="inputCourseCode">
</div>
</div>
<div class="form-group col-xs-12 col-md-6">
<label for="inputCourseTitle" class="control-label">Course title:</label>
<div>
<input type="text" class="form-control" id="inputCourseTitle">
</div>
</div>
<!-- inserted slot buttons here -->
<div id="insertSlotBtn" class="form-group col-xs-12"></div>
<div class="form-group col-xs-12 col-md-6">
<label for="inputSlotString" class="control-label">Slot:</label>
<div>
<input type="text" class="form-control" id="inputSlotString" placeholder="eg: L1+L2+L3">
</div>
</div>
<div class="form-group col-xs-12 col-md-6">
<label for="inputFaculty" class="control-label">Faculty:</label>
<div>
<input type="text" placeholder="eg: John Doe" class="form-control" id="inputFaculty">
</div>
</div>
<div class="form-group col-xs-12 col-md-6">
<label for="inputVenue" class="control-label">Venue:</label>
<div>
<input type="text" placeholder="eg: SJTG01" class="form-control" id="inputVenue">
</div>
</div>
<div class="form-group col-xs-12 col-md-6">
<label for="inputCourseCredits" class="control-label">Credits:</label>
<div>
<input type="number" class="form-control" placeholder="eg: 4" id="inputCourseCredits">
</div>
</div>
<div class="form-group col-xs-12">
<div class="text-right">
<button type="button" id="markBtn" class="btn btn-success">Add Course</button>
</div>
</div>
</form>
</div>
<!-- panel-body -->
<div id="courseList">
<div class="screenshot_msg text-center">
<div class="row">
<div class="col-xs-11">
FFCS on The Go | bit.ly/FFCSOTG
</div>
</div>
</div>
<div id="listHearder" class="text-center">
<div class="row">
<div class="col-xs-3 col-sm-2">Slot</div>
<div class="col-xs-2 col-sm-1">Code </div>
<div class="hidden-xs col-sm-3">Title</div>
<div class="col-xs-5 col-sm-3">Faculty</div>
<div class="hidden-xs col-sm-1">Venue</div>
<div class="hidden-xs col-sm-1">Credits</div>
</div>
</div>
<ul class="list-group">
<li class="list-group-item list-group-item-info total">
<div class="row">
<span class="col-xs-6 text-right"><strong>Total Credits:</strong></span>
<span class="col-xs-6 text-left"><span class="badge">0</span></span>
</div>
</li>
</ul>
</div>
</div>
<!-- panel -->
</div>
</div>
<!-- End of Slot selection area-->
<div class="container-fluid hidden-xs">
<div class="row text-center">
<div class="col-xs-12">
<button id="CourseAllocationReport-btn" type="button" class="btn btn-info" style="width: 60%;">Load Course Allocation Report</button>
</div>
</div>
<!-- Embed code Excel online -->
<div class="row hidden-xs">
<div id="ExcelSheet" class="ExcelSheet" style="padding-bottom: 8px; padding-top: 8px;"></div>
</div>
</div>
<div class="container">
<div class="row" style="margin-bottom:20px;">
<!-- fb page messages -->
<div class="col-md-6 col-xs-12">
<div class="fb-page" data-href="https://www.facebook.com/FFCSonTheGo/" data-tabs="messages" data-height="250" data-small-header="true"
data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="true">
<blockquote cite="https://www.facebook.com/FFCSonTheGo/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/FFCSonTheGo/">FFCS On The Go</a></blockquote>
</div>
</div>
<!-- facebook -->
<div class="col-md-6 col-xs-12">
<div class="row" id="like-micpage">
<div class="col-xs-12">
<!-- like mic page -->
<div class="fb-like" data-href="https://www.facebook.com/micvitvellore" data-width="100px" data-layout="standard" data-action="like"
data-size="large" data-show-faces="true" data-share="false"></div>
</div>
</div>
<div class="row">
<div class="col-xs-12" id="fb-comment-id">
<!--comments-->
<div class="fb-comments" data-href="http://ffcsonthego.azurewebsites.net" data-width="100%" data-numposts="5" data-order-by="reverse_time"></div>
</div>
</div>
</div>
</div>
</div>
<footer class="container-fluid text-center">
<div class="row">
<div class="col-sm-12">
Made with ♥ for VITians
</div>
</div>
<div class="row">
<div class="col-sm-12">
We have more for you! Check out
<a href="https://chrome.google.com/webstore/detail/vitacademics-enhancement/fdeagddeencldcpojhlngflmhipgkhbb" target="_blank">VITacademics Enhancement Suite <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span></a>
</div>
</div>
</footer>
<!-- jquery cdn -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<!-- bootstrap cdn -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- html2canvas -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
<!-- Easy Autocomplete -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/easy-autocomplete/1.3.5/jquery.easy-autocomplete.min.js"></script>
<!-- js -->
<script src="js/colorChange.js"></script>
<script src="data/all_data.js"></script>
<script src="data/unique_courses.js"></script>
<script src="js/autocomplete_course.js"></script>
<script src="js/script.js"></script>
<!-- enjoy hint -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/enjoyhint/3.1.0/enjoyhint.min.js"></script>
<script src="js/enjoyhintsetup.js"></script>
</body>
</html>