jinja templates

master
km0 2 years ago
parent f9069376fd
commit 2861d67cab

@ -0,0 +1,63 @@
<!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>SI16 - {{ title }}</title>
<!-- style -->
<link
rel="stylesheet"
href="/soupboat/si16-app{{url_for('static', filename='font/font.css')}}"
/>
<link
rel="stylesheet"
href="/soupboat/si16-app{{url_for('static', filename='css/variables.css')}}"
/>
<link
rel="stylesheet"
href="/soupboat/si16-app{{url_for('static', filename='css/global.css')}}"
/>
<link
rel="stylesheet"
href="/soupboat/si16-app{{url_for('static', filename='css/list.css')}}"
/>
<!-- script -->
<script src="/soupboat/si16-app{{url_for('static', filename='js/lodash.js')}}"></script>
<script
src="/soupboat/si16-app{{url_for('static', filename='js/spawnSticker.js')}}"
defer
></script>
</head>
<body>
<section id="sticker-container"></section>
<section id="sticker-fix-container"></section>
<section class="page--header">
<header>
<h1 class="title">{{title}}</h1>
</header>
<nav>
<a href="/" data-sticker-fix="Home"></a>
</nav>
</section>
<main class="page--content">
<p class="description">{{description}}</p>
<table class="list">
{% for function in functions %}
<tr>
<td class="title">{{function['title']}}</td>
<td class="description">{{function['description']}}</td>
<td class="link"><a href="{{function['title']/}}">></a></td>
</tr>
{% endfor %}
</table>
</main>
</body>
</html>

@ -0,0 +1,72 @@
<!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>SI16 - {{ title }}</title>
<!-- style -->
<link
rel="stylesheet"
href="/soupboat/si16-app{{url_for('static', filename='font/font.css')}}"
/>
<link
rel="stylesheet"
href="/soupboat/si16-app{{url_for('static', filename='css/variables.css')}}"
/>
<link
rel="stylesheet"
href="/soupboat/si16-app{{url_for('static', filename='css/global.css')}}"
/>
<link
rel="stylesheet"
href="/soupboat/si16-app{{url_for('static', filename='css/home.css')}}"
/>
<!-- script -->
<script src="/soupboat/si16-app{{url_for('static', filename='js/lodash.js')}}"></script>
<script
src="/soupboat/si16-app{{url_for('static', filename='js/homeSticker.js')}}"
defer
></script>
</head>
<body>
<section id="sticker-container"></section>
<main class="index">
<div class="sheet meta">
<h1 class="negative">{{title}}</h1>
<h2 class="negative">Experimental Publishing</h2>
<h2 class="negative">Special Issue 16</h2>
</div>
<div class="sheet">
<h3 class="section">Info</h3>
<a class="negative" href="about/">About</a>
<a class="negative" href="manifesto/">Manifesto</a>
</div>
<div class="sheet">
<h3 class="section"><a href="projects/">Projects</a></h3>
{% for project in projects %}
<a class="negative" href="projects/{{ project }}/">{{ project }}</a>
{% endfor %}
</div>
<div class="sheet">
<h3 class="section"><a href="functions/">Functions</a></h3>
{% for function in functions %}
<a class="negative" href="functions/{{ function }}/">{{ function }}</a>
{% endfor %}
</div>
<div class="sheet">
<h3 class="section"><a href="corpora/">Corpora</a></h3>
{% for corpus in corpora %}
<a class="negative" href="corpora/{{ corpus }}/">{{ corpus }}</a>
{% endfor %}
</div>
</main>
</body>
</html>

@ -122,9 +122,9 @@ pre.prettyprint.prettyprinted::after {
/* border-top: 1px solid currentColor; */
}
/* .notebook h1 {
display: none;
} */
.notebook h1::before {
content: "Documentation: ";
}
.notebook p {
grid-column: span 2;

@ -11,6 +11,10 @@
margin-top: var(--app-margin);
}
.sheet h3 a {
text-decoration: none;
}
.negative {
position: relative;
visibility: hidden;

Loading…
Cancel
Save