stephen kerr print design 2024

master
Stephen 1 month ago
parent ea8d5d2401
commit 0728f5a5dd

@ -14,11 +14,7 @@
<ul> <ul>
{% for title in titles %} {% for title in titles %}
{% if loop.index > 0 %} {% if loop.index > 0 %}
<li class="toc-title"><a href="#section-{{ loop.index + 1 }}">{{ title }}</a></li> <li class="toc-title"><a href="#section-{{ loop.index + 2 }}">{{ title }}</a></li>
{% if (loop.index == 1) or (loop.index == 9) %}
<br>
<br>
{% endif %}
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</ul> </ul>

@ -25,6 +25,7 @@ figure{
margin: -13mm 0 0 -10mm; margin: -13mm 0 0 -10mm;
position: relative; position: relative;
object-fit: cover; object-fit: cover;
break-before: page;
figure{ figure{
margin: 0; margin: 0;
} }
@ -42,7 +43,12 @@ figure{
} }
} }
.half-image{ .half-image{
height: unset; /* height: unset; */
height: initial;
}
.pagedjs_left_page .full-image,
.pagedjs_left_page .half-image{
margin-left: -13mm;
} }
.white-caption + figcaption{ .white-caption + figcaption{
color: #fff; color: #fff;

@ -14,84 +14,63 @@
<ul> <ul>
<li class="toc-title"><a href="#section-2">Introduction</a></li> <li class="toc-title"><a href="#section-3">Introduction</a></li>
<br>
<br>
<li class="toc-title"><a href="#section-4">&lt;?water bodies&gt;</a></li>
<li class="toc-title"><a href="#section-3">&lt;?water bodies&gt;</a></li>
<li class="toc-title"><a href="#section-5">Backplaces</a></li>
<li class="toc-title"><a href="#section-4">Backplaces</a></li> <li class="toc-title"><a href="#section-6">Performing the Bureaucratic Border(line)s</a></li>
<li class="toc-title"><a href="#section-7">Talking Documents</a></li>
<li class="toc-title"><a href="#section-5">Performing the Bureaucratic Border(line)s</a></li>
<li class="toc-title"><a href="#section-8">Fair Leads</a></li>
<li class="toc-title"><a href="#section-6">Talking Documents</a></li>
<li class="toc-title"><a href="#section-9">Wink!</a></li>
<li class="toc-title"><a href="#section-7">Fair Leads</a></li> <li class="toc-title"><a href="#section-10"></a></li>
<li class="toc-title"><a href="#section-11">Do you ever dream about work?</a></li>
<li class="toc-title"><a href="#section-8">Wink!</a></li>
<li class="toc-title"><a href="#section-12">Special Issues</a></li>
<li class="toc-title"><a href="#section-9"></a></li>
<li class="toc-title"><a href="#section-13">Garden Leeszaal</a></li>
<li class="toc-title"><a href="#section-10">do you ever dream about work?</a></li> <li class="toc-title"><a href="#section-14">Console</a></li>
<br>
<br>
<li class="toc-title"><a href="#section-15">TTY</a></li>
<li class="toc-title"><a href="#section-11">Special Issues</a></li>
<li class="toc-title"><a href="#section-16">Reviews</a></li>
<li class="toc-title"><a href="#section-12">Garden Leeszaal</a></li> <li class="toc-title"><a href="#section-17">Colophon</a></li>
<li class="toc-title"><a href="#section-13">Console</a></li>
<li class="toc-title"><a href="#section-14">TTY</a></li>
<li class="toc-title"><a href="#section-15">Reviews</a></li>
<li class="toc-title"><a href="#section-16">Colophon</a></li>
</ul> </ul>
@ -4782,10 +4761,10 @@ Machine</figcaption>
<hr /> <hr />
<figure> <figure>
<img src="../images/../images/callme_bike.jpeg" <img src="../images/../images/callme_bike.jpeg"
alt="Ive fallen in love with you and I have no idea what to do about it. Phone cards inviting participation in “Hey Babe”. Someone holding it in the street?" /> alt="Ive fallen in love with you and I have no idea what to do about it. Phone cards inviting participation in “Hey Babe”." />
<figcaption aria-hidden="true">Ive fallen in love with you and I have <figcaption aria-hidden="true">Ive fallen in love with you and I have
no idea what to do about it. Phone cards inviting participation in “Hey no idea what to do about it. Phone cards inviting participation in “Hey
Babe”. Someone holding it in the street?</figcaption> Babe”.</figcaption>
</figure> </figure>
<figure> <figure>
<img src="../images/../images/callme_window.jpg" class="image-80" <img src="../images/../images/callme_window.jpg" class="image-80"

@ -179,8 +179,8 @@ ol, ul {
} }
.toc { .toc {
margin: 10mm 0 0 -10mm; margin: 10mm 0 0 -5mm;
width: 100mm; width: 90mm;
} }
.toc h1{ .toc h1{
display: none; display: none;
@ -190,13 +190,14 @@ ol, ul {
list-style: none; list-style: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
line-height: 8mm; line-height: 6.9mm;
text-align: center;
} }
.toc-title:first-of-type, .toc-title:nth-of-type(2), .toc-title:nth-of-type(10){ /* .toc-title:first-of-type, .toc-title:nth-of-type(2), .toc-title:nth-of-type(10){
margin-left: 40mm; margin-left: 40mm;
} } */
.toc-title{ .toc-title{
font-size: 19pt; font-size: 23pt;
display: inline; display: inline;
} }
@ -208,3 +209,6 @@ margin-left: 40mm;
display: inline-block; display: inline-block;
line-height: 0; line-height: 0;
} }
#digital-bodies + blockquote{
margin-right: 0;
}

@ -1,5 +1,5 @@
--- ---
title: do you ever dream about work? title: Do you ever dream about work?
author: Stephen author: Stephen
--- ---

Loading…
Cancel
Save