Adds a working feed, sponsors, discord join link, and a linkable logo…

… at the top.
tricities-dev · Jan 12, 2024 · 9af9946 · 9af9946
1 parent ecb1090
commit 9af9946
Show file tree

Hide file tree

Showing 5 changed files with 46 additions and 8 deletions.
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
@@ -31,7 +31,7 @@
 <footer>
 	<div class="footer-content">
 		<p class="site-note">
-			Tri-Cities Dev, non-profit CC0 on <a href="https://github.com/tricities-dev">Github</a>
+			TriDev is a software developer community NorthEast Tennessee. Found a bug? Contribute a fix on <a href="https://github.com/tricities-dev">Github</a>
 		</p>
 		<img
 			class:altTheme={ altTheme }

diff --git a/src/components/Menu.svelte b/src/components/Menu.svelte
@@ -9,12 +9,12 @@
 			link: '#member-feed',
 		},
 		{
-			title: 'On Discord',
-			link: '#on-discord',
+			title: 'The Meetup',
+			link: 'https://meetup.com/tridev'
 		},
 		{
-			title: 'Our Sponsors',
-			link: '#sponsors',
+			title: 'On Discord',
+			link: 'https://discord.gg/B3JAaXvkCt',
 		}
 	]
 </script>

diff --git a/src/components/logo.svelte b/src/components/logo.svelte
@@ -7,7 +7,7 @@
 	const multiImg:string = "tridev-logo-multi.svg";
 </script>
 
-<img class="logo" src={ dark ? logoImg : multiImg } width={ width } height={ height } alt="TriDev Logo" />
+<a href="/"><img class="logo" src={ dark ? logoImg : multiImg } width={ width } height={ height } alt="TriDev Logo" /></a>
 
 <style lang="scss">
 .logo {

diff --git a/src/components/memberFeed/MemberFeed.svelte b/src/components/memberFeed/MemberFeed.svelte
@@ -1,8 +1,24 @@
 <script lang="ts">
 	import type { memberPosts } from '../../types/feed.types';
 	import MemberFeedItem from "./MemberFeedItem.svelte";
+	import {onMount} from "svelte";
+	import {themeStore} from "../../stores";
+
+
+	onMount(() => {
+		fetch("https://ryanhayes.net/feed")
+			.then(response => response.text())
+			.then(str => {
+				let parsed = new window.DOMParser().parseFromString(str, "text/xml")
+				console.log(parsed)
+				return parsed
+			})
+			.then(data => console.log(data))
+	})
 
 	// TODO: Build a member RSS feed
+
+
 	let memberFeed:memberPosts = [
 		{
 			title: 'Azure Dev: Problem starting the plugin CredentialProvider.Microsoft [Solved]',

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -13,8 +13,25 @@
 			</FeedContainer>
 		</section>
 		<aside>
-			<FeedContainer title="On Discord" id="on-discord" className="feed-container" zIndex={ 1 }/>
-			<FeedContainer title="Sponsors" id="sponsors" className="feed-container" zIndex={ 0 }/>
+			<FeedContainer title="On Discord" id="on-discord" className="feed-container" zIndex={ 1 }>
+				<a class="discord-join" href="https://discord.gg/B3JAaXvkCt">
+					<h2>Join us!</h2>
+				</a>
+			</FeedContainer>
+			<FeedContainer title="Sponsors" id="sponsors" className="feed-container" zIndex={ 0 }>
+				<a href="https://bitsum.com/">
+					<img src="bitsum-logo-dark.webp" alt="Bitsum" />
+				</a>
+				<a href="https://sparkplaza.com">
+					<img src="Spark-Plaza-logo-refresh-horizontal-2018-white.png" alt="Bitsum" />
+				</a>
+				<a href="https://www.teksystems.com/">
+					<img src="teksystems-logo-white.png" alt="TekSystems" />
+				</a>
+				<a href="https://dotnetfoundation.org/">
+					<img src="dotnet.svg" alt="The .NET Foundation" />
+				</a>
+			</FeedContainer>
 		</aside>
 	</div>
 </main>
@@ -27,6 +44,11 @@
 		background-color: var(--primary-bg-color);
 	}
 
+	.discord-join {
+		color: white;
+		text-align: center;
+	}
+
 	.main-content {
 		position: relative;
 		display: flex;