wompmacho/old-svelte-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updating styling, adding/removing content

Browse Source
This commit is contained in:
wompmacho
2020-11-18 01:18:57 -05:00
parent aa68cd89da
commit eb49fd01fe
23 changed files with 426 additions and 216 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
src/routes/projects/womp-chat.svelte
View File

@@ -3,57 +3,58 @@
</svelte:head>
<img class="gif rounded" src="https://storage.googleapis.com/womp-website_cloudbuild/cdn/wompchat/gif/emotesMenu.gif" alt="WompChat Emote Menu Gif">
<img class="gif shadow 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>
<div class="spacer"></div>
<hr>
<h1>WompChat Chrome Extension</h1>
<p>
This is a little venture I went on for my chat ♥
</p>
<div class="container shadow rounded">
<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>
<p>
This is a little venture I went on for my chat ♥
<br><br>
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.
<br><br>
Though I do love these apps, none of them have yet built out features for youtube.
</p>
</div>
<h3>
I decided I didn't want to wait and built out something of my own. Find the extension on the Chrome Store Below.
I decided I didn't want to wait and built out something of my own.
</h3>
<hr>
<a rel=prefetch href="https://chrome.google.com/webstore/search/wompmacho"><i class="rounded fab fa-chrome fa-3x"></i></a>
<h3>Chrome Web Store</h3>
<a rel=prefetch href="https://chrome.google.com/webstore/search/wompchat"><i class="rounded fab fa-chrome fa-3x"></i></a>
<h3>Extension Page</h3>
<a class="rounded" rel=prefetch href="/wompchat"><img class="logo_icon" src="img/womp-chat/icon512.png" alt="WompChat Icon"></a>
<style>
.spacer{
padding: 1em;
}
.container{
padding: 1em;
background-color: #333333;
}
.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;
color: #00ff00;
}
a:hover{
@@ -64,13 +65,16 @@
h1{
font-size: x-large;
margin: 1em;
text-align: center;
}
h3{
font-size: smaller;
padding: 1em;
text-align: center;
max-width: 30vw;
margin: auto;
font-weight: 700;
font-size: medium;
}
.gif{
@@ -78,9 +82,4 @@
display: block;
margin: auto;
}
hr{
background-color: red;
max-width: 20vw;
}
</style>