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


<img class="gif rounded" src="https://storage.googleapis.com/womp-website_cloudbuild/cdn/wompchat/gif/emotesMenu.gif" alt="WompChat Emote Menu Gif">


<a class="rounded" rel=prefetch href="/wompchat"><img class="logo_icon" src="img/womp-chat/icon512.png" alt="WompChat Icon"></a>

<h3>WompChat Extension Website</h3>

<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 the extension on the Chrome Store Below. 
</h3>

<hr>

<a rel=prefetch href="https://chrome.google.com/webstore/search/wompmacho"><i class="rounded fab fa-chrome fa-3x"></i></a>


<style>
    .logo_icon{
        height: 3.5em;
    }

	p{
		margin: 1em;
		border-radius: 5px;
		padding: 1em;
		background-color: #333333;
	}

    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;
        text-align: center;
        max-width: 30vw;
        margin: auto;
    }

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

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