77 lines
3.6 KiB
HTML
77 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>Alison Kit</title>
|
|
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="index.css">
|
|
</head>
|
|
<body>
|
|
<header id="header">
|
|
<table>
|
|
<tr>
|
|
<td id="logo">Alison Kit</td>
|
|
<td id="navigation">
|
|
<a href="#gallery">Gallery</a>
|
|
<a href="#comms">Commission</a>
|
|
<a href="https://nuzzle.thecomicseries.com">Nuzzle</a>
|
|
<div class="dropdown">
|
|
<a class="dropbtn">Contact</a>
|
|
<div class="dropdown-content">
|
|
<a href="https://ko-fi.com/alisonkit">Ko-Fi</a>
|
|
<a href="https://cohost.org.alisonkit">Cohost</a>
|
|
<a rel="me" href="https://mastodon.art/@alisonkit">Mastodon</a>
|
|
<a href="https://bsky.app/alisonkit.com">Bluesky</a>
|
|
<a href="https://twitch.tv/alisonkit">Twitch</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</header>
|
|
<table id="top_part">
|
|
<tr>
|
|
<td id="about">
|
|
<h1>Artist, Writer, Red Panda.</h1>
|
|
<table>
|
|
<tr>
|
|
<td><a class="social" href="https://mastodon.art/@alisonkit"><i class="fab fa-mastodon"></i></a></td>
|
|
<td><a class="social" href="https://tumblr.com/alisonkit"><i class="fab fa-tumblr"></i></a></td>
|
|
<td><a class="social" href="https://cohost.org/alisonkit">Cohost</a></td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
<td id="rightImage"></td>
|
|
</tr>
|
|
</table>
|
|
<div id="gallery">
|
|
<h1>Gallery</h1>
|
|
<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>
|
|
<div id="comms">
|
|
<h1>Commissions</h1>
|
|
<h2>Commissions are open.</h2>
|
|
<button>Commission Info</button>
|
|
<button>Commission Queue</button>
|
|
<p>For current commission slot availability, check social media for any annoucements.</p>
|
|
</div>
|
|
<div id="footer">
|
|
Alison Kit 2023 <br> website based on template by <a href="https://imfunniee.github.io">imfunniee</a>
|
|
</div>
|
|
<div style="text-align:right">
|
|
<a href="https://cd5k.net/tau/">τ</a>
|
|
<script src="index.js" type="text/javascript"></script>
|
|
</body>
|
|
</html>
|