Commit d7eb9d7f authored by Jonathan McGlone's avatar Jonathan McGlone
Browse files

Add styles for Amherst; remove old Lever posts and pages; find/replace Lever...

Add styles for Amherst; remove old Lever posts and pages; find/replace Lever for Amherst in component content; add communityImage component; adjust fundraiser component
parent cce0c86b
## About Lever Press ## About Amherst College Press
1. clone the repo 1. clone the repo
2. run `yarn` 2. run `yarn`
......
...@@ -17,7 +17,7 @@ module.exports = { ...@@ -17,7 +17,7 @@ module.exports = {
{ {
resolve: `gatsby-plugin-google-analytics`, resolve: `gatsby-plugin-google-analytics`,
options: { options: {
trackingId: "UA-79270005-1", trackingId: "UA-77847516-13",
} }
}, },
{ {
...@@ -66,7 +66,7 @@ module.exports = { ...@@ -66,7 +66,7 @@ module.exports = {
background_color: `#663399`, background_color: `#663399`,
theme_color: `#663399`, theme_color: `#663399`,
display: `minimal-ui`, display: `minimal-ui`,
icon: `src/images/lever-logo.png`, // This path is relative to the root of the site. icon: `src/images/AmherstLogo-Badge.png`, // This path is relative to the root of the site.
}, },
}, },
// this (optional) plugin enables Progressive Web App + Offline functionality // this (optional) plugin enables Progressive Web App + Offline functionality
......
...@@ -5,7 +5,7 @@ const EventList = ({events, cardStyle}) => { ...@@ -5,7 +5,7 @@ const EventList = ({events, cardStyle}) => {
return ( return (
<section className="event-card-list"> <section className="event-card-list">
<h2>Events</h2> <h2>Events</h2>
<p className="scala-sans">Lever representatives will be attending the following events. <a href="mailto:info@leverpress.org">Email us</a> if you'd like to meet up.</p> <p className="scala-sans">Amherst College Press representatives will be attending the following events. <a href="mailto:?info@?amherst.edu?">Email us</a> if you'd like to meet up.</p>
<ul className="list-unstyled"> <ul className="list-unstyled">
{ {
events.map(({node}) => { events.map(({node}) => {
......
...@@ -22,19 +22,19 @@ const Footer = () => { ...@@ -22,19 +22,19 @@ const Footer = () => {
<div className="container"> <div className="container">
<div className="row"> <div className="row">
<div className="col-md-6"> <div className="col-md-6">
<a href="/" className="text-light mb-2 scala-sans"><img src="/assets/LeverLogo-PMS292.svg" alt="" height="100" width="auto" className="block" /> Lever Press</a> <a href="/" className="text-light mb-2 scala-sans"><img src="/assets/AmherstLogo-White.svg" alt="" height="100" width="auto" className="block" /><span class="sr-only">Amherst College Press</span></a>
<small className="text-light d-block">Amherst, MA</small> <small className="text-light d-block">Amherst, MA</small>
<small className="d-block"><a className="text-light" href="mailto:info@leverpress.org">info@leverpress.org</a></small> <small className="d-block"><a className="text-light" href="mailto:?info@?amherst.edu?">?info@amherst.edu?</a></small>
<small className="d-block"><Link to="/internships" className="text-light">Internships</Link></small> <small className="d-block"><Link to="/internships" className="text-light">Internships</Link></small>
<p className="social"> <p className="social">
<a href="https://www.facebook.com/LeverPress/"><svg width="24px" height="24px" viewBox="0 0 24 24" className="social-link fb" aria-hidden="false"><title>Facebook</title><path d="M20.9,2H3.1A1.1,1.1,0,0,0,2,3.1V20.9A1.1,1.1,0,0,0,3.1,22h9.58V14.25h-2.6v-3h2.6V9a3.64,3.64,0,0,1,3.88-4,20.26,20.26,0,0,1,2.33.12v2.7h-1.6c-1.25,0-1.49.59-1.49,1.47v1.92h3l-.39,3H15.8V22h5.1A1.1,1.1,0,0,0,22,20.9V3.1A1.1,1.1,0,0,0,20.9,2Z"></path></svg></a> <a href="https://www.facebook.com/AmCollPress"><svg width="24px" height="24px" viewBox="0 0 24 24" className="social-link fb" aria-hidden="false"><title>Facebook</title><path d="M20.9,2H3.1A1.1,1.1,0,0,0,2,3.1V20.9A1.1,1.1,0,0,0,3.1,22h9.58V14.25h-2.6v-3h2.6V9a3.64,3.64,0,0,1,3.88-4,20.26,20.26,0,0,1,2.33.12v2.7h-1.6c-1.25,0-1.49.59-1.49,1.47v1.92h3l-.39,3H15.8V22h5.1A1.1,1.1,0,0,0,22,20.9V3.1A1.1,1.1,0,0,0,20.9,2Z"></path></svg></a>
<a href="https://twitter.com/lever_press"><svg width="24px" height="24px" viewBox="0 0 24 24" className="social-link tw" aria-hidden="false"><title>Twitter</title><path d="M22,5.8a8.6,8.6,0,0,1-2.36.65,4.07,4.07,0,0,0,1.8-2.27,8.1,8.1,0,0,1-2.6,1A4.1,4.1,0,0,0,11.75,8a4.73,4.73,0,0,0,.09.93A11.6,11.6,0,0,1,3.39,4.62,4.2,4.2,0,0,0,2.83,6.7a4.09,4.09,0,0,0,1.82,3.4A4,4,0,0,1,2.8,9.6v0a4.11,4.11,0,0,0,3.29,4A4.2,4.2,0,0,1,5,13.81a4,4,0,0,1-.78-.07,4.14,4.14,0,0,0,3.83,2.85A8.22,8.22,0,0,1,3,18.34a6.37,6.37,0,0,1-1-.06,11.48,11.48,0,0,0,6.29,1.84A11.58,11.58,0,0,0,20,8.46c0-.18,0-.36,0-.53A8.31,8.31,0,0,0,22,5.8Z"></path></svg></a> <a href="https://twitter.com/AmCollPress"><svg width="24px" height="24px" viewBox="0 0 24 24" className="social-link tw" aria-hidden="false"><title>Twitter</title><path d="M22,5.8a8.6,8.6,0,0,1-2.36.65,4.07,4.07,0,0,0,1.8-2.27,8.1,8.1,0,0,1-2.6,1A4.1,4.1,0,0,0,11.75,8a4.73,4.73,0,0,0,.09.93A11.6,11.6,0,0,1,3.39,4.62,4.2,4.2,0,0,0,2.83,6.7a4.09,4.09,0,0,0,1.82,3.4A4,4,0,0,1,2.8,9.6v0a4.11,4.11,0,0,0,3.29,4A4.2,4.2,0,0,1,5,13.81a4,4,0,0,1-.78-.07,4.14,4.14,0,0,0,3.83,2.85A8.22,8.22,0,0,1,3,18.34a6.37,6.37,0,0,1-1-.06,11.48,11.48,0,0,0,6.29,1.84A11.58,11.58,0,0,0,20,8.46c0-.18,0-.36,0-.53A8.31,8.31,0,0,0,22,5.8Z"></path></svg></a>
</p> </p>
</div> </div>
<div className="col-md-2"> <div className="col-md-2">
<h5>Our Partners</h5> <h5>Our Partners</h5>
<ul className="list-unstyled text-small"> <ul className="list-unstyled text-small">
<li><a href="https://acpress.amherst.edu/" className="text-light">Amherst College Press</a></li> <li><a href="https://leverpress.org/" className="text-light">Lever Press</a></li>
<li><a href="http://www.oberlingroup.org/" className="text-light">Oberlin Group</a></li> <li><a href="http://www.oberlingroup.org/" className="text-light">Oberlin Group</a></li>
<li><a href="https://www.publishing.umich.edu" className="text-light">Michigan Publishing</a></li> <li><a href="https://www.publishing.umich.edu" className="text-light">Michigan Publishing</a></li>
</ul> </ul>
......
...@@ -2,11 +2,15 @@ import React from "react" ...@@ -2,11 +2,15 @@ import React from "react"
const Fundraiser = ({fundraiser}) => { const Fundraiser = ({fundraiser}) => {
return ( return (
<div className="text-dark"> <div className="row">
<h2 className="sr-only">{fundraiser.heading}</h2> <div className="col-md-6">
<p>{fundraiser.description}</p> <h2 className="sr-only">{fundraiser.heading}</h2>
<a className="btn btn-primary" href={fundraiser.url}>{fundraiser.buttonLabel}</a> <p>{fundraiser.description}</p>
</div> </div>
<div className="col-md-6">
<a className="btn btn-lg btn-secondary" href={fundraiser.url}>{fundraiser.buttonLabel}</a>
</div>
</div>
) )
} }
......
...@@ -11,7 +11,7 @@ const Navbar = () => { ...@@ -11,7 +11,7 @@ const Navbar = () => {
<nav className="navbar fixed-top navbar-expand-lg navbar-light bg-light border-bottom"> <nav className="navbar fixed-top navbar-expand-lg navbar-light bg-light border-bottom">
<div className="container"> <div className="container">
<a href="/" className="navbar-brand"> <a href="/" className="navbar-brand">
<img src="/assets/LeverLogo.svg" alt="" height="70" width="auto" className="navbar-brand-logo"/> <h1>Amherst College Press</h1> <img src="/assets/AmherstLogo.svg" alt="" height="70" width="auto" className="navbar-brand-logo" aria-labelledby="title"/> <h1 id="title" class="sr-only">Amherst College Press</h1>
</a> </a>
<button className="navbar-toggler" type="button" onClick={toggleNav}> <button className="navbar-toggler" type="button" onClick={toggleNav}>
<span className="navbar-toggler-icon" /> <span className="navbar-toggler-icon" />
......
...@@ -5,7 +5,7 @@ const Newsletter = ({newsletter}) => { ...@@ -5,7 +5,7 @@ const Newsletter = ({newsletter}) => {
<div className="text-light"> <div className="text-light">
<h2 className="sr-only">{newsletter.heading}</h2> <h2 className="sr-only">{newsletter.heading}</h2>
<p>{newsletter.description}</p> <p>{newsletter.description}</p>
<a className="btn btn-primary" href={newsletter.url}>{newsletter.buttonLabel}</a> <a className="btn btn-secondary" href={newsletter.url}>{newsletter.buttonLabel}</a>
</div> </div>
) )
} }
......
// colors and theming // colors and theming
$theme-colors: ( $theme-colors: (
"primary": #40658f, "primary": #311A4D,
"secondary": #003352, "secondary": #5D3C85,
"muted": #EAEAEA "muted": #EAEAEA
); );
...@@ -9,24 +9,24 @@ $theme-colors: ( ...@@ -9,24 +9,24 @@ $theme-colors: (
@import "../bootstrap/scss/bootstrap"; @import "../bootstrap/scss/bootstrap";
// typography // typography
@mixin meta-serif { @mixin brandon {
font-family: "ff-meta-serif-web-pro", Georgia, "Times New Roman", serif; font-family: brandon-grotesque, sans-serif;
} }
.meta-serif { .brandon {
@include meta-serif; @include brandon;
} }
@mixin scala-sans { @mixin abril {
font-family: "ff-scala-sans-pro", Helvetica, Arial, sans-serif; font-family: abril-text, serif;
} }
.scala-sans { .abril {
@include scala-sans; @include abril;
} }
body { body {
@include meta-serif; @include brandon;
} }
h1, h1,
...@@ -34,8 +34,8 @@ h2, ...@@ -34,8 +34,8 @@ h2,
h3, h3,
h4, h4,
h5 { h5 {
@include scala-sans; @include abril;
font-weight: 700; font-weight: 500;
} }
h2 { h2 {
...@@ -49,9 +49,13 @@ h5 { ...@@ -49,9 +49,13 @@ h5 {
} }
// colors // colors
$lever-brand-color: #003352; $amherst-brand-color: #311A4D;
$lever-accent-color: #78B3E0; $amherst-accent-color: #6837A3;
$lever-black-80: #342f2e; $amherst-light-blue: #64dfeb;
$amherst-green: #458246;
$amherst-dark-grey: #505061;
$amherst-light-grey: #9BA1A7;
$amherst-black-80: #342f2e;
// links // links
p { p {
...@@ -62,13 +66,13 @@ p { ...@@ -62,13 +66,13 @@ p {
// buttons // buttons
.btn { .btn {
@include scala-sans; @include brandon;
} }
// navigation // navigation
.navbar { .navbar {
@include scala-sans; @include brandon;
min-height: 6rem; min-height: 6rem;
...@@ -141,11 +145,12 @@ p { ...@@ -141,11 +145,12 @@ p {
// home - tagline and newsletter button // home - tagline and newsletter button
.tagline-newsletter-container { .tagline-newsletter-container {
background-color: $lever-brand-color; background-color: $amherst-brand-color;
padding: 4rem 0; padding: 4rem 0;
border-top: 1px solid rgba(0,0,0,.125); border-top: 1px solid rgba(0,0,0,.125);
.tagline { .tagline {
@include abril;
font-weight: bold; font-weight: bold;
font-size: 1.6rem; font-size: 1.6rem;
} }
...@@ -190,12 +195,18 @@ p { ...@@ -190,12 +195,18 @@ p {
} }
} }
.news-item .main {
@include abril;
line-height: 1.7;
font-size: 1.1rem;
}
.summary { .summary {
p { p {
font-size: 1.3rem; font-size: 1.5rem;
margin-bottom: 0; margin-bottom: 1em;
@include scala-sans; @include brandon;
line-height: 1.5; line-height: 1.5;
} }
...@@ -212,7 +223,7 @@ p { ...@@ -212,7 +223,7 @@ p {
} }
.card:hover { .card:hover {
border: 1px solid $lever-brand-color; border: 1px solid $amherst-brand-color;
} }
.card-image { .card-image {
...@@ -237,7 +248,7 @@ p { ...@@ -237,7 +248,7 @@ p {
} }
.jumbotron { .jumbotron {
background-color: $lever-brand-color; background-color: $amherst-brand-color;
margin-bottom: 4rem; margin-bottom: 4rem;
} }
...@@ -251,7 +262,7 @@ p { ...@@ -251,7 +262,7 @@ p {
color: #f8f9fa; color: #f8f9fa;
} }
p.join-tag { p.join-tag {
color: $lever-accent-color; color: $amherst-accent-color;
font-size: 1.5rem; font-size: 1.5rem;
margin-bottom: 0; margin-bottom: 0;
} }
...@@ -263,7 +274,7 @@ p { ...@@ -263,7 +274,7 @@ p {
} }
thead { thead {
background-color: $lever-brand-color; background-color: $amherst-brand-color;
color: #f8f9fa; color: #f8f9fa;
} }
...@@ -300,14 +311,14 @@ p.social { ...@@ -300,14 +311,14 @@ p.social {
svg { svg {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
fill: $lever-brand-color; fill: $amherst-brand-color;
} }
} }
} }
// footer // footer
.footer { .footer {
background-color: $lever-brand-color; background-color: $amherst-brand-color;
border-top: 1px solid rgba(0,0,0,.125); border-top: 1px solid rgba(0,0,0,.125);
padding: 3rem 0; padding: 3rem 0;
...@@ -326,7 +337,7 @@ p.social { ...@@ -326,7 +337,7 @@ p.social {
svg { svg {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
fill: $lever-accent-color; fill: $amherst-light-blue;
} }
} }
} }
......
---
templateKey: book
title: 'Make It New: Reshaping Jazz in the 21st Century'
authorLastname: Beuttler
author: Bill Beuttler
cover: /assets/make-it-new-cover.jpg
description: >-
Boston Globe jazz writer reveals new ways in which jazz is engaging with
society.
orderOnPage: 0
readLink: 'https://doi.org/10.3998/mpub.11469938'
buyLink: 'https://cdcshoppingcart.uchicago.edu/Cart2/Cart?ISBN=9781643150055&PRESS=lever'
---
---
templateKey: book
title: Vinyl Theory
authorLastname: Di Leo
author: Jeffrey R. Di Leo
cover: /assets/dileo.jpg
description: >-
Exploring the intersection of vinyl records with critical theory to examine
why vinyl records making a comeback and how their resurgence connected to the
political economy of music.
orderOnPage: 0
readLink: 'https://doi.org/10.3998/mpub.11676127'
buyLink: 'https://cdcshoppingcart.uchicago.edu/Cart2/Cart?ISBN=9781643150154&PRESS=lever'
---
---
templateKey: book
title: >-
Being a Presence for Students: Teaching as a Lived Defense of Liberal
Education
authorLastname: Frank
author: Jeff Frank
cover: /assets/being-a-presence.jpg
description: >-
How does a college professor help students feel the value of liberal education
and get the most from that education?
orderOnPage: 0
readLink: 'https://doi.org/10.3998/mpub.11567473'
buyLink: 'https://cdcshoppingcart.uchicago.edu/Cart2/Cart?ISBN=9781643150079&PRESS=lever'
---
---
templateKey: book
title: 'Faculty as Global Learners: Off-Campus Study at Liberal Arts Colleges'
authorLastname: 'Gillespie, Joan'
author: 'Joan Gillespie, Lisa Jasinski, and Dana Gross'
cover: assets/9781643150192.jpg
description: >-
Valuable insights about the impact of a leading off-campus study on faculty
leaders’ teaching, research, service, and overall well-being.
orderOnPage: 1
readLink: 'https://doi.org/10.3998/mpub.11923682'
buyLink: 'https://cdcshoppingcart.uchicago.edu/Cart2/Cart?ISBN=9781643150192&PRESS=lever'
---
---
templateKey: book
title: 'Promissory Notes: On the Literary Conditions of Debt'
authorLastname: Goodman
author: Robin Truth Goodman
cover: /assets/goodman-front-cover.jpg
description: >-
There is no doubt that the beginning of the twenty-first century was marked by
crises of debt. Less well known is that literature played a historical role in
defining and teaching debt to the public.
orderOnPage: 0
readLink: 'https://doi.org/10.3998/mpub.10209707'
buyLink: 'https://cdcshoppingcart.uchicago.edu/Cart2/Cart?ISBN=9781643150000&PRESS=lever'
---
---
templateKey: book
title: >-
Extraordinary Partnerships: How the Arts and Humanities are Transforming
America
authorLastname: Henseler
author: Christine Henseler
cover: /assets/henseler.jpg
description: Inspiring essays on the impact of the arts and humanities on our communities.
orderOnPage: 0
readLink: 'https://doi.org/10.3998/mpub.11649046'
buyLink: 'https://cdcshoppingcart.uchicago.edu/Cart2/Cart?ISBN=9781643150093&PRESS=lever'
---
---
templateKey: book
title: Elizabeth Bishop and the Literary Archive
authorLastname: Hicok
author: Bethany Hicok
cover: /assets/9781643150116.jpg
description: >-
In a life full of chaos and travel, Elizabeth Bishop managed to preserve and
even partially catalog a large collection of materials and books now housed at
Vassar College.
orderOnPage: 0
readLink: 'https://doi.org/10.3998/mpub.11649332'
buyLink: 'https://cdcshoppingcart.uchicago.edu/Cart2/Cart?ISBN=9781643150116&PRESS=lever'
---
---
templateKey: book
title: 'Engineering Manhood: Race and the Antebellum Virginia Military Institute'
authorLastname: 'Miller, Jonson'
author: Jonson Miller
cover: assets/9781643150178.jpg
description: >-
How engineers of the antebellum VMI cultivated whiteness, manhood, and other
identities as essential to an engineering professional identity.
orderOnPage: 1
readLink: 'https://doi.org/10.3998/mpub.11675767'
buyLink: 'https://cdcshoppingcart.uchicago.edu/Cart2/Cart?ISBN=9781643150178&PRESS=lever'
---
---
templateKey: book
title: 'New Materials: Towards a History of Consistency'
authorLastname: Slaton
author: Amy E. Slaton
cover: /assets/Slaton_front.jpg
description: >-
This edited volume gathers eight cases of industrial materials development,
broadly conceived, from North America, Europe and Asia over the last 200
years.
orderOnPage: 0
readLink: 'https://doi.org/10.3998/mpub.11675425'
buyLink: 'https://cdcshoppingcart.uchicago.edu/Cart2/Cart?ISBN=9781643150130&PRESS=lever'
---
---
templateKey: book
title: History without Chronology
authorLastname: Tanaka
author: Stefan Tanaka
cover: /assets/9781643150048.jpg
description: >-
Although numerous disciplines recognize multiple ways of conceptualizing time,
Stefan Tanaka argues that scholars still overwhelmingly operate on
chronological and linear Newtonian or classical time that emerged during the
Enlightenment.
orderOnPage: 0
readLink: 'https://doi.org/10.3998/mpub.11418981'
buyLink: >-
https://cdcshoppingcart.uchicago.edu/Cart2/Cart.aspx?ISBN=9781643150031&PRESS=lever
---
...@@ -2,18 +2,16 @@ ...@@ -2,18 +2,16 @@
templateKey: home-page templateKey: home-page
taglineSection: taglineSection:
text: >- text: >-
We are a scholarly press supported by more than 50 liberal arts Digital First. Open Access. Liberal Arts. We produce pathbreaking, peer-reviewed studies by scholars and make it available to readers everywhere as digital, open-access work.
institutions. We publish peer-reviewed, born digital, open access monographs
at no cost to our authors or their academic institutions.
newsletterSection: newsletterSection:
buttonLabel: Subscribe buttonLabel: Subscribe
description: Stay current with our quarterly newsletter description: Stay current with our quarterly newsletter
heading: Keep up to date with Lever heading: Keep up to date with ACP
url: >- url: >-
https://visitor.r20.constantcontact.com/manage/optin?v=001WXZkjjlBP1ZO4vWwIA9HU80CKVVKX-DWmCItOAZxMlaI6uN2m3u7Ni8ELHYeO4PkjOocQfUTRPY390FT7lD5ykY3B-6NcZU3GXwUKc1ZRYc%3D https://visitor.r20.constantcontact.com/manage/optin?v=001WXZkjjlBP1ZO4vWwIA9HU80CKVVKX-DWmCItOAZxMlaI6uN2m3u7Ni8ELHYeO4PkjOocQfUTRPY390FT7lD5ykY3B-6NcZU3GXwUKc1ZRYc%3D
fundraiserSection: fundraiserSection:
buttonLabel: Support buttonLabel: Support Us
description: This is the fundraiser section description. description: Keep us producing pathbreaking scholarship
heading: Support Amherst College Press heading: Support Amherst College Press