Commit 04ea72ca authored by Jonathan McGlone's avatar Jonathan McGlone
Browse files

adjust footer links, modify nav breakpoint, add peer review page

parent cbbd3e61
......@@ -14,6 +14,8 @@ export const titleQuery = graphql`
const Footer = () => {
const data = useStaticQuery(titleQuery)
const {title} = data.site.siteMetadata
const now = new Date()
const year = now.getFullYear()
return (
<footer className="footer" role="navigation">
......@@ -23,7 +25,7 @@ const Footer = () => {
<Link to="/" className="text-muted mb-2">{title}</Link>
<small className="text-muted d-block">Amherst, MA</small>
<small className="text-muted d-block"><a href="mailto:info@leverpress.org">info@leverpress.org</a></small>
<small className="text-muted d-block mb-3">© 2019 <a aria-label="Creative Commons Attribution Non-Commercial No Derivatives 4.0 International license" rel="license" href="https://creativecommons.org/licenses/by-nc-nd/4.0/">
<small className="text-muted d-block mb-3">© {year} <a aria-label="Creative Commons Attribution Non-Commercial No Derivatives 4.0 International license" rel="license" href="https://creativecommons.org/licenses/by-nc-nd/4.0/">
<img alt="Creative Commons Attribution Non-Commercial No Derivatives 4.0 International license" src="https://i.creativecommons.org/l/by-nc-nd/4.0/80x15.png" />
</a></small>
</div>
......@@ -36,13 +38,11 @@ const Footer = () => {
</ul>
</div>
<div className="col-md-3">
<h5>Book Series</h5>
<ul className="list-unstyled text-small">
<li><a href="/about" className="text-muted">About</a></li>
<li><a href="/catalog" className="text-muted">Catalog</a></li>
<li><a href="/info" className="text-muted">Info For</a></li>
<li><a href="/impact" className="text-muted">Impact</a></li>
<li><a href="/news" className="text-muted">News</a></li>
<li><a href="/events" className="text-muted">Events</a></li>
<li><a href="/series#series-one" className="text-muted">Series one</a></li>
<li><a href="/series#series-two" className="text-muted">Series Two</a></li>
<li><a href="/series#series-three" className="text-muted">Series Three</a></li>
</ul>
</div>
</div>
......
......@@ -3,7 +3,7 @@
}
.navbar {
height: 6rem;
min-height: 6rem;
.navbar-brand-logo {
width: 10rem;
......@@ -15,7 +15,7 @@
// page
.page-container {
padding: 2rem 0;
padding: 5rem 0;
}
......@@ -32,6 +32,7 @@
.card-img {
border-radius: 0;
max-height: 300px;
}
.cover-only-img {
......
......@@ -23,7 +23,7 @@ const Navbar = () => {
const data = useStaticQuery(getLogo)
return (
<nav className="navbar navbar-expand-sm navbar-light border-bottom">
<nav className="navbar fixed-top navbar-expand-lg navbar-light bg-light border-bottom">
<div className="container">
<Link to="/" className="navbar-brand">
<Img fluid={data.logo.childImageSharp.fluid} className="navbar-brand-logo"/>
......@@ -31,7 +31,7 @@ const Navbar = () => {
<button className="navbar-toggler" type="button" onClick={toggleNav}>
<span className="navbar-toggler-icon" />
</button>
<div className={
<div id="navbar" className={
isOpen
? "collapse navbar-collapse flex-row show"
: "collapse navbar-collapse flex-row-reverse"
......
---
templateKey: peerReview-page
title: "Peer Review Commitments and Guidelines"
---
\ 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 peerReview = ({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 peerReviewPage($id: String!) {
markdownRemark(id: {eq: $id}) {
html
frontmatter{
title
}
}
}
`
export default peerReview
\ No newline at end of file
......@@ -113,6 +113,13 @@ collections:
- { name: templateKey, label: "Template Key", widget: hidden, default: series-page }
- { name: title, label: Series }
- { name: body, label: Body, widget: markdown }
- file: "src/content/peerreview.md"
name: peerReview
label: "Peer Review"
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
label: 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