Skip to content

Commit

Permalink
Fix all lint warnings (orcasound#65)
Browse files Browse the repository at this point in the history
  • Loading branch information
ShwetKhatri2001 authored Feb 23, 2022
1 parent 4d4b650 commit 89d7be2
Show file tree
Hide file tree
Showing 6 changed files with 111 additions and 82 deletions.
6 changes: 3 additions & 3 deletions src/components/Footer.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -52,15 +52,15 @@ export default function Footer() {
)

const sendFeedbackLink = (
<Link href="/">
<Link href="/" passHref>
<StyledTypography variant="h6" component="a">
Send Feedback
</StyledTypography>
</Link>
)

const blogLink = (
<Link href="/">
<Link href="/" passHref>
<StyledTypography variant="h6" component="a">
Blog
</StyledTypography>
Expand All @@ -77,7 +77,7 @@ export default function Footer() {
<div>{sendFeedbackLink}</div>
<div>{blogLink}</div>
<div>
<Link href="/">
<Link href="/" passHref>
<StyledTypography variant="h6" component="a">
Donate
</StyledTypography>
Expand Down
11 changes: 8 additions & 3 deletions src/components/Nav.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@ const Nav = () => {
borderRadius: '100px',
}}
>
<Link href="/">
<Link href="/" passHref>
<Box
component="a"
sx={{
Expand All @@ -77,7 +77,12 @@ const Nav = () => {
position: 'absolute',
}}
>
<Image src={orcasoundlogo} width={90} height={70} />
<Image
src={orcasoundlogo}
alt="Orcasound"
width={90}
height={70}
/>
</Box>
</Link>
</Box>
Expand All @@ -95,7 +100,7 @@ const Nav = () => {
textTransform: 'none',
}}
>
<Link href={navLink.url}>
<Link href={navLink.url} passHref>
<Typography
variant="h6"
component="a"
Expand Down
13 changes: 7 additions & 6 deletions src/pages/about.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,7 @@ export const About = () => {
<Image
className={aboutStyles.landingImage}
src={orca}
alt="About Us"
width={1400}
height={500}
/>
Expand All @@ -30,10 +31,10 @@ export const About = () => {
</p>

<p className={aboutStyles.introduction}>
Orcasound is a coperative effort of many dedicated individuals and great
{`Orcasound is a coperative effort of many dedicated individuals and great
organizations.Here are our recent projects-- created by
volunteers,stewards,citizens,scientist,hackers and generous funders--
all working together for the orcas
all working together for the orcas`}
</p>

<h2 className={aboutStyles.projects}>Our Projects</h2>
Expand Down Expand Up @@ -67,13 +68,13 @@ export const About = () => {
<strong>We Welcome Your Participation</strong>
</h2>
<p className={aboutStyles.join}>
You can join us anytime as a volunteer to our open-source software &
hardware projects.
{`You can join us anytime as a volunteer to our open-source software &
hardware projects.`}
<br></br>
<br></br>
If you'd like to host a hydrophone, do research, or incorporate
{`If you'd like to host a hydrophone, do research, or incorporate
Orcasound into the educational or outreach efforts of your
organization,please reach out!
organization,please reach out!`}
</p>
<div className={aboutStyles.button}>
<Button variant="outline-primary"> GET INVOLVED!</Button>
Expand Down
98 changes: 56 additions & 42 deletions src/pages/getinvolved.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,7 @@ export const getinvolved = () => {
</Head>
<Image
className={getinvolvedStyles.landingImage}
alt="Get Involved"
src={orcas}
width={1400}
height={600}
Expand All @@ -40,17 +41,17 @@ export const getinvolved = () => {
<div>
<ul className={getinvolvedStyles.ul}>
<li>
<a>Volunteer</a>
<a href="#volunteer">Volunteer</a>
</li>
<li>
<a>For Developers</a>
<a href="#for_developers">For Developers</a>
</li>
<li>
<a>Donate</a>
<a href="#donate">Donate</a>
</li>
</ul>

<h2 className={getinvolvedStyles.particiation}>
<h2 className={getinvolvedStyles.particiation} id="volunteer">
<strong>Volunteer</strong>
</h2>

Expand All @@ -59,25 +60,28 @@ export const getinvolved = () => {
<div className={getinvolvedStyles.rows}>
<h2>Citizen Scientist</h2>
<p>
First and foremost, you can volunter as a citizen scientist. Not
{`First and foremost, you can volunter as a citizen scientist. Not
only an you listen for whales to marvel at the symphony of
ssounds they make.<br></br> but also you can listen 'for'
ssounds they make.`}
<br></br>
{`but also you can listen 'for'
whales-- helping monitor their habitat and notifying the network
when you hear them or a noise that could endager them.
when you hear them or a noise that could endager them.`}
</p>
</div>
</div>

<div className={getinvolvedStyles.rows}>
<h2>In Person</h2>
<p>
You can also volunteer in-person with any of them current
{`You can also volunteer in-person with any of them current
Orcasound network members, or with a new organizationin your
neighborhood that you convince to become a new member<br></br>
neighborhood that you convince to become a new member`}
<br></br>
Volunteer opportunities can include helping deploy or fix
<br></br>
{` Volunteer opportunities can include helping deploy or fix
hydrophones, teaching groups how to 'listen for whales,' or
helping create new educational or outreach projects.
helping create new educational or outreach projects.`}
</p>
</div>

Expand All @@ -95,31 +99,35 @@ export const getinvolved = () => {
/>
</Card>
</div>
<div className={getinvolvedStyles.spacing}>
<div className={getinvolvedStyles.spacing} id="for_developers">
<div className={getinvolvedStyles.car}>
<h2> For Developers</h2>
<p>
A growing team of volunteer developers and talented consultants
{`A growing team of volunteer developers and talented consultants
are building and improving Orcasound. Some are developing the new
open-source software that captures and conveys ocean sounds.
Others are pioneering the DIY , low cost hydrophone and
computerhardware that allows humans to listen to marine
soundscapes in more and more places
soundscapes in more and more places`}
</p>
</div>
</div>

<h3 className={getinvolvedStyles.web}>Orcasound Web App</h3>
<div className={getinvolvedStyles.wrapping}>
<Image className={getinvolvedStyles.hackathon} src={hackathon} />
<Image
className={getinvolvedStyles.hackathon}
src={hackathon}
alt="Related Hakathon Image"
/>
<p>Democracy Lab Hackathon</p>
</div>

<p className={getinvolvedStyles.paragraph}>
Our crown jewel is the Orcasound Web App-- a suite of new cloud and
{`Our crown jewel is the Orcasound Web App-- a suite of new cloud and
browser based ways for citizens scientist and artifical intelligence
to listen for whales in real time.As of april 2020 this is the
Orcasound tech Stack
Orcasound tech Stack`}
</p>

<ul className={getinvolvedStyles.list}>
Expand All @@ -134,18 +142,22 @@ export const getinvolved = () => {
<li>Public site-- live.orcasound.net</li>
</ul>
<div className={getinvolvedStyles.wrapper}>
<Image className={getinvolvedStyles.hackathon} src={roadmap} />
<Image
className={getinvolvedStyles.hackathon}
src={roadmap}
alt="Current Roadmap"
/>
<br></br>
</div>
<p className={getinvolvedStyles.textroadmap}>
If you're based in the Pacific Northwest you can work with Orcasound
{`If you're based in the Pacific Northwest you can work with Orcasound
in-person at a hackathon (see the Orcasound projects at democracy lab)
No matter where you are, you can join Orcasound Slack, check out our
Github repository and Trello boards, subscribe to the Orcasound dev
email distribution list, and finish a place to contribute your
talents. We hope you will share your expertise and innovations with
us, and maybe even earn your way into the Orcasound HacHacker hall of
Fame
Fame`}
</p>
<div className={getinvolvedStyles.button}>
<Button variant="outline-primary">
Expand All @@ -156,51 +168,53 @@ export const getinvolved = () => {
Memorandum Of Agreements
</h2>
<p className={getinvolvedStyles.textmemorandum}>
The real time audio streams, citizen science projects, educational
{`The real time audio streams, citizen science projects, educational
material and outreach projects of Orcasound are brought to you by the
current network member, listed below who have e-signed the 2016-2020
Memorandum of Agreements(MOA)Any organization or individual is welcome
to join the network(for free!)either as the host of an hydrophone
node, a researcher or citizen scientist an educator/activist or
general volunteer.<br></br>
If you are an individual wanting to volunteer , collaborate or donate,
general volunteer.`}
<br></br>
{`If you are an individual wanting to volunteer , collaborate or donate,
check out the many ways you can support Orcasound.Everyone can listen
for whales, and learn the diverse sounds of Salish Sea.
for whales, and learn the diverse sounds of Salish Sea.`}
<br></br>
If you are an organization wanting to join the network as the host of
{`If you are an organization wanting to join the network as the host of
a new hydrophone node, an educational/outreacg node, or both -- just
read the history, mission and vision of the netowrk e-sign the MOA and
then email [email protected] to begin collaborating.There are no
membership fees-- just benefits roles and responsibilities.
membership fees-- just benefits roles and responsibilities.`}
</p>
<h2 className={getinvolvedStyles.donate}> Donate</h2>
<h2 className={getinvolvedStyles.donate} id="donate">
{' '}
Donate
</h2>
<p className={getinvolvedStyles.donatetext}>
Help us and our Orcasound network members by making charitable
{`Help us and our Orcasound network members by making charitable
contribution to our partners, many of whom are 501(c)3 organizations
Check out the link below to help strengthen and grow our network,
while supporting our on-going conservation, research, and educational
efforts.
efforts.`}
<br></br>
You can also directly support the many dedicated volunteers who help
{`You can also directly support the many dedicated volunteers who help
Orcasound keep running and improve over time. Take a look at our
'Hacker hall of fame ' and our Github repositories and consider
sponsoring the work of our most-dedicated contributors.
sponsoring the work of our most-dedicated contributors.`}
</p>
<div className={getinvolvedStyles.button}>
<Button variant="outline-primary"> DONATE NOW</Button>
</div>
<div className={getinvolvedStyles.logos}>
<Image src={logo1} />
<Image src={logo2} />
<Image src={logo3} />
<Image src={logo4} />
<Image src={logo5} />
<Image src={logo6} />

<Image src={logo8} />
<Image src={logo9} />

<Image src={logo11} />
<Image src={logo1} alt="The Whaletrail" />
<Image src={logo2} alt="Friends of Lime Kiln Society" />
<Image src={logo3} alt="Colorado College" />
<Image src={logo4} alt="Center of Whale Research" />
<Image src={logo5} alt="Cetacean Research Technology" />
<Image src={logo6} alt="Deep Green Wilderness" />
<Image src={logo8} alt="Oceans Initiative" />
<Image src={logo9} alt="Pacman" />
<Image src={logo11} alt="While Scout" />
</div>
</div>
</div>
Expand Down
27 changes: 13 additions & 14 deletions src/pages/index.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -20,13 +20,10 @@ export const index = () => {
content="orcasound allows your to listen to live southern killer resident whales live through our hydrophones"
/>
<link rel="icon" href="/favicon.ico" />
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
/>
</Head>
<Image
className={homeStyles.landingImage}
alt="Listen to Orcas Live"
src={orcas}
width={1400}
height={600}
Expand All @@ -38,13 +35,15 @@ export const index = () => {
<br></br>

<p className={homeStyles.paragraph}>
Orcasound Connets your Headphones to live hydrophones (underwater
microphones), your ears to the ocean sound. <br></br>
Orcasound helps us explore and conserve marine life around the
{`Orcasound Connets your Headphones to live hydrophones
(underwater microphones), your ears to the ocean sound. `}
<br></br>
{`Orcasound helps us explore and conserve marine life around the
globe.Starting with studying and saving the Southern Resident of the
Pacific Northwest. <br></br>
At Orcasound you can listen for whales or learn more about marine
bioacustics.
Pacific Northwest. `}
<br></br>
{`At Orcasound you can listen for whales or learn more about marine
bioacustics.`}
</p>

<div className={homeStyles.card}>
Expand All @@ -71,14 +70,14 @@ export const index = () => {
Hydrophone Location
</Typography>
<Typography variant="body2" color="text.secondary">
Orcasound is a cooperative hydrophne network and an open-source
software & hardware project.
{`Orcasound is a cooperative hydrophne network and an open-source
software & hardware project.`}
<br></br>
<br></br>
We Welcome your participation. If you'd like to host a hydrophone,
{`We Welcome your participation. If you'd like to host a hydrophone,
do research or incorporate Orcasound into the educational or
research efforts of your organization , you can join us as a
member of the network.
member of the network.`}
<br></br>
</Typography>
</CardContent>
Expand Down
Loading

0 comments on commit 89d7be2

Please sign in to comment.