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.

45 lines
1010 B
HTML

11 months ago
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>XPUB Projects</title>
<link rel="stylesheet" href="style.css" />
<style>
@font-face {
font-family: inconsolata;
src: url(fonts/inconsolata.ttf);
}
@font-face {
font-family: inconsolatabold;
src: url(fonts/inconsolatabold.ttf);
}
body {
margin: 3%;
font-family:inconsolata, sans-serif;
background: lightgray;
}
a { text-decoration: none; color: black }
a:hover { text-decoration: underline; color: blue; }
11 months ago
#covers {
display: flex;
flex-wrap: wrap;
}
11 months ago
.thesis {
11 months ago
width: 300px;
11 months ago
margin: 10px;
}
11 months ago
.thesis img {
width: 100%
}
11 months ago
</style>
</head>
<body>
11 months ago
<div id="covers">
11 months ago
{% for project in projects %}
11 months ago
<div class="thesis"><a href="{{project.thesis}}" title="{{project.student}}"><img src="{{project.cover}}"></a></div>
11 months ago
{%- endfor %}
11 months ago
</div>
11 months ago
</body>
</html>