2018-09-23 15:56:41 +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] -->
< 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" >
< link rel = "stylesheet" href = "css/bootstrap.min.css" >
< link href = "css/star-rating.css" media = "all" rel = "stylesheet" type = "text/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" >
< 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" >
< div class = "navbar-header" >
< 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 >
< / div >
< 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 > <!-- /.navbar - collapse -->
< / div >
< / nav >
<!-- <div class="fullcontainer">
< div class = "container vertical center horizontal center" >
< / div >
< / div > -->
< 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 >
< / div >
< / 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 >
< / div >
< 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 >
< / div >
< / div >
< / div >
< div class = "pull-right" style = "margin-left:10px;" > 0< / div >
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "col-sm-7" >
< hr / >
2018-09-25 13:12:45 +00:00
< div id = "review_container" class = "review-block" >
<!-- All reviews go in this block. -->
2018-09-23 15:56:41 +00:00
< / div >
< / div >
< / div >
< / div > <!-- /container -->
2018-09-25 12:26:44 +00:00
< script src = "https://code.jquery.com/jquery-3.3.1.min.js" > < / script >
2018-09-23 15:56:41 +00:00
< 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 >
2018-09-25 13:12:45 +00:00
< 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" >
2018-09-25 15:09:39 +00:00
< div class = "row" id = "{{pk}}" >
2018-09-25 13:12:45 +00:00
< div class = "col-sm-3" >
< img src = "http://dummyimage.com/60x60/666/ffffff&text=No+Image" class = "img-rounded" >
< div class = "review-block-name" > < a href = "#" > {{username}}< / a > < / div >
< div class = "review-block-date" >
{{date_published}}
< / div >
< / div >
< div class = "col-sm-9" >
< div class = "review-block-rate" >
< span class = "glyphicon glyphicon-star js_review_rating" aria-hidden = "true" > < / span >
< span class = "glyphicon glyphicon-star js_review_rating" aria-hidden = "true" > < / span >
< span class = "glyphicon glyphicon-star js_review_rating" aria-hidden = "true" > < / span >
< span class = "glyphicon glyphicon-star js_review_rating" aria-hidden = "true" > < / span >
< span class = "glyphicon glyphicon-star js_review_rating" aria-hidden = "true" > < / span >
< / div >
< div class = "review-block-title" >
{{title}}
< / div >
< div class = "review-block-description" >
{{content}}
< / div >
< / div >
< / div >
< / script >
<!-- Custom scripts -->
2018-09-23 15:56:41 +00:00
< script src = "js/main.js" > < / script >
2018-09-25 12:26:44 +00:00
< script src = "js/load_reviews.js" > < / script >
2018-09-23 15:56:41 +00:00
< / body >
< / html >
