Note: The default ITS GitLab runner is a shared resource and is subject to slowdowns during heavy usage.
You can run your own GitLab runner that is dedicated just to your group if you need to avoid processing delays.

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
Markdown is supported
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