You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

81 lines
3.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>{{ site.name }}: {{ page.title }}</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css"
integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb"
crossorigin="anonymous">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="{{ site.base }}/css/group.css">
</head>
<body>
<div class="container">
<!-- This is a bit nasty, but it basically says be a column first, and on larger screens be a spaced out row -->
<div class="header d-flex
flex-column
flex-md-row justify-content-md-between">
<a href="{{ site.base }}/" class="">
<img src="{{ site.base }}/img/SENS-logo-nobg.png"
srcset="{{ site.base }}/img/SENS-logo-nobg.png 2x"
alt="Awesome" id="logo">
</a>
<ul class="nav nav-pills justify-content-center">
{% assign shorturl = page.url | replace:'.html','' | replace:'index','' %}
{% for item in site.navigation %}
{% assign itemshorturl = item.link | replace:'.html','' %}
{% assign maybe-active = '' %}
{% if item.title == 'Research' and page.layout == 'project' %}
{% assign maybe-active = 'active' %}
{% endif %}
{% if itemshorturl == shorturl or is-research %}
{% assign maybe-active = 'active' %}
{% endif %}
<li class="nav-item">
<a class="nav-link {{ maybe-active }}"
href="{{ site.base }}{{ item.link }}">
{{ item.title }}
</a>
</li>
{% endfor %}
</ul>
</div>
{% if page.image %}
<img src="{{ page.image }}"
alt="{{ page.title }}"
style="max-width: 400px"
class="img-fluid mx-auto d-block mb-4"/>
{% endif %}
{% if page.notitle != true %}
<h1>{{ page.title }}</h1>
{% endif %}
{{ content }}
<div class="footer">
<p>
<a href="https://www.epfl.ch/schools/ic/">CS Department</a>
at
<a href="https://www.epfl.ch/en/">EPFL</a>
</p>
</div>
</div> <!-- /container -->
<!-- Support retina images. -->
<script type="text/javascript"
src="{{ site.base }}/js/srcset-polyfill.js"></script>
</body>
</html>