<svelte:head>
	<title>About Wompchat Chrome Extension</title>
</svelte:head>

<img class="gif rounded" src="https://cdn.jsdelivr.net/gh/wompmacho/womp/assets/gif/emotesMenu.gif" alt="WompChat Emote Menu Gif">

<hr>

<h1>WompChat Chrome Extension</h1>

<p>
    This is a little venture I went on for my chat ♥    
</p>

<p>
    After playing around with live streaming on other popular platforms such as YouTube. I found the lack of features frustrating. Twitch got one thing right: it built a quality live-chat and created opportunities for community building.
    To build on this; other great devs built out browser extensions to further add to the quality of life features, bringing with it Emoticons and even more community building. 
</p>

<p>
    Though I do love these platforms, none of them have yet built out features for youtube.
</p>

<h3>
    I decided I didn't want to wait and built out something of my own. Find is on the Chrome Store Below. 
</h3>

<hr>

<a class="rounded" rel=prefetch href="https://chrome.google.com/webstore/search/wompmacho"><img src="img/womp-chat/icon48.png" alt="WompChat Icon"></a>

<style>
    p{
        margin: auto;
        padding: 1em;
    }

    a{
        margin-top: 1em;
        padding: 1em;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    a:hover{
        background-color: #1e1e1e;
        color: red;
    }

    h1{
        font-size: x-large;
        margin: 1em;
    }

    h3{
        font-size: smaller;
        margin: 1em;
        text-align: center;
        max-width: 20vw;
    }

    p{
        margin: auto;
    }

    .gif{
        width: 50%;
        display: block;
        margin: auto;
    }

    hr{
		background-color: red;
		max-width: 20vw;
	}
</style>