initial
0
README.md
Normal file
14
about/index.html
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<!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>About Alison Kit</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<!--- <script src="index.js"></script> ---!>
|
||||
<p> I'm a red panda what else is there to know about HUUUH??!!?</p>
|
||||
</body>
|
||||
</html>
|
||||
BIN
images/akautomata.png
Normal file
|
After Width: | Height: | Size: 4.8 MiB |
BIN
images/alisonterra.jpg
Normal file
|
After Width: | Height: | Size: 1,016 KiB |
BIN
images/fira.png
Normal file
|
After Width: | Height: | Size: 4.9 MiB |
BIN
images/firawindow.png
Normal file
|
After Width: | Height: | Size: 8 MiB |
BIN
images/mystfawf.png
Normal file
|
After Width: | Height: | Size: 10 MiB |
BIN
images/niko.png
Normal file
|
After Width: | Height: | Size: 2.3 MiB |
BIN
images/nona.png
Normal file
|
After Width: | Height: | Size: 4.5 MiB |
BIN
images/pueblomagico.png
Normal file
|
After Width: | Height: | Size: 3.5 MiB |
BIN
images/raoul.png
Normal file
|
After Width: | Height: | Size: 6.8 MiB |
505
images/svg/logo.svg
Normal file
|
After Width: | Height: | Size: 83 KiB |
BIN
images/sybil.png
Normal file
|
After Width: | Height: | Size: 2.5 MiB |
BIN
images/xenia.png
Normal file
|
After Width: | Height: | Size: 2.4 MiB |
BIN
images/xeniakiki.png
Normal file
|
After Width: | Height: | Size: 6.1 MiB |
345
index.css
Normal file
|
|
@ -0,0 +1,345 @@
|
|||
@import url(https://fonts.bunny.net/css?family=poppins);
|
||||
|
||||
body {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
max-width:100vw;
|
||||
overflow-x:hidden;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
@keyframes rotate {
|
||||
0% {transform: rotate(0deg);}
|
||||
100% {transform: rotate(360deg);}
|
||||
}
|
||||
header {
|
||||
width:92vw;
|
||||
padding:6vh 4vw;
|
||||
position:fixed;
|
||||
font-weight:bold;
|
||||
background:transparent;
|
||||
color:#fff;
|
||||
transition:0.4s ease-in-out;
|
||||
z-index:2;
|
||||
}
|
||||
header table {
|
||||
width:100%;
|
||||
}
|
||||
#logo {
|
||||
width:20%;
|
||||
}
|
||||
#navigation {
|
||||
width:80%;
|
||||
}
|
||||
#img_here {
|
||||
width:60%;
|
||||
height:90%;
|
||||
background-size:contain !important;
|
||||
background-repeat:no-repeat !important;
|
||||
margin:0px auto;
|
||||
}
|
||||
#logo {
|
||||
font-size:24px;
|
||||
color:rgb(255, 44, 90);
|
||||
}
|
||||
#navigation {
|
||||
text-align:right;
|
||||
}
|
||||
#navigation a {
|
||||
color:inherit;
|
||||
text-decoration:none;
|
||||
padding:5px 10px;
|
||||
border-bottom:2px solid transparent;
|
||||
margin-left:2vw;
|
||||
margin-right:2vw;
|
||||
transition:0.4s ease-in-out;
|
||||
}
|
||||
#navigation a:hover{
|
||||
border-bottom:2px solid #fff;
|
||||
}
|
||||
#top_part {
|
||||
width:100%;
|
||||
/* border:2vh solid #fff; */
|
||||
}
|
||||
#top_part tr td{
|
||||
width:50%;
|
||||
}
|
||||
#about {
|
||||
width:84% !important;
|
||||
height:95vh;
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
justify-content:center;
|
||||
text-align:left;
|
||||
padding:0px 8%;
|
||||
}
|
||||
#about h1 {
|
||||
font-size:45px;
|
||||
word-wrap:break-word;
|
||||
}
|
||||
#about table {
|
||||
width:70%;
|
||||
margin-top:4vh;
|
||||
}
|
||||
#about table tr td {
|
||||
width:20% !important;
|
||||
text-align:left;
|
||||
}
|
||||
.social {
|
||||
color:rgb(255, 44, 90);
|
||||
font-size:23px;
|
||||
padding:12px 17px;
|
||||
border-radius:50%;
|
||||
background:transparent;
|
||||
transition:0.4s ease-in-out;
|
||||
font-weight:bold;
|
||||
margin:0px 8px;
|
||||
}
|
||||
.social:hover {
|
||||
cursor: pointer;
|
||||
color:#fff;
|
||||
background:rgb(255, 44, 90);
|
||||
box-shadow:0px 10px 30px rgba(255, 66, 107,0.8);
|
||||
}
|
||||
.btn_one {
|
||||
font-size:18px;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
color:rgb(255, 44, 90);
|
||||
background:#fff;
|
||||
border:3px solid rgb(255, 44, 90);
|
||||
padding:8px 40px;
|
||||
width:35%;
|
||||
border-radius:80px;
|
||||
font-weight:bold;
|
||||
margin:2vh 0px;
|
||||
transition:0.4s ease-in-out;
|
||||
}
|
||||
.btn_one:hover {
|
||||
box-shadow:0px 10px 30px rgba(255, 44, 90, 0.8);
|
||||
cursor:pointer;
|
||||
color:#fff;
|
||||
background:rgb(255, 44, 90);
|
||||
}
|
||||
#rightImage {
|
||||
width:100%;
|
||||
height:100vh;
|
||||
background:linear-gradient(0deg,rgba(255, 44, 90, 0.8),rgba(255, 44, 90, 0.8)), url("images/xeniakiki.png") center center;
|
||||
background-size:cover;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
#gallery {
|
||||
width:92vw;
|
||||
padding:6vh 4vw;
|
||||
font-weight:bold;
|
||||
}
|
||||
#gallery h1 {
|
||||
padding:5px 0px;
|
||||
border-bottom:4px solid rgb(255, 44, 90);
|
||||
width:6%;
|
||||
}
|
||||
#photos {
|
||||
width:100%;
|
||||
columns:3;
|
||||
column-gap:4%;
|
||||
z-index:1;
|
||||
transition:0.4s ease-in-out;
|
||||
}
|
||||
#photos img {
|
||||
width:100%;
|
||||
height:auto;
|
||||
margin:4.5% 0px;
|
||||
transition:0.4s ease-in-out;
|
||||
}
|
||||
#photos img:hover {
|
||||
transform: scale(1.1);
|
||||
cursor: pointer;
|
||||
}
|
||||
#comms {
|
||||
width:92vw;
|
||||
padding:6vh 4vw;
|
||||
font-weight:bold;
|
||||
}
|
||||
#comms h1 {
|
||||
padding:5px 0px;
|
||||
border-bottom:4px solid rgb(255, 44, 90);
|
||||
width:25%;
|
||||
}
|
||||
#contact {
|
||||
width:92vw;
|
||||
padding:6vh 4vw;
|
||||
}
|
||||
#contact h1 {
|
||||
padding:5px 0px;
|
||||
border-bottom:4px solid rgb(255, 44, 90);
|
||||
width:10%;
|
||||
}
|
||||
#contact table {
|
||||
width:100%;
|
||||
}
|
||||
#contact table tr td {
|
||||
width:50%;
|
||||
}
|
||||
#inner_div table{
|
||||
width:100%;
|
||||
}
|
||||
#inner_div table tr td{
|
||||
font-weight:bold;
|
||||
}
|
||||
#inner_table tr td{
|
||||
padding:10px 20px !important;
|
||||
}
|
||||
#footer {
|
||||
width:100%;
|
||||
padding:10vh 0px;
|
||||
text-align:center;
|
||||
font-weight:bold;
|
||||
}
|
||||
#footer a {
|
||||
color:rgb(255, 44, 90);
|
||||
text-decoration:none;
|
||||
}
|
||||
::placeholder {
|
||||
color:#000;
|
||||
}
|
||||
button:focus {
|
||||
outline:none;
|
||||
}
|
||||
::-webkit-scrollbar {
|
||||
width:5px;
|
||||
height:5px;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: rgb(0, 0, 0);
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: rgba(0, 0, 0,0.8);
|
||||
}
|
||||
|
||||
@media (max-width: 1000px){
|
||||
#photos {
|
||||
columns:1;
|
||||
column-gap:0%;
|
||||
}
|
||||
#photos img {
|
||||
margin:2% 0px;
|
||||
}
|
||||
#photos img:hover {
|
||||
transform: scale(1);
|
||||
cursor: pointer;
|
||||
}
|
||||
#rightImage {
|
||||
display:none;
|
||||
}
|
||||
#top_part {
|
||||
border:0px;
|
||||
}
|
||||
#top_part tr td{
|
||||
width:100%;
|
||||
text-align:center;
|
||||
}
|
||||
#about {
|
||||
width:92% !important;
|
||||
height:75vh;
|
||||
padding-top:20vh !important;
|
||||
text-align:center;
|
||||
padding:0px 4%;
|
||||
}
|
||||
#about table {
|
||||
width:100%;
|
||||
margin-top:6vh;
|
||||
}
|
||||
#about table tr td {
|
||||
text-align:center;
|
||||
}
|
||||
.btn_one {
|
||||
padding:6px 30px;
|
||||
width:60%;
|
||||
margin:4vh auto;
|
||||
box-shadow:0px 10px 20px rgba(255, 44, 90, 0.8);
|
||||
background:rgb(255, 44, 90);
|
||||
color:#fff;
|
||||
}
|
||||
.btn_one:hover {
|
||||
box-shadow:0px 10px 40px rgba(255, 44, 90, 0.8);
|
||||
cursor:pointer;
|
||||
}
|
||||
#contact table tr td {
|
||||
width:100%;
|
||||
display:block;
|
||||
}
|
||||
#inner_table tr td{
|
||||
padding:10px 0px !important;
|
||||
}
|
||||
#contact form input {
|
||||
width:90%;
|
||||
}
|
||||
#contact form textarea {
|
||||
width:90%;
|
||||
}
|
||||
#gallery h1 {
|
||||
width:19%;
|
||||
}
|
||||
#comms h1 {
|
||||
width:25%;
|
||||
}
|
||||
#contact h1 {
|
||||
width:33%;
|
||||
}
|
||||
header {
|
||||
width:96vw;
|
||||
background:#fff;
|
||||
padding:4vh 2vw;
|
||||
position:absolute;
|
||||
}
|
||||
#header table tr td {
|
||||
width:100%;
|
||||
display:block;
|
||||
text-align:center;
|
||||
padding:15px 0px;
|
||||
}
|
||||
#navigation a {
|
||||
color:#000;
|
||||
}
|
||||
}
|
||||
/* Dropdown Button */
|
||||
.dropbtn {
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* The container <div> - needed to position the dropdown content */
|
||||
.dropdown {
|
||||
position: center;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* Dropdown Content (Hidden by Default) */
|
||||
.dropdown-content {
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: purple;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* Links inside the dropdown */
|
||||
.dropdown-content a {
|
||||
color:inherit;
|
||||
text-decoration:none;
|
||||
padding:5px 10px;
|
||||
border-bottom:2px solid transparent;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Change color of dropdown links on hover */
|
||||
#dropdown-content a:hover {background-color: #grey;}
|
||||
|
||||
/* Show the dropdown menu on hover */
|
||||
.dropdown:hover .dropdown-content {display: block;}
|
||||
|
||||
/* Change the background color of the dropdown button when the dropdown content is shown
|
||||
.dropdown:hover .dropbtn {background-color: #3e8e41;}
|
||||
*/
|
||||
77
index.html
Normal file
|
|
@ -0,0 +1,77 @@
|
|||
<!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>
|
||||
67
index.js
Normal file
|
|
@ -0,0 +1,67 @@
|
|||
var width = $(window).width();
|
||||
window.onscroll = function(){
|
||||
if ((width >= 1000)){
|
||||
if(document.body.scrollTop > 80 || document.documentElement.scrollTop > 80) {
|
||||
$("#header").css("background","#fff");
|
||||
$("#header").css("color","#000");
|
||||
$("#header").css("box-shadow","0px 0px 20px rgba(0,0,0,0.09)");
|
||||
$("#header").css("padding","4vh 4vw");
|
||||
$("#navigation a").hover(function(){
|
||||
$(this).css("border-bottom","2px solid rgb(255, 44, 90)");
|
||||
},function(){
|
||||
$(this).css("border-bottom","2px solid transparent");
|
||||
});
|
||||
}else{
|
||||
$("#header").css("background","transparent");
|
||||
$("#header").css("color","#fff");
|
||||
$("#header").css("box-shadow","0px 0px 0px rgba(0,0,0,0)");
|
||||
$("#header").css("padding","6vh 4vw");
|
||||
$("#navigation a").hover(function(){
|
||||
$(this).css("border-bottom","2px solid #fff");
|
||||
},function(){
|
||||
$(this).css("border-bottom","2px solid transparent");
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function magnify(imglink){
|
||||
$("#img_here").css("background",`url('${imglink}') center center`);
|
||||
$("#magnify").css("display","flex");
|
||||
$("#magnify").addClass("animated fadeIn");
|
||||
setTimeout(function(){
|
||||
$("#magnify").removeClass("animated fadeIn");
|
||||
},800);
|
||||
}
|
||||
|
||||
function closemagnify(){
|
||||
$("#magnify").addClass("animated fadeOut");
|
||||
setTimeout(function(){
|
||||
$("#magnify").css("display","none");
|
||||
$("#magnify").removeClass("animated fadeOut");
|
||||
$("#img_here").css("background",`url('') center center`);
|
||||
},800);
|
||||
}
|
||||
|
||||
setTimeout(function(){
|
||||
$("#loading").addClass("animated fadeOut");
|
||||
setTimeout(function(){
|
||||
$("#loading").removeClass("animated fadeOut");
|
||||
$("#loading").css("display","none");
|
||||
},800);
|
||||
},1650);
|
||||
|
||||
$(document).ready(function(){
|
||||
$("a").on('click', function(event) {
|
||||
if (this.hash !== "") {
|
||||
event.preventDefault();
|
||||
var hash = this.hash;
|
||||
$('body,html').animate({
|
||||
scrollTop: $(hash).offset().top
|
||||
}, 1800, function(){
|
||||
window.location.hash = hash;
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
209
live/index.html
Normal file
|
|
@ -0,0 +1,209 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Alison Kit Live</title>
|
||||
<link rel="stylesheet" href="style.css" type="text/css" media="screen"/>
|
||||
</head>
|
||||
<body>
|
||||
<br>
|
||||
<h1>Alison Kit Live</h1><br>
|
||||
<h2>Info about the Stream</h2><br>
|
||||
<h3>Commands you can use on stream:</h3><br>
|
||||
<ul>
|
||||
<li><b>!help</b> Link to this page</li>
|
||||
<li><b>!kofi</b> Link to my kofi</li>
|
||||
<li><b>!nuzzle</b> Link to read Nuzzle</li>
|
||||
<li><b>!lurk</b> let us know you'll be lurking</li>
|
||||
<li><b>!unlurk</b> let us know you're back</li>
|
||||
<li><b>!krita</b> Link to get Krita, the art program I recommend!</li>
|
||||
<li><b>!throne/!gift</b> Link to my Throne Wishlist</li>
|
||||
<li><b>!site</b> Link to my main website</li>
|
||||
<li><b>!pronouns</b> see what I go by and set your pronouns!</li>
|
||||
<li><b>!bruh </b>Vine Bruh SFX</li>
|
||||
<li><b>!whao </b>Wao SFX</li>
|
||||
<li><b>!eo</b> EO</li>
|
||||
<li><b>!mama</b> uWu</li>
|
||||
<li><b>!nvidia</b> Linus Torvald's infamous flip off to Nvidia</li>
|
||||
<li><b>!pipe</b> Metal Pipe SFX or Richi Kupo's "pipebombs"</li>
|
||||
<li><b>!egg</b> Roland's "Lay Egg NOW!"</li>
|
||||
<li><b>!riff</b> Weezer Buddy Holly Riff SFX</li>
|
||||
<li><b>!boykisser</b> boykisser dances (changes speed every time)</li>
|
||||
<li><b>!cringe</b> Roland saying "cringe"</li>
|
||||
<li><b>!avocados</b> Avocados from Mexico </li>
|
||||
<li><b>!dahtin</b> It's our friend Dahtin! Or is it?</li>
|
||||
<li><b>!felizjueves</b> Asuka from Evangelion but Latin American</li>
|
||||
<li><b>!friday</b> David Lynch's weekly report (only available on fridays)</li>
|
||||
<li><b>!meow</b> meow</li>
|
||||
<li><b>!stand</b> Be a Stand user</li>
|
||||
<li><b>!lewd</b>Check the current percentag of the oWo redeem</li>
|
||||
<li><h4>Nightbot Commands</h4></li>
|
||||
<ul>
|
||||
<li><b>!time</b> Grabs time from a location (Examples: !time PST8PDT, !time America/Los_Angeles)</li>
|
||||
<li><b>!weather</b> Pulls weather from a location (Example: !weather Tokyo)</li>
|
||||
<li><b>!hug</b> Hugs a user of your choice (Example: !hug Nabiuxhe)</li>
|
||||
<li><b>!cookie</b> Give a cookie to a user of your choice (Example: !cookie Evysaurus)</li>
|
||||
<li><b>!choose</b> Type a comma separated list of choices, one gets picked at random (Example: !choose smash,pass)</li>
|
||||
<li><b>ah hell yeag</b> idk applefreak made this one</li>
|
||||
<li><b>69</b> nice</li>
|
||||
<li><b>:3</b> Something funny happens with the :3 face</li>
|
||||
</ul>
|
||||
<li><h4>Commands for community events</h4></li>
|
||||
<ul>
|
||||
<li><b>!join</b> Join an ongoing giveaway</li>
|
||||
<li><b>!exit</b> Exit an ongoing giveaway</li>
|
||||
<li><b>!stats</b> Check if you've joined an ongoing giveaway</li>
|
||||
<li><b>!sr</b> Request a song for Nightbot to queue when song requests are open (Example: !sr Moonage Daydream)</li>
|
||||
</ul>
|
||||
</ul>
|
||||
<br>
|
||||
<h3>Subscriber Commands (Tier 1 A-Wah-Cate)</h3><br>
|
||||
<ul>
|
||||
<li><b>!kappagen</b> Emote explosion on screen</li>
|
||||
<li><b>!roll</b> Roll TTRPG Dice on screen. Example: !roll 4d20+2d6</li>
|
||||
<li><b>!pipebombs</b> Like "!pipe", but its specifically Rich</li>
|
||||
<li><b>!pipefall</b> Like "!pipe", but its specifically the metal pipe SFX</li>
|
||||
<li><b>!figlet</b> Send a stylized message. Example: !figlet hello word<br>
|
||||
<pre>
|
||||
<code>
|
||||
_ _ _ _ _
|
||||
| |__ ___| | | ___ __ _____ _ __| | __| |
|
||||
| '_ \ / _ \ | |/ _ \ \ \ /\ / / _ \| '__| |/ _` |
|
||||
| | | | __/ | | (_) | \ V V / (_) | | | | (_| |
|
||||
|_| |_|\___|_|_|\___/ \_/\_/ \___/|_| |_|\__,_|
|
||||
</code>
|
||||
</pre>
|
||||
</li>
|
||||
</ul><br>
|
||||
<h3>Mystery commands/events (You'll need to figure out how to activate them)</h3><br>
|
||||
<ul>
|
||||
<li><b>Kefka Laugh</b> Sometimes it might make Tidu's Laugh instead</li>
|
||||
<li><b>Ok Desu Ka</b> Earthbound SFX</li>
|
||||
<li><b>Full Metal Alchemist</b> FMA voice</li>
|
||||
<li><b>OH MY GOD</b> Joseph Joestar</li>
|
||||
<li><b>guilty gear</b> Let's Rock!</li>
|
||||
<li><b>mbv</b> shoegaze</li>
|
||||
<li><b>vim</b> The text editor that never goes out of style</li>
|
||||
<li><b>Mariah Carey</b> it's never too early for xmas</li>
|
||||
</ul><br>
|
||||
<h3>There's also other commands but for use by mods and authorized individuals.</h3><br>
|
||||
|
||||
<h3>Bit Redeems</h3><br>
|
||||
<ul>
|
||||
<li><b>144</b> Turns the stream into a pixelated mess like a 144p upload from 2005 (1 minute)</li>
|
||||
</ul><br>
|
||||
<h3>Channel Point redeems you can use on stream:</h3><br>
|
||||
<ul>
|
||||
<li><b>sudo rm -rf / </b><i>1 Wah-Ticket </i>Guess the passphrase</li>
|
||||
<li><b>First! </b><i>1 Wah-Ticket </i>Redeem this before anyone else, be today's VIP! (VIP badges obtained like this get removed after a stream ends)</li>
|
||||
<li><b>Boop </b><i>20 Wah-Tickets </i>Boop my nose</li>
|
||||
<li><b>Uppies </b><i>20 Wah-Tickets </i>Little pop-up Alison stickers appear on screen. You might get a rare variant of a sticker!</li>
|
||||
<li><b>Posture Check! </b><i>24 Wah-Tickets </i>Remind me to sit properly!</li>
|
||||
<li><b>Stop Making Sense </b><i>25 Wah-Tickets </i>David Byrne jumpscare</li>
|
||||
<li><b>Sans </b><i>50 Wah-Tickets </i>Sans Laugh or Megalovania</li>
|
||||
<li><b>oWo </b><i>69 Wah-Tickets </i>Something gay appears on screen</li>
|
||||
<li><b>Sephiroth </b><i>75 Wah-Tickets </i>Sephiroth Jumpscare on screen</li>
|
||||
<li><b>EO </b><i>75 Wah-Tickets </i>Freddie Mercury appears, I have to repeat what he sings</li>
|
||||
<li><b>Water and Water and Water Water </b><i>100 Wah-Tickets </i>I drink water to the Final Fantasy VIII Battle Theme's water parody</li>
|
||||
<li><b>Tiny </b><i>125 Wah-Tickets </i>Make me tiny for 10 seconds</li>
|
||||
<li><b>Squish </b><i>125 Wah-Tickets </i>Squish me for 10 seconds</li>
|
||||
<li><b>Emotional Song </b><i>150 Wah-Tickets </i>Choose an emotional song to play on stream:</li>
|
||||
<ul>
|
||||
<li>Berserk 1997 Guts' Theme</li>
|
||||
<li>Titanic Flute Song</li>
|
||||
<li>Bakamitai</li>
|
||||
</ul>
|
||||
<li><b>The ONE PIECE is REAL </b><i>100 Wah-Tickets </i>One Piece weird stuff with no context</li>
|
||||
<li><b>Better Call Saul </b><i>200 Wah-Tickets </i>Saul Goodman 3D appears on screen</li>
|
||||
<li><b>AHAHAHAHA </b><i>200 Wah-Tickets </i>Tidus' laughing from Final Fantasy X</li>
|
||||
<li><b>Morshu Beatbox </b><i>200 Wah-Tickets </i>Morshu from the Zelda CD-i games beatboxing</li>
|
||||
<li><b>Cat </b><i>250 Wah-Tickets </i>Cat Screaming into camera</li>
|
||||
<li><b>Souls-like </b><i>250 Wah-Tickets </i>Dark Souls like message appears on screen</li>
|
||||
<li><b>Cursed Image </b><i>250 Wah-Tickets </i>A funny picture/meme of a streamer friend flashes on screen</li>
|
||||
<li><b>Wii Donut</b><i>250 Wah-Tickets </i>The C Donut</li>
|
||||
<li><b>ATTAC THE WAH </b><i>300 Wah-Tickets </i>Throw things at Alison (small chance the attack is parried!)</li>
|
||||
<li><b>Deep Fried </b><i>666 Wah-Tickets </i>HELL ON EARTH! RIP & TEAR!</li>
|
||||
<li><b>Outfit Swap! </b><i>750 Wah-Tickets </i>Change my outfit! Write down any of the following (in lowercase):</li>
|
||||
<ul>
|
||||
<li>Casual (Default)</li>
|
||||
<li>Punk</li>
|
||||
<li>Xenia</li>
|
||||
<li>Smart</li>
|
||||
<li>Bridget</li>
|
||||
<li>Sybil</li>
|
||||
<li>Queen</li>
|
||||
</ul>
|
||||
<li><b>AESTHETIC </b><i>750 Wah-Tickets </i>The stream turns into a Vaporwave dreamscape</li>
|
||||
<li><b>Spanish </b><i>2000 Wah-Tickets </i>Make me speak Spanish for 5 minutes</li>
|
||||
<li><b>Everything Everywhere All At Once </b><i>5000 Wah-Tickets </i>Every Redeem, pure chaos...</li>
|
||||
</ul><br>
|
||||
<h2> Tools I use for streaming </h2><br>
|
||||
<p>I am not sponsored by any of these tools/products below</p><br>
|
||||
<h3>Software</h3><br>
|
||||
<ul>
|
||||
<li><a href="https://archlinux.org">Arch Linux</a> OS of choice</li>
|
||||
<li><a href="https://kde.org">KDE Plasma</a> Desktop Environment of choice</li>
|
||||
<li><a href="https://krita.org">Krita</a> Drawing Application of choice</li>
|
||||
<li><a href="https://obsproject.com">OBS</a> Streaming Application</li>
|
||||
<li><a href="https://sammisolutions.itch.io">SAMMI</a> Stream Integrations</li>
|
||||
<li><a href="https://usebottles.com">Bottles</a> To run SAMMI on Linux</li>
|
||||
<li><a href="https://www.musicpd.org">MPD</a> Music Player</li>
|
||||
<li><a href="https://olmewe.itch.io/veadotube-mini">Veadotube Mini</a> PNGtuber</li>
|
||||
</ul><br>
|
||||
<h3>Hardware</h3><br>
|
||||
<ul>
|
||||
<li>Xp-Pen 15.6 Artist Pro</li>
|
||||
<li>8Bitdo SN30 Pro 2</li>
|
||||
<li>Arturia MiniFuse 1</li>
|
||||
<li>Shure SM57 Dynamic Microphone with A2WS Windscreen</li>
|
||||
<li>Elgato Wave LP Arm</li>
|
||||
<li>Audio Technica ATH-M50X Headphones</li>
|
||||
</ul><br>
|
||||
<h3>Krita Plugins</h3><br>
|
||||
<ul>
|
||||
<li><a href="https://github.com/wojtryb/Shortcut-Composer">Shortcut Composer</a></li>
|
||||
<li><a href="https://github.com/veryprofessionaldodo/Krita-UI-Redesign">UI Redesign</a></li>
|
||||
<li><a href="https://krita-artists.org/t/plugin-theme-creator-extension/62953">Theme Creator</a></li>
|
||||
</ul><br>
|
||||
<h3>OBS Plugins</h3><br>
|
||||
<ul>
|
||||
<li><a href="https://obsproject.com/forum/resources/freeze-filter.950/">Freeze Filter</a></li>
|
||||
<li><a href="https://github.com/phandasm/waveform">Waveform</a></li>
|
||||
<li><a href="https://github.com/exeldro/obs-shaderfilter">OBS Shaderfilter (Exeldro's Fork)</a></li>
|
||||
<li><a href="https://obsproject.com/forum/resources/advanced-timer.637/">Countdown Timer</a></li>
|
||||
<li><a href="https://obsproject.com/forum/resources/tuna.843/">Tuna</a></li>
|
||||
<li><a href="https://github.com/obs-ai/obs-localvocal">LocalVocal</a></li>
|
||||
<li><a href="https://github.com/dimtpap/obs-pipewire-audio-capture">Pipewire Audio Capture</a></li>
|
||||
<li><a href="https://github.com/kkartaltepe/obs-text-pango">Pango Text</a></li>
|
||||
<li><a href="https://github.com/nowrep/obs-vkcapture">OBS-VkCapture</a></li>
|
||||
<li><a href="https://github.com/exeldro/obs-source-clone">Source Clone</a></li>
|
||||
<li><a href="https://obsproject.com/forum/resources/composite-blur.1780/">Composite Blur</a></li>
|
||||
<li><a href="https://github.com/FiniteSingularity/obs-stroke-glow-shadow">Stroke Glow Shadow</a></li>
|
||||
<li><a href="https://github.com/WarmUpTill/SceneSwitcher">Advanced Scene Switcher</a></li>
|
||||
<!--
|
||||
<li><a href="https://github.com/exeldro/obs-time-warp-scan">Scan</a></li>
|
||||
<li><a href="https://obsproject.com/forum/resources/move.913/">Move</a></li>
|
||||
<li><a href="https://github.com/univrsal/dvds3">DVD Screensaver</a></li>
|
||||
<li><a href="https://obsproject.com/forum/resources/recursion-effect.1008/">Recursion Effect</a></li>
|
||||
<li><a href="https://github.com/univrsal/input-overlay">Input Overlay</a></li>
|
||||
<li><a href="">Title</a></li>
|
||||
-->
|
||||
</ul><br>
|
||||
<h3>Twitch/OBS Utilities</h3><br>
|
||||
<ul>
|
||||
<li><a href="https://github.com/sugoidogo/pngtube2">PNGTuber</a></li>
|
||||
<li><a href="https://realityripple.com/Tools/Twitch/EmoteWall/index.php">Emote Wall</a></li>
|
||||
<li><a href="https://forums.slime2.stream/resources/rounded-box-chat.18/">Slime Chat</a></li>
|
||||
<li><a href="https://andylawton.com/home/bee-dice-roller">TTRPG Dice Rolling Widget</a></li>
|
||||
</ul><br>
|
||||
<h2>Stream Lore</h2><br>
|
||||
<h3>Alison:</h3>
|
||||
<p>The streamer, she's a red panda</p><br>
|
||||
<h4>Nuzzle</h4>
|
||||
<p>Alison's webcomic</p><br>
|
||||
<h4>Nabi:</h4>
|
||||
<p>Regular of the stream, he's a coyote who will eat your face, beat you in Guilty Gear and install Linux in your pc.</p><br>
|
||||
<h4>Apple:</h4>
|
||||
<p>Also goes by Annie or Kira, stream mod, agent of chaos.</p><br>
|
||||
<a href="https://alisonkit.net">Back to main site</a><br>
|
||||
</body>
|
||||
</html>
|
||||
38
old/index.html
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Alison Kit dot net</title>
|
||||
<link rel="stylesheet" href="style.css" type="text/css" media="screen"/>
|
||||
</head>
|
||||
<body>
|
||||
<br>
|
||||
<h1>Welcome to my wah-bsite!</h1>
|
||||
<br>
|
||||
<h2>About me</h2>
|
||||
<p>I'm Alison, an illustrator, animator, designer and story artist, I run a comic called Nuzzle and I do streams on Twitch. I'm open for commissions.</p>
|
||||
<br>
|
||||
<h2>My comic</h2>
|
||||
<p>I have a slice of life comic called Nuzzle, feel free to check it out!</p>
|
||||
<p> <a href="https://nuzzle.thecomicseries.com" target="_blank">Link to Nuzzle!</a></p>
|
||||
<br>
|
||||
<p>This website is still a work in progress, but feel free to check out my art in my links below!</p>
|
||||
<br>
|
||||
<h2>Contact</h2>
|
||||
<ul>
|
||||
<li><a href="mailto:alisonkit@tuta.io" target="_blank">Mail</a></li>
|
||||
<li><a rel="me" href="https://mastodon.art/@alisonkit" target="_blank">Mastodon</a></li>
|
||||
<li><a href="https://bsky.app/profile/alisonkit.com" target="_blank">Bluesky</a></li>
|
||||
<li><a href="https://twitch.tv/alison_kit/" target="_blank">Twitch</a></li>
|
||||
<li><a href="https://tumblr.com/alisonkit/" target="_blank">Tumblr</a></li>
|
||||
<li><a href="https://cohost.org/alisonkit/" target="_blank">Cohost</a></li>
|
||||
<li><a href="https://discord.gg/t7X5uUEC" target="_blank">Discord Server</a></li>
|
||||
<li><a href="https://ko-fi.com/alisonkit/" target="_blank">Ko-Fi</a></li>
|
||||
</ul>
|
||||
<br>
|
||||
<h2>Stream Info</h2>
|
||||
<p> For info about my Twitch streams, follow <a href="live/" target="blank">this link!</a></p>
|
||||
<div style="text-align:right">
|
||||
<a href="https://cd5k.net/tau/">τ</a>
|
||||
</div></body></html>
|
||||
</body>
|
||||
</html>
|
||||
2
old/robots.txt
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
User-agent: *
|
||||
Disallow: /
|
||||
29
old/style.css
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
* {
|
||||
background-color: #0d001a;
|
||||
margin: auto;
|
||||
}
|
||||
body {
|
||||
max-width: 1200px ;
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: left;
|
||||
color: #cc99ff;
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-align: left;
|
||||
color: #cc99ff;
|
||||
}
|
||||
|
||||
p {
|
||||
text-align: left;
|
||||
color: #ffccff;
|
||||
}
|
||||
a {
|
||||
text-align: left;
|
||||
color: #ff99ff;
|
||||
}
|
||||
h1, h2, p {
|
||||
font-family: "Noto Sans", "Liberation Sans", sans-serif;
|
||||
}
|
||||