docs: added branding on footer + SCI and KSoC mentions

apps/docs/components/Footer.tsx

@@ -0,0 +1,79 @@
+import Image from 'next/image';
+import { useTheme } from 'nextra-theme-docs';
+import React from 'react';
+import logoNsf from './logo-nsf.png';
+import logoUofU from './logo-uofu.png';
+import logoVdl from './logo-vdl.png';
+
+export function Footer() {
+  const theme = useTheme();
+  const mode = theme.resolvedTheme || 'dark';
+
+  return (
+    <div
+      style={{
+        width: '100%',
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: mode === 'dark' ? 'rgba(255,255,255, 0.4)' : 'inherit',
+      }}
+    >
+      <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr 1fr' }}>
+        <div
+          style={{
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+          }}
+        >
+          <Image
+            src={logoUofU}
+            alt="Logo for The University of Utah"
+            width={300}
+            height={200}
+          />
+        </div>
+        <div
+          style={{
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+          }}
+        >
+          <Image
+            src={logoVdl}
+            alt="Logo for Visualization Design Lab"
+            width={300}
+            height={200}
+          />
+        </div>
+        <div
+          style={{
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+          }}
+        >
+          <Image
+            alt="Logo for the National Science Foundation"
+            src={logoNsf}
+            width={200}
+            height={200}
+          />
+        </div>
+      </div>
+      <span>
+        Copyright ©{new Date().getFullYear()}{' '}
+        {
+          <a href="https://github.com/Trrack" target="_blank" rel="noreferrer">
+            The Trrack Team
+          </a>
+        }
+        . All content on this website is licensed under the Creative Commons
+        Attribution license (CC BY).
+      </span>
+    </div>
+  );
+}

apps/docs/components/png.d.ts

@@ -0,0 +1 @@
+declare module '*.png';

apps/docs/pages/about.mdx

@@ -1,6 +1,6 @@
 ## Team
 
-Currently the project is maintained by [Kiran Gadhave](https://www.kirangadhave.me/), [Zach Cutler](https://vdl.sci.utah.edu/team/zcutler/) and [Dr. Alexander Lex](https://vdl.sci.utah.edu/team/lex/).
+Currently the project is maintained by [Kiran Gadhave](https://www.kirangadhave.me/), [Zach Cutler](https://vdl.sci.utah.edu/team/zcutler/) and [Dr. Alexander Lex](https://vdl.sci.utah.edu/team/lex/) as part of [Visualization Design Lab (VDL)](https://vdl.sci.utah.edu/). VDL is part of the [ Scientific Computing and Imaging Institute ](https://www.sci.utah.edu/) and the [ Kahlert School of Computing ](https://www.cs.utah.edu/).
 
 ## Publication
 

apps/docs/theme.config.jsx

@@ -1,5 +1,6 @@
 import { useRouter } from 'next/router';
 
+import { Footer } from './components/Footer';
 import styles from './pages/index.module.css';
 
 const theme = {
@@ -48,15 +49,7 @@ const theme = {
     ),
   },
   footer: {
-    text: (
-      <span>
-        BSD 3 {new Date().getFullYear()} ©{' '}
-        <a href="https://github.com/Trrack" target="_blank" rel="noreferrer">
-          The Trrack Team
-        </a>
-        .
-      </span>
-    ),
+    text: Footer,
   },
 };