From 9ac23d2eb875fa03750f29d54c736eabf05b065d Mon Sep 17 00:00:00 2001 From: Stephen Date: Tue, 18 Jun 2024 19:29:01 +0200 Subject: [PATCH] aglaias thesis working --- .DS_Store | Bin 10244 -> 10244 bytes print/images.css | 76 ++++++++++++++++++----------------------------- print/index.html | 13 ++++---- stephen/index.md | 12 ++++---- 4 files changed, 42 insertions(+), 59 deletions(-) diff --git a/.DS_Store b/.DS_Store index c03daf946697ad7277bc68318182454351ae2583..582c7b71b6e24f70b819443bc8799c5084cebc08 100644 GIT binary patch delta 256 zcmZn(XbG6$jIU^hRb_GTV|*R1T!44DkM4C#~e1X}scOf7456sj#O4RjPt42&kv z6gC!y%9jNf<>ln(r86)vFi!p=nmT!^SkmOPV%)g&iL(ODEdrXH$dHY!ck>sqSY|~* zh7zDe4nsCjQ657&Lp(zYLq00Lfy8lF4giBqoc= h2u`*YPukoq5yiY&UFHGv#)fN*o7ojU5UY)s5diQAA`1Wj diff --git a/print/images.css b/print/images.css index 07b6757..77d093e 100644 --- a/print/images.css +++ b/print/images.css @@ -19,62 +19,44 @@ figure{ break-after: page; height: 155mm; } -figure img{ -} -.full-image{ +.full-image, .half-image{ break-before: right; height: 186mm; width: 133mm; - margin: -13mm 0 0 -30mm; + margin: -13mm 0 0 -10mm; position: relative; 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{ color: #fff; } - - -.centered-image, .centered-text{ - break-before: right; - height: 186mm; - width: 133mm; - margin: -13mm 0 0 -30mm; - position: relative; - object-fit: cover; - display: flex; - align-items: center; +.image-95{ + width: 95mm } -.centered-image figure{ - margin: 0 0 0 30mm; - width: 90mm; +.image-80{ + width: 80mm; } -.centered-text > *{ - width: 100%; - text-align: center; +.image-55{ + width: 55mm; +} +.image-45{ + width: 45mm; } diff --git a/print/index.html b/print/index.html index 76b7170..f15f3f7 100644 --- a/print/index.html +++ b/print/index.html @@ -3886,19 +3886,19 @@ research thesis)
-Keyboard of things designers have said. Our feelings about work.
-The messages on the keys were gathered using experimental interview methods and questions.
-Except “it’s ok”: my brother said that to me on the phone one day. @@ -3918,19 +3918,20 @@ Interactive dream telling. Click then type your story.
-Re-enacting dreams about work at Piet Zwart Institute, Rotterdam.
-Collective dream re-enactment at Art Meets Radical Openness, Linz.
-Where do dreams come from? +

Licensing information

diff --git a/stephen/index.md b/stephen/index.md index 1de82f6..0768a1a 100644 --- a/stephen/index.md +++ b/stephen/index.md @@ -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) +![Keyboard of things designers have said. Our feelings about work.](../stephen/keyboard24.jpeg){.image-95} -![The messages on the keys were gathered using experimental interview methods and questions.](../stephen/keyboard25.jpeg) +![The messages on the keys were gathered using experimental interview methods and questions.](../stephen/keyboard25.jpeg){.image-80} -![Except "it's ok": my brother said that to me on the phone one day.](../stephen/keyboard26.jpeg) +![Except "it's ok": my brother said that to me on the phone one day.](../stephen/keyboard26.jpeg){.image-55}
@@ -39,11 +39,11 @@ For the past year I have spoken with designers, artists and makers finding out h
Interactive dream telling. Click then type your story.
-![Re-enacting dreams about work at Piet Zwart Institute, Rotterdam. ](../stephen/peecee.jpg){.desaturate} +![Re-enacting dreams about work at Piet Zwart Institute, Rotterdam. ](../stephen/peecee.jpg){.desaturate .image-45} -![Collective dream re-enactment at Art Meets Radical Openness, Linz. ](../stephen/amro.jpeg){.desaturate} +![Collective dream re-enactment at Art Meets Radical Openness, Linz. ](../stephen/amro.jpeg){.desaturate .half-image} -![Where do dreams come from?](../stephen/dizzy.jpeg) +![Where do dreams come from?](../stephen/dizzy.jpeg){.full-image} ### 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}.