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

lotsa last min changes

Browse Source
This commit is contained in:
wompmacho
2020-11-09 20:57:50 -05:00
parent cdccb41c0c
commit b2c007271a
8 changed files with 80 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Nav.svelte
View File

@@ -7,16 +7,16 @@
</script>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<li class="nav-item"><a class="nav-item" rel=prefetch aria-current="{segment === undefined ? 'page' : undefined}" href=".">WompMacho</a></li>
<li class="nav-item rounded"><a class="nav-item" rel=prefetch aria-current="{segment === undefined ? 'page' : undefined}" href=".">WompMacho</a></li>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item"><a class="nav-link" rel=prefetch aria-current="{segment === 'about' ? 'page' : undefined}" href="about">About</a></li>
<li class="nav-item"><a class="nav-link" rel=prefetch aria-current="{segment === 'livestream' ? 'page' : undefined}" href="livestream">Live Stream</a></li>
<li class="nav-item"><a class="nav-link" rel=prefetch aria-current="{segment === 'projects' ? 'page' : undefined}" href="projects">Fun Stuff</a></li>
<li class="nav-item rounded"><a class="nav-link" rel=prefetch aria-current="{segment === 'about' ? 'page' : undefined}" href="about">About</a></li>
<li class="nav-item rounded"><a class="nav-link" rel=prefetch aria-current="{segment === 'livestream' ? 'page' : undefined}" href="livestream">Live Stream</a></li>
<li class="nav-item rounded"><a class="nav-link" rel=prefetch aria-current="{segment === 'projects' ? 'page' : undefined}" href="projects">Fun Stuff</a></li>
</ul>
<Social></Social>
</div>

12
src/components/Resume_Nav.svelte
View File

@@ -3,12 +3,12 @@
</script>
<ul class="navbar-nav shadow rounded">
<li class=""><a rel=prefetch class="" aria-current="{segment === undefined ? 'page' : undefined}" href="/resume">Michael</a></li>
<li class=""><a rel=prefetch aria-current="{segment === 'experiance' ? 'page' : undefined}" href="/resume/experiance">Experiance</a></li>
<li class=""><a rel=prefetch aria-current="{segment === 'education' ? 'page' : undefined}" href="/resume/education">Education</a></li>
<li class=""><a rel=prefetch aria-current="{segment === 'esports' ? 'page' : undefined}" href="/resume/esports">Esports</a></li>
<li class=""><a rel=prefetch aria-current="{segment === 'consulting' ? 'page' : undefined}" href="/resume/consulting">Consulting</a></li>
<li class=""><a rel=prefetch aria-current="{segment === 'projects' ? 'page' : undefined}" href="/projects" data-toggle="tooltip" title="This will take you away from this page.">Projects</a></li>
<li class="rounded"><a rel=prefetch class="" aria-current="{segment === undefined ? 'page' : undefined}" href="/resume">Michael</a></li>
<li class="rounded"><a rel=prefetch aria-current="{segment === 'experiance' ? 'page' : undefined}" href="/resume/experiance">Experiance</a></li>
<li class="rounded"><a rel=prefetch aria-current="{segment === 'education' ? 'page' : undefined}" href="/resume/education">Education</a></li>
<li class="rounded"><a rel=prefetch aria-current="{segment === 'esports' ? 'page' : undefined}" href="/resume/esports">Esports</a></li>
<li class="rounded"><a rel=prefetch aria-current="{segment === 'consulting' ? 'page' : undefined}" href="/resume/consulting">Consulting</a></li>
<li class="rounded"><a rel=prefetch aria-current="{segment === 'projects' ? 'page' : undefined}" href="/projects" data-toggle="tooltip" title="This will take you away from this page.">Projects</a></li>
</ul>
<style>

38
src/routes/about.svelte
View File

@@ -4,10 +4,9 @@
<h1>About</h1>
<faceThing>(•_•)</faceThing>
<h2>(•_•)</h2>
<figure>
<p>
<p>
I am just some guy with a voice who is always thinking about the future. I
have been interested in tech my entire life... It started out as a distant admiration for sci-fi shows,
video games, learning of amazing people and amazing things. I was obsessed with space… the final frontier.
@@ -24,18 +23,41 @@
from home. Eventually I started streaming and found a new joy in the Twitch community. I developed my
streaming portfolio and platform. Graphic design, content creation, lighting, filmography, social media,
websites, custom scripting overlays, entertainment, and lets not forget GAMING.
</p>
<figcaption>
</p>
<h3>
I keep finding new things to tweak and play with.
</figcaption>
</figure>
</h3>
<h4>
I don’t plan on stopping.
</h4>
<style>
faceThing{
p{
margin: auto;
}
h1{
font-size: larger;
text-align: center;
}
h2{
font-size: 5em;
margin: 1em;
text-align: center;
display: block;
}
h3{
font-size: medium;
text-align: center;
}
h4{
font-size: large;
text-align: center;
}
</style>

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

@@ -27,9 +27,13 @@
<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>
<a class="rounded" rel=prefetch href="https://chrome.google.com/webstore/search/wompmacho"><img class="logo_icon" src="img/womp-chat/icon512.png" alt="WompChat Icon"></a>
<style>
.logo_icon{
height: 3.5em;
}
p{
margin: auto;
padding: 1em;
@@ -55,9 +59,9 @@
h3{
font-size: smaller;
margin: 1em;
text-align: center;
max-width: 20vw;
margin: auto;
}
p{

25
src/routes/wompchat.svelte
View File

@@ -1,10 +1,10 @@
<svelte:head>
<title>Wompchat Chrome Extension Page</title>
<title>Wompchat Chrome Extension About</title>
</svelte:head>
<h1>WompChat</h1>
<img class="gif rounded" src="" alt="WompChat Logo" />
<img title="WompChat" class="gif rounded" src="/img/womp-chat/full512.png" alt="WompChat Logo" />
<h2>Welcome To The Chat</h2>
@@ -34,7 +34,7 @@
<a class="rounded" href="https://discord.gg/pVNnTDA" title="Join our Discord Community"><button type="button" class="btn btn-dark">Join our Discord Community</button></a>
<a class="rounded" href="https://streamelements.com/wompmacho-5882/tip" title="Donations"><button type="button" class="btn btn-dark">Donations</button></a>
<a class="rounded" href="https://www.youtube.com/wompmacho" title="Youtube"><button type="button" class="btn btn-dark">Youtube</button></a>
<a class="rounded" href="mailto:wompmacho@gmail.com"><button type="button" class="btn btn-dark">Contact Me</button></a>
<a class="rounded" href="mailto:wompmacho@gmail.com" title="Contact"><button type="button" class="btn btn-dark">Contact Me</button></a>
</div>
<hr>
@@ -88,7 +88,7 @@
Don't forget to pin this extension for easy access.
</p>
<img class="gif rounded" src="https://cdn.jsdelivr.net/gh/wompmacho/womp/assets/gif/pinYourExtension.gif" alt="pinYourExtension.gif" />
<img class="gif rounded" src="https://cdn.jsdelivr.net/gh/wompmacho/wompchat/assets/gif/pinYourExtension.gif" alt="pinYourExtension.gif" />
<p>
Youtube Live is slow to load its pages currently.
@@ -96,26 +96,26 @@
Once you see the Emote Panel Icon you can open the Emote Selection Panel.
</p>
<img class="gif rounded" src="https://cdn.jsdelivr.net/gh/wompmacho/womp/assets/gif/emotesMenu.gif" alt="emotesMenu.gif" />
<img class="gif rounded" src="https://cdn.jsdelivr.net/gh/wompmacho/wompchat/assets/gif/emotesMenu.gif" alt="emotesMenu.gif" />
<p class="highlight">
Enhanced Theater Mode Is Now Available. Just click the check in the option panel and refresh your page.
</p>
<img class="gif rounded" style="height: 540px; width: 960px;" src="https://github.com/wompmacho/womp/blob/main/cdn/assets/gif/theaterMode.gif?raw=true" alt="theaterMode.gif" />
<img class="gif rounded" style="height: 540px; width: 960px;" src="https://github.com/wompmacho/wompchat/blob/main/cdn/assets/gif/theaterMode.gif?raw=true" alt="theaterMode.gif" />
<p>
Over around 500 Top and Trending Emotes are loaded from popular sites.
You can Enable/Disable them in the Options Menu.
</p>
<img class="gif rounded" src="https://cdn.jsdelivr.net/gh/wompmacho/womp/assets/gif/optionsMenu.gif" alt="optionsMenu.gif" />
<img class="gif rounded" src="https://cdn.jsdelivr.net/gh/wompmacho/wompchat/assets/gif/optionsMenu.gif" alt="optionsMenu.gif" />
<p>
Can Also Click on UserNames To Autofill an @ Notification
</p>
<img class="gif rounded" src="https://cdn.jsdelivr.net/gh/wompmacho/womp/assets/gif/clickUserNamesToAtThem.gif" alt="clickUserNamesToAtThem.gif" />
<img class="gif rounded" src="https://cdn.jsdelivr.net/gh/wompmacho/wompchat/assets/gif/clickUserNamesToAtThem.gif" alt="clickUserNamesToAtThem.gif" />
<h3>more on the way, but for now...</h3>
@@ -123,11 +123,19 @@
<style>
.btn-dark{
background-color: #474748 !important;
}
.btn-dark:hover{
background-color: #323233 !important;
}
.highlight{
font-weight:700;
color: #00ff00;
text-align: center;
}
.container{
display: flex;
justify-content: center;
@@ -135,6 +143,7 @@
}
h1{
display: none;
font-size: xx-large;
text-align: center;
}

BIN
static/img/womp-chat/full512.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 99 KiB

BIN
static/img/womp-chat/icon48.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 KiB

BIN
static/img/womp-chat/icon512.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 149 KiB