XPUB
/
gradshow24
6
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: XPUB:db4cfea2bfe1c883bf6c7f70b7b65172d323f2b1
Branches Tags
XPUB:master
..
compare: XPUB:3a2bb27d5c01d8f9351a883aadc04ecc23909202
Branches Tags
XPUB:master

No commits in common. 'db4cfea2bfe1c883bf6c7f70b7b65172d323f2b1' and '3a2bb27d5c01d8f9351a883aadc04ecc23909202' have entirely different histories.
db4cfea2bf ... 3a2bb27d5c

4 changed files with 59 additions and 42 deletions
Show Stats

BIN
.DS_Store vendored
View File

Binary file not shown.

76
print/images.css
Unescape Escape View File

@ -19,44 +19,62 @@ figure{
break-after: page; break-after: page;
height: 155mm; height: 155mm;
} }
.full-image, .half-image{ figure img{
}
.full-image{
break-before: right; break-before: right;
height: 186mm; height: 186mm;
width: 133mm; width: 133mm;
margin: -13mm 0 0 -10mm; margin: -13mm 0 0 -30mm;
position: relative; position: relative;
object-fit: cover; object-fit: cover;
figure{
margin: 0;
}
figcaption{
position: absolute;
bottom: 15mm;
left: 30mm;
z-index: 10;
padding-right: 20mm;
}
img{
height: 186mm;
width: 133mm;
object-fit: cover;
}
}
.half-image{
height: unset;
} }
.full-image figure{
margin: 0;
}
.full-image figcaption{
position: absolute;
bottom: 15mm;
left: 30mm;
z-index: 10;
padding-right: 20mm;
}
.full-image img{
height: 186mm;
width: 133mm;
object-fit: cover;
}
.small-images figure{
margin: 1mm;
}
.small-images figcaption{
margin-top: -2mm;
}
.small-images img{
width: 70mm;
}
.white-caption + figcaption{ .white-caption + figcaption{
color: #fff; color: #fff;
} }
.image-95{
width: 95mm
} .centered-image, .centered-text{
.image-80{ break-before: right;
width: 80mm; height: 186mm;
width: 133mm;
margin: -13mm 0 0 -30mm;
position: relative;
object-fit: cover;
display: flex;
align-items: center;
} }
.image-55{ .centered-image figure{
width: 55mm; margin: 0 0 0 30mm;
width: 90mm;
} }
.image-45{ .centered-text > *{
width: 45mm; width: 100%;
text-align: center;
} }

13
print/index.html
Unescape Escape View File

@ -3886,19 +3886,19 @@ research thesis)</a>
</button> </button>
<hr /> <hr />
<figure> <figure>
<img src="../images/../images/../stephen/keyboard24.jpeg" class="image-95" <img src="../images/../images/../stephen/keyboard24.jpeg"
alt="Keyboard of things designers have said. Our feelings about work." /> alt="Keyboard of things designers have said. Our feelings about work." />
<figcaption aria-hidden="true">Keyboard of things designers have said. <figcaption aria-hidden="true">Keyboard of things designers have said.
Our feelings about work.</figcaption> Our feelings about work.</figcaption>
</figure> </figure>
<figure> <figure>
<img src="../images/../images/../stephen/keyboard25.jpeg" class="image-80" <img src="../images/../images/../stephen/keyboard25.jpeg"
alt="The messages on the keys were gathered using experimental interview methods and questions." /> alt="The messages on the keys were gathered using experimental interview methods and questions." />
<figcaption aria-hidden="true">The messages on the keys were gathered <figcaption aria-hidden="true">The messages on the keys were gathered
using experimental interview methods and questions.</figcaption> using experimental interview methods and questions.</figcaption>
</figure> </figure>
<figure> <figure>
<img src="../images/../images/../stephen/keyboard26.jpeg" class="image-55" <img src="../images/../images/../stephen/keyboard26.jpeg"
alt="Except “it’s ok”: my brother said that to me on the phone one day." /> alt="Except “it’s ok”: my brother said that to me on the phone one day." />
<figcaption aria-hidden="true">Except “it’s ok”: my brother said that to <figcaption aria-hidden="true">Except “it’s ok”: my brother said that to
me on the phone one day.</figcaption> me on the phone one day.</figcaption>
@ -3918,20 +3918,19 @@ Interactive dream telling. Click then type your story.
</figcaption> </figcaption>
</figure> </figure>
<figure> <figure>
<img src="../images/../images/../stephen/peecee.jpg" class="desaturate image-45" <img src="../images/../images/../stephen/peecee.jpg" class="desaturate"
alt="Re-enacting dreams about work at Piet Zwart Institute, Rotterdam." /> alt="Re-enacting dreams about work at Piet Zwart Institute, Rotterdam." />
<figcaption aria-hidden="true">Re-enacting dreams about work at Piet <figcaption aria-hidden="true">Re-enacting dreams about work at Piet
Zwart Institute, Rotterdam.</figcaption> Zwart Institute, Rotterdam.</figcaption>
</figure> </figure>
<figure> <figure>
<img src="../images/../images/../stephen/amro.jpeg" class="desaturate half-image" <img src="../images/../images/../stephen/amro.jpeg" class="desaturate"
alt="Collective dream re-enactment at Art Meets Radical Openness, Linz." /> alt="Collective dream re-enactment at Art Meets Radical Openness, Linz." />
<figcaption aria-hidden="true">Collective dream re-enactment at Art <figcaption aria-hidden="true">Collective dream re-enactment at Art
Meets Radical Openness, Linz.</figcaption> Meets Radical Openness, Linz.</figcaption>
</figure> </figure>
<figure> <figure>
<img src="../images/../images/../stephen/dizzy.jpeg" class="full-image" <img src="../images/../images/../stephen/dizzy.jpeg" alt="Where do dreams come from?" />
alt="Where do dreams come from?" />
<figcaption aria-hidden="true">Where do dreams come from?</figcaption> <figcaption aria-hidden="true">Where do dreams come from?</figcaption>
</figure> </figure>
<h3 id="licensing-information">Licensing information</h3> <h3 id="licensing-information">Licensing information</h3>

12
stephen/index.md
Unescape Escape View File

@ -23,11 +23,11 @@ For the past year I have spoken with designers, artists and makers finding out h
--- ---
![Keyboard of things designers have said. Our feelings about work.](../stephen/keyboard24.jpeg){.image-95} ![Keyboard of things designers have said. Our feelings about work.](../stephen/keyboard24.jpeg)
![The messages on the keys were gathered using experimental interview methods and questions.](../stephen/keyboard25.jpeg){.image-80} ![The messages on the keys were gathered using experimental interview methods and questions.](../stephen/keyboard25.jpeg)
![Except "it's ok": my brother said that to me on the phone one day.](../stephen/keyboard26.jpeg){.image-55} ![Except "it's ok": my brother said that to me on the phone one day.](../stephen/keyboard26.jpeg)
<figure> <figure>
<iframe src="https://stephenkerrdesign.com/dream" title="dream"></iframe> <iframe src="https://stephenkerrdesign.com/dream" title="dream"></iframe>
@ -39,11 +39,11 @@ For the past year I have spoken with designers, artists and makers finding out h
<figcaption>Interactive dream telling. Click then type your story.</figcaption> <figcaption>Interactive dream telling. Click then type your story.</figcaption>
</figure> </figure>
![Re-enacting dreams about work at Piet Zwart Institute, Rotterdam. ](../stephen/peecee.jpg){.desaturate .image-45} ![Re-enacting dreams about work at Piet Zwart Institute, Rotterdam. ](../stephen/peecee.jpg){.desaturate}
![Collective dream re-enactment at Art Meets Radical Openness, Linz. ](../stephen/amro.jpeg){.desaturate .half-image} ![Collective dream re-enactment at Art Meets Radical Openness, Linz. ](../stephen/amro.jpeg){.desaturate}
![Where do dreams come from?](../stephen/dizzy.jpeg){.full-image} ![Where do dreams come from?](../stephen/dizzy.jpeg)
### Licensing information ### Licensing information
This work is free to distribute or modify under the terms of the SIXX license as published by XPUB, either version one of the SIXX License or any later version. See the SIXX License for more details. A copy of the license can be found on [vulnerable-interfaces.xpub.nl/license](vulnerable-interfaces.xpub.nl/license){.ext}. This work is free to distribute or modify under the terms of the SIXX license as published by XPUB, either version one of the SIXX License or any later version. See the SIXX License for more details. A copy of the license can be found on [vulnerable-interfaces.xpub.nl/license](vulnerable-interfaces.xpub.nl/license){.ext}.

Write Preview
Loading…
Cancel
Save