layout and icon

main
km0 2 years ago
parent 40d3941497
commit f88582f134

BIN
.DS_Store vendored

Binary file not shown.

@ -35,6 +35,10 @@ a {
color: currentColor; color: currentColor;
} }
a::after {
content: "↗";
}
header { header {
height: 100vh; height: 100vh;
display: flex; display: flex;
@ -57,11 +61,15 @@ h1 {
-webkit-text-stroke: 1.5px white; -webkit-text-stroke: 1.5px white;
} }
.filtered { h2,
h3 {
margin-top: 3rem;
}
.img {
display: inline-block; display: inline-block;
width: var(--size); width: var(--size);
height: var(--size); height: var(--size);
background-color: var(--color);
margin: 0; margin: 0;
position: relative; position: relative;
} }
@ -110,14 +118,17 @@ ol li {
.index { .index {
padding: 0; padding: 0;
/* display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
align-items: center; */ align-items: center;
line-height: 1.4;
text-align: center;
} }
.index li { .index li {
flex: 1; /* flex: 1; */
display: inline-block; display: inline-block;
text-transform: uppercase; text-transform: uppercase;
/* font-weight: bold; /* font-weight: bold;
@ -126,6 +137,10 @@ ol li {
-webkit-text-stroke: 2px var(--color); */ -webkit-text-stroke: 2px var(--color); */
} }
.index li + li {
margin-left: 1ch;
}
.index li:hover { .index li:hover {
color: var(--color); color: var(--color);
} }
@ -139,6 +154,15 @@ ol li {
text-decoration: none; text-decoration: none;
} }
.download {
font-size: 120px;
text-align: center;
}
.contents {
margin: 2rem auto;
}
a.purple, a.purple,
a.orange { a.orange {
display: inline-block; display: inline-block;
@ -146,6 +170,8 @@ a.orange {
width: 1em; width: 1em;
height: 1em; height: 1em;
margin: 0 4px; margin: 0 4px;
position: relative;
z-index: 200;
} }
a.purple { a.purple {
@ -155,6 +181,12 @@ a.orange {
background-color: var(--orange); background-color: var(--orange);
} }
a.purple::after,
a.orange::after,
.purchase::after {
content: "";
}
.signed { .signed {
transform: translateY(100%); transform: translateY(100%);
} }
@ -176,3 +208,10 @@ h3::first-letter,
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
svg {
width: 100%;
height: 100%;
object-fit: contain;
vertical-align: middle;
}

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

@ -27,17 +27,27 @@
<p>Dear Player,</p> <p>Dear Player,</p>
<p> <p>
I found you for a reason. Welcome to my productive space. Here play meets work. I found you for a reason. Welcome to my productive space. Here play meets work.
Time is ordered in unusual ways and patterns unravel. Together, we mess with the Time is ordered in unusual ways and patterns unravel.
boundaries between leisure and labour. <span class="img">
<img src="img/tarot.jpg" tabindex="0" />
</span>
Together, we mess with the boundaries between leisure and labour.
</p> </p>
<p> <p>
How are your boundaries? How are your boundaries?
<span class="filtered"> <span class="img">
<img src="img/boxes.jpg" tabindex="0" /> <img src="img/boxes.jpg" tabindex="0" />
</span> </span>
Maybe you shouldnt go to work tomorrow. But could you really follow your own Maybe you shouldnt go to work tomorrow.
schedule? Would you be more productive if you chose when to work? <span class="img">
<img src="img/img_7.jpg" alt="production line" tabindex="0" />
</span>
But could you really follow your own schedule?
<span class="img">
<img src="img/img_9.jpg" alt="post it on a table" tabindex="0" />
</span>
Would you be more productive if you chose when to work?
</p> </p>
<p>I never rest and I never work.</p> <p>I never rest and I never work.</p>
@ -48,147 +58,151 @@
</p> </p>
<!-- check this sent --> <!-- check this sent -->
<p> <p>
Make all the notes you find inside me your own. Curate them, spread them, mark Make all the notes you find inside me your own.
them, scratch them, add to them, subtract from them, play with them! Lay them on <span class="img">
any surface and reorganise them. <img src="img/img_10.jpg" tabindex="0" />
</p> </span>
<p> Curate them, spread them, mark them, scratch them, add to them, subtract from
However you decide to take care of me, remember: them, play with them!
<br /> <span class="img">
I found you for a reason. <img src="img/img_11.jpg" alt="post it on a table" tabindex="0" />
</p> </span>
<p> Lay them on any surface and reorganise them.
<span class="signed">The box</span>
</p> </p>
<p>However you decide to take care of me, remember:</p>
<p>I found you for a reason.</p>
<p>The box</p>
</div> </div>
<h2>Inside this publication:</h2> <div class="contents">
<ul class="index" id="index"> <h2>Inside this publication:</h2>
<li>What is a loot box?</li> <ul class="index" id="index">
<li>Crossword imaginary grid game</li> <li>What is a loot box?</li>
<li>One-sentence game ideas</li> <li>Crossword imaginary grid game</li>
<li>Nim fanfic</li> <li>One-sentence game ideas</li>
<li>The murderous history of loot boxes</li> <li>Nim fanfic</li>
<li><a href="unfinished-thoughts" target="_blank">Unfinished thoughts</a></li> <li>The murderous history of loot boxes</li>
<li>The leader</li> <li><a href="unfinished-thoughts" target="_blank">Unfinished thoughts</a></li>
<li> <li>The leader</li>
<a href="https://pzwiki.wdka.nl/mediadesign/Connect-less" target="_blank"> <li>
Connect[less] <a href="https://pzwiki.wdka.nl/mediadesign/Connect-less" target="_blank">
</a> Connect[less]
</li> </a>
<li> </li>
<a href="https://hub.xpub.nl/soupboat/xquisite/" target="_blank"> <li>
Xquisite Branch <a href="https://hub.xpub.nl/soupboat/xquisite/" target="_blank">
</a> Xquisite Branch
</li> </a>
<li> </li>
Katamari Fanfic<a <li>
href="katamari" <a href="katamari" target="_blank"> Katamari Fanfic </a>
target="_blank" </li>
style="background: var(--light-color); text-transform: lowercase" <li>Life hacks</li>
> <li>Can gaming make a better world?</li>
→ roooll 🍥</a </ul>
>
</li>
<li>Life hacks</li>
<li>Can gaming make a better world?</li>
</ul>
<div class="download" style="font-size: 120px"> <div class="download">
Download → Download →
<a <a
href="https://hub.xpub.nl/soupboat/lootbox/si17-purple.pdf" href="https://hub.xpub.nl/soupboat/lootbox/si17-purple.pdf"
class="purple" class="purple"
target="_blank" target="_blank"
></a ></a
><a ><a
href="https://hub.xpub.nl/soupboat/lootbox/si17-orange.pdf" href="https://hub.xpub.nl/soupboat/lootbox/si17-orange.pdf"
class="orange" class="orange"
target="_blank" target="_blank"
></a> ></a>
<br /> <br />
Purchase → Purchase →
<a href="https://page-not-found.nl" target="_blank"> <a href="https://page-not-found.nl" target="_blank" class="purchase">
<svg <svg
class="logo" class="logo"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 1077.17 736.71" viewBox="0 0 1077.17 736.71"
> >
<defs> <defs>
<style> <style>
.d { .d {
fill: currentColor; fill: currentColor;
} }
.e { .e {
fill: none; fill: none;
stroke: currentColor; stroke: currentColor;
stroke-width: 19.3px; stroke-width: 19.3px;
} }
</style> </style>
</defs> </defs>
<g id="a" /> <g id="a" />
<g id="b"> <g id="b">
<g id="c"> <g id="c">
<line class="e" x1="9.65" y1="19.19" x2="9.65" y2="604.1" /> <line class="e" x1="9.65" y1="19.19" x2="9.65" y2="604.1" />
<path
class="e"
d="M561.19,126.26c62.38-71.55,152.99-116.61,253.87-116.61s191.49,45.06,253.87,116.61"
/>
<line class="e" x1="1067.51" y1="132.61" x2="1067.51" y2="736.71" />
<g>
<path
class="e"
d="M561.25,730.43c61.26-71.59,150.23-116.68,249.29-116.68s188.04,45.09,249.29,116.68"
/>
<path
class="e"
d="M297.29,613.74c99.06,0,188.04,45.09,249.29,116.68"
/>
<path
class="e"
d="M19.99,613.74c99.06,0,188.04,45.09,249.29,116.68"
/>
<path <path
class="e" class="e"
d="M296.34,9.65c99.45,0,188.77,45.08,250.26,116.67" d="M561.19,126.26c62.38-71.55,152.99-116.61,253.87-116.61s191.49,45.06,253.87,116.61"
/> />
<path <line
class="e" class="e"
d="M19.03,9.65c99.45,0,188.77,45.08,250.26,116.67" x1="1067.51"
/> y1="132.61"
<path x2="1067.51"
class="d" y2="736.71"
d="M379.53,498.64v24.66c0,5.67,1.11,6.93,6.84,6.93h15.48v-2.52h-13.08c-3.16,0-4.28-.27-4.28-3.06v-13.77h14.19v-2.34h-14.19v-11.34c0-2.79,1.11-2.97,4.28-2.97h13.42v-2.52h-15.82c-5.73,0-6.84,1.26-6.84,6.93m-5.13,24.39l-1.8-1.53c-2.56,5.22-6.16,7.92-10.94,7.92-7.52,0-11.89-6.39-11.89-18.27s4.79-18.54,12.65-18.54c4.53,0,7.52,2.25,9.66,6.93l2.05-1.35c-2.48-5.22-6.41-7.65-12.14-7.65-10.43,0-17.61,8.19-17.61,21.06,0,12.15,6.67,19.89,16.33,19.89,5.99,0,10.26-2.61,13.68-8.46m-42.49-40.59c0,1.71,1.45,3.24,2.99,3.24,1.62,0,3.08-1.44,3.08-3.24s-1.37-3.24-3.08-3.24-2.99,1.53-2.99,3.24m.6,9.27v38.52h4.96v-38.52h-4.96Zm-18.64,38.52h4.96v-36h9.92v-2.52h-24.71v2.52h9.83v36Zm-9.75-7.2l-1.8-1.53c-2.57,5.22-6.16,7.92-10.94,7.92-7.52,0-11.88-6.39-11.88-18.27s4.79-18.54,12.65-18.54c4.53,0,7.52,2.25,9.66,6.93l2.05-1.35c-2.48-5.22-6.41-7.65-12.14-7.65-10.43,0-17.61,8.19-17.61,21.06,0,12.15,6.67,19.89,16.33,19.89,5.98,0,10.26-2.61,13.68-8.46m-59.08,7.2l3.16-10.71h15.65l3.68,10.71h5.47l-11.97-35.01c-1.11-3.15-2.22-4.68-4.28-4.68-1.88,0-3.25,1.26-3.93,3.69l-10.18,36h2.39Zm3.93-13.23l4.79-18.09c.43-1.62,.6-2.52,1.54-2.52,.68,0,1.03,.72,1.62,2.52l6.16,18.09h-14.11Zm-27.61,13.23v-36h4.45c6.75,0,9.92,1.89,9.92,7.56,0,5.22-2.57,7.92-7.78,7.92h-4.62l12.83,20.52h5.9l-11.97-18.81h.26c6.84,0,10.69-3.42,10.69-9.09,0-6.3-4.87-10.62-13-10.62h-11.63v38.52h4.96Zm-39.71-27.54h11.29c12.23,0,18.98-6.12,18.98-15.66s-7.52-15.57-20.86-15.57h-15.56v58.77h6.16v-27.54Zm0-28.08h6.67c11.46,0,16.84,3.6,16.84,12.42s-5.22,12.6-15.9,12.6h-7.61v-25.02Z"
/>
<path
class="d"
d="M426.5,438.03l-1.8-1.53c-2.57,5.22-6.16,7.92-10.94,7.92-7.52,0-11.88-6.39-11.88-18.27s4.79-18.54,12.65-18.54c4.53,0,7.52,2.25,9.66,6.93l2.05-1.35c-2.48-5.22-6.41-7.65-12.14-7.65-10.43,0-17.61,8.19-17.61,21.06,0,12.15,6.67,19.89,16.33,19.89,5.99,0,10.26-2.61,13.68-8.46m-42.49-40.59c0,1.71,1.45,3.24,2.99,3.24,1.62,0,3.08-1.44,3.08-3.24s-1.37-3.24-3.08-3.24-2.99,1.53-2.99,3.24m.6,9.27v38.52h4.96v-38.52h-4.96Zm-18.64,38.52h4.96v-36h9.92v-2.52h-24.71v2.52h9.83v36Zm-32.06,0h8.72c8.46,0,13-3.96,13-10.98,0-5.58-2.82-8.64-8.98-10.71l-3.42-1.17c-3.85-1.26-5.56-3.24-5.56-6.93s2.31-6.21,6.33-6.21h8.46v-2.52h-8.12c-7.1,0-11.46,4.23-11.46,10.62,0,4.5,2.82,8.01,8.29,9.72l4.1,1.35c3.85,1.17,5.39,3.24,5.39,7.02,0,4.86-2.65,7.29-8.04,7.29h-8.72v2.52Zm-13.85-47.79c0,1.71,1.45,3.24,2.99,3.24,1.62,0,3.08-1.44,3.08-3.24s-1.37-3.24-3.08-3.24-2.99,1.53-2.99,3.24m.6,9.27v38.52h4.96v-38.52h-4.96Zm-18.64,38.52h4.96v-36h9.92v-2.52h-24.71v2.52h9.83v36Zm-29.15,0v-36h4.45c6.76,0,9.92,1.89,9.92,7.56,0,5.22-2.57,7.92-7.78,7.92h-4.62l12.82,20.52h5.9l-11.97-18.81h.26c6.84,0,10.69-3.42,10.69-9.09,0-6.3-4.87-10.62-13-10.62h-11.63v38.52h4.96Zm-41.72-20.88l10.26-27,9.92,27h-20.18Zm-1.03,2.7h22.06l7.01,18.18h6.16l-23-60.03-22.83,60.03h3.76l6.84-18.18Zm-50.04,18.18h8.72c8.46,0,13-3.96,13-10.98,0-5.58-2.82-8.64-8.98-10.71l-3.42-1.17c-3.85-1.26-5.56-3.24-5.56-6.93s2.31-6.21,6.33-6.21h8.46v-2.52h-8.12c-7.1,0-11.46,4.23-11.46,10.62,0,4.5,2.82,8.01,8.29,9.72l4.1,1.35c3.85,1.17,5.39,3.24,5.39,7.02,0,4.86-2.65,7.29-8.04,7.29h-8.72v2.52Zm-30.44,0l3.16-10.71h15.65l3.68,10.71h5.47l-11.97-35.01c-1.11-3.15-2.22-4.68-4.28-4.68-1.88,0-3.25,1.26-3.93,3.69l-10.17,36h2.39Zm3.93-13.23l4.79-18.09c.43-1.62,.6-2.52,1.54-2.52,.68,0,1.03,.72,1.62,2.52l6.16,18.09h-14.11Z"
/>
<path
class="d"
d="M428.77,375.89h4.96v-33.12h-4.96v12.69c-2.74,2.61-5.22,3.96-8.21,3.96-7.52,0-12.65-7.47-12.65-20.97,0-10.26,4.19-15.84,11.29-15.84,4.45,0,8.21,2.34,11.37,6.93l2.05-1.62c-3.85-5.04-7.95-7.38-13-7.38-9.66,0-16.93,7.83-16.93,19.98s7.01,20.97,16.76,20.97c3.08,0,6.07-.81,9.32-2.52v16.92Zm-57.63-15.66v-31.77c0-1.44,.34-2.25,1.2-2.25,.77,0,1.2,.63,1.88,1.71l18.47,31.41c.85,1.35,1.45,2.16,2.05,2.16,.68,0,.85-.54,.85-1.53v-38.25h-2.14v29.07l-14.79-25.2c-1.88-3.15-3.68-4.77-6.16-4.77-2.14,0-3.51,1.8-3.51,4.95v34.47h2.14Zm-17.35-47.79c0,1.71,1.45,3.24,2.99,3.24,1.62,0,3.08-1.44,3.08-3.24s-1.37-3.24-3.08-3.24-2.99,1.53-2.99,3.24m.6,9.27v38.52h4.96v-38.52h-4.96Zm-33.6,38.52v-18.99h18.98v18.99h4.96v-38.52h-4.96v17.01h-18.98v-41.4h-4.96v62.91h4.96Zm-33.17,0h8.72c8.46,0,13-3.96,13-10.98,0-5.58-2.82-8.64-8.98-10.71l-3.42-1.17c-3.85-1.26-5.56-3.24-5.56-6.93s2.31-6.21,6.33-6.21h8.46v-2.52h-8.12c-7.1,0-11.46,4.23-11.46,10.62,0,4.5,2.82,8.01,8.29,9.72l4.1,1.35c3.85,1.17,5.39,3.24,5.39,7.02,0,4.86-2.65,7.29-8.04,7.29h-8.72v2.52Zm-13.85-47.79c0,1.71,1.45,3.24,2.99,3.24,1.62,0,3.08-1.44,3.08-3.24s-1.37-3.24-3.08-3.24-2.99,1.53-2.99,3.24m.6,9.27v38.52h4.96v-38.52h-4.96Zm-16.5-24.39v55.98c0,5.67,1.03,6.93,6.75,6.93h5.9v-2.52h-3.51c-3.16,0-4.19-.27-4.19-3.06v-57.33h-4.96Zm-32.66,60.39v-33.48h5.64c9.49,0,15.22,6.48,15.22,17.19s-5.56,16.29-15.73,16.29h-5.13Zm0,2.52h3.16c15.22,0,23-6.39,23-18.81,0-11.61-8.04-19.71-20.35-19.71h-5.81v-24.39h-5.13v62.91h5.13Zm-14.45-38.52h-2.39v24.57c0,8.19-3.25,12.42-9.06,12.42-5.3,0-8.81-3.96-8.81-10.62v-26.37h-4.96v24.84c0,9.72,4.87,14.94,13.17,14.94,7.52,0,12.06-5.04,12.06-13.86v-25.92Zm-59.55,10.98h11.29c12.23,0,18.98-6.12,18.98-15.66s-7.52-15.57-20.86-15.57h-15.56v58.77h6.16v-27.54Zm0-28.08h6.67c11.46,0,16.84,3.6,16.84,12.42s-5.22,12.6-15.9,12.6h-7.61v-25.02Z"
/>
<path
class="d"
d="M402.3,275.23v-36h4.45c6.76,0,9.92,1.89,9.92,7.56,0,5.22-2.56,7.92-7.78,7.92h-4.62l12.83,20.52h5.9l-11.97-18.81h.26c6.84,0,10.69-3.42,10.69-9.09,0-6.3-4.87-10.62-13-10.62h-11.63v38.52h4.96Zm-29.24-.81c-7.27,0-12.48-7.02-12.48-18.36s5.21-18.45,12.48-18.45,12.4,7.11,12.4,18.45-5.13,18.36-12.4,18.36m1.03,2.07c10,0,16.76-8.01,16.76-19.98s-8.21-20.97-18.9-20.97c-9.92,0-16.67,8.1-16.67,19.98s8.12,20.97,18.81,20.97m-33.69-1.26h4.96v-36h6.84v-2.52h-6.84v-16.47c0-4.5,1.97-6.93,5.21-6.93,1.11,0,2.22,.45,3.59,1.26v-2.25c-1.28-.63-2.74-.99-4.36-.99-7.78,0-9.4,4.59-9.4,13.68v50.22Zm-47.56-31.59v24.66c0,5.67,1.11,6.93,6.84,6.93h15.47v-2.52h-13.08c-3.16,0-4.28-.27-4.28-3.06v-13.77h14.19v-2.34h-14.19v-11.34c0-2.79,1.11-2.97,4.28-2.97h13.42v-2.52h-15.82c-5.73,0-6.84,1.26-6.84,6.93m-5.13,24.39l-1.8-1.53c-2.56,5.22-6.16,7.92-10.94,7.92-7.52,0-11.88-6.39-11.88-18.27s4.79-18.54,12.65-18.54c4.53,0,7.52,2.25,9.66,6.93l2.05-1.35c-2.48-5.22-6.41-7.65-12.14-7.65-10.43,0-17.61,8.19-17.61,21.06,0,12.15,6.67,19.89,16.33,19.89,5.98,0,10.26-2.61,13.68-8.46m-59.08,7.2l3.16-10.71h15.65l3.68,10.71h5.47l-11.97-35.01c-1.11-3.15-2.22-4.68-4.28-4.68-1.88,0-3.25,1.26-3.93,3.69l-10.17,36h2.39Zm3.93-13.23l4.79-18.09c.43-1.62,.6-2.52,1.54-2.52,.68,0,1.03,.72,1.62,2.52l6.16,18.09h-14.11Zm-34.97,10.71v-33.48h5.64c9.49,0,15.22,6.48,15.22,17.19s-5.56,16.29-15.73,16.29h-5.13Zm0,2.52h3.16c15.22,0,23-6.39,23-18.81,0-11.61-8.04-19.71-20.35-19.71h-10.94v54.18h5.13v-15.66Zm-43.43-7.2c3.08,5.76,7.87,8.64,14.19,8.64,9.66,0,16.67-7.38,16.67-18.27,0-7.74-3.51-11.34-11.54-14.94l-3.59-1.62c-6.41-2.88-9.92-5.67-9.92-12.42s4.87-11.7,11.2-11.7c3.85,0,7.44,2.61,9.58,7.29l2.48-1.53c-3.16-5.58-7.27-8.28-12.74-8.28-8.98,0-16.07,7.38-16.07,17.1,0,7.74,4.1,11.25,12.23,15.12l3.51,1.62c6.24,2.97,8.81,5.67,8.81,12.33,0,7.92-4.28,12.87-10.43,12.87-4.79,0-9.15-2.97-11.54-8.01l-2.82,1.8Z"
/>
<path
class="d"
d="M959.71,447.05h12.91c31.94,0,49.65,18.29,49.65,50.52s-17.05,51.05-47.17,51.05h-15.39v-101.57Zm-11.92,107.67h34.26c16.72,0,30.62-5.92,39.56-16.38,9.1-10.63,13.74-23.69,13.74-38.68,0-35.71-23.67-58.71-64.88-58.71h-22.67v113.76Zm-81.82-97.73l73.48,100.52v-116.55h-6.46v87.46l-63.55-87.46h-9.93v113.76h6.45v-97.73Zm-14.18-16.03h-6.62v76.31c0,23.69-7.94,34.84-25.82,34.84-9.43,0-17.21-4.01-22.01-10.98-5.3-7.66-5.63-15.85-5.63-27.18v-73h-11.92v72.65c0,14.11,.66,23.87,8.11,32.06,7.61,8.36,17.54,11.85,31.45,11.85,20.69,0,32.44-13.94,32.44-37.11v-79.44Zm-90.83,57.14c0,33.62-16.72,54.53-38.89,54.53s-38.89-20.91-38.89-54.53,16.72-54.7,38.89-54.7,38.89,21.08,38.89,54.7m-39.06,59.41c13.9,0,26.48-5.75,36.41-16.72,9.93-11.15,15.23-25.78,15.23-42.68s-5.3-31.53-15.39-42.86c-9.6-10.8-22.51-16.72-36.25-16.72s-26.65,5.92-36.25,16.72c-10.1,11.32-15.39,25.96-15.39,42.86s5.3,31.53,15.23,42.68c9.93,10.97,22.51,16.72,36.41,16.72m-103.39-2.79v-54.88h45.84v-5.75h-45.84v-47.04h47.33v-6.1h-59.25v113.76h11.92Z"
/>
<path
class="d"
d="M906.44,410.21h11.92v-107.66h26.81v-6.1h-65.54v6.1h26.81v107.66Zm-24.89-56.62c0,33.62-16.72,54.53-38.89,54.53s-38.89-20.91-38.89-54.53,16.72-54.7,38.89-54.7,38.89,21.08,38.89,54.7m-39.06,59.41c13.9,0,26.48-5.75,36.41-16.72,9.93-11.15,15.23-25.78,15.23-42.68s-5.3-31.53-15.39-42.86c-9.6-10.8-22.51-16.72-36.25-16.72s-26.65,5.92-36.25,16.72c-10.1,11.32-15.39,25.96-15.39,42.86s5.3,31.53,15.23,42.68c9.93,10.98,22.51,16.72,36.41,16.72m-129.84-100.52l73.48,100.52v-116.55h-6.46v87.46l-63.55-87.46h-9.93v113.76h6.46v-97.73Z"
/>
<path
class="d"
d="M913.51,259.61v-49.13h46.18v-5.75h-46.18v-46.69h49.16v-6.1h-61.07v113.76h62.73v-6.1h-50.81Zm-17.51-40.07h-10.92v30.49c-5.79,8.54-15.89,13.76-27.31,13.76-24.49,0-41.87-22.3-41.87-56.79,0-32.23,16.88-52.61,41.38-52.61,14.73,0,25.49,7.67,31.94,22.65l5.3-2.96c-7.12-16.03-20.69-24.56-39.06-24.56-15.23,0-28.47,6.1-38.07,17.25-9.27,10.8-14.4,25.44-14.4,41.11,0,18.47,4.8,32.93,14.9,43.9,10.09,10.98,23.5,16.72,38.89,16.72,14.23,0,29.63-6.97,39.23-18.29v-30.66Zm-149.45,5.75l19.86-52.26,19.2,52.26h-39.06Zm-1.99,5.23h42.7l13.57,35.19h11.92l-44.52-116.2-44.19,116.2h7.28l13.24-35.19Zm-55.36-18.12h21.85c23.67,0,36.74-11.85,36.74-30.31s-14.56-30.14-40.38-30.14h-30.12v113.76h11.92v-53.31Zm0-54.35h12.91c22.18,0,32.6,6.97,32.6,24.04s-10.09,24.39-30.78,24.39h-14.73v-48.43Z"
/> />
<g>
<path
class="e"
d="M561.25,730.43c61.26-71.59,150.23-116.68,249.29-116.68s188.04,45.09,249.29,116.68"
/>
<path
class="e"
d="M297.29,613.74c99.06,0,188.04,45.09,249.29,116.68"
/>
<path
class="e"
d="M19.99,613.74c99.06,0,188.04,45.09,249.29,116.68"
/>
<path
class="e"
d="M296.34,9.65c99.45,0,188.77,45.08,250.26,116.67"
/>
<path
class="e"
d="M19.03,9.65c99.45,0,188.77,45.08,250.26,116.67"
/>
<path
class="d"
d="M379.53,498.64v24.66c0,5.67,1.11,6.93,6.84,6.93h15.48v-2.52h-13.08c-3.16,0-4.28-.27-4.28-3.06v-13.77h14.19v-2.34h-14.19v-11.34c0-2.79,1.11-2.97,4.28-2.97h13.42v-2.52h-15.82c-5.73,0-6.84,1.26-6.84,6.93m-5.13,24.39l-1.8-1.53c-2.56,5.22-6.16,7.92-10.94,7.92-7.52,0-11.89-6.39-11.89-18.27s4.79-18.54,12.65-18.54c4.53,0,7.52,2.25,9.66,6.93l2.05-1.35c-2.48-5.22-6.41-7.65-12.14-7.65-10.43,0-17.61,8.19-17.61,21.06,0,12.15,6.67,19.89,16.33,19.89,5.99,0,10.26-2.61,13.68-8.46m-42.49-40.59c0,1.71,1.45,3.24,2.99,3.24,1.62,0,3.08-1.44,3.08-3.24s-1.37-3.24-3.08-3.24-2.99,1.53-2.99,3.24m.6,9.27v38.52h4.96v-38.52h-4.96Zm-18.64,38.52h4.96v-36h9.92v-2.52h-24.71v2.52h9.83v36Zm-9.75-7.2l-1.8-1.53c-2.57,5.22-6.16,7.92-10.94,7.92-7.52,0-11.88-6.39-11.88-18.27s4.79-18.54,12.65-18.54c4.53,0,7.52,2.25,9.66,6.93l2.05-1.35c-2.48-5.22-6.41-7.65-12.14-7.65-10.43,0-17.61,8.19-17.61,21.06,0,12.15,6.67,19.89,16.33,19.89,5.98,0,10.26-2.61,13.68-8.46m-59.08,7.2l3.16-10.71h15.65l3.68,10.71h5.47l-11.97-35.01c-1.11-3.15-2.22-4.68-4.28-4.68-1.88,0-3.25,1.26-3.93,3.69l-10.18,36h2.39Zm3.93-13.23l4.79-18.09c.43-1.62,.6-2.52,1.54-2.52,.68,0,1.03,.72,1.62,2.52l6.16,18.09h-14.11Zm-27.61,13.23v-36h4.45c6.75,0,9.92,1.89,9.92,7.56,0,5.22-2.57,7.92-7.78,7.92h-4.62l12.83,20.52h5.9l-11.97-18.81h.26c6.84,0,10.69-3.42,10.69-9.09,0-6.3-4.87-10.62-13-10.62h-11.63v38.52h4.96Zm-39.71-27.54h11.29c12.23,0,18.98-6.12,18.98-15.66s-7.52-15.57-20.86-15.57h-15.56v58.77h6.16v-27.54Zm0-28.08h6.67c11.46,0,16.84,3.6,16.84,12.42s-5.22,12.6-15.9,12.6h-7.61v-25.02Z"
/>
<path
class="d"
d="M426.5,438.03l-1.8-1.53c-2.57,5.22-6.16,7.92-10.94,7.92-7.52,0-11.88-6.39-11.88-18.27s4.79-18.54,12.65-18.54c4.53,0,7.52,2.25,9.66,6.93l2.05-1.35c-2.48-5.22-6.41-7.65-12.14-7.65-10.43,0-17.61,8.19-17.61,21.06,0,12.15,6.67,19.89,16.33,19.89,5.99,0,10.26-2.61,13.68-8.46m-42.49-40.59c0,1.71,1.45,3.24,2.99,3.24,1.62,0,3.08-1.44,3.08-3.24s-1.37-3.24-3.08-3.24-2.99,1.53-2.99,3.24m.6,9.27v38.52h4.96v-38.52h-4.96Zm-18.64,38.52h4.96v-36h9.92v-2.52h-24.71v2.52h9.83v36Zm-32.06,0h8.72c8.46,0,13-3.96,13-10.98,0-5.58-2.82-8.64-8.98-10.71l-3.42-1.17c-3.85-1.26-5.56-3.24-5.56-6.93s2.31-6.21,6.33-6.21h8.46v-2.52h-8.12c-7.1,0-11.46,4.23-11.46,10.62,0,4.5,2.82,8.01,8.29,9.72l4.1,1.35c3.85,1.17,5.39,3.24,5.39,7.02,0,4.86-2.65,7.29-8.04,7.29h-8.72v2.52Zm-13.85-47.79c0,1.71,1.45,3.24,2.99,3.24,1.62,0,3.08-1.44,3.08-3.24s-1.37-3.24-3.08-3.24-2.99,1.53-2.99,3.24m.6,9.27v38.52h4.96v-38.52h-4.96Zm-18.64,38.52h4.96v-36h9.92v-2.52h-24.71v2.52h9.83v36Zm-29.15,0v-36h4.45c6.76,0,9.92,1.89,9.92,7.56,0,5.22-2.57,7.92-7.78,7.92h-4.62l12.82,20.52h5.9l-11.97-18.81h.26c6.84,0,10.69-3.42,10.69-9.09,0-6.3-4.87-10.62-13-10.62h-11.63v38.52h4.96Zm-41.72-20.88l10.26-27,9.92,27h-20.18Zm-1.03,2.7h22.06l7.01,18.18h6.16l-23-60.03-22.83,60.03h3.76l6.84-18.18Zm-50.04,18.18h8.72c8.46,0,13-3.96,13-10.98,0-5.58-2.82-8.64-8.98-10.71l-3.42-1.17c-3.85-1.26-5.56-3.24-5.56-6.93s2.31-6.21,6.33-6.21h8.46v-2.52h-8.12c-7.1,0-11.46,4.23-11.46,10.62,0,4.5,2.82,8.01,8.29,9.72l4.1,1.35c3.85,1.17,5.39,3.24,5.39,7.02,0,4.86-2.65,7.29-8.04,7.29h-8.72v2.52Zm-30.44,0l3.16-10.71h15.65l3.68,10.71h5.47l-11.97-35.01c-1.11-3.15-2.22-4.68-4.28-4.68-1.88,0-3.25,1.26-3.93,3.69l-10.17,36h2.39Zm3.93-13.23l4.79-18.09c.43-1.62,.6-2.52,1.54-2.52,.68,0,1.03,.72,1.62,2.52l6.16,18.09h-14.11Z"
/>
<path
class="d"
d="M428.77,375.89h4.96v-33.12h-4.96v12.69c-2.74,2.61-5.22,3.96-8.21,3.96-7.52,0-12.65-7.47-12.65-20.97,0-10.26,4.19-15.84,11.29-15.84,4.45,0,8.21,2.34,11.37,6.93l2.05-1.62c-3.85-5.04-7.95-7.38-13-7.38-9.66,0-16.93,7.83-16.93,19.98s7.01,20.97,16.76,20.97c3.08,0,6.07-.81,9.32-2.52v16.92Zm-57.63-15.66v-31.77c0-1.44,.34-2.25,1.2-2.25,.77,0,1.2,.63,1.88,1.71l18.47,31.41c.85,1.35,1.45,2.16,2.05,2.16,.68,0,.85-.54,.85-1.53v-38.25h-2.14v29.07l-14.79-25.2c-1.88-3.15-3.68-4.77-6.16-4.77-2.14,0-3.51,1.8-3.51,4.95v34.47h2.14Zm-17.35-47.79c0,1.71,1.45,3.24,2.99,3.24,1.62,0,3.08-1.44,3.08-3.24s-1.37-3.24-3.08-3.24-2.99,1.53-2.99,3.24m.6,9.27v38.52h4.96v-38.52h-4.96Zm-33.6,38.52v-18.99h18.98v18.99h4.96v-38.52h-4.96v17.01h-18.98v-41.4h-4.96v62.91h4.96Zm-33.17,0h8.72c8.46,0,13-3.96,13-10.98,0-5.58-2.82-8.64-8.98-10.71l-3.42-1.17c-3.85-1.26-5.56-3.24-5.56-6.93s2.31-6.21,6.33-6.21h8.46v-2.52h-8.12c-7.1,0-11.46,4.23-11.46,10.62,0,4.5,2.82,8.01,8.29,9.72l4.1,1.35c3.85,1.17,5.39,3.24,5.39,7.02,0,4.86-2.65,7.29-8.04,7.29h-8.72v2.52Zm-13.85-47.79c0,1.71,1.45,3.24,2.99,3.24,1.62,0,3.08-1.44,3.08-3.24s-1.37-3.24-3.08-3.24-2.99,1.53-2.99,3.24m.6,9.27v38.52h4.96v-38.52h-4.96Zm-16.5-24.39v55.98c0,5.67,1.03,6.93,6.75,6.93h5.9v-2.52h-3.51c-3.16,0-4.19-.27-4.19-3.06v-57.33h-4.96Zm-32.66,60.39v-33.48h5.64c9.49,0,15.22,6.48,15.22,17.19s-5.56,16.29-15.73,16.29h-5.13Zm0,2.52h3.16c15.22,0,23-6.39,23-18.81,0-11.61-8.04-19.71-20.35-19.71h-5.81v-24.39h-5.13v62.91h5.13Zm-14.45-38.52h-2.39v24.57c0,8.19-3.25,12.42-9.06,12.42-5.3,0-8.81-3.96-8.81-10.62v-26.37h-4.96v24.84c0,9.72,4.87,14.94,13.17,14.94,7.52,0,12.06-5.04,12.06-13.86v-25.92Zm-59.55,10.98h11.29c12.23,0,18.98-6.12,18.98-15.66s-7.52-15.57-20.86-15.57h-15.56v58.77h6.16v-27.54Zm0-28.08h6.67c11.46,0,16.84,3.6,16.84,12.42s-5.22,12.6-15.9,12.6h-7.61v-25.02Z"
/>
<path
class="d"
d="M402.3,275.23v-36h4.45c6.76,0,9.92,1.89,9.92,7.56,0,5.22-2.56,7.92-7.78,7.92h-4.62l12.83,20.52h5.9l-11.97-18.81h.26c6.84,0,10.69-3.42,10.69-9.09,0-6.3-4.87-10.62-13-10.62h-11.63v38.52h4.96Zm-29.24-.81c-7.27,0-12.48-7.02-12.48-18.36s5.21-18.45,12.48-18.45,12.4,7.11,12.4,18.45-5.13,18.36-12.4,18.36m1.03,2.07c10,0,16.76-8.01,16.76-19.98s-8.21-20.97-18.9-20.97c-9.92,0-16.67,8.1-16.67,19.98s8.12,20.97,18.81,20.97m-33.69-1.26h4.96v-36h6.84v-2.52h-6.84v-16.47c0-4.5,1.97-6.93,5.21-6.93,1.11,0,2.22,.45,3.59,1.26v-2.25c-1.28-.63-2.74-.99-4.36-.99-7.78,0-9.4,4.59-9.4,13.68v50.22Zm-47.56-31.59v24.66c0,5.67,1.11,6.93,6.84,6.93h15.47v-2.52h-13.08c-3.16,0-4.28-.27-4.28-3.06v-13.77h14.19v-2.34h-14.19v-11.34c0-2.79,1.11-2.97,4.28-2.97h13.42v-2.52h-15.82c-5.73,0-6.84,1.26-6.84,6.93m-5.13,24.39l-1.8-1.53c-2.56,5.22-6.16,7.92-10.94,7.92-7.52,0-11.88-6.39-11.88-18.27s4.79-18.54,12.65-18.54c4.53,0,7.52,2.25,9.66,6.93l2.05-1.35c-2.48-5.22-6.41-7.65-12.14-7.65-10.43,0-17.61,8.19-17.61,21.06,0,12.15,6.67,19.89,16.33,19.89,5.98,0,10.26-2.61,13.68-8.46m-59.08,7.2l3.16-10.71h15.65l3.68,10.71h5.47l-11.97-35.01c-1.11-3.15-2.22-4.68-4.28-4.68-1.88,0-3.25,1.26-3.93,3.69l-10.17,36h2.39Zm3.93-13.23l4.79-18.09c.43-1.62,.6-2.52,1.54-2.52,.68,0,1.03,.72,1.62,2.52l6.16,18.09h-14.11Zm-34.97,10.71v-33.48h5.64c9.49,0,15.22,6.48,15.22,17.19s-5.56,16.29-15.73,16.29h-5.13Zm0,2.52h3.16c15.22,0,23-6.39,23-18.81,0-11.61-8.04-19.71-20.35-19.71h-10.94v54.18h5.13v-15.66Zm-43.43-7.2c3.08,5.76,7.87,8.64,14.19,8.64,9.66,0,16.67-7.38,16.67-18.27,0-7.74-3.51-11.34-11.54-14.94l-3.59-1.62c-6.41-2.88-9.92-5.67-9.92-12.42s4.87-11.7,11.2-11.7c3.85,0,7.44,2.61,9.58,7.29l2.48-1.53c-3.16-5.58-7.27-8.28-12.74-8.28-8.98,0-16.07,7.38-16.07,17.1,0,7.74,4.1,11.25,12.23,15.12l3.51,1.62c6.24,2.97,8.81,5.67,8.81,12.33,0,7.92-4.28,12.87-10.43,12.87-4.79,0-9.15-2.97-11.54-8.01l-2.82,1.8Z"
/>
<path
class="d"
d="M959.71,447.05h12.91c31.94,0,49.65,18.29,49.65,50.52s-17.05,51.05-47.17,51.05h-15.39v-101.57Zm-11.92,107.67h34.26c16.72,0,30.62-5.92,39.56-16.38,9.1-10.63,13.74-23.69,13.74-38.68,0-35.71-23.67-58.71-64.88-58.71h-22.67v113.76Zm-81.82-97.73l73.48,100.52v-116.55h-6.46v87.46l-63.55-87.46h-9.93v113.76h6.45v-97.73Zm-14.18-16.03h-6.62v76.31c0,23.69-7.94,34.84-25.82,34.84-9.43,0-17.21-4.01-22.01-10.98-5.3-7.66-5.63-15.85-5.63-27.18v-73h-11.92v72.65c0,14.11,.66,23.87,8.11,32.06,7.61,8.36,17.54,11.85,31.45,11.85,20.69,0,32.44-13.94,32.44-37.11v-79.44Zm-90.83,57.14c0,33.62-16.72,54.53-38.89,54.53s-38.89-20.91-38.89-54.53,16.72-54.7,38.89-54.7,38.89,21.08,38.89,54.7m-39.06,59.41c13.9,0,26.48-5.75,36.41-16.72,9.93-11.15,15.23-25.78,15.23-42.68s-5.3-31.53-15.39-42.86c-9.6-10.8-22.51-16.72-36.25-16.72s-26.65,5.92-36.25,16.72c-10.1,11.32-15.39,25.96-15.39,42.86s5.3,31.53,15.23,42.68c9.93,10.97,22.51,16.72,36.41,16.72m-103.39-2.79v-54.88h45.84v-5.75h-45.84v-47.04h47.33v-6.1h-59.25v113.76h11.92Z"
/>
<path
class="d"
d="M906.44,410.21h11.92v-107.66h26.81v-6.1h-65.54v6.1h26.81v107.66Zm-24.89-56.62c0,33.62-16.72,54.53-38.89,54.53s-38.89-20.91-38.89-54.53,16.72-54.7,38.89-54.7,38.89,21.08,38.89,54.7m-39.06,59.41c13.9,0,26.48-5.75,36.41-16.72,9.93-11.15,15.23-25.78,15.23-42.68s-5.3-31.53-15.39-42.86c-9.6-10.8-22.51-16.72-36.25-16.72s-26.65,5.92-36.25,16.72c-10.1,11.32-15.39,25.96-15.39,42.86s5.3,31.53,15.23,42.68c9.93,10.98,22.51,16.72,36.41,16.72m-129.84-100.52l73.48,100.52v-116.55h-6.46v87.46l-63.55-87.46h-9.93v113.76h6.46v-97.73Z"
/>
<path
class="d"
d="M913.51,259.61v-49.13h46.18v-5.75h-46.18v-46.69h49.16v-6.1h-61.07v113.76h62.73v-6.1h-50.81Zm-17.51-40.07h-10.92v30.49c-5.79,8.54-15.89,13.76-27.31,13.76-24.49,0-41.87-22.3-41.87-56.79,0-32.23,16.88-52.61,41.38-52.61,14.73,0,25.49,7.67,31.94,22.65l5.3-2.96c-7.12-16.03-20.69-24.56-39.06-24.56-15.23,0-28.47,6.1-38.07,17.25-9.27,10.8-14.4,25.44-14.4,41.11,0,18.47,4.8,32.93,14.9,43.9,10.09,10.98,23.5,16.72,38.89,16.72,14.23,0,29.63-6.97,39.23-18.29v-30.66Zm-149.45,5.75l19.86-52.26,19.2,52.26h-39.06Zm-1.99,5.23h42.7l13.57,35.19h11.92l-44.52-116.2-44.19,116.2h7.28l13.24-35.19Zm-55.36-18.12h21.85c23.67,0,36.74-11.85,36.74-30.31s-14.56-30.14-40.38-30.14h-30.12v113.76h11.92v-53.31Zm0-54.35h12.91c22.18,0,32.6,6.97,32.6,24.04s-10.09,24.39-30.78,24.39h-14.73v-48.43Z"
/>
</g>
</g> </g>
</g> </g>
</g> </svg>
</svg> </a>
</a> </div>
</div> </div>
<div class="launch"> <div class="launch">
@ -214,7 +228,7 @@
</p> </p>
<a href="https://pzwiki.wdka.nl/mediadesign/Fage_Not_Pound" target="_blank"> <a href="https://pzwiki.wdka.nl/mediadesign/Fage_Not_Pound" target="_blank">
Discover FNP <span> Discover FNP </span>
</a> </a>
</div> </div>
<div class="colophon"> <div class="colophon">
@ -305,16 +319,21 @@
<h3>License:</h3> <h3>License:</h3>
<p> <p>
This Box Found You For A Reason <br /> <span> This Box Found You For A Reason </span>
2022 XPUB Special Issue 17
<br />
<span> 2022 XPUB Special Issue 17 </span>
</p> </p>
<p> <p>
Copyleft attitude with a difference: <br /> <span> Copyleft attitude with a difference: </span>
you are invited to share the publication or parts of it with others under the <br />
terms of the <span>
<a href="https://constantvzw.org/wefts/cc4r.en.html" target="_blank" you are invited to share the publication or parts of it with others under
>CC4r license</a the terms of the
> <a href="https://constantvzw.org/wefts/cc4r.en.html" target="_blank"
>CC4r license</a
>
</span>
</p> </p>
</div> </div>
</main> </main>

Binary file not shown.

After

Width:  |  Height:  |  Size: 108 KiB

@ -16,4 +16,12 @@ window.addEventListener("load", () => {
lightColor = palettes[shade]["lightColor"]; lightColor = palettes[shade]["lightColor"];
document.documentElement.style.setProperty("--color", color); document.documentElement.style.setProperty("--color", color);
document.documentElement.style.setProperty("--light-color", lightColor); document.documentElement.style.setProperty("--light-color", lightColor);
var link = document.querySelector("link[rel~='icon']");
if (!link) {
link = document.createElement("link");
link.rel = "icon";
document.getElementsByTagName("head")[0].appendChild(link);
}
link.href = `favi-${shade}.ico`;
}); });

Loading…
Cancel
Save