151 lines
7.4 KiB
HTML
151 lines
7.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Alison Kira</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="icon" type="image/x-icon" href="images/svg/favicon.svg">
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<!---<meta property="og:image" content="./img/meta/homemeta.webp" /> --->
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:title" content="Alison Kira" />
|
|
<meta property="og:url" content="https://alisonkira.art" />
|
|
<meta
|
|
name="description"
|
|
content="Artist, Illustrator, Creator of Nuzzle."
|
|
/>
|
|
</head>
|
|
<body>
|
|
<!-- The sidebar -->
|
|
<div class="sidenav">
|
|
<a href="#top">Back to Top</a>
|
|
<a href="#gallery">Gallery</a>
|
|
<a href="#about">About</a>
|
|
<a href="#contact">Contact</a>
|
|
<a href="#comms">Commissions</a>
|
|
</div>
|
|
<div class="main"><!-- container to push stuff aside from nav bar -->
|
|
<!-- home -->
|
|
<div id="top">
|
|
<br>
|
|
<h1>Alison Kira</h1>
|
|
<h2>My WAH-bsite!</h2>
|
|
<p>I'm an illustrator and animator that draws furry art and anything cringe.</p>
|
|
</div>
|
|
<!-- gallery -->
|
|
<div id="gallery">
|
|
<h2>Gallery</h2>
|
|
<div id="photos">
|
|
<a href="#img1"><img src="images/gallery/alisonterra.webp" alt="Alison as Terra from FFVI"></a>
|
|
<a href="#img2"><img src="images/gallery/nona.webp" alt="Nona from Gunfire Reborn"></a>
|
|
<a href="#img3"><img src="images/gallery/xenia.webp" alt="Xenia the Linux Fox"></a>
|
|
<a href="#img4"><img src="images/gallery/nuri3.webp" alt="NuriTheNurd lounging in a solarpunk place"></a>
|
|
<a href="#img5"><img src="images/gallery/sybil.webp" alt="Sybil from Pseudoregalia"></a>
|
|
<a href="#img6"><img src="images/gallery/float.webp" alt="Alison holding pride hearts"></a>
|
|
<a href="#img7"><img src="images/gallery/mystfawf.webp" alt="Commission made as a gift"></a>
|
|
<a href="#img2"><img src="images/gallery/niko.webp" alt="Niko from Oneshot"></a>
|
|
</div>
|
|
</div>
|
|
<!-- about-->
|
|
<div id="about">
|
|
<h2>About</h2>
|
|
<ul>
|
|
<li><p>she/her</p></li>
|
|
<li><p>Speak English, Spanish</p></li>
|
|
<li><p>My character is a Red Panda</p></li>
|
|
<li><p>Latine</p></li>
|
|
<li><p>My art is very queer and neurodivergent</p></li>
|
|
</ul>
|
|
<br>
|
|
</div>
|
|
<!-- Contact -->
|
|
<div id="contact">
|
|
<h2>Contact</h2>
|
|
<h3>Disclaimer: some links contain mature/NSFW content not appropriate for people under 18 of age.</h3>
|
|
<p><a href="mailto:alisonkira@tuta.io">Mail</a> >>> for commission contact</p>
|
|
<p><a href="https://ko-fi.com/alisonkira" target="_blank">Ko-Fi</a> >>> tip me!!!</p>
|
|
<p><a href="https://vgen.co/alisonkira" target="_blank">Vgen</a> >>> Commissions!
|
|
<p><a rel="me" href="https://mastodon.art/@alisonkit" target="_blank">Mastodon</a> >>> fedi!!!</p>
|
|
<p><a href="https://bsky.app/profile/alisonkira.art" target="_blank">Bluesky</a> >>> basically a better twitter</p>
|
|
<p><a href="https://twitch.tv/alisonkira" target="_blank">Twitch</a> >>> Art Streams!</p>
|
|
<p><a href="https://discord.gg/t7X5uUEC/" target="_blank">Discord</a> >>> let's hang out!</p>
|
|
<p><a href="https://t.me/alisonkira_art/" target="_blank">Telegram</a> >>> art feed!</p>
|
|
<p><a href="live/">More info about my livestreams</a></p>
|
|
<br>
|
|
</div>
|
|
<!--Commissions-->
|
|
<div id="comms">
|
|
<h2>Commissions</h2>
|
|
<h3>Commissions are open.</h3>
|
|
<p><a href="https://vgen.co/alisonkira/queue" target="_blank">Vgen Queue</a> >>> Current commission queue</p>
|
|
<p><a href="comms/">Commission Info</a> >>> more detailed info about my commissions!</p>
|
|
<p><a href="tos/">Terms of Service</a> >>> read before commissioning!</p>
|
|
</div>
|
|
<div id="footer">
|
|
<p>Alison Kira 2026</p>
|
|
</div>
|
|
<div style="text-align:right">
|
|
<a href="https://cd5k.net/tau/">τ</a>
|
|
</div>
|
|
</div> <!-- main -->
|
|
<!-- LIGHTBOX -->
|
|
<div>
|
|
<div class="lightbox" id="img1">
|
|
<img src="images/gallery/alisonterra.webp" alt="Alison as Terra from FFVI"/>
|
|
<div id="textbox">
|
|
<p>Alison as Terra from Final Fantasy VI</p>
|
|
<p><a href="#_">Close</a>
|
|
</div>
|
|
</div>
|
|
<div class="lightbox" id="img2">
|
|
<img src="images/gallery/nona.webp" alt="Nona from Gunfire Reborn"/>
|
|
<div id="textbox">
|
|
<p>Fanart of Nona from Gunfire Reborn</p>
|
|
<p><a href="#_">Close</a>
|
|
</div>
|
|
</div>
|
|
<div class="lightbox" id="img3">
|
|
<img src="images/gallery/xenia.webp" alt="Xenia the Linux Fox"/>
|
|
<div id="textbox">
|
|
<p>Fanart of Xenia</p>
|
|
<p><a href="#_">Close</a>
|
|
</div>
|
|
</div>
|
|
<div class="lightbox" id="img4">
|
|
<img src="images/gallery/nuri3.webp" alt="NuriTheNurd lounging in a solarpunk place"/>
|
|
<div id="textbox">
|
|
<p>NuriTheNurd lounging in a solarpunk setting</p>
|
|
<p><a href="#_">Close</a>
|
|
</div>
|
|
</div>
|
|
<div class="lightbox" id="img5">
|
|
<img src="images/gallery/sybil.webp" alt="Sybil from Pseudoregalia"/>
|
|
<div id="textbox">
|
|
<p>Fanart of Sybil from Pseudoregalia</p>
|
|
<p><a href="#_">Close</a>
|
|
</div>
|
|
</div>
|
|
<div class="lightbox" id="img6">
|
|
<img src="images/gallery/float.webp" alt="Alison Holding Pride Hearts"/>
|
|
<div id="textbox">
|
|
<p>Alison holding pride hearts</p>
|
|
<p><a href="#_">Close</a>
|
|
</div>
|
|
</div>
|
|
<div class="lightbox" id="img7">
|
|
<img src="images/gallery/mystfawf.webp" alt="Commission made asa gift"/>
|
|
<div id="textbox">
|
|
<p>Commission made as a gift</p>
|
|
<p><a href="#_">Close</a>
|
|
</div>
|
|
</div>
|
|
<div class="lightbox" id="img8">
|
|
<img src="images/gallery/niko.webp" alt="Niko from Oneshot" />
|
|
<div id="textbox">
|
|
<p>Fanart of Niko from Oneshot</p>
|
|
<p><a href="#_">Close</a>
|
|
</div>
|
|
</div>
|
|
</div><!-- end lightbox -->
|
|
</body>
|
|
</html>
|