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

add svg logos and svg social icons

parent 04ea72ca
import React from 'react'
import {graphql, useStaticQuery, Link} from 'gatsby'
import {graphql, useStaticQuery} from 'gatsby'
export const titleQuery = graphql`
{
......@@ -22,12 +22,13 @@ const Footer = () => {
<div className="container">
<div className="row">
<div className="col-md-6">
<Link to="/" className="text-muted mb-2">{title}</Link>
<a href="/" className="text-muted mb-2"><img src="/assets/LeverLogo-PMS292.svg" alt="" height="100" width="auto" className="block" /> Lever Press</a>
<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">© {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>
<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://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>
</p>
</div>
<div className="col-md-3">
<h5>Our Partners</h5>
......@@ -46,6 +47,13 @@ const Footer = () => {
</ul>
</div>
</div>
<div className="row">
<div className="col-md-12">
<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>
</div>
</div>
</footer>
)
......
......@@ -6,8 +6,6 @@
min-height: 6rem;
.navbar-brand-logo {
width: 10rem;
height: 2.5rem;
vertical-align: middle;
}
......@@ -78,4 +76,21 @@
.footer {
border-top: 1px solid rgba(0,0,0,.125);
padding: 3rem 0;
.block {
display: block;
}
p.social {
padding-top: .4em;
a {
padding-right: 0.75em;
svg {
display: inline-block;
vertical-align: middle;
fill: grey;
}
}
}
}
import React, {useState} from "react"
import {Link} from "gatsby"
import Img from 'gatsby-image'
import {useStaticQuery,graphql} from 'gatsby'
// import Img from 'gatsby-image'
export const getLogo = graphql`
{
logo:file(relativePath:{eq: "LEVERPRESS-SIDEWAYS-no-icon.png"}) {
childImageSharp{
fluid(maxWidth: 700){
...GatsbyImageSharpFluid
}
}
}
}
`
//export const getLogo = graphql`
//{
// logo:file(relativePath:{eq: "LeverLogo.svg"}) {
// childImageSharp{
// fluid(maxWidth: 700){
// ...GatsbyImageSharpFluid
// }
// }
// }
//}
// `
const Navbar = () => {
const [isOpen, setNav] = (useState(false))
const toggleNav = () => {
setNav(isOpen => !isOpen)
}
const data = useStaticQuery(getLogo)
return (
<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"/>
</Link>
<a href="/" className="navbar-brand">
<img src="/assets/LeverLogo.svg" alt="" height="70" width="auto" className="navbar-brand-logo"/> Lever Press
</a>
<button className="navbar-toggler" type="button" onClick={toggleNav}>
<span className="navbar-toggler-icon" />
</button>
......
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 576"><defs><style>.cls-1{fill:#79bde8;}</style></defs><title>Lever Press</title><path class="cls-1" d="M253.9,486.54a114,114,0,0,0-15.23,9c.39-8.5,1-18.89,1.73-31.32,34.75-9.4,67.48,7.57,67.48,7.57-20.12-14.63-41.79-28.6-66-29.09q.45-6.48,1-13.53a109.42,109.42,0,0,1,26.06,9,256.28,256.28,0,0,0-25.48-16.7c4.07-53,11-128.69,23-232.66l-37.61-27.64S240.92,278,224.27,412.9c-11.24-3.81-23-5.37-35.53-3.25q-.09-7.8-.13-16.27c21.3,1.08,35.53,8.25,35.53,8.25-11.09-8.37-22.92-15.67-35.57-20.3,0-59.27,1.78-140.65,8.41-242l-37.67-27s17.69,125,10,264.27a76.55,76.55,0,0,0-32.08,3C132.11,311.93,125.65,209,122.52,87L85.61,59.84s31.78,167.39,27.87,330.86a112.87,112.87,0,0,0-19,14.75C83.24,337.09,56.83,167.77,49,35.28L10.41,6.65S74,268.27,61.92,463.86c0,.15-.05.27-.05.27l0,0c0,.21,0,.43,0,.64L82.21,478.3s9.84-28.83,29.84-52.38c-1.34,23.06-3.49,45.81-6.67,67.72l21.52,14.67.4-1s22.42-43.48,35.4-56.54c-3.14,24.67-7.28,49.18-12.67,72.93l22.05,14.91s19.16-44.6,42.1-61.48a762.14,762.14,0,0,1-18.92,77.14L216.93,569s20.75-52.79,58.11-67.22c37-14.3,74.38,4.46,74.38,4.46C321.41,486.22,291,468.27,253.9,486.54ZM141.71,433.88c-.76-8.6-1.64-18.85-2.59-30.57a66.31,66.31,0,0,1,8.2-3.67,104,104,0,0,1,20.9-5.31q-.79,11.43-1.85,22.92A118.21,118.21,0,0,0,141.71,433.88Zm67.56,16.57A111.82,111.82,0,0,0,190,462.71c-.31-8.39-.61-18.39-.86-29.89l.48-.21a83.09,83.09,0,0,1,32.87-5.83q-1.32,9.64-2.85,19.37A78.33,78.33,0,0,0,209.27,450.45Z"/></svg>
\ No newline at end of file
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 576"><defs><style>.cls-1{fill:#003a63;}</style></defs><title>Lever Press</title><path class="cls-1" d="M254.53,489.73a114.53,114.53,0,0,0-15.38,9.12c.4-8.58,1-19.08,1.74-31.63,35.11-9.5,68.16,7.65,68.16,7.65-20.32-14.78-42.21-28.88-66.71-29.38q.47-6.56,1-13.66A110.48,110.48,0,0,1,269.65,441a258.33,258.33,0,0,0-25.73-16.86c4.11-53.57,11.14-130,23.2-235l-38-27.91s12.29,117.92-4.52,254.14c-11.36-3.84-23.26-5.42-35.88-3.28q-.09-7.87-.14-16.43c21.52,1.09,35.89,8.33,35.89,8.33-11.2-8.45-23.15-15.82-35.92-20.5,0-59.86,1.79-142.05,8.49-244.36L159,111.84s17.87,126.24,10.13,266.88a77.39,77.39,0,0,0-32.39,3C131.54,313.38,125,209.43,121.85,86.2L84.58,58.8s32.09,169,28.15,334.13a113.4,113.4,0,0,0-19.14,14.9c-11.41-69-38.08-240-45.95-373.84L8.63,5.08s64.17,264.21,52,461.73l0,.28,0,0c0,.21,0,.43,0,.65L81.14,481.4s9.93-29.11,30.14-52.9c-1.35,23.3-3.52,46.26-6.73,68.39l21.72,14.82.41-1s22.64-43.91,35.75-57.1c-3.17,24.91-7.35,49.67-12.8,73.66l22.27,15.05s19.35-45.05,42.52-62.09a769.14,769.14,0,0,1-19.11,77.9L217.2,573s21-53.31,58.68-67.89c37.41-14.44,75.12,4.51,75.12,4.51C322.71,489.4,292,471.27,254.53,489.73Zm-113.3-53.19c-.77-8.69-1.65-19-2.61-30.87a67.49,67.49,0,0,1,8.27-3.71A104.81,104.81,0,0,1,168,396.6q-.81,11.55-1.87,23.15A119.4,119.4,0,0,0,141.23,436.54Zm68.23,16.74A112.43,112.43,0,0,0,190,465.66c-.31-8.48-.62-18.57-.87-30.19.17-.07.32-.15.49-.21a84,84,0,0,1,33.19-5.89q-1.34,9.74-2.88,19.57A79,79,0,0,0,209.46,453.28Z"/></svg>
\ No newline at end of file
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