Merge pull request #362 from cloudflare/link-to-about

add links to about page

frontend/src/components/layout/LeftColumn/LeftColumn.tsx

@@ -1,4 +1,5 @@
 import { component$, useContext } from '@builder.io/qwik'
+import { Link } from '@builder.io/qwik-city'
 import { InstanceConfigContext } from '~/utils/instanceConfig'
 import { useDomain } from '~/utils/useDomain'
 
@@ -16,6 +17,12 @@ export default component$(() => {
 				<img class="w-full" src={config.thumbnail} alt="Wildebeest instance thumbnail" />
 				<p>{config.description}</p>
 			</div>
+			<Link
+				class="block text-wildebeest-500 border border-current my-4 p-2 text-center rounded-md no-underline"
+				href="/about"
+			>
+				Learn More
+			</Link>
 		</div>
 	)
 })

frontend/src/components/layout/RightColumn/RightColumn.tsx

@@ -37,7 +37,7 @@ export default component$(() => {
 		{ iconName: 'fa-globe', linkText: 'Federated', linkTarget: '/public', linkActiveRegex: /^\/public\/?$/ },
 	]
 
-	// const aboutLink = { iconName: 'fa-ellipsis', linkText: 'About', linkTarget: '/about', linkActiveRegex: /^\/about/ }
+	const aboutLink = { iconName: 'fa-ellipsis', linkText: 'About', linkTarget: '/about', linkActiveRegex: /^\/about/ }
 
 	return (
 		<div class="bg-wildebeest-600 xl:bg-transparent flex flex-col justify-between right-column-wrapper text-wildebeest-200 flex-1 z-10">
@@ -49,11 +49,10 @@ export default component$(() => {
 				</div>
 				<hr class="hidden xl:block border-t border-wildebeest-700 my-3" />
 				{links.map((link) => renderNavLink(link))}
-				{/* *********** Hiding the about link until the backend support is available ***************** */}
-				{/* <div class="xl:hidden">
+				<div class="xl:hidden">
 					<hr class="border-t border-wildebeest-700 my-3" />
 					{renderNavLink(aboutLink)}
-				</div> */}
+				</div>
 
 				{!isAuthorized && (
 					<a