- 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;} +*/ diff --git a/index.html b/index.html new file mode 100644 index 0000000..dd6825c --- /dev/null +++ b/index.html @@ -0,0 +1,77 @@ + + + + + + + Alison Kit + + + + + +

+ + + + + +

Alison Kit

+ + + + + +

Artist, Writer, Red Panda.

+ + + + + + +

Gallery

Commissions

Commissions are open.

+ + +

For current commission slot availability, check social media for any annoucements.

+ +

+τ + + + diff --git a/index.js b/index.js new file mode 100644 index 0000000..3eece44 --- /dev/null +++ b/index.js @@ -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; + }); + } + }); + }); + \ No newline at end of file diff --git a/live/index.html b/live/index.html new file mode 100644 index 0000000..0353f1b --- /dev/null +++ b/live/index.html @@ -0,0 +1,209 @@ + + + + Alison Kit Live + + + +
+

Alison Kit Live

Info about the Stream

Commands you can use on stream:

!help Link to this page
!kofi Link to my kofi
!nuzzle Link to read Nuzzle
!lurk let us know you'll be lurking
!unlurk let us know you're back
!krita Link to get Krita, the art program I recommend!
!throne/!gift Link to my Throne Wishlist
!site Link to my main website
!pronouns see what I go by and set your pronouns!
!bruh Vine Bruh SFX
!whao Wao SFX
!eo EO
!mama uWu
!nvidia Linus Torvald's infamous flip off to Nvidia
!pipe Metal Pipe SFX or Richi Kupo's "pipebombs"
!egg Roland's "Lay Egg NOW!"
!riff Weezer Buddy Holly Riff SFX
!boykisser boykisser dances (changes speed every time)
!cringe Roland saying "cringe"
!avocados Avocados from Mexico
!dahtin It's our friend Dahtin! Or is it?
!felizjueves Asuka from Evangelion but Latin American
!friday David Lynch's weekly report (only available on fridays)
!meow meow
!stand Be a Stand user
!lewdCheck the current percentag of the oWo redeem
Nightbot Commands

!time Grabs time from a location (Examples: !time PST8PDT, !time America/Los_Angeles)
!weather Pulls weather from a location (Example: !weather Tokyo)
!hug Hugs a user of your choice (Example: !hug Nabiuxhe)
!cookie Give a cookie to a user of your choice (Example: !cookie Evysaurus)
!choose Type a comma separated list of choices, one gets picked at random (Example: !choose smash,pass)
ah hell yeag idk applefreak made this one
69 nice
:3 Something funny happens with the :3 face

Commands for community events

!join Join an ongoing giveaway
!exit Exit an ongoing giveaway
!stats Check if you've joined an ongoing giveaway
!sr Request a song for Nightbot to queue when song requests are open (Example: !sr Moonage Daydream)

+
+

Subscriber Commands (Tier 1 A-Wah-Cate)

!kappagen Emote explosion on screen
!roll Roll TTRPG Dice on screen. Example: !roll 4d20+2d6
!pipebombs Like "!pipe", but its specifically Rich
!pipefall Like "!pipe", but its specifically the metal pipe SFX

!figlet Send a stylized message. Example: !figlet hello word
+

+						
+ _          _ _                            _     _
+| |__   ___| | | ___   __      _____  _ __| | __| |
+| '_ \ / _ \ | |/ _ \  \ \ /\ / / _ \| '__| |/ _` |
+| | | |  __/ | | (_) |  \ V  V / (_) | |  | | (_| |
+|_| |_|\___|_|_|\___/    \_/\_/ \___/|_|  |_|\__,_|
+						
+

Mystery commands/events (You'll need to figure out how to activate them)

Kefka Laugh Sometimes it might make Tidu's Laugh instead
Ok Desu Ka Earthbound SFX
Full Metal Alchemist FMA voice
OH MY GOD Joseph Joestar
guilty gear Let's Rock!
mbv shoegaze
vim The text editor that never goes out of style
Mariah Carey it's never too early for xmas

There's also other commands but for use by mods and authorized individuals.

+ +

Bit Redeems

144 Turns the stream into a pixelated mess like a 144p upload from 2005 (1 minute)

Channel Point redeems you can use on stream:

sudo rm -rf / 1 Wah-Ticket Guess the passphrase
First! 1 Wah-Ticket Redeem this before anyone else, be today's VIP! (VIP badges obtained like this get removed after a stream ends)
Boop 20 Wah-Tickets Boop my nose
Uppies 20 Wah-Tickets Little pop-up Alison stickers appear on screen. You might get a rare variant of a sticker!
Posture Check! 24 Wah-Tickets Remind me to sit properly!
Stop Making Sense 25 Wah-Tickets David Byrne jumpscare
Sans 50 Wah-Tickets Sans Laugh or Megalovania
oWo 69 Wah-Tickets Something gay appears on screen
Sephiroth 75 Wah-Tickets Sephiroth Jumpscare on screen
EO 75 Wah-Tickets Freddie Mercury appears, I have to repeat what he sings
Water and Water and Water Water 100 Wah-Tickets I drink water to the Final Fantasy VIII Battle Theme's water parody
Tiny 125 Wah-Tickets Make me tiny for 10 seconds
Squish 125 Wah-Tickets Squish me for 10 seconds
Emotional Song 150 Wah-Tickets Choose an emotional song to play on stream:

Berserk 1997 Guts' Theme
Titanic Flute Song
Bakamitai

The ONE PIECE is REAL 100 Wah-Tickets One Piece weird stuff with no context
Better Call Saul 200 Wah-Tickets Saul Goodman 3D appears on screen
AHAHAHAHA 200 Wah-Tickets Tidus' laughing from Final Fantasy X
Morshu Beatbox 200 Wah-Tickets Morshu from the Zelda CD-i games beatboxing
Cat 250 Wah-Tickets Cat Screaming into camera
Souls-like 250 Wah-Tickets Dark Souls like message appears on screen
Cursed Image 250 Wah-Tickets A funny picture/meme of a streamer friend flashes on screen
Wii Donut250 Wah-Tickets The C Donut
ATTAC THE WAH 300 Wah-Tickets Throw things at Alison (small chance the attack is parried!)
Deep Fried 666 Wah-Tickets HELL ON EARTH! RIP & TEAR!
Outfit Swap! 750 Wah-Tickets Change my outfit! Write down any of the following (in lowercase):

Casual (Default)
Punk
Xenia
Smart
Bridget
Sybil
Queen

AESTHETIC 750 Wah-Tickets The stream turns into a Vaporwave dreamscape
Spanish 2000 Wah-Tickets Make me speak Spanish for 5 minutes
Everything Everywhere All At Once 5000 Wah-Tickets Every Redeem, pure chaos...

Tools I use for streaming

I am not sponsored by any of these tools/products below

Software

Arch Linux OS of choice
KDE Plasma Desktop Environment of choice
Krita Drawing Application of choice
OBS Streaming Application
SAMMI Stream Integrations
Bottles To run SAMMI on Linux
MPD Music Player
Veadotube Mini PNGtuber

Hardware

Xp-Pen 15.6 Artist Pro
8Bitdo SN30 Pro 2
Arturia MiniFuse 1
Shure SM57 Dynamic Microphone with A2WS Windscreen
Elgato Wave LP Arm
Audio Technica ATH-M50X Headphones

Krita Plugins

OBS Plugins

Twitch/OBS Utilities

Stream Lore

Alison:

The streamer, she's a red panda

Nuzzle

Alison's webcomic

Nabi:

Regular of the stream, he's a coyote who will eat your face, beat you in Guilty Gear and install Linux in your pc.

Apple:

Also goes by Annie or Kira, stream mod, agent of chaos.

+ Back to main site
+ + diff --git a/old/index.html b/old/index.html new file mode 100644 index 0000000..846726e --- /dev/null +++ b/old/index.html @@ -0,0 +1,38 @@ + + + + Alison Kit dot net + + + +
+

Welcome to my wah-bsite!

+
+

About me

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.

+
+

My comic

I have a slice of life comic called Nuzzle, feel free to check it out!

Link to Nuzzle!

+
+

This website is still a work in progress, but feel free to check out my art in my links below!

+
+

Contact

+
+

Stream Info

For info about my Twitch streams, follow this link!

+τ +

+ + diff --git a/old/robots.txt b/old/robots.txt new file mode 100644 index 0000000..1f53798 --- /dev/null +++ b/old/robots.txt @@ -0,0 +1,2 @@ +User-agent: * +Disallow: / diff --git a/old/style.css b/old/style.css new file mode 100644 index 0000000..7eb455d --- /dev/null +++ b/old/style.css @@ -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; +}