585 lines
27 KiB
HTML
585 lines
27 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link href="https://fonts.googleapis.com/css?family=Ubuntu&display=swap" rel="stylesheet" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<style>
|
|
body {
|
|
font-family: "Ubuntu", sans-serif;
|
|
}
|
|
a.G, a.R, a.X {
|
|
display: inline-block;
|
|
border: 2px solid transparent;
|
|
overflow: hidden;
|
|
}
|
|
img {
|
|
max-height: 200px;
|
|
max-width: 100%;
|
|
}
|
|
a.X {
|
|
border: 2px solid red;
|
|
}
|
|
a.X img {
|
|
filter: blur(1rem);
|
|
}
|
|
a.R {
|
|
border: 2px solid orange;
|
|
}
|
|
a.R img {
|
|
filter: blur(0.5rem);
|
|
}
|
|
a.X img:hover, a.R img:hover {
|
|
filter: blur(0);
|
|
}
|
|
main {
|
|
max-width: 1024px;
|
|
border: 1px solid #ccc;
|
|
margin: 0 auto;
|
|
padding: 0.5rem;
|
|
overflow: none;
|
|
text-align: center;
|
|
}
|
|
footer {
|
|
max-width: 1024px;
|
|
margin: 0 auto;
|
|
padding: 1rem 0;
|
|
font-size: 10pt;
|
|
text-align: right;
|
|
}
|
|
.modal {
|
|
display: none;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
}
|
|
.modal .inner {
|
|
width: calc(100% - 2rem);
|
|
max-height: calc(100vh - 2rem);
|
|
max-width: 1024px;
|
|
position: relative;
|
|
overflow: scroll;
|
|
margin: 1rem auto;
|
|
padding: 0;
|
|
background-color: #fff;
|
|
}
|
|
.modal .meta {
|
|
padding: 1rem;
|
|
margin: 0 auto;
|
|
}
|
|
.show {
|
|
display: block !important;
|
|
}
|
|
.modal .img {
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
.modal .img img {
|
|
max-width: 100%;
|
|
max-height: 100vh;
|
|
}
|
|
dt {
|
|
font-weight: bold;
|
|
}
|
|
table {
|
|
margin: 0 auto;
|
|
min-width: 50%;
|
|
}
|
|
td {
|
|
padding: 5px;
|
|
}
|
|
tbody tr:nth-child(even) td {
|
|
background-color: #eee;
|
|
}
|
|
thead th {
|
|
border-bottom: 2px solid #888;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<h1>Character: maddy</h1>
|
|
|
|
<a href="os--flying--maddy--G.gif" class="G">
|
|
<img src="../../thumbs/os--flying--maddy--G.gif" title="flying" alt="flying" />
|
|
</a>
|
|
<a href="nomax--shirt--maddy--R.jpg" class="R">
|
|
<img src="../../thumbs/nomax--shirt--maddy--R.jpg" title="shirt" alt="shirt" />
|
|
</a>
|
|
<a href="grio--chibinude--maddy--R.png" class="R">
|
|
<img src="../../thumbs/grio--chibinude--maddy--R.png" title="chibinude" alt="chibinude" />
|
|
</a>
|
|
<a href="os--beg-color--maddy--X.png" class="X">
|
|
<img src="../../thumbs/os--beg-color--maddy--X.png" title="beg-color" alt="beg-color" />
|
|
</a>
|
|
<a href="os--beg--maddy--R.png" class="R">
|
|
<img src="../../thumbs/os--beg--maddy--R.png" title="beg" alt="beg" />
|
|
</a>
|
|
<a href="rhari--reading-together--maddy-jd--G.png" class="G">
|
|
<img src="../../thumbs/rhari--reading-together--maddy-jd--G.png" title="reading-together" alt="reading-together" />
|
|
</a>
|
|
<a href="bastion--knotty--maddy--R.jpg" class="R">
|
|
<img src="../../thumbs/bastion--knotty--maddy--R.jpg" title="knotty" alt="knotty" />
|
|
</a>
|
|
<a href="flynxy--polaroid-nude--maddy--R.png" class="R">
|
|
<img src="../../thumbs/flynxy--polaroid-nude--maddy--R.png" title="polaroid-nude" alt="polaroid-nude" />
|
|
</a>
|
|
<a href="flynxy--polaroid-lingerie--maddy--R.png" class="R">
|
|
<img src="../../thumbs/flynxy--polaroid-lingerie--maddy--R.png" title="polaroid-lingerie" alt="polaroid-lingerie" />
|
|
</a>
|
|
<a href="kappy--magic-chef--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/kappy--magic-chef--maddy--G.jpg" title="magic-chef" alt="magic-chef" />
|
|
</a>
|
|
<a href="tinymochadeer--beastars-bw--maddy--G.png" class="G">
|
|
<img src="../../thumbs/tinymochadeer--beastars-bw--maddy--G.png" title="beastars-bw" alt="beastars-bw" />
|
|
</a>
|
|
<a href="tinymochadeer--beastars-color--maddy--G.png" class="G">
|
|
<img src="../../thumbs/tinymochadeer--beastars-color--maddy--G.png" title="beastars-color" alt="beastars-color" />
|
|
</a>
|
|
<a href="pupbii--full--maddy--X.png" class="X">
|
|
<img src="../../thumbs/pupbii--full--maddy--X.png" title="full" alt="full" />
|
|
</a>
|
|
<a href="bastion--waterfall-noint--maddy-jd--X.jpg" class="X">
|
|
<img src="../../thumbs/bastion--waterfall-noint--maddy-jd--X.jpg" title="waterfall-noint" alt="waterfall-noint" />
|
|
</a>
|
|
<a href="bastion--waterfall--maddy-jd--X.jpg" class="X">
|
|
<img src="../../thumbs/bastion--waterfall--maddy-jd--X.jpg" title="waterfall" alt="waterfall" />
|
|
</a>
|
|
<a href="pupbii--messy--maddy--X.png" class="X">
|
|
<img src="../../thumbs/pupbii--messy--maddy--X.png" title="messy" alt="messy" />
|
|
</a>
|
|
<a href="rhari--microtea--maddy--G.png" class="G">
|
|
<img src="../../thumbs/rhari--microtea--maddy--G.png" title="microtea" alt="microtea" />
|
|
</a>
|
|
<a href="kappy--lup-cosplay--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/kappy--lup-cosplay--maddy--G.jpg" title="lup-cosplay" alt="lup-cosplay" />
|
|
</a>
|
|
<a href="sedona--p2-alt--maddy-dest--X.jpg" class="X">
|
|
<img src="../../thumbs/sedona--p2-alt--maddy-dest--X.jpg" title="p2-alt" alt="p2-alt" />
|
|
</a>
|
|
<a href="sedona--p1-alt--maddy-dest--X.jpg" class="X">
|
|
<img src="../../thumbs/sedona--p1-alt--maddy-dest--X.jpg" title="p1-alt" alt="p1-alt" />
|
|
</a>
|
|
<a href="sedona--p2--maddy-dest--X.jpg" class="X">
|
|
<img src="../../thumbs/sedona--p2--maddy-dest--X.jpg" title="p2" alt="p2" />
|
|
</a>
|
|
<a href="sedona--p1--maddy-dest--X.jpg" class="X">
|
|
<img src="../../thumbs/sedona--p1--maddy-dest--X.jpg" title="p1" alt="p1" />
|
|
</a>
|
|
<a href="os--o-face--maddy-os--X.png" class="X">
|
|
<img src="../../thumbs/os--o-face--maddy-os--X.png" title="o-face" alt="o-face" />
|
|
</a>
|
|
<a href="bastion--birfday--jd-maddy-heff--G.jpg" class="G">
|
|
<img src="../../thumbs/bastion--birfday--jd-maddy-heff--G.jpg" title="birfday" alt="birfday" />
|
|
</a>
|
|
<a href="boneitis--shitposting--maddy-judith--G.jpg" class="G">
|
|
<img src="../../thumbs/boneitis--shitposting--maddy-judith--G.jpg" title="shitposting" alt="shitposting" />
|
|
</a>
|
|
<a href="wooperworks--cuddlecuddle--maddy-colton--R.jpg" class="R">
|
|
<img src="../../thumbs/wooperworks--cuddlecuddle--maddy-colton--R.jpg" title="cuddlecuddle" alt="cuddlecuddle" />
|
|
</a>
|
|
<a href="os--now-for-the-real-thing--maddy--X.jpg" class="X">
|
|
<img src="../../thumbs/os--now-for-the-real-thing--maddy--X.jpg" title="now-for-the-real-thing" alt="now-for-the-real-thing" />
|
|
</a>
|
|
<a href="sontra--tada--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/sontra--tada--maddy--G.jpg" title="tada" alt="tada" />
|
|
</a>
|
|
<a href="bramblefell--icon--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/bramblefell--icon--maddy--G.jpg" title="icon" alt="icon" />
|
|
</a>
|
|
<a href="sinereous--ladies--maddy-judith--G.png" class="G">
|
|
<img src="../../thumbs/sinereous--ladies--maddy-judith--G.png" title="ladies" alt="ladies" />
|
|
</a>
|
|
<a href="glacier--sleepy--maddy--G.png" class="G">
|
|
<img src="../../thumbs/glacier--sleepy--maddy--G.png" title="sleepy" alt="sleepy" />
|
|
</a>
|
|
<a href="kappy--fancy-clothes--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/kappy--fancy-clothes--maddy--G.jpg" title="fancy-clothes" alt="fancy-clothes" />
|
|
</a>
|
|
<a href="kappy--boymaddy--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/kappy--boymaddy--maddy--G.jpg" title="boymaddy" alt="boymaddy" />
|
|
</a>
|
|
<a href="dinoyeen--caw--maddy--X.jpeg" class="X">
|
|
<img src="../../thumbs/dinoyeen--caw--maddy--X.jpeg" title="caw" alt="caw" />
|
|
</a>
|
|
<a href="ekbellatrix--games--maddy--G.png" class="G">
|
|
<img src="../../thumbs/ekbellatrix--games--maddy--G.png" title="games" alt="games" />
|
|
</a>
|
|
<a href="muzz--muzzle--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/muzz--muzzle--maddy--G.jpg" title="muzzle" alt="muzzle" />
|
|
</a>
|
|
<a href="dinoyeen--bigdrg--maddy-pyrite--X.jpg" class="X">
|
|
<img src="../../thumbs/dinoyeen--bigdrg--maddy-pyrite--X.jpg" title="bigdrg" alt="bigdrg" />
|
|
</a>
|
|
<a href="grey--skeleton-punch--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/grey--skeleton-punch--maddy--G.jpg" title="skeleton-punch" alt="skeleton-punch" />
|
|
</a>
|
|
<a href="lith--plush--maddy--G.png" class="G">
|
|
<img src="../../thumbs/lith--plush--maddy--G.png" title="plush" alt="plush" />
|
|
</a>
|
|
<a href="blindcerberus--halloween--maddy-dest--X.jpg" class="X">
|
|
<img src="../../thumbs/blindcerberus--halloween--maddy-dest--X.jpg" title="halloween" alt="halloween" />
|
|
</a>
|
|
<a href="dinoyeen--publicuse--maddy--X.png" class="X">
|
|
<img src="../../thumbs/dinoyeen--publicuse--maddy--X.png" title="publicuse" alt="publicuse" />
|
|
</a>
|
|
<a href="kappy--grrrwork--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/kappy--grrrwork--maddy--G.jpg" title="grrrwork" alt="grrrwork" />
|
|
</a>
|
|
<a href="flynxy--ts-cat--maddy--X.png" class="X">
|
|
<img src="../../thumbs/flynxy--ts-cat--maddy--X.png" title="ts-cat" alt="ts-cat" />
|
|
</a>
|
|
<a href="talenshi--snepcoin--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/talenshi--snepcoin--maddy--G.jpg" title="snepcoin" alt="snepcoin" />
|
|
</a>
|
|
<a href="pupbii--oral-b--maddy-dos--X.png" class="X">
|
|
<img src="../../thumbs/pupbii--oral-b--maddy-dos--X.png" title="oral-b" alt="oral-b" />
|
|
</a>
|
|
<a href="zhenya--nowo-sticker--maddy--G.png" class="G">
|
|
<img src="../../thumbs/zhenya--nowo-sticker--maddy--G.png" title="nowo-sticker" alt="nowo-sticker" />
|
|
</a>
|
|
<a href="zhenya--owo-sticker--maddy--G.png" class="G">
|
|
<img src="../../thumbs/zhenya--owo-sticker--maddy--G.png" title="owo-sticker" alt="owo-sticker" />
|
|
</a>
|
|
<a href="gavinwolf--toot--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/gavinwolf--toot--maddy--G.jpg" title="toot" alt="toot" />
|
|
</a>
|
|
<a href="zhenya--blushsmug-sticker--maddy--G.png" class="G">
|
|
<img src="../../thumbs/zhenya--blushsmug-sticker--maddy--G.png" title="blushsmug-sticker" alt="blushsmug-sticker" />
|
|
</a>
|
|
<a href="zhenya--cuddles-sticker--maddy--G.png" class="G">
|
|
<img src="../../thumbs/zhenya--cuddles-sticker--maddy--G.png" title="cuddles-sticker" alt="cuddles-sticker" />
|
|
</a>
|
|
<a href="zhenya--sniffle-sticker--maddy--G.png" class="G">
|
|
<img src="../../thumbs/zhenya--sniffle-sticker--maddy--G.png" title="sniffle-sticker" alt="sniffle-sticker" />
|
|
</a>
|
|
<a href="zhenya--awaken-sticker--maddy--G.png" class="G">
|
|
<img src="../../thumbs/zhenya--awaken-sticker--maddy--G.png" title="awaken-sticker" alt="awaken-sticker" />
|
|
</a>
|
|
<a href="tizzlebizzle--side--maddy--R.png" class="R">
|
|
<img src="../../thumbs/tizzlebizzle--side--maddy--R.png" title="side" alt="side" />
|
|
</a>
|
|
<a href="tizzlebizzle--stockings--maddy--R.png" class="R">
|
|
<img src="../../thumbs/tizzlebizzle--stockings--maddy--R.png" title="stockings" alt="stockings" />
|
|
</a>
|
|
<a href="slushy--bunsnep--lexy-maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/slushy--bunsnep--lexy-maddy--G.jpg" title="bunsnep" alt="bunsnep" />
|
|
</a>
|
|
<a href="shawnthegirl--badge-small--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/shawnthegirl--badge-small--maddy--G.jpg" title="badge-small" alt="badge-small" />
|
|
</a>
|
|
<a href="red-dog--lingeriesm--amdusias-maddy--R.jpg" class="R">
|
|
<img src="../../thumbs/red-dog--lingeriesm--amdusias-maddy--R.jpg" title="lingeriesm" alt="lingeriesm" />
|
|
</a>
|
|
<a href="pupbii--leashtug--maddy-amdusias--X.jpg" class="X">
|
|
<img src="../../thumbs/pupbii--leashtug--maddy-amdusias--X.jpg" title="leashtug" alt="leashtug" />
|
|
</a>
|
|
<a href="pupbii--puppyplay--maddy--R.jpg" class="R">
|
|
<img src="../../thumbs/pupbii--puppyplay--maddy--R.jpg" title="puppyplay" alt="puppyplay" />
|
|
</a>
|
|
<a href="pupbii--lounge--colton-maddy--G.png" class="G">
|
|
<img src="../../thumbs/pupbii--lounge--colton-maddy--G.png" title="lounge" alt="lounge" />
|
|
</a>
|
|
<a href="pupbii--homework-help--maddy-lorxus--X.png" class="X">
|
|
<img src="../../thumbs/pupbii--homework-help--maddy-lorxus--X.png" title="homework-help" alt="homework-help" />
|
|
</a>
|
|
<a href="pupbii--getnude--maddy-tursiae--R.png" class="R">
|
|
<img src="../../thumbs/pupbii--getnude--maddy-tursiae--R.png" title="getnude" alt="getnude" />
|
|
</a>
|
|
<a href="pupbii--games--maddy--G.png" class="G">
|
|
<img src="../../thumbs/pupbii--games--maddy--G.png" title="games" alt="games" />
|
|
</a>
|
|
<a href="pupbii--chopsticks--maddy--G.png" class="G">
|
|
<img src="../../thumbs/pupbii--chopsticks--maddy--G.png" title="chopsticks" alt="chopsticks" />
|
|
</a>
|
|
<a href="pupbii--awwwsnug--maddy-hab--G.png" class="G">
|
|
<img src="../../thumbs/pupbii--awwwsnug--maddy-hab--G.png" title="awwwsnug" alt="awwwsnug" />
|
|
</a>
|
|
<a href="pupbii--awwwsnug-fix--maddy-hab--G.png" class="G">
|
|
<img src="../../thumbs/pupbii--awwwsnug-fix--maddy-hab--G.png" title="awwwsnug-fix" alt="awwwsnug-fix" />
|
|
</a>
|
|
<a href="pupbii--against-the-wall--maddy-amdusias--X.png" class="X">
|
|
<img src="../../thumbs/pupbii--against-the-wall--maddy-amdusias--X.png" title="against-the-wall" alt="against-the-wall" />
|
|
</a>
|
|
<a href="os--unexpected--maddy--X.png" class="X">
|
|
<img src="../../thumbs/os--unexpected--maddy--X.png" title="unexpected" alt="unexpected" />
|
|
</a>
|
|
<a href="os--stripsearch--maddy-bryony--R.png" class="R">
|
|
<img src="../../thumbs/os--stripsearch--maddy-bryony--R.png" title="stripsearch" alt="stripsearch" />
|
|
</a>
|
|
<a href="os--strapon--maddy-bryony--X.png" class="X">
|
|
<img src="../../thumbs/os--strapon--maddy-bryony--X.png" title="strapon" alt="strapon" />
|
|
</a>
|
|
<a href="os--snowcat--maddy--R.png" class="R">
|
|
<img src="../../thumbs/os--snowcat--maddy--R.png" title="snowcat" alt="snowcat" />
|
|
</a>
|
|
<a href="os--showoff--maddy--R.png" class="R">
|
|
<img src="../../thumbs/os--showoff--maddy--R.png" title="showoff" alt="showoff" />
|
|
</a>
|
|
<a href="os--ref-sfw--maddy--R.png" class="R">
|
|
<img src="../../thumbs/os--ref-sfw--maddy--R.png" title="ref-sfw" alt="ref-sfw" />
|
|
</a>
|
|
<a href="os--ref-nsfw--maddy--R.png" class="R">
|
|
<img src="../../thumbs/os--ref-nsfw--maddy--R.png" title="ref-nsfw" alt="ref-nsfw" />
|
|
</a>
|
|
<a href="os--lingerie--maddy--X.jpg" class="X">
|
|
<img src="../../thumbs/os--lingerie--maddy--X.jpg" title="lingerie" alt="lingerie" />
|
|
</a>
|
|
<a href="os--messycat--maddy-mrjotter--X.png" class="X">
|
|
<img src="../../thumbs/os--messycat--maddy-mrjotter--X.png" title="messycat" alt="messycat" />
|
|
</a>
|
|
<a href="os--lickity--mrjotter-maddy--X.png" class="X">
|
|
<img src="../../thumbs/os--lickity--mrjotter-maddy--X.png" title="lickity" alt="lickity" />
|
|
</a>
|
|
<a href="os--lapride--maddy-os--X.png" class="X">
|
|
<img src="../../thumbs/os--lapride--maddy-os--X.png" title="lapride" alt="lapride" />
|
|
</a>
|
|
<a href="os--helpful--maddy-os--X.png" class="X">
|
|
<img src="../../thumbs/os--helpful--maddy-os--X.png" title="helpful" alt="helpful" />
|
|
</a>
|
|
<a href="os--finishing--maddy-os--X.png" class="X">
|
|
<img src="../../thumbs/os--finishing--maddy-os--X.png" title="finishing" alt="finishing" />
|
|
</a>
|
|
<a href="os--curvy4someych001--maddy-others--X.png" class="X">
|
|
<img src="../../thumbs/os--curvy4someych001--maddy-others--X.png" title="curvy4someych001" alt="curvy4someych001" />
|
|
</a>
|
|
<a href="os--crop-training--maddy--R.png" class="R">
|
|
<img src="../../thumbs/os--crop-training--maddy--R.png" title="crop-training" alt="crop-training" />
|
|
</a>
|
|
<a href="os--catdadmoustacheride--maddy-os--X.png" class="X">
|
|
<img src="../../thumbs/os--catdadmoustacheride--maddy-os--X.png" title="catdadmoustacheride" alt="catdadmoustacheride" />
|
|
</a>
|
|
<a href="os--best-for-last--maddy-os--X.png" class="X">
|
|
<img src="../../thumbs/os--best-for-last--maddy-os--X.png" title="best-for-last" alt="best-for-last" />
|
|
</a>
|
|
<a href="os--butt--maddy--X.png" class="X">
|
|
<img src="../../thumbs/os--butt--maddy--X.png" title="butt" alt="butt" />
|
|
</a>
|
|
<a href="oli--scarf--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/oli--scarf--maddy--G.jpg" title="scarf" alt="scarf" />
|
|
</a>
|
|
<a href="o-kemono--reading-surprise-small--maddy--R.jpg" class="R">
|
|
<img src="../../thumbs/o-kemono--reading-surprise-small--maddy--R.jpg" title="reading-surprise-small" alt="reading-surprise-small" />
|
|
</a>
|
|
<a href="nutcase--audiobook--maddy--G.png" class="G">
|
|
<img src="../../thumbs/nutcase--audiobook--maddy--G.png" title="audiobook" alt="audiobook" />
|
|
</a>
|
|
<a href="nic--bellyrubs--maddy--G.png" class="G">
|
|
<img src="../../thumbs/nic--bellyrubs--maddy--G.png" title="bellyrubs" alt="bellyrubs" />
|
|
</a>
|
|
<a href="muzz--toy--maddy--X.jpg" class="X">
|
|
<img src="../../thumbs/muzz--toy--maddy--X.jpg" title="toy" alt="toy" />
|
|
</a>
|
|
<a href="muzz--snepplush--maddy--G.png" class="G">
|
|
<img src="../../thumbs/muzz--snepplush--maddy--G.png" title="snepplush" alt="snepplush" />
|
|
</a>
|
|
<a href="muzz--homph-small--maddy--G.png" class="G">
|
|
<img src="../../thumbs/muzz--homph-small--maddy--G.png" title="homph-small" alt="homph-small" />
|
|
</a>
|
|
<a href="muzz--homph-small-whitebg--maddy--G.png" class="G">
|
|
<img src="../../thumbs/muzz--homph-small-whitebg--maddy--G.png" title="homph-small-whitebg" alt="homph-small-whitebg" />
|
|
</a>
|
|
<a href="mithmeoi--snepchain-large--sneps-maddy--G.png" class="G">
|
|
<img src="../../thumbs/mithmeoi--snepchain-large--sneps-maddy--G.png" title="snepchain-large" alt="snepchain-large" />
|
|
</a>
|
|
<a href="mithmeoi--snepchain-large--just-maddy--G.png" class="G">
|
|
<img src="../../thumbs/mithmeoi--snepchain-large--just-maddy--G.png" title="snepchain-large" alt="snepchain-large" />
|
|
</a>
|
|
<a href="madshyarts--hoodiebean--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/madshyarts--hoodiebean--maddy--G.jpg" title="hoodiebean" alt="hoodiebean" />
|
|
</a>
|
|
<a href="lutea--rock--maddy-lutea--G.png" class="G">
|
|
<img src="../../thumbs/lutea--rock--maddy-lutea--G.png" title="rock" alt="rock" />
|
|
</a>
|
|
<a href="leah--giftcat-small--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/leah--giftcat-small--maddy--G.jpg" title="giftcat-small" alt="giftcat-small" />
|
|
</a>
|
|
<a href="leah--excited-flats--maddy--G.png" class="G">
|
|
<img src="../../thumbs/leah--excited-flats--maddy--G.png" title="excited-flats" alt="excited-flats" />
|
|
</a>
|
|
<a href="leah--excited--maddy--G.png" class="G">
|
|
<img src="../../thumbs/leah--excited--maddy--G.png" title="excited" alt="excited" />
|
|
</a>
|
|
<a href="kimbasnowpaw--badge--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/kimbasnowpaw--badge--maddy--G.jpg" title="badge" alt="badge" />
|
|
</a>
|
|
<a href="kappy--tea--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/kappy--tea--maddy--G.jpg" title="tea" alt="tea" />
|
|
</a>
|
|
<a href="kappy--anxious--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/kappy--anxious--maddy--G.jpg" title="anxious" alt="anxious" />
|
|
</a>
|
|
<a href="jonas--pencilcat--maddy--G.png" class="G">
|
|
<img src="../../thumbs/jonas--pencilcat--maddy--G.png" title="pencilcat" alt="pencilcat" />
|
|
</a>
|
|
<a href="idess--sleepy2-sticker--maddy--G.png" class="G">
|
|
<img src="../../thumbs/idess--sleepy2-sticker--maddy--G.png" title="sleepy2-sticker" alt="sleepy2-sticker" />
|
|
</a>
|
|
<a href="idess--sleepy1-sticker--maddy--G.png" class="G">
|
|
<img src="../../thumbs/idess--sleepy1-sticker--maddy--G.png" title="sleepy1-sticker" alt="sleepy1-sticker" />
|
|
</a>
|
|
<a href="idess--shy--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/idess--shy--maddy--G.jpg" title="shy" alt="shy" />
|
|
</a>
|
|
<a href="idess--hungry-sticker--maddy--G.png" class="G">
|
|
<img src="../../thumbs/idess--hungry-sticker--maddy--G.png" title="hungry-sticker" alt="hungry-sticker" />
|
|
</a>
|
|
<a href="idess--mew-sticker--maddy--G.png" class="G">
|
|
<img src="../../thumbs/idess--mew-sticker--maddy--G.png" title="mew-sticker" alt="mew-sticker" />
|
|
</a>
|
|
<a href="idess--blushy-sticker--maddy--G.png" class="G">
|
|
<img src="../../thumbs/idess--blushy-sticker--maddy--G.png" title="blushy-sticker" alt="blushy-sticker" />
|
|
</a>
|
|
<a href="grey--sneppers--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/grey--sneppers--maddy--G.jpg" title="sneppers" alt="sneppers" />
|
|
</a>
|
|
<a href="grey--snep--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/grey--snep--maddy--G.jpg" title="snep" alt="snep" />
|
|
</a>
|
|
<a href="frostyfawn--weedride--maddy-sariya--X.jpg" class="X">
|
|
<img src="../../thumbs/frostyfawn--weedride--maddy-sariya--X.jpg" title="weedride" alt="weedride" />
|
|
</a>
|
|
<a href="foxvomit--dead-flag-blues--maddy-lorxus--G.png" class="G">
|
|
<img src="../../thumbs/foxvomit--dead-flag-blues--maddy-lorxus--G.png" title="dead-flag-blues" alt="dead-flag-blues" />
|
|
</a>
|
|
<a href="kris--rey--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/kris--rey--maddy--G.jpg" title="rey" alt="rey" />
|
|
</a>
|
|
<a href="kris--mow--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/kris--mow--maddy--G.jpg" title="mow" alt="mow" />
|
|
</a>
|
|
<a href="kris--enyarocks--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/kris--enyarocks--maddy--G.jpg" title="enyarocks" alt="enyarocks" />
|
|
</a>
|
|
<a href="embriel--shibari--maddy--R.jpg" class="R">
|
|
<img src="../../thumbs/embriel--shibari--maddy--R.jpg" title="shibari" alt="shibari" />
|
|
</a>
|
|
<a href="ekbellatrix--thickcats--amdusias-maddy--X.png" class="X">
|
|
<img src="../../thumbs/ekbellatrix--thickcats--amdusias-maddy--X.png" title="thickcats" alt="thickcats" />
|
|
</a>
|
|
<a href="ekbellatrix--swimsuit-shy-small--maddy--G.png" class="G">
|
|
<img src="../../thumbs/ekbellatrix--swimsuit-shy-small--maddy--G.png" title="swimsuit-shy-small" alt="swimsuit-shy-small" />
|
|
</a>
|
|
<a href="ekbellatrix--leashtug--maddy-grievre--X.png" class="X">
|
|
<img src="../../thumbs/ekbellatrix--leashtug--maddy-grievre--X.png" title="leashtug" alt="leashtug" />
|
|
</a>
|
|
<a href="ekbellatrix--goodkitty-small--kieran-maddy--X.png" class="X">
|
|
<img src="../../thumbs/ekbellatrix--goodkitty-small--kieran-maddy--X.png" title="goodkitty-small" alt="goodkitty-small" />
|
|
</a>
|
|
<a href="cutievomit--aaaa--maddy--G.png" class="G">
|
|
<img src="../../thumbs/cutievomit--aaaa--maddy--G.png" title="aaaa" alt="aaaa" />
|
|
</a>
|
|
<a href="creeps--lingerie--maddy--R.png" class="R">
|
|
<img src="../../thumbs/creeps--lingerie--maddy--R.png" title="lingerie" alt="lingerie" />
|
|
</a>
|
|
<a href="creamsiclepanda--ball-spots--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/creamsiclepanda--ball-spots--maddy--G.jpg" title="ball-spots" alt="ball-spots" />
|
|
</a>
|
|
<a href="cadmiumtea--sabercat--maddy--G.jpg" class="G">
|
|
<img src="../../thumbs/cadmiumtea--sabercat--maddy--G.jpg" title="sabercat" alt="sabercat" />
|
|
</a>
|
|
</main>
|
|
<footer>
|
|
Site built using <a href="https://commorg.projects.makyo.io" target="_blank">commission organizer</a> on 2022-02-05.
|
|
</footer>
|
|
<div class="modal">
|
|
<div class="inner">
|
|
<div class="meta"></div>
|
|
<div class="img"></div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
const root = window.location.pathname.replace(/\/by-.+$/, '/');
|
|
const modal = document.querySelector('.modal');
|
|
const img = document.querySelector('.img');
|
|
const meta = document.querySelector('.meta');
|
|
const scroll = {
|
|
top: window.scrollY,
|
|
left: window.scrollX,
|
|
behavior: 'auto'
|
|
};
|
|
let mustLoadHash = window.location.hash !== '';
|
|
|
|
function loadHash() {
|
|
if (!mustLoadHash) {
|
|
mustLoadHash = true;
|
|
return;
|
|
}
|
|
hash = window.location.hash.replace('#', '');
|
|
if (hash !== '') {
|
|
scroll.top = window.scrollY;
|
|
scroll.left = window.scrollX;
|
|
document.querySelectorAll('.G, .R, .X').forEach(thumb => {
|
|
if (thumb.attributes.href.textContent === hash) {
|
|
thumb.click();
|
|
}
|
|
});
|
|
} else {
|
|
hideModal();
|
|
window.scrollTo(scroll);
|
|
}
|
|
}
|
|
function hideModal() {
|
|
modal.classList.remove('show');
|
|
// There's an edge case here, where if you load the page with
|
|
// no hash, click an image, then click back, it adds an empty
|
|
// hash to the URL (e.g: example.com/#). The problem with this
|
|
// is that it adds to the history, so if you click back from
|
|
// there, it goes to the location without the hash, then adds
|
|
// the hash again, meaning you can't back out of the page
|
|
// after clicking an image.
|
|
//
|
|
// The web is a mess and computers were a mistake.
|
|
if (window.location.hash !== '') {
|
|
window.location.hash = '';
|
|
}
|
|
}
|
|
|
|
document.body.addEventListener('keydown', evt => {
|
|
if (evt.key === 'Escape') {
|
|
hideModal();
|
|
}
|
|
});
|
|
modal.addEventListener('click', evt => {
|
|
hideModal();
|
|
});
|
|
window.onhashchange = loadHash;
|
|
|
|
document.querySelectorAll('.G, .R, .X').forEach(thumb => {
|
|
thumb.addEventListener('click', evt => {
|
|
const imgName = thumb.attributes.href.textContent;
|
|
const parts = imgName.split('.')[0].split('--');
|
|
const title = parts[1].replace(/-/g, ' ');
|
|
const characters = parts[2].split('-').map(c => `<a href="${root}by-character/${c}">${c}</a>`).join(', ');
|
|
evt.preventDefault();
|
|
modal.classList.add('show');
|
|
mustLoadHash = true;
|
|
window.location.hash = imgName;
|
|
img.innerHTML = `<a href="${imgName}" target="_blank"><img src="${imgName}" title="${title}" alt="${title}" /></a>`;
|
|
meta.innerHTML = `<h2>${title}</h2>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Artist</th>
|
|
<th>Characters</th>
|
|
<th>Rating</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><a href="${root}by-artist/${parts[0]}">${parts[0]}</a></td>
|
|
<td>${characters}</td>
|
|
<td><a href="${root}by-rating/${parts[3]}">${parts[3]}</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>`;
|
|
});
|
|
});
|
|
|
|
loadHash();
|
|
</script>
|
|
</body>
|
|
</html>
|