Skip to content

Commit

Permalink
Adds external links to About page
Browse files Browse the repository at this point in the history
  • Loading branch information
@mrharpo
mrharpo committed Jan 16, 2025
1 parent f9bc192 commit ebda931
Show file tree
Hide file tree
Showing 2 changed files with 95 additions and 70 deletions.
55 changes: 34 additions & 21 deletions app/classes/navigationBar.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,9 @@
import { useLocation } from '@remix-run/react'
import { Component } from 'react'
import { NavigationLink, NavigationSpacer } from './navigationLink'
import { DrawerMenu } from './drawerMenu'
import { MobileMenu } from './mobileMenu'

let aboutLinks = [
const aboutLinks = [
{
label: 'About Open Vault',
url: '/about',
Expand All @@ -28,10 +27,10 @@ let aboutLinks = [
{
label: 'Contact Us',
url: '/contact-us',
},
},
]

let affiliatedSites = [
const affiliatedSites = [
{
label: 'American Archive of Public Broadcasting',
subLabel: 'Access nearly 12,000 public media programs',
Expand All @@ -43,35 +42,49 @@ let affiliatedSites = [
url: 'http://www.wgbhstocksales.org/',
},
]
export function NavigationBar(props) {

export function NavigationBar() {
const pathname = useLocation().pathname
return (
<div className="top-bar-container">
<div className="purple-bar-container">
<a href="/" className="top-title">
<div className='top-bar-container'>
<div className='purple-bar-container'>
<a href='/' className='top-title'>
Open Vault
</a>
<img src="/MLA_logo_white.png" className="ov-logo" />
<img src='/MLA_logo_white.png' className='ov-logo' />
</div>

<div className="navigation-bar-container">
<div className='navigation-bar-container'>
<MobileMenu />

<div id="navigation-bar" className="navigation-bar mobile-hidden">
<NavigationLink highlight={ useLocation().pathname.startsWith("/exhibits") } href="/exhibits" text="Scholar Exhibits" />
<NavigationLink highlight={ useLocation().pathname.startsWith("/collections") } href="/collections" text="Special Collections" />
<NavigationLink highlight={ useLocation().pathname.startsWith("/series") } href="/series" text="GBH Series" />

<DrawerMenu
classes="about-menu"
label={'About'}
items={aboutLinks}
<div id='navigation-bar' className='navigation-bar mobile-hidden'>
<NavigationLink
highlight={pathname.startsWith('/exhibits')}
href='/exhibits'
text='Scholar Exhibits'
/>
<NavigationLink
highlight={pathname.startsWith('/collections')}
href='/collections'
text='Special Collections'
/>
<NavigationLink
highlight={pathname.startsWith('/series')}
href='/series'
text='GBH Series'
/>

<NavigationLink highlight={ useLocation().pathname.startsWith("/search") } href="/search" text="Search" />
<DrawerMenu classes='about-menu' label={'About'} items={aboutLinks} />

<NavigationLink
highlight={pathname.startsWith('/search')}
href='/search'
text='Search'
/>

<NavigationSpacer />
<DrawerMenu
classes="affiliated-websites-menu"
classes='affiliated-websites-menu'
label={'Visit our affiliated websites'}
items={affiliatedSites}
/>
Expand Down
110 changes: 61 additions & 49 deletions app/routes/about.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import { renderPageTitleBar } from '~/classes/pageHelpers'
import { Meta } from '~/classes/meta'
import { ExternalLink } from 'lucide-react'

export const meta = () => {
return [
Expand All @@ -23,23 +24,22 @@ export default function About() {

return (
<div>
<div className="page-container">
<div className='page-container'>
{titleBar}

<div className="page-sidebar" />
<div className='page-sidebar' />

<div className="page-body-container">
<div className="page-body">
<div className='page-body-container'>
<div className='page-body'>
<h2>Welcome to Open Vault!</h2>

<p className="static-section">
<p className='static-section'>
On this website, GBH Archives provides online access to unique and
historically important content produced by the public television
and radio station GBH. Open Vault contains video, audio, images,
searchable transcripts, and resource management tools, all of
which are available for individual and classroom learning.
</p>
<p className="static-section">
<p className='static-section'>
As America's preeminent public broadcasting producer, the source
of fully one-third of PBS' prime-time lineup, GBH has been on the
front lines of history for nearly seven decades. GBH productions -
Expand All @@ -52,7 +52,7 @@ export default function About() {
GBH. We currently manage and preserve nearly 1 million audio,
video, film, and digital assets dating back to 1947.
</p>
<p className="static-section">
<p className='static-section'>
Open Vault contains video, audio, images, searchable transcripts,
and resource management tools, all of which are available for
individual and classroom learning. As America's preeminent public
Expand All @@ -68,15 +68,16 @@ export default function About() {
1 million audio, video, film, and digital assets dating back to
1947.
</p>

<hr className="spaced-hr" />

<h2 className="static-link">
American Archive of Public Broadcasting
</h2>

<p className="static-section">
<img className="half-image right" src="/aapb.png" />
<hr className='spaced-hr' />
<h2>American Archive of Public Broadcasting</h2>
<h4>
{' '}
<a href='https://americanarchive.org/'>
americanarchive.org <ExternalLink size={16} />
</a>
</h4>
<p className='static-section'>
<img className='half-image right' src='/aapb.png' />
In 2013, the Corporation for Public Broadcasting selected GBH and
the Library of Congress as the permanent stewards of the American
Archive of Public Broadcasting, an initiative seeking to identify,
Expand All @@ -86,40 +87,54 @@ export default function About() {
hours of content comprising 68,000 programs, contributed by 100
stations across the country, have been digitized. We provide
access to nearly 12,000 of these programs, which are available
online at americanarchive.org.
online at{' '}
<a href='https://americanarchive.org/'>
americanarchive.org <ExternalLink size={18} />
</a>
</p>

<hr className="spaced-hr" />

<h3 className="static-link">GBH Stock Sales</h3>
<p className="static-section">
For professional licensing requests, please visit the GBH Stock
Sales website or call 617-300-3939.
<hr className='spaced-hr' />
<h2>GBH Stock Sales</h2>
<h4>
<a href='https://wgbhstocksales.org/'>
wgbhstocksales.org <ExternalLink size={16} />
</a>
</h4>
<p className='static-section'>
For professional licensing requests, please visit the{' '}
<a href='https://wgbhstocksales.org/'>
GBH Stock Sales website <ExternalLink size={18} />
</a>{' '}
or call 617-300-3939.
</p>

<hr className="spaced-hr" />

<a className="static-link">Boston TV News Digital Library</a>
<p className="static-section">
<img className="half-image left" src="/tocn.png" />
<hr className='spaced-hr' />
<h2>
<a>Boston TV News Digital Library</a>
</h2>
<h4>
<a href='https://bostonlocaltv.org/'>
bostonlocaltv.org <ExternalLink size={16} />
</a>
</h4>
<p className='static-section'>
<img className='half-image left' src='/tocn.png' />
You can explore more of GBH's collection in the Boston TV News
Digital Library. During this CLIR and IMLS-funded project, we
worked with the Boston Public Library, Cambridge Community
Television, and Northeast Historic Film to digitize and bring to
life local news stories produced in and about Boston from 1960 to
2000. Nearly 2,000 news programs are available online at
BostonLocalTV.org.
2000. Nearly 2,000 news programs are available online at{' '}
<a href='https://bostonlocaltv.org/'>
BostonLocalTV.org <ExternalLink size={18} />
</a>
</p>

<p className="static-section">
<p className='static-section'>
The entire GBH collection and AAPB are available for research on
location at GBH. Contact us to schedule a research visit in our
Brighton, MA offices.
</p>

<hr className='spaced-hr' />
<h2>Current Initiatives</h2>

<p className="static-section">
<p className='static-section'>
In 2018, GBH received a $750,000 challenge grant from the National
Endowment for the Humanities (NEH) to preserve and digitize the
most at-risk items in the GBH archival collection, specifically
Expand All @@ -128,12 +143,10 @@ export default function About() {
preserved as they are created. The grant calls for a 4:1 match, or
$3 million in matching dollars over the next four years.
</p>

<p className="static-section">
<p className='static-section'>
A gift in support of Open Vault, leveraged by the NEH Challenge
grant currently underway, directly enables us to:
</p>

<ul>
<li>
Digitize critical programs that are currently deteriorating on
Expand All @@ -149,15 +162,14 @@ export default function About() {
continue to provide online access to the collection
</li>
</ul>

<h2>Mailing Address</h2>
<p className="static-section">
Open Vault
<br /> GBH Archives
<br /> WGBH Educational Foundation
<br /> One Guest Street
<br /> Boston, MA 02135
</p>
<p className='static-section'>Open Vault</p>
<pre>
{`GBH Archives
WGBH Educational Foundation
One Guest Street
Boston, MA 02135`}
</pre>
</div>
</div>
</div>
Expand Down

0 comments on commit ebda931

Please sign in to comment.