/*
Featured Project Component
==========================
* This component highlights specific projects on the home page.
* NOT to be confused with <HomePagePromoted />
* Content is hardcoded for the moment; improvements on this are welcome.
* Originally created to highlight 2017 Mar/Apr Stargazing Live projects.
* Design: @beckyrother; code: @shaunanoordin; documented/updated: 20170403
*/

import React from 'react';
import { Link } from 'react-router';

const FeaturedProject = (() =>
  <section className="home-featured">
    <h3 className="secondary-kicker">Featured Project</h3>
    <div className="home-featured-images">
      <img
        alt="The direct image (left) and dispersed spectrum (right) of a real galaxy from the WISP survey. The white arrow shows the bright light produced by an emission line."
        src="./assets/featured-projects/featured-project-20170531-galaxy-nurseries.jpg"
      />
    </div>
    <h3 className="secondary-headline">Introducing the 100th Zooniverse project: Galaxy Nurseries</h3>
    <p className="display-body">Help researchers figure out how our universe has changed over time by finding baby galaxies.</p>
    <Link to="projects/hughdickinson/galaxy-nurseries" className="primary-button primary-button--light">View Project!</Link>
  </section>
);

export default FeaturedProject;

/*
Featured Project Component
==========================
* This component highlights specific projects on the home page.
* NOT to be confused with <HomePagePromoted />
* Content is hardcoded for the moment; improvements on this are welcome.
* Originally created to highlight 2017 Mar/Apr Stargazing Live projects.
* Design: @beckyrother; code: @shaunanoordin; documented/updated: 20170403
*/

import React from 'react';
import { Link } from 'react-router';

const FeaturedProject = (() =>
  <section className="home-featured">
    <h1 className="secondary-kicker">Featured Project</h1>
    <div className="home-featured-images">
      <img
        alt="The direct image (left) and dispersed spectrum (right) of a real galaxy from the WISP survey. The white arrow shows the bright light produced by an emission line."
        src="./assets/featured-projects/featured-project-20170531-galaxy-nurseries.jpg"
      />
    </div>
    <h2 className="secondary-headline">Introducing the 100th Zooniverse project: Galaxy Nurseries</h2>
    <p className="display-body">Help researchers figure out how our universe has changed over time by finding baby galaxies.</p>
    <Link to="projects/hughdickinson/galaxy-nurseries" className="primary-button primary-button--light">View Project!</Link>
  </section>
);

export default FeaturedProject;

Adjust Headers in Featured Project Section
Adjust Headers in Featured Project Section
