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.

123 lines
3.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>{{ title }} </title>
<!-- style -->
<link rel="icon" href="{{url_for('static', filename='favicon.ico')}}" />
<link rel="stylesheet" href="{{url_for('static', filename='font/font.css')}}" />
<link rel="stylesheet" href="{{url_for('static', filename='css/variables.css')}}" />
<link rel="stylesheet" href="{{url_for('static', filename='css/global.css')}}" />
<link rel="stylesheet" href="{{url_for('static', filename='css/project.css')}}" />
<link rel="stylesheet" href="{{url_for('static', filename='css/categories.css')}}" />
<link rel="stylesheet" href="{{url_for('static', filename='css/highlight.css')}}" />
{% if css %}
<link
rel="stylesheet"
href="{{url_for('static', filename='css/' +css)}}"
/>
{% endif %}
<!-- script -->
{% if script %}
<script
src="{{url_for('static', filename='js/' + script)}}"
defer ></script>
{% endif %}
<!-- Meta -->
{% if description %}
<meta name="description" content="{{ description }}">
<meta property="og:description" content="{{description}}">
<meta property="twitter:description" content="{{description}}">
{% endif %}
{% if cover %}
<meta property="og:image" content="https://hub.xpub.nl{{url_for('static', filename='img/' + cover)}}">
<meta property="twitter:image" content="https://hub.xpub.nl{{url_for('static', filename='img/' + cover)}}">
{% endif %}
</head>
<body>
<nav>
<div class="content-wrapper">
<a href="/soupboat/~kamo/" class="return"></a>
<h2 class="title"> {{title }} </h2>
<div class="date"> {{ date}} </div>
</div>
</nav>
<header class="project--header">
{% block cover %}
{% if cover and cover_alt %}
<figure class="header--cover">
<img src="{{cover}}" alt="{{cover_alt}}" />
</figure>
{% endif %}
{% endblock %}
<h1 class="header--title" style="transform: translate(-50%, -50%)" data-mover="2">{{ title }}</h1>
<div class="header--links">
{% if project %}
<a href="{{url_for('static', filename='html/' + project + '/')}}" class="goto-link"> go to the project </a>
{% endif %}
{% if url %}
<a href="{{url}}" target="__blank">go to project</a>
{% endif %}
{% if pad %}
<a href="{{pad}}" target="__blank">pad</a>
{% endif %}
{% if git %}
<a href="{{git}}" target="__blank">git</a>
{% endif %}
{% if links %}
{% for link in links %}
<a href="{{link.url}}" target="__blank">{{link.title}}</a>
{% endfor %}
{% endif%}
</div>
<div class="header--categories">
{% for category in categories %}
<span class="tag" data-tag="{{category}}" data-mover="1"
style="transform: translate({{range(10,90) | random }}vw, {{range(10,90) | random }}vh)"
>
{{category}}
</span>
{% endfor %}
</div>
</header>
<main class="project--content">
{{content|safe}}
</main>
</body>
</html>