76 lines
3.7 KiB
HTML
76 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Alison Kit</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<!-- The sidebar -->
|
|
<div class="sidenav">
|
|
<a href="#home">Home</a>
|
|
<a href="#gallery">Gallery</a>
|
|
<a href="#about">About</a>
|
|
<a href="#contact">Contact</a>
|
|
</div>
|
|
<div class="main"><!-- container to push stuff aside from nav bar -->
|
|
<!-- home -->
|
|
<div id="home">
|
|
<br>
|
|
<h1>Alison Kit</h1>
|
|
<h2>My WAH-bsite!</h2>
|
|
<p>I'm an illustrator, animator, and comic artist. I draw furry art and anything cringe.</p>
|
|
</div>
|
|
<!-- gallery -->
|
|
<div id="gallery">
|
|
<h2>Gallery</h2>
|
|
<div id="photos">
|
|
<img onclick="magnify($(this).attr('src'))" src="images/xenia.png">
|
|
<img onclick="magnify($(this).attr('src'))" src="images/niko.png">
|
|
<img onclick="magnify($(this).attr('src'))" src="images/nona.png">
|
|
<img onclick="magnify($(this).attr('src'))" src="images/alisonterra.jpg">
|
|
<img onclick="magnify($(this).attr('src'))" src="images/sybil.png">
|
|
<img onclick="magnify($(this).attr('src'))" src="images/pueblomagico.png">
|
|
<img onclick="magnify($(this).attr('src'))" src="images/mystfawf.png">
|
|
<img onclick="magnify($(this).attr('src'))" src="images/akautomata.png">
|
|
</div>
|
|
</div>
|
|
<!-- about-->
|
|
<div id="about">
|
|
<h2>About</h2>
|
|
<ul>
|
|
<li><p>25, she/they</p></li>
|
|
<li><p>EN/ES</p></li>
|
|
<li><p>Red Panda fursona</p></li>
|
|
<li><p>Latine</p></li>
|
|
<li><p>Very queer and autistic</p></li>
|
|
</ul>
|
|
<br>
|
|
</div>
|
|
<!-- Contact -->
|
|
<div id="contact">
|
|
<h2>Contact</h2>
|
|
<p><a href="mailto:alisonkit@tuta.io">Mail</a> >>> for commission contact</p>
|
|
<p><a href="https://ko-fi.com/alisonkit">Ko-Fi</a> >>> tip me!!!</p>
|
|
<p><a href="https://cohost.org/alisonkit">Cohost</a> >>> for thoughts</p>
|
|
<p><a rel="me" href="https://mastodon.art/@alisonkit">Mastodon</a> >>> fedi!!!</p>
|
|
<p><a href="https://bsky.app/profile/alisonkit.net">Bluesky</a> >>> better twitter</p>
|
|
<p><a href="https://twitch.tv/alison_kit">Twitch</a> >>> Art Streams!</p>
|
|
<p><a href="https://twitter.com/kittwah">Twitter</a> ...sigh</p>
|
|
<p><a href="https:/https://discord.gg/t7X5uUEC/">Discord</a> >>> let's hang out!</p>
|
|
<br>
|
|
<h3>Commissions are open.</h3>
|
|
<p>For current commission slot availability, check social media for any annoucements.</p>
|
|
<h3>About my streams</h3>
|
|
<p><a href="live/">Visit this link to see more information about my streams.</a></p>
|
|
</div>
|
|
<div id="footer">
|
|
<p>Alison Kit 2024</p>
|
|
</div>
|
|
<div style="text-align:right">
|
|
<a href="https://cd5k.net/tau/">τ</a>
|
|
</div>
|
|
</div> <!-- main -->
|
|
</body>
|
|
</html>
|