post-self.ink/content/gallery.md

---
title: Gallery
type: page
---


<style>
figure, img {
    text-align: center;
    font-size: 50%;
    display: inline-block;
    max-height: 200px;
}
.merge {
    display: inline-block;
    position: relative;
}
.merge img {
    position: relative;
    filter: url(#pixelate);
}
.merge span {
    width: 80%;
    text-align: center;
    position: absolute;
    text-indent: 0;
    top: 70px;
    left: 10%;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-family: sans-serif;
    text-shadow: 2px 3px 0px #000;
    background-color: rgba(0,0,0,0);
    text-align: center;
}
</style>

Over the course of publication and as funded by the backers of the *Mitzvot* Kickstarter, much in the way of art surrounding the Post-Self universe and its character has accrued.

## *Qoheleth and Gallery Exhibition*

<figure>
    <a href="/img/gallery/qoheleth-front.png"><img src="/img/gallery/qoheleth-front.png" alt="Art by Iris Jay"/></a>
    <figcaption>Art by Iris Jay</figcaption>
</figure>
<figure>
    <a href="/img/gallery/awdae-1.png"><img src="/img/gallery/awdae-1.png" alt="Art by Cadmium Tea"/></a>
    <figcaption>Art by Cadmium Tea</figcaption>
</figure>
<figure>
    <a href="/img/gallery/awdae-2.png"><img src="/img/gallery/awdae-2.png" alt="Art by Cadmium Tea"/></a>
    <figcaption>Art by Cadmium Tea</figcaption>
</figure>
<figure>
    <a href="/img/gallery/dear.png"><img src="/img/gallery/dear.png" alt="Art by johnny d."/></a>
    <figcaption>Art by johnny d.</figcaption>
</figure>
<figure>
    <a href="/img/gallery/qoheleth-back.png"><img src="/img/gallery/qoheleth-back.png" alt="Art by Iris Jay"/></a>
    <figcaption>Art by Iris Jay</figcaption>
</figure>

## *Toledot*

<figure>
    <a href="/img/gallery/toledot-front.png"><img src="/img/gallery/toledot-front.png" alt="Art by Iris Jay"/></a>
    <figcaption>Art by Iris Jay</figcaption>
</figure>
<figure>
    <a href="/img/gallery/shove.png"><img src="/img/gallery/shove.png" alt="Art by Kris Weaver"/></a>
    <figcaption>Art by Kris Weaver</figcaption>
</figure>
<figure>
    <a href="/img/gallery/cairns.png"><img src="/img/gallery/cairns.png" alt="Art by JAIYANDT"/></a>
    <figcaption>Art by JAIYANDT</figcaption>
</figure>
<figure>
    <a href="/img/gallery/dandelions.png"><img src="/img/gallery/dandelions.png" alt="Art by Kris Weaver"/></a>
    <figcaption>Art by Kris Weaver</figcaption>
</figure>
<figure>
    <a href="/img/gallery/toledot-back.png"><img src="/img/gallery/toledot-back.png" alt="Art by Iris Jay"/></a>
    <figcaption>Art by Iris Jay</figcaption>
</figure>

## *Nevi'im*

<figure>
    <a href="/img/gallery/neviim-front.png"><img src="/img/gallery/neviim-front.png" alt="Art by Iris Jay"/></a>
    <figcaption>Art by Iris Jay</figcaption>
</figure>
<figure>
    <a href="/img/gallery/awnh.png"><img src="/img/gallery/awnh.png" alt="Art by johnny d."/></a>
    <figcaption>Art by johnny d.</figcaption>
</figure>
<figure>
    <a href="/img/gallery/stolon.png"><img src="/img/gallery/stolon.png" alt="Art by JAIYANDT"/></a>
    <figcaption>Art by JAIYANDT</figcaption>
</figure>
<figure>
    <a href="/img/gallery/neviim-back.png"><img src="/img/gallery/neviim-back.png" alt="Art by Iris Jay"/></a>
    <figcaption>Art by Iris Jay</figcaption>
</figure>

## *Mitzvot and Selected Letters*

<figure>
    <a href="/img/gallery/mitzvot-front.png"><img src="/img/gallery/mitzvot-front.png" alt="Art by Iris Jay"/></a>
    <figcaption>Art by Iris Jay</figcaption>
</figure>
<figure>
    <a href="/img/gallery/monologue.png"><img src="/img/gallery/monologue.png" alt="Art by Iris Jay"/></a>
    <figcaption>Art by Iris Jay</figcaption>
</figure>
<figure>
    <a class="merge" href="/img/gallery/merge.png"><img alt="Art by Iris Jay" src="/img/gallery/merge.png" /><span>Spoiler</span></a>
    <figcaption>Art by Iris Jay</figcaption>
</figure>
<figure>
    <a href="/img/gallery/mitzvot-back.png"><img src="/img/gallery/mitzvot-back.png" alt="Art by Iris Jay"/></a>
    <figcaption>Art by Iris Jay</figcaption>
</figure>

## Additional art

<figure>
    <a href="/img/gallery/dear-ref.png"><img src="/img/gallery/dear-ref.png" alt="Art by Iris Jay"/></a>
    <figcaption>Art by Iris Jay</figcaption>
</figure>
<figure>
    <a href="/img/gallery/writerskunk.png"><img src="/img/gallery/writerskunk.png" alt="Art by JAIYANDT"/></a>
    <figcaption>Art by JAIYANDT</figcaption>
</figure>
<figure>
    <a href="/img/gallery/ref-3.png"><img src="/img/gallery/ref-3.png" alt="Art by JAIYANDT"/></a>
    <figcaption>Art by JAIYANDT</figcaption>
</figure>
<figure>
    <a class="merge" href="/img/gallery/ref.png"><img alt="Art by JAIYANDT" src="/img/gallery/ref.png" /><span>Artistic<br>nudity</span></a>
    <figcaption>Art by JAIYANDT</figcaption>
</figure>
<figure>
    <a href="/img/gallery/lounge.png"><img alt="Art by Roxannarachnid" src="/img/gallery/lounge.png"></a>
    <figcaption>Art by Roxannarachnid</figcaption>
</figure>
<figure>
    <a href="/img/gallery/full-of-skunks.png"><img src="/img/gallery/full-of-skunks.png"/></a>
    <figcaption>Fan art by <a href="https://vulpine.club/@fudge_the_sphinx">Fudge</a></figcaption>
</figure>
        
<script type="text/javascript">
// There has to be a better way to do this with markdown :P
document.querySelectorAll('a').forEach(link => {
    if (link.attributes.href.textContent.substring(0,4) === '/img') {
        link.setAttribute('target', '_blank');
    }
});
</script>
<svg width="0" height="0">
  <filter id="pixelate" x="0" y="0">
    <feFlood x="4" y="4" height="2" width="2"/>
    <feComposite width="10" height="10"/>
    <feTile result="a"/>
    <feComposite in="SourceGraphic" in2="a" operator="in"/>
    <feMorphology operator="dilate" radius="5"/>
  </filter>
</svg>