layout: default
{% include breadcrumbs.html %} {% assign linked_project = site.data.projects | where:“id”, page.project_code | first %} {% if page.project_code and linked_project %}
<div class="container mb-4"> <p class="lead"> Linked to academic project <a href="{{ '/projects#' | append: page.project_code | relative_url }}">{{ page.project_code }}</a> {% if linked_project.deadline %} with a deadline of {{ linked_project.deadline }} {% endif %} </p> {% if linked_project.description %} <em>"{{ linked_project.description }}"</em> {% endif %} </div>
{% else %}
<div class="alert alert-warning alert-dismissible fade show" role="alert"> <strong>There is no academic project linked.</strong> This is assumed to be a personal project. See <a href="{{ '/about' | relative_url }}">about</a> for more information. <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div>
{% endif %} <div class=“row”>
<div class="col"> <div class="table-responsive"> <table class="table table-hover" id="table"> <!-- Dynamically generated content --> </table> </div> </div>
</div> <div class=“row”>
<div class="col"> {{ content }} </div>
</div> <div class=“row mt-4”>
<div class="col"> <nav aria-label="..."> <ul class="pagination"> <li id="tab-previous" class="page-item disabled"> <a class="page-link" onclick="javascript:$vignette.previousVignette()">Previous</a> </li> {% for vignette in page.vignettes %} {% if forloop.index == 1 %} {% assign classString = 'page-item active' %} {% else %} {% assign classString = 'page-item' %} {% endif %} <li id="tab-{{ forloop.index | minus: 1 }}" class="{{ classString }}"> <a class="page-link" onclick="javascript:$vignette.updateVignette({{ forloop.index | minus: 1 }})"> {{ forloop.index }} </a> </li> {% endfor %} {% if page.vignettes.size > 0 %} {% assign classString = 'page-item' %} {% else %} {% assign classString = 'page-item disabled' %} {% endif %} <li id="tab-next" class="{{ classString }}"> <a class="page-link" onclick="javascript:$vignette.nextVignette()">Next</a> </li> </ul> </nav> </div>
</div> <script>
// Inject data variables into page context for JavaScript. this.window['vignette_vignettes'] = {{ page.vignettes | jsonify }}; this.window['vignette_targets'] = {{ page.targets | jsonify }}; this.window['vignette_c_url'] = "{{ '/competencies' | relative_url }}"; this.window['vignette_sort_competencies'] = true; this.window['vignette_mark_table'] = true;
</script>