CarolineHusky/MiiFox.net
1
1
Fork 1
Code Issues Pull requests Projects Releases Wiki Activity
MiiFox.net/index.handlebars

322 lines
17 KiB
Handlebars
Raw Normal View History

The actual files... thanks HDD corruption!
2022-03-25 13:19:58 +00:00
<html>
<head>
<title>MiiFox</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1">
<meta http-equiv="Cache-control" content="no-cache, max-age=64800">
<link rel="shortcut icon" type="image/png" href="favicon.png">
<style>
body{
font-size: 0;
padding: 0;
margin: 0;
background-color: #1A1A1A;
color: #bbb;
line-height: 1.5;
}
h1{
}
body>section{
padding: 15px;
}
body>section>article{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
background-color: #444;
font-size: initial;
margin: 1em;
padding: 1em 2em;
}
code{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2) inset, 0 6px 20px 0 rgba(0, 0, 0, 0.19) inset;
background-color: #333;
display: block;
padding: 2em 3em;
margin: 0 -1em;
overflow: auto;
}
h1{
color: white;
text-align: center;
font-size: 2rem;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
background-color: #333;
top:0;
margin: 0;
padding: 0.125em 0;
}
a{
color: lightgray;
}
main{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
display: flex;
flex-direction: column;
background-color: #222;
}
#mainImage>*{
display: inline-block;
overflow: hidden;
height: 0px;
margin: 0;
}
#mainImage>div>img:first-child{
object-fit: contain;
display: inline-block;
max-height: 80vh;
max-width: 100%;
align-self: center;
}
#mainImage>div{
background-color: #111;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
align-content: space-between;
}
#mainImage>div>div:last-child{
background-color: #282828;
flex-basis: 17em;
flex-grow: 1;
max-width: 100%;
overflow-y: auto;
}
#mainImage>div>div>p{
margin: 1em;
}
#mainImage>div>div>h2{
color: white;
text-align: center;
}
#gallery{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
align-content: space-between;
}
#gallery>a{
display: block;
max-width: 256px;
flex-basis: 208px;
flex-grow: 1;
height: 192px;
background-origin: border-box;
margin: 0;
}
#chars{
width: 100%;
display: block;
overflow-x: scroll;
overflow-y: none;
white-space: nowrap;
}
#chars>a{
display: inline-block;
width: 256px;
height: 192px;
background-image: url("sona.webp");
background-origin: border-box;
margin: 0;
}
#artists{
width: 100%;
box-sizing: border-box;
display: block;
overflow-x: scroll;
overflow-y: none;
white-space: nowrap;
padding: 1rem;
}
#artists>a{
font-size: 1rem;
margin: 0.25em;
padding: 0.25em 0.5em;
border-radius: 1em;
background-color: #333;
text-decoration: none;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}
#artists>a:visited{
background-color: #444;
}
dl{
line-height: 2.5em;
display:flex;
justify-content: left;
flex-wrap: wrap;
flex-direction: row;
}
dl dt{
display: inline;
padding: 0.25rem;
}
dl dd:not(:empty)::after{
content: ":";
opacity: 0.5;
}
dl dd{
display: inline;
}
dl a{
font-size: 1rem;
padding: 0.25em 0.5em;
border-radius: 1em;
background-color: #333;
text-decoration: none;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}
dl a:visited{
background-color: #444;
}
h2{
position: relative;
text-align: center;
color: white;
background-color: #333;
margin: 0;
padding: 1em;
}
.artistName::before{
content: "Art by ";
opacity: 0.5;
}
h2>a{
text-decoration: none;
background-color: #444;
color: #333;
border-radius: 999px;
width: 1.5em;
height: 1.5em;
}
h2>span{
position: relative;
z-index: 2;
}
h2>:first-child:not(span){
position:absolute;
left: 1em;
}
h2>:last-child:not(span){
position:absolute;
right: 1em;
}
.month1::after{content: " Jan "}
.month2::after{content: " Feb "}
.month3::after{content: " Mar "}
.month4::after{content: " Apr "}
.month5::after{content: " May "}
.month6::after{content: " Jun "}
.month7::after{content: " Jul "}
.month8::after{content: " Aug "}
.month9::after{content: " Sep "}
.month10::after{content: " Oct "}
.month11::after{content: " Nov "}
.month12::after{content: " Dec "}
{{#chars}}
#char{{name}}:target ~ main>#gallery>a:not(.char{{name}}){ display: none; }
#char{{name}}:target ~ main>h2.char{{name}}{ font-size: 2rem; }
{{/chars}}
{{#artists}}
#artist{{name}}:target ~ main>#gallery>a:not(.artist{{name}}){ display: none; }
#artist{{name}}:target ~ main>h2.artist{{name}}{ font-size: 2rem; }
{{/artists}}
#mainImage>span{
position: relative;
top: -48px;
}
{{#art}}
#img{{index}}:target ~ #mainImage>.mainimg{{index}}{ height:initial; font-size: 1rem; }
{{/art}}
</style>
</head>
<body>
<section>
<article>
<p>Hello, and welcome to my ugly website.</p>
<p>The art posted below is strictly of my sona's, except for some cameo's of friends and <a href="#img48">one</a> exception.</p>
<p>This website will be updaten... one day. Not today tho. Enough CSS for today!</p>
<p>New: Big fat Yahama OPL documentation at: <a href="https://miifox.net/opl.html">Here!</a></p>
</article>
</section>
<h1>Gallery</h1>
{{#chars}}
<span id="char{{name}}"></span>
{{/chars}}
{{#artists}}
<span id="artist{{name}}"></span>
{{/artists}}
<main>
<div id="chars">
{{#chars}}
<a href="#char{{name}}" alt="{{name}}" style="background-position: -{{x}}px -{{y}}px;"></a>
{{/chars}}
</div>
<div id="artists">
<span style="font-size: 1rem;">Artist:</span>
{{#artists}}
<a href="#artist{{name}}">{{name}}</a>
{{/artists}}
</div>
{{#art}}<span id="img{{index}}"></span>{{/art}}
<div id="mainImage">
{{#art}}
<div class="mainimg{{index}}">
<img src="img/{{index}}.png" title="{{title}}" alt="{{title}}" height="{{height}}" loading="lazy"></img>
<div>
<h2>{{#previous}}<a href="#img{{.}}">&larr;</a>{{/previous}}<span>{{title}}</span>{{#next}}<a href="#img{{.}}">&rarr;</a>{{/next}}</h2>
{{#description}}<p>{{&.}}</p>{{/description}}
{{!-- <p>Hey, did you know that in terms of male human and female Pokemon breeding, Vaporeon is the most compatible Pokemon for humans? Not only are they in the field egg group, which is mostly comprised of mammals, Vaporeon are an average of 3"03' tall and 63.9 pounds. this means they're large enough to be able to handle human dicks, and with their impressive Base stats for HP and access to Acid Armor, you can be rough with one. Due to their mostly water based biology, there's no doubt in my mind that an aroused Vaporeon would be incredibly wet, so wet that you could easily have sex with one for hours without getting sore. They can also learn the moves Attract, Baby-Doll eyes, Captivate, Charm and Tail Whip along with not having fur to hide nipples, so it'd be incredibly easy for one to get you in the mood. With their abilities Water Absorb and Hydration, they can easily recover from fatigue with enough water. No other Pokemon comes close with this level of compatibility. Also, fun fact, if you pull out enough, you can make your Vaporeon turn white. Vaporeon is literally built for human dick. Ungodly defense stat + high HP pool + Acid Armor means it can take cock all day, all shapes and sizes and still come for more.</p>
<p>However, screw the female version. You get those same ol' two holes in literally everything else. The male Vappy is the real star of the show.</p> --}}
{{!-- <p>Those long slippery dicks; they have full mobility control and like a tentacle are the perfect ass filler for the ultimate in-deep reaching experience nothing else could possibly provide. Naturally lubed at all times due to their aquatic hydrodynamic nature, you can pull out anywhere to the side of the road or go into a public restroom at the beach; get each other aroused, and have the fuck of a lifetime. The extraordinary squishyness of the Vappy alone rubbing against you would be enough to lose yourself in pleasure as it simply mounts you. Let alone as that perfect tool of pleasure slips into you, it's ability to snake around your bends and its perfect length make it seem that a Vappy dick was made specifically for your booty. Enjoy the feeling of being completely filled while also being able to see it if you have a tight tummy.</p>
<p>And that's only the dick; due to having internal balls, they're much bigger and pack a lot more cream to load you up with, along with having muscles around them to make sure every drop comes out while also being a lot more powerful than any external balls could ever hope to achieve, giving you a deep, complete filling to rock your world to your literal core, and beyond.</p>
<p>There's still more though; due to having a thick, powerful tail connected from their back and front, that means all their fun stuff is on the front and easy to access. Meaning, if you were even comfortable with having your dick point backwards (takes some training), you can be fucked, while also fucking your Vappy at the same time! Meowth, that's fucking right!</p>
<p>But, but, but! There's still fucking more! Like, holy shit, male Vaps are the gods of fuck. While you're fucking your male Vappy, possibly while also being fucked by him, their booty is on their tail at the base, which is the thickest part, because that's where the biggest muscles are. This means that while your dick is in there, it's being fucking massaged, better than even a vag could achieve! Agh! It should be fucking illegal because how amazing male Vaps are for fuck!</p>
<p>Well guess what? That only covered you being a softy, wholesome fucker like me. That's right. There's. Even. Fucking. More! Say you like to be a little restrained: you don't need a Sylveon's feelers for that, or an Umbreon/Espeon's psychic powers, or Leafeon's vines. Vappies got that shit covered too! Did you even see that tail?! It's basically a boa constrictor. In a non-sexual sense, it's my favorite part of a Vappy. It's basically their main part about them. But, if you want them to, it can be a super useful tool to enhance your knotty experience with them. Despite the slippyness, you won't be going anywhere if the Vappy wraps you up in that thing.</p>
<p>Are you a super kinkster? Do you like pure fantasy fetishes that aren't possible IRL? Such as, say, soft vore? Well guess fucking what. It just became possible! They can be solid as they pass your lips (past where your eyes can see them) and turn into water as they enter you, allowing them to fit perfectly, 'cuz nothing fits into any spot more perfectly than water, except air like a ghost type. But who wants to do knotty shit with air? You can't feel it unless it's moving; you can always feel liquids. Speaking of liquids, even if you're a weirdo who likes digestion, don't worry about killing them with absorption. Eventually, they'll come back out and be able to reform like nothing happened. Speaking of hurting them, if you get too rough, or you're a horrible abusive asshole to them on purpose for your own pleasure (QnQ), they can just turn to water and reform back to their completely unscathed body, making scars or missing pieces a thing of the past!</p>
<p>I would love to say there's even more you can do with them, but the possibilities are damn near endless. Use your imagination. But if you get one, you better show this god of fuck the respect it deserves. Umbreons maybe my favorite but, damn, Vappies really want to get that top spot from me. It's a really close call.</p> --}}
<dl>
<span><dd>Characters</dd>{{#characters}}<dt><a href="#char{{.}}">{{.}}</a></dt>{{/characters}}{{#extrachars}}<dt>{{.}}</dt>{{/extrachars}}</span>
<span><dd>Artist</dd><dt><a href="#artist{{artist}}">{{artist}}</a></dt></span>
<span><dd></dd><dt><span class="month{{month}}">{{day}}</span>{{year}}</dt></span>
</dl>
</div>
</div>
{{/art}}
</div>
{{#artists}}
<h2 class="artistName artist{{name}}">{{name}}</h2>
{{/artists}}
{{#chars}}
<h2 class="charName char{{name}}">{{name}}</h2>
{{/chars}}
<div id="gallery">
{{#art}}
<a href="#img{{index}}" title="{{title}}" alt="{{title}}" style="background-position: -{{x}}px -{{y}}px; background-image: url('{{sheet}}'); {{#colour}}background-color: {{.}};{{/colour}}" class="{{#characters}}char{{.}} {{/characters}}artist{{artist}}"></a>
{{/art}}
</div>
</main>
<section>
<article>
<p>Anyways, public signatures</p>
<code>-----BEGIN PGP PUBLIC KEY BLOCK-----
<hr/>
xsDNBGGbbZwBDAC3D2Ry4OOJFhm1Qmc0/tM8PNCTqu0jHvsoNgJDnux5dSFzctmO<br/>MH4R/+9uRyjrEKgSSWpCXj1E0oMDQYY5lnUnxkLiCAMwMA/Xe8J5cRktXZ7+KZAY<br/>iNsBeJD7eODsk8kzSwLHi+nbpEQS30DcPgo/BpPksKgtcgJWAcjhdnSIPaRRS6EA<br/>aisEU222mGdd+Y5wPvH1JrbErcbqt8k94uXiE2u0v8dUTMSM9IFJ64vMdQSexOcZ<br/>lKYbayAJzbtb3fqMIsBL0Uzup0fmWgLTvQ3j0quACF+X2VRBDyMvlYvokECt4v9Q<br/>dqU1xKWLX91nVa5R3Bp7muWHynY1X0Zj5kFttSB+8cOFlw5Qx7Pid4Yz3uuQLU39<br/>XAo1Rg4hWAKhmC50CoGSOcSulbB5YL6gRvrkAfJOiWyGydy/ziraO/utzmF1Hhim<br/>gW5Qmnnfd8vE9FhBfScsxsLZFfGk3r1lP2IEAKEdNoSbcZO4p6QuC49QcPBfPfoE<br/>RLAeSClObiXC1ukAEQEAAc0YTWlpIEZveCA8bWlpQG1paWZveC5uZXQ+wsEPBBMB<br/>CAA5FiEEO0/DgFDC/S5hPg8jNOYk1yptHAYFAmGbbZ4FCQWjmoACGwMFCwkIBwIG<br/>FQgJCgsCBRYCAwEAAAoJEDTmJNcqbRwGyKYL/jPqVxe0ZcSNDZ16gomDGQtaNVTr<br/>mghqEh/HsyZS+p5LTyoJ2x4NYRZMFa+eLFhANRo3eghaxMUb9+lSMzJYfnoAjo1t<br/>ujQHjs6uJYcnilyHWyUSbneVDO4rfrYhXfzddELJJzXjo6LHOsw+VIKdWI9Af6ly<br/>pqsglevDsQeEj/EBavhf2yM1TDynzDMDa4yUX8B3RPFop5kKGARijdjJXns1B1Dp<br/>AeMva+D8J918jobbIrKX2Mu7DIeKNxDSkeZSBxZ8L7CTclbjaeRPV9o8gyHtkEZv<br/>gwRi8X7HXAj7EauP++K1m3ZxFSyx0cQ7RrT9N1varGDorfNkhSs/gjIHJghYu8sv<br/>3hEOkHar9VwF5ZtQe43sNfZ0gHh1VAzSk0a2KJ9Sb4HZi/OknASEHX68uXxgHb/v<br/>3Zb5THb2bkoUrmlwPYURBBzggDMdEvwR3OkIUdk6C8INLy69n46rOrF3Su4hgalS<br/>4vy3zko4qq9JWMy0SOJV95KgqINrq7i8T+VRCM7AzQRhm22eAQwAqaYHct7Y1g4I<br/>6Qpsy/6erMY2NwJD1j8F2JARL/1kWfviFxZfPDHh7+mNUMJixcoS6HbnUquJB30l<br/>Tcl/4RE83yVhR149Q6sJ+AEfG4tGJaYjcrD/f7dsitehq+Fu5kx4S3XNeVzo5/f5<br/>U+S2lmKFGCNZPw3m/ZKLaY7kOtOQJjt+SZNrmATwDTKvKXlQMle509nvC4gHW2Gj<br/>rHBRIiezHq6ukN0EzH4s9BGTf0jDWhINtt2OvAR3X7xRwQEZOJyYCujno1COKId1<br/>pM1kN9wixrmHjW87vOHJAOUq9iZXREarI4LvLqHx/MorUPTZIUrKN7aKvMGdMAsf<br/>v7ZskfwKaxgh2o893VEfYckdHIL3NBJYRr7+uBlpMH3A6I9nw72uKwMCKHnIti5x<br/>xwRNWX0Je+e5hr1yBC6XOCIZkfTQhjXs3kLzighmHbIA301ygMuppkZFTgekNEGt<br/>EUxegWHyr5E2MClcJoHnMnFTa9cXCSjKzrqHTgKaWY8wMFk23BgdABEBAAHCwPwE<br/>GAEIACYWIQQ7T8OAUML9LmE+DyM05iTXKm0cBgUCYZttngUJBaOagAIbDAAKCRA0<br/>5iTXKm0cBkrJC/sFV8kAL4cDo9nF2W4635eyvKTDaE73pOIIE0yqFPzasT8AHcPO<br/>+vdwnhkqgI1HgHQ423lAxHb3afPvLJGxNDOBKaccF/wSVIvjiv+Z+gwgnYY/i72m<br/>x6nSGH5JNXIBIc6ffNLRIH9+v8rsJM7fNyQN1CPlyx5zD2xRXXNPYi+MiclBiDDR<br/>gocA9CRIxMUpF+hEG6LeveUZbhDq1jKMzsE2e7gNiGTGoNXrsVxA7W0ksnY0g4m/<br/>sscv9LY01jPNBS3wS0CZ9YK5aZnBcxze/5YBHqEshh4ttViTxlmMWN+GqdX8esmD<br/>oyAM249eOGR3G+X++MMGzfTuhq+xoRLiAc9aHdbyp7650gzAKdHvyXJgu8FcuFwm<br/>4TvM/yFYJ72QKZWOtYu8psaWi57waJeBxnuEC+nLEmdH+bkrxthYsgvi66lG5BLU<br/>GUU0HdmM4G1uRU7p2YKbHX16k98zPmuxzN28f4bGRdkMiLpMxFx1GzOZhyk7FhN0<br/>Q2Nk/87YeiJE6RI=<br/>=YXR8
<hr/>
-----END PGP PUBLIC KEY BLOCK-----
</code>
<p>
Ewwww, that was ugly. But I gotto dump it somewhere. Mail adress is this domain name, repeated twice.
</p>
</article>
</section>
</body>
</html>
Reference in a new issue Copy permalink