2018-09-15 11:22:28 +00:00
<!doctype html>
<!-- [if lt IE 7]> <html class="no - js lt - ie9 lt - ie8 lt - ie7" lang=""> <![endif] -->
<!-- [if IE 7]> <html class="no - js lt - ie9 lt - ie8" lang=""> <![endif] -->
<!-- [if IE 8]> <html class="no - js lt - ie9" lang=""> <![endif] -->
<!-- [if gt IE 8]><! --> < html class = "no-js" lang = "" > <!-- <![endif] -->
2018-09-27 12:41:34 +00:00
< head >
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" >
< title > < / title >
< meta name = "description" content = "" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< link rel = "apple-touch-icon" href = "apple-touch-icon.png" >
2018-09-15 11:22:28 +00:00
2018-09-27 12:41:34 +00:00
< link rel = "stylesheet" href = "css/bootstrap.min.css" >
< style >
body {
padding-top: 50px;
padding-bottom: 20px;
}
< / style >
< link rel = "stylesheet" href = "css/bootstrap-theme.min.css" >
< link rel = "stylesheet" href = "css/main.css" >
2018-09-15 11:22:28 +00:00
2018-09-27 12:41:34 +00:00
< script src = "js/vendor/modernizr-2.8.3-respond-1.4.2.min.js" > < / script >
< / head >
< body class = "box2" >
<!-- [if lt IE 8]>
< p class = "browserupgrade" > You are using an < strong > outdated< / strong > browser. Please < a href = "http://browsehappy.com/" > upgrade your browser< / a > to improve your experience.< / p >
<![endif]-->
< nav class = "navbar navbar-inverse navbar-fixed-top" role = "navigation" >
< div class = "container" >
2018-09-15 11:22:28 +00:00
< div class = "navbar-header" >
2018-09-27 12:41:34 +00:00
< button type = "button" class = "navbar-toggle collapsed" data-toggle = "collapse" data-target = "#navbar" aria-expanded = "false" aria-controls = "navbar" >
< span class = "sr-only" > Toggle navigation< / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< / button >
< a class = "navbar-brand" > RateMyCourse< / a >
2018-09-15 11:22:28 +00:00
< / div >
2018-09-27 12:41:34 +00:00
<!-- <div id="navbar" class="navbar - collapse collapse">
< form class = "navbar-form navbar-right" role = "form" >
< div class = "form-group" >
< input type = "text" placeholder = "Email" class = "form-control" >
< / div >
< div class = "form-group" >
< input type = "password" placeholder = "Password" class = "form-control" >
< / div >
< button type = "submit" class = "btn btn-success" > Sign in< / button >
< / form >
< / div > -->
< / div >
< / nav >
< div class = "container" >
< div class = "row" >
< div class = "col-sm-6" >
< h1 class = "muted text-center" > Software engineering and startups< / h1 >
< h2 class = "muted text-center" > Rijksuniversiteit Groningen< / h2 >
< / div >
< / div >
< hr >
<!-- <div class="row">
< div class = "col-sm-3" >
< div class = "rating-block" >
< h4 > Average user rating< / h4 >
< h2 class = "bold padding-bottom-7" > 3 < small > / 5< / small > < / h2 >
< button type = "button" class = "btn btn-warning btn-sm" aria-label = "Left Align" >
< span class = "glyphicon glyphicon-star" aria-hidden = "true" > < / span >
< / button >
< button type = "button" class = "btn btn-warning btn-sm" aria-label = "Left Align" >
< span class = "glyphicon glyphicon-star" aria-hidden = "true" > < / span >
< / button >
< button type = "button" class = "btn btn-warning btn-sm" aria-label = "Left Align" >
< span class = "glyphicon glyphicon-star" aria-hidden = "true" > < / span >
< / button >
< button type = "button" class = "btn btn-default btn-grey btn-sm" aria-label = "Left Align" >
< span class = "glyphicon glyphicon-star" aria-hidden = "true" > < / span >
< / button >
< button type = "button" class = "btn btn-default btn-grey btn-sm" aria-label = "Left Align" >
< span class = "glyphicon glyphicon-star" aria-hidden = "true" > < / span >
< / button >
2018-09-15 11:22:28 +00:00
< / div >
2018-09-27 12:41:34 +00:00
< / div >
< div class = "col-sm-3" >
< h4 > Rating breakdown< / h4 >
< div class = "pull-left" >
< div class = "pull-left" style = "width:35px; line-height:1;" >
< div style = "height:9px; margin:5px 0;" > 5 < span class = "glyphicon glyphicon-star" > < / span > < / div >
< / div >
< div class = "pull-left" style = "width:180px;" >
< div class = "progress" style = "height:9px; margin:8px 0;" >
< div class = "progress-bar progress-bar-success" role = "progressbar" aria-valuenow = "5" aria-valuemin = "0" aria-valuemax = "5" style = "width: 0%" >
< span class = "sr-only" > 80% Complete (danger)< / span >
< / div >
< / div >
< / div >
< div class = "pull-right" style = "margin-left:10px;" > 0< / div >
2018-09-15 11:22:28 +00:00
< / div >
2018-09-27 12:41:34 +00:00
< div class = "pull-left" >
< div class = "pull-left" style = "width:35px; line-height:1;" >
< div style = "height:9px; margin:5px 0;" > 4 < span class = "glyphicon glyphicon-star" > < / span > < / div >
< / div >
< div class = "pull-left" style = "width:180px;" >
< div class = "progress" style = "height:9px; margin:8px 0;" >
< div class = "progress-bar progress-bar-primary" role = "progressbar" aria-valuenow = "4" aria-valuemin = "0" aria-valuemax = "5" style = "width: 33%" >
< span class = "sr-only" > 80% Complete (danger)< / span >
< / div >
< / div >
< / div >
< div class = "pull-right" style = "margin-left:10px;" > 1< / div >
< / div >
< div class = "pull-left" >
< div class = "pull-left" style = "width:35px; line-height:1;" >
< div style = "height:9px; margin:5px 0;" > 3 < span class = "glyphicon glyphicon-star" > < / span > < / div >
< / div >
< div class = "pull-left" style = "width:180px;" >
< div class = "progress" style = "height:9px; margin:8px 0;" >
< div class = "progress-bar progress-bar-info" role = "progressbar" aria-valuenow = "3" aria-valuemin = "0" aria-valuemax = "5" style = "width: 33%" >
< span class = "sr-only" > 80% Complete (danger)< / span >
< / div >
< / div >
< / div >
< div class = "pull-right" style = "margin-left:10px;" > 1< / div >
< / div >
< div class = "pull-left" >
< div class = "pull-left" style = "width:35px; line-height:1;" >
< div style = "height:9px; margin:5px 0;" > 2 < span class = "glyphicon glyphicon-star" > < / span > < / div >
< / div >
< div class = "pull-left" style = "width:180px;" >
< div class = "progress" style = "height:9px; margin:8px 0;" >
< div class = "progress-bar progress-bar-warning" role = "progressbar" aria-valuenow = "2" aria-valuemin = "0" aria-valuemax = "5" style = "width: 33%" >
< span class = "sr-only" > 80% Complete (danger)< / span >
< / div >
< / div >
< / div >
< div class = "pull-right" style = "margin-left:10px;" > 1< / div >
< / div >
< div class = "pull-left" >
< div class = "pull-left" style = "width:35px; line-height:1;" >
< div style = "height:9px; margin:5px 0;" > 1 < span class = "glyphicon glyphicon-star" > < / span > < / div >
< / div >
< div class = "pull-left" style = "width:180px;" >
< div class = "progress" style = "height:9px; margin:8px 0;" >
< div class = "progress-bar progress-bar-danger" role = "progressbar" aria-valuenow = "1" aria-valuemin = "0" aria-valuemax = "5" style = "width: 0" >
< span class = "sr-only" > 80% Complete (danger)< / span >
2018-09-15 11:22:28 +00:00
< / div >
2018-09-27 12:41:34 +00:00
< / div >
2018-09-15 11:22:28 +00:00
< / div >
2018-09-27 12:41:34 +00:00
< div class = "pull-right" style = "margin-left:10px;" > 0< / div >
2018-09-15 11:22:28 +00:00
< / div >
< / div >
2018-09-27 12:41:34 +00:00
< / div > -->
2018-09-15 11:22:28 +00:00
2018-09-27 12:41:34 +00:00
< div class = "row" >
< div class = "col-sm-7" >
< div class = "row" style = "margin-top:40px;" >
< div class = "col-md-12" >
< div class = "well-sm" >
< div class = "text-right" >
< a class = "btn btn-success btn-green" href = "#reviews-anchor" id = "open-review-box" > Leave a Review< / a >
< / div >
2018-09-15 11:22:28 +00:00
2018-09-27 12:41:34 +00:00
< div class = "row" id = "post-review-box" style = "display:none;" >
< div class = "col-md-12" >
< form id = "submit_review_form" accept-charset = "UTF-8" >
< input id = "ratings-hidden" name = "rating" type = "hidden" >
< input id = "university_name_input" name = "university_name" type = "hidden" value = "Rijksuniversiteit Groningen" >
< p id = "post_review_date_display" class = "text-right" > < / p >
< div class = "form-group" >
< label for = "username_input" > Name:< / label >
< input name = "username" type = "text" class = "form-control" placeholder = "Name..." id = "username_input" >
< / div >
< div class = "form-group" >
< label for = "title_input" > Title:< / label >
< input id = "title_input" class = "form-control" placeholder = "Title..." name = "title" >
< / div >
< div class = "form-group" >
< label for = "content_input" > Review:< / label >
< input id = "content_input" class = "form-control animated" cols = "50" id = "new-review" name = "content" placeholder = "Enter your review here..." rows = "5" >
< / div >
< div class = "form-group" >
< label for = "rating_input" > Rating:< / label >
< input name = "rating" id = "rating_input" class = "form-control" type = "number" min = "1" max = "5" step = "1" >
< / div >
< div class = "text-right" >
< a class = "btn btn-danger btn-sm" href = "#" id = "close-review-box" style = "display:none; margin-right: 10px;" >
< span class = "glyphicon glyphicon-remove" > < / span > Cancel< / a >
< button id = "submit_review_button" class = "btn btn-success btn-lg" type = "submit" > Save< / button >
< / div >
< / form >
< / div >
< / div >
< / div >
< / div >
< / div >
< hr / >
< div id = "review_container" class = "review-block" >
<!-- All reviews go in this block. -->
< / div >
< / div >
< / div >
< / div > <!-- /container -->
2018-09-15 11:22:28 +00:00
2018-09-27 12:41:34 +00:00
< script src = "https://code.jquery.com/jquery-3.3.1.min.js" > < / script >
< script src = "https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js" > < / script >
< script > window . jQuery || document . write ( '<script src="js/vendor/jquery-1.11.2.min.js"><\/script>' ) < / script >
< script src = "js/vendor/bootstrap.min.js" > < / script >
< script src = "js/vendor/handlebars-v4.0.12.js" > < / script >
<!-- Handlebars templates -->
<!-- TODO: Use a templating engine to automatically include all handlebars templates required for a certain page. -->
< script id = "review_item_handlebars" type = "text/x-handlebars-template" >
< div class = "row review_item" id = "{{pk}}" >
< div class = "col-sm-3" >
< div class = "review-block-name" > < a href = "#" > {{username}}< / a > < / div >
< / div >
< div class = "col-sm-9" >
< div class = "review-block-rate" >
{{#times rating}}
< span class = "glyphicon glyphicon-star js_review_rating" aria-hidden = "true" > < / span >
{{/times}}
< / div >
< div class = "review-block-title" >
{{title}}
< / div >
< div class = "review-block-description" >
{{content}}
< / div >
< / div >
< / div >
< / script >
<!-- Custom scripts -->
< script src = "js/main.js" > < / script >
< script src = "js/load_reviews.js" > < / script >
< script src = "js/post_review.js" > < / script >
< / body >
2018-09-15 11:22:28 +00:00
< / html >
