Commit 1d31ec4b authored by Jonathan McGlone's avatar Jonathan McGlone
Browse files

rearrange homepage; modify labels on homepage; add 3 new pages; remove info for page

parent e260ad32
......@@ -43,7 +43,6 @@
.tagline-newsletter-container {
padding: 4rem 0;
border-bottom: 1px solid rgba(0,0,0,.125);
border-top: 1px solid rgba(0,0,0,.125);
.tagline {
......@@ -58,6 +57,10 @@
border-top: 1px solid rgba(0,0,0,.125);
}
.video-impact-container {
border-bottom: 1px solid rgba(0,0,0,.125);
}
.news-events-container, .video-impact-container {
padding: 3rem 0;
h2 {
......
......@@ -49,8 +49,13 @@ const Navbar = () => {
</a>
</li>
<li>
<Link to="/info" className="nav-link">
Info For
<Link to="/authors" className="nav-link">
Publish With Us
</Link>
</li>
<li>
<Link to="/join" className="nav-link">
Join Us
</Link>
</li>
<li>
......
---
templateKey: info-page
title: Information For
templateKey: authors-page
title: Publish With Us
---
## Authors
......
---
templateKey: join-page
title: Join Us
---
\ No newline at end of file
---
templateKey: series-page
title: Series
---
\ No newline at end of file
......@@ -174,26 +174,17 @@ const IndexPage = ({data}) => {
</div>
</div>
</section>
<section className="news-events-container container">
<div className="row">
<div className="news-container col-md-6">
<NewsList news={news} />
</div>
<div className="events-container col-md-6">
<EventList events={events} />
</div>
</div>
</section>
<section className="author-library-container">
<div className="container">
<div className="row">
<div className="author-container col">
<div className="row">
<div className="col-md-8">
<div className="col-md-6">
<p>Interested in publishing your next book with us?</p>
</div>
<div className="col-md-4">
<a className="btn btn-lg btn-outline-secondary" href="/info-for#author">Learn more</a>
<div className="col-md-6">
<a className="btn btn-lg btn-outline-secondary" href="/authors">Publish With Us</a>
</div>
</div>
</div>
......@@ -203,14 +194,15 @@ const IndexPage = ({data}) => {
<p>Join over 50 liberal arts colleges and their libraries who support our Open Access mission</p>
</div>
<div className="col-md-4">
<a className="btn btn-lg btn-outline-secondary" href="/info-for#library">Join Us</a>
<a className="btn btn-lg btn-outline-secondary" href="/join">Join Us</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section className="video-impact-container container">
<section className="video-impact-container">
<div className="container">
<div className="row">
<div className="video-container col">
<Video video={video} />
......@@ -219,6 +211,17 @@ const IndexPage = ({data}) => {
<MapImage mapImage={map} />
</div>
</div>
</div>
</section>
<section className="news-events-container container">
<div className="row">
<div className="news-container col-md-6">
<NewsList news={news} />
</div>
<div className="events-container col-md-6">
<EventList events={events} />
</div>
</div>
</section>
</Layout>
)
......
import React from 'react'
import Layout from '../components/layout'
import Title from '../components/title'
import {graphql} from 'gatsby'
const Authors = ({data}) => {
const title = data.markdownRemark.frontmatter.title
const html = data.markdownRemark.html
return (
<Layout>
<div className="container page-container">
<Title title={title} />
<div dangerouslySetInnerHTML={{ __html: html }} />
</div>
</Layout>
)
}
export const query = graphql`
query authorsPage($id: String!) {
markdownRemark(id: {eq: $id}) {
html
frontmatter{
title
}
}
}
`
export default Authors
\ No newline at end of file
......@@ -3,7 +3,7 @@ import Layout from '../components/layout'
import Title from '../components/title'
import {graphql} from 'gatsby'
const Info = ({data}) => {
const Join = ({data}) => {
const title = data.markdownRemark.frontmatter.title
const html = data.markdownRemark.html
return (
......@@ -17,7 +17,7 @@ const Info = ({data}) => {
}
export const query = graphql`
query infoPage($id: String!) {
query joinPage($id: String!) {
markdownRemark(id: {eq: $id}) {
html
frontmatter{
......@@ -27,4 +27,4 @@ export const query = graphql`
}
`
export default Info
export default Join
\ No newline at end of file
import React from 'react'
import Layout from '../components/layout'
import Title from '../components/title'
import {graphql} from 'gatsby'
const Series = ({data}) => {
const title = data.markdownRemark.frontmatter.title
const html = data.markdownRemark.html
return (
<Layout>
<div className="container page-container">
<Title title={title} />
<div dangerouslySetInnerHTML={{ __html: html }} />
</div>
</Layout>
)
}
export const query = graphql`
query seriesPage($id: String!) {
markdownRemark(id: {eq: $id}) {
html
frontmatter{
title
}
}
}
`
export default Series
\ No newline at end of file
......@@ -92,12 +92,26 @@ collections:
- { name: templateKey, label: "Template Key", widget: hidden, default: about-page }
- { name: title, label: About }
- { name: body, label: Body, widget: markdown }
- file: "src/content/info.md"
name: info
label: Info
- file: "src/content/authors.md"
name: authors
label: Authors
fields:
- { name: templateKey, label: "Template Key", widget: hidden, default: info-page }
- { name: title, label: Info }
- { name: templateKey, label: "Template Key", widget: hidden, default: authors-page }
- { name: title, label: Authors }
- { name: body, label: Body, widget: markdown }
- file: "src/content/join.md"
name: join
label: Join
fields:
- { name: templateKey, label: "Template Key", widget: hidden, default: join-page }
- { name: title, label: Join }
- { name: body, label: Body, widget: markdown }
- file: "src/content/series.md"
name: series
label: Series
fields:
- { name: templateKey, label: "Template Key", widget: hidden, default: series-page }
- { name: title, label: Series }
- { name: body, label: Body, widget: markdown }
- file: "src/content/impact.md"
name: impact
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment