Svelte: Prototype GitHub tab

src/lib/GitHubTab.svelte

@@ -0,0 +1,8 @@
+<script>
+	import PanelButton from './PanelButton.svelte';
+</script>
+
+<h1 class="text-lg font-bold">GitHub</h1>
+<PanelButton buttonIcon="assets/github-mark-white.svg" clickUrl="https://github.com/leaningtech/webvm" buttonText="GitHub Repo"/>
+<p>WebVM is FOSS, you can fork it to build your own version and begin working on your CheerpX-based project</p>
+<p>Found a bug? Please open a GitHub issue</p>

src/lib/SideBar.svelte

@@ -4,6 +4,7 @@
 	import CpuTab from './CpuTab.svelte';
 	import DiskTab from './DiskTab.svelte';
 	import DiscordTab from './DiscordTab.svelte';
+	import GitHubTab from './GitHubTab.svelte';
 	import { cpuActivity, diskActivity } from './activities.js'
 
 	const icons = [
@@ -51,8 +52,10 @@
 			<DiskTab/>
 		{:else if activeInfo === 'Discord'}
 			<DiscordTab/>
+		{:else if activeInfo === 'GitHub'}
+			<GitHubTab/>
 		{:else}
-			<p>{activeInfo}</p>
+			<p>TODO: {activeInfo}</p>
 		{/if}
 		<div class="mt-auto text-sm text-gray-300">
 			<div class="pt-1 pb-1">