dhmit / self-sufficient-cities

An interactive mapping and timeline project about urban communities that grew their own food in the 20th century United States.
https://cities.dhlab.mit.edu/
5 stars 2 forks source link

Real text overview #48

Closed anastasia closed 2 years ago

anastasia commented 2 years ago

This PR adds Kate Brown's text to the Overview page and Home page (to be discussed). It also adds a citation component.

To add a citation in text:

<a className={"citation-pointer"}
     title="Anita Blake and Irene Donnelly, Anacostia Oral History Project: 16."}
     href={"#source-3"}>[3]</a>

This will look like this:

Blah blah blah.[3]

But really like this:

Screen Shot 2022-05-03 at 3 13 12 PM

(when you hover over this link, the title will appear in a tooltip)

At the bottom of the page, add a section for citations, for instance:

<Col md={8}>
    <h2>Sources</h2>
    <Citation identifier={"source-3"}
        title={"Anita Blake and Irene Donnelly, Anacostia Oral History Project: 16."}
        link={"https://www.wbur.org/news/2021/07/08/greater-boston-black-families-net-worth"}
    />
</Col>

This will look like this:

Screen Shot 2022-05-03 at 3 15 52 PM

Don't forget to import the Citation component into your page.

import Citation from "../../components/global/Citation";