docs(footer + theme): added branding on footer

added logos for UofU, VDL and NSF to the footer

closes #53

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/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,
  },
 };