You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
132 lines
5.2 KiB
132 lines
5.2 KiB
<!DOCTYPE html> |
|
<html lang="fr"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<meta http-equiv="X-UA-Compatible" content="ie=edge"> |
|
<title>latitud dev site</title> |
|
<link rel="stylesheet" type="text/css" href="{{url_for('static', filename='style.css')}}"> |
|
</head> |
|
<body> |
|
|
|
{% include 'menu.html' %} |
|
{% if request.path == '/' %} |
|
{% include 'over.html' %} |
|
{% endif %} |
|
<div id="content"> |
|
|
|
|
|
<div id="info" class="banner"> |
|
<div class="content"> |
|
{{ info }} |
|
</div> |
|
<div class="closebtn"> |
|
</div> |
|
</div> |
|
|
|
{% if news %} |
|
<div id="news" class="banner"> |
|
<div class="content"> |
|
{{ news }} |
|
</div> |
|
<div class="closebtn"> |
|
</div> |
|
</div> |
|
{% endif %} |
|
|
|
<ul class="legend"> |
|
<li class="sort" data-sort="upper"><span>upper</span></li> |
|
<li class="sort" data-sort="title"><span>project name</span></li> |
|
<li class="sort" data-sort="period"><span>period</span></li> |
|
<li class="sort" data-sort="location"><span>location</span></li> |
|
<li class="sort" data-sort="type"><span>type</span></li> |
|
<li class="sort" data-sort="fund"><span>initiative/fund</span></li> |
|
<li class="sort" data-sort="network"><span>network</span></li> |
|
</ul> |
|
<div id="articles"> |
|
<ul class="alist"> |
|
|
|
{% for article in articles %} |
|
<li {% if not imgDict[article.path] %}class="noContent"{%endif%} > |
|
<div class="articleData"> |
|
<span class="upper">{{ article.upper }}</span> |
|
<span class="title ">{{article.title}}</span> |
|
<span class="period">{{article.period}}</span> |
|
<span class="location">{{article.location}}</span> |
|
<span class="type">{{article.type}}</span> |
|
<span class="fund">{{article.fund}}</span> |
|
<span class="network">{{article.network}}</span> |
|
</div> |
|
<div class="content-wrapper"> |
|
|
|
<div class="closebtn"> |
|
</div> |
|
{% if imgDict[article.path] %} |
|
<div class="gal"> |
|
{% for img in imgDict[article.path] : %} |
|
<div class = "img_container"> |
|
{% set img_url = article.path + '/' + img %} |
|
|
|
<img src="pages/{{article.path}}/{{img}}"/> |
|
</div> |
|
{% endfor %} |
|
</div>{%endif%} |
|
<div class="imgzoom"> |
|
<img src="pages/{{article.path}}/{{ imgDict[article.path][0] }}"/> |
|
|
|
</div> |
|
<div class="content"> |
|
<div class="meta"> |
|
<table> |
|
<tbody> |
|
<tr> |
|
<td><b>project name</b></td> |
|
<td> {{article.title}}</td> |
|
</tr> |
|
<tr> |
|
<td><b>period</b></td> |
|
<td> {{article.period}}</td> |
|
</tr> |
|
<tr> |
|
<td><b>location</b></td> |
|
<td> {{article.location}}</td> |
|
</tr> |
|
<tr> |
|
<td><b>type</b></td> |
|
<td> {{article.type}}</td> |
|
</tr> |
|
<tr> |
|
<td><b>initiative/fund</b></td> |
|
<td> {{article.client}}</td> |
|
</tr> |
|
<!--<tr>--> |
|
<!--<td><b>Team:</b></td>--> |
|
<!--<td> {{article.team}}</td>--> |
|
<!--</tr>--> |
|
<tr> |
|
<td><b>network</b></td> |
|
<td> {{article.network}}</td> |
|
</tr> |
|
<!--<tr>--> |
|
<!--<td><b>Budget:</b></td>--> |
|
<!--<td> {{article.budget}}</td>--> |
|
<!--</tr>--> |
|
</tbody> |
|
</table> |
|
</div> |
|
{{article}} |
|
</div> |
|
</div> |
|
</li> |
|
{% endfor %} |
|
|
|
</ul> |
|
</div> |
|
|
|
</div> |
|
<script src="https://code.jquery.com/jquery-3.7.1.min.js" |
|
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" |
|
crossorigin="anonymous"></script> |
|
<script src="static/main.js"></script> |
|
</body> |
|
</html>
|
|
|