post-self/post-self.ink
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Spoiler image

Browse Source
This commit is contained in:
Madison Scott-Clary
2022-12-17 10:08:01 -08:00
parent 884c683656
commit b71c0b8c8e
1 changed files with 33 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
content/gallery.md
View File

@ -3,11 +3,43 @@ title: Gallery
type: page
---
<svg>
<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>
<style>
img {
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: 20%;
color: #fff;
font-weight: bold;
text-decoration: none;
font-family: sans-serif;
text-shadow: 2px 2px 0px #000;
background-color: rgba(0,0,0,0);
}
</style>
## *Qoheleth and Gallery Exhibition*
@ -36,7 +68,7 @@ img {
[![Art by Iris Jay](/img/gallery/mitzvot-front.png)](/img/gallery/mitzvot-front.png)
[![Art by Iris Jay](/img/gallery/monologue.png)](/img/gallery/monologue.png)
[![Art by Iris Jay](/img/gallery/merge.png)](/img/gallery/merge.png)
<a class="merge" href="/img/gallery/merge.png"><img alt="Art by Iris Jay" src="/img/gallery/merge.png" /><span>Spoiler</span></a>
[![Art by Iris Jay](/img/gallery/mitzvot-back.png)](/img/gallery/mitzvot-back.png)
## Additional art