Commit 042e9e02 authored by Raphael's avatar Raphael

endorsements flyer print formats

parent 615f57cc
Pipeline #69703846 passed with stages
in 1 minute and 41 seconds
exports.onCreatePage = ({ page }) => {
if (page.path.includes('/print/')){
page.layout = 'print';
}
}
\ No newline at end of file
This diff is collapsed.
import React from 'react'
export default ({fill}) =>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-54 0 474 474">
<path d="M -54,0 H 298.54501 L 260.73269,71.272079 222.56511,62.549643 208.40984,69.415523 164.28306,304.2791 89,474 -54,474 Z"
style={{fill}} />
<g>
<path d="M97.56,173.822c-23.266-4.226-21.022,43.574-40.511,45.605 c-7.505,0.783-15.748,0.227-19.352-1.697c-14.694-7.844-20.724-27.696-37.684-33.27c-0.679,13.239,25.2,49.036,29.646,59.979 c0.937,23.42-9.955,62.579,5.322,70.048c19.701-2.026,22.168-22.306,33.27-32.931c7.13,5.432,13.24,5.432,16.636,6.111 c4.074,2.376,15.784,17.032,28.968,16.524c24.481-0.136,31.408-25.956,38.024-48.89c7.907-27.406,12.219-45.721,16.294-70.615 c-15.656,17.839-20.035,49.556-41.19,61.901c-16.975,6.111-27.069-0.772-34.097-6.498c-1.04-0.519-3.587-8.44-11.623-14.664 C92.999,214.527,88.065,186.961,97.56,173.822" fill="#FFFFFF" clip-rule="evenodd" fill-rule="evenodd" />
<path d="M64.968,431.842c-2.323,11.257-14.59,18.924-18.931,29.054 c-1.5,3.5,17.75,5.333,24.364,0.821c-1.167,0.796,5.762-14.973,6.501-13.891c0.742,1.082-5.918,20.723-5.115,21.736 c3.833,4.834,21.232,4.941,26.235,0.495c0,0-1.175-10.967,1.124-15.358c8.923-17.04,23.448-33.979,33.61-49.227 c9.189-13.787,10.703-25.237,15.618-43.796c28.565-23.942,35.309-42.1,51.944-79.104c8.487-22.747,18.562-25.011,20.369-26.142 c12.085,2.126,15.619,2.379,26.253-1.13c13.129-4.981,15.733-9.961,37.233-33.497c7.014,3.017,15.655,7.192,25.462,8.825 c17.473,2.908,37.896,1.463,54.094-2.488c1.377-15.865-7.899-19.035-15.392-26.029c-10.863,1.809-15.826,6.467-25.8,9.167c-16.974-3.85-17.702-23.265-36.327-25.462c-4.414,3.735-5.279,5.473-7.471,7.809c0,0-11.881,14.259-14.598,14.938 c-2.715,0.679-13.197,0.083-13.197,0.083c3.1-5.401,25.596-20.11,24.811-37.346c6.507-1.644,18.094-2.288,27.432-1.101 c6.984-3.771,10.832-10.975,19.799-15.39c9.841-4.842,25.209-1.063,32.594-10.864c-3.168-11.091-13.845-16.825-26.547-18.608 c-4.89-0.077-15.988,17.42-19.846,19.063c-18.195,2.807-21.135-7.093-36.566-7.051c-5.092-0.339-6.512-0.597-9.66,1.828 c-6.228,4.798-13.313,17.587-19.527,22.195c-12.222-8.146-22.887-11.288-39.041-13.239c-1.698-29.198,1.961-83.544,19.132-83.125 c13.719,1.669,16.757,10.453,32.471,10.133c10.186-2.716,14.508-12.654,21.048-16.976c0.28-0.992,9.506-2.714,14.599-11.882 c1.611-3.212,6.052-22.991,6.052-29.329c-0.263,0.262-4.958,2.676-4.613,2.676c0.108-5.92,5.634-19.547,5.463-19.63 c-21.479,10.208-37.907,25.466-35.307,59.751c-11.508,17.009-26.916-3.623-40.513-7.017c-8.36-2.024-16.355,5.498-17.517,7.569 c-12.932,23.08-16.703,55.32-20.545,87.49c-2.187,18.322-3.83,40.126-7.769,56.696c-4.093,25.782-17.994,138.176-52.963,127.313 c-18.499-7.757-38.702-32.592-42.097-35.647c-4.442,15.078,7.907,37.769,9.166,56.016c0.337,9.391-6.665,16.533-9.506,22.747 C77.896,398.481,71.811,411.526,64.968,431.842 M76.902,447.827c0,0,13.078-24.021,13.418-25.379 c0.338-1.36-2.377-2.376,0.338-10.188c2.716-7.807,13.919-25.12,15.956-30.893c2.037-5.771,2.715-10.524,2.715-10.524 c-0.338,1.358,4.415,12.562,0.68,17.994c-3.734,5.431-11.011,23.908-13.919,31.913c-1.358,3.732-6.777,4.662-8.487,9.505 C85.567,436.026,76.902,447.827,76.902,447.827z" fill="#FFFFFF" clip-rule="evenodd" fill-rule="evenodd" />
</g>
</svg>
\ No newline at end of file
import Helmet from 'react-helmet'
import React from 'react'
const TemplateWrapper = ({ children }) => (
<div style={{
height: '11.5in',
width: '8.5in',
}}>
<Helmet
title="32nd LD Democrats"
meta={[
{ name: 'description', content: '' },
{ name: 'keywords', content: '' },
]}
/>
{children()}
</div>
)
export default TemplateWrapper
......@@ -200,7 +200,11 @@ ul.endorsements {
ul.endorsements, .endorsements ul {
padding-left: 1em;
}
.info-icon {
display: inline-block;
min-width: 1em;
text-align: center;
}
.alpha {
list-style-type: lower-alpha;
}
......
......@@ -4,7 +4,7 @@ import React from 'react'
const year = '2019'
const email = <span title="Email" className="fade no-print">📧</span>
const info = <span title="Info" className="fade no-print"></span>
const info = <span title="Info" className="info-icon fade no-print"></span>
const web = <span title="Website" className="fade no-print">🌐</span>
const Page = () => (
......
import Helmet from 'react-helmet'
import {createElement as h} from 'react'
import logo from '../../../../components/logo.js'
const county = 'King'
const election = 'Primary'
const year = '2019'
const month = 'August'
const day = '6'
const title = `${county} ${year} ${election} Endorsements`
const color = '#0000A0'
const highlight = '#E8E8F8'
const highlight_logo = '#8080C0'
const size = 12
const fontSize = size
const padding = `3px ${size}px`
const group = {style:{
background: highlight,
fontSize: '1.5em',
marginTop: size,
padding,
}}
const office = {style:{
fontWeight: 'bold',
padding,
}}
const names = {style:{
display:'flex',
}}
const name = {
style: {
display: 'list-item',
listStyleType: 'square',
margin: `3px 0 3px ${size*3}px`,
},
}
const Page = () => (
h('div', {style:{
display: 'flex',
fontSize,
}},
h(Helmet, {},
h('title', {}, title),
),
h(Card),
h(Card),
)
)
const Card = () => (
h('div', {style:{
borderColor: color,
borderStyle: 'solid',
borderWidth: 4,
color,
fontFamily: 'sans-serif',
fontWeight: 'normal',
margin: '0.25in',
height: '10in',
width: '3.75in',
}},
h('div', {style:{
display: 'flex',
margin: '.5em',
}},
h('div', {style: {
background:color,
marginRight:'.5em',
}},
h('div', {
style: {height:'5em', width:'5em', },
},
logo({fill:highlight_logo})
),
),
h('div', {style:{
alignSelf:'flex-end',
fontFamily:'serif',
fontSize:'1.25em',
fontWeight:'bold',
letterSpacing:'3',
}},
h('div', {},
h('span', {style:{fontSize:'2em'}},'32'),
h('span', {style:{textTransform:'uppercase'}},'nd'),
),
h('div', {style: {textTransform:'uppercase'}}, 'District'),
h('div', {style: {textTransform:'uppercase'}}, 'Democrats'),
),
),
h('div', {style:{
background: color,
color: 'white',
padding: '.5em 0',
}},
h('div', {style:{
fontSize:'2em',
padding,
}},
`${month} ${day}, ${year}`
),
h('div', {style:{padding}}, `${election} Election Endorsements`),
),
h('div', {style:{
background: highlight,
fontSize:'2em',
marginTop: size,
padding,
}},
`${county} County`
),
h('div', office, 'King County Council, District 4'),
h('div', name, 'Jeanne Kohl-Welles'),
h('div', office, 'King Superior Court Judge, Position 5'),
h('div', name, 'Maureen McKee'),
h('div', office, 'King Superior Court Judge, Position 16'),
h('div', name, 'Averil Rothrock'),
h('div', office, 'King Superior Court Judge, Position 31'),
h('div', name, 'Marshall Ferguson'),
h('div', office, 'King Superior Court Judge, Position 37'),
h('div', name, 'Michael Ryan'),
h('div', office, 'King Superior Court Judge, Position 49'),
h('div', name, 'Aimee Sutton'),
h('div', group, 'Port of Seattle'),
h('div', office, 'Port of Seattle, Commissioner Position 2'),
h('div', name, 'Sam Cho'),
h('div', office, 'Port of Seattle, Commissioner Position 5'),
h('div', name, 'Fred Felleman'),
h('div', group, 'City of Seattle'),
h('div', office, 'Seattle Council, District 5'),
h('div', names,
h('div', name, 'Debora Juarez'),
h('div', name, 'John Lombard'),
),
h('div', office, 'Seattle School District Director, District 1'),
h('div', name, 'Eric Blumhagen'),
h('div', group, 'City of Shoreline'),
h('div', office, 'Shoreline Council, Position 2'),
h('div', name, 'Keith Patrick Scully'),
h('div', office, 'Shoreline Council, Position 4'),
h('div', name, 'Doris McConnell'),
h('div', office, 'Shoreline Council, Position 6'),
h('div', name, 'Betsy Robertson'),
h('div', office, 'Shoreline School District 412, Director, District 1'),
h('div', name, 'Meghan Jernigan'),
h('div', office, 'Shoreline School District 412, Director, District 4'),
h('div', name, 'Rebeca Rivera'),
h('div', office, 'Shoreline School District 412, Director, District 5'),
h('div', names,
h('div', name, 'Joe Cunningham'),
h('div', name, 'Sara Betnel'),
),
)
)
export default Page
import Helmet from 'react-helmet'
import {createElement as h}from 'react'
import logo from '../../../../components/logo.js'
const title = `Endorsements Reverse`
const month = 'August'
const day_ordinal = '6th'
const color = '#0000A0'
const highlight_logo = '#8080C0'
const size = 12
const fontSize = size
const padding = `0 ${size}px`
const p = {style: {
lineHeight:'1.5',
marginBottom:size,
padding,
}}
const Page = () => (
h('div', {style: {
display:'flex',
fontSize,
}},
h(Helmet, {},
h('title', {}, title),
),
h(Card),
h(Card),
)
)
const Card = () => (
h('div', {style: {
borderColor:color,
borderStyle:'solid',
borderWidth:4,
color,
display:'flex',
flexDirection:'column',
justifyContent:'space-between',
fontFamily:'sans-serif',
fontWeight:'normal',
margin:'0.25in',
height:'10in',
width:'3.75in',
}},
h('div', {style: {
display:'flex',
margin:'.5em',
}},
h('div', {style: {
background:color,
marginRight:'.5em',
}},
h('div', {
style: {height:'5em', width:'5em', },
},
logo({fill:highlight_logo})
),
),
h('div', {style: {
alignSelf:'flex-end',
fontFamily:'serif',
fontSize:'1.25em',
fontWeight:'bold',
letterSpacing:'3',
}},
h('div', {},
h('span', {style: {fontSize:'2em'}}, '32'),
h('span', {style: {textTransform:'uppercase'}}, 'nd'),
),
h('div', {style: {textTransform:'uppercase'}}, 'District'),
h('div', {style: {textTransform:'uppercase'}}, 'Democrats'),
),
),
h('div', {},
h('div', p, 'Hi Neighbors,'),
h('div', p, `We are the 32nd District Democrats, and we fight for progressive issues. We hope this endorsement list will help you with your voting decisions for the ${month} ${day_ordinal} ballot.`),
h('div', p, 'Our meetings are held on the 2nd Wednesday of the each month at 7pm — please join us!'),
h('div', p, 'Check out our website for meeting location, agenda, and current issues: https://32democats.org/'),
),
h('img', {src:'/img/map-screenshot.png', style:{
maxHeight:'4.75in',
maxWidth:`calc(3.75in - ${2*size}px)`,
objectFit: 'contain',
margin:'0 auto',
}}),
h('div', p,
'Paid for by: 32nd District Democrats',
h('br'),
'PO Box 55622, Shoreline, WA 98155',
h('br'),
'https://32democrats.org/',
h('br'),
'Alan Charnley, Chair',
),
)
)
export default Page
import Helmet from 'react-helmet'
import {createElement as h}from 'react'
import logo from '../../../../components/logo.js'
const county = 'Snohomish'
const election = 'Primary'
const year = '2019'
const month = 'August'
const day = '6'
const title = `${county} ${year} ${election} Endorsements`
const color = '#0000A0'
const highlight = '#E8E8F8'
const highlight_logo = '#8080C0'
const size = 12
const fontSize = size
const padding = `2px ${size}px`
const group = {style: {
background:highlight,
fontSize:'1.5em',
marginTop:size,
padding,
}}
const office = {style: {
fontWeight:'bold',
padding,
}}
const names = {style: {
display:'flex',
}}
const name = {
style: {
display:'list-item',
listStyleType:'square',
margin:`3px 0 3px ${size * 3}px`,
whiteSpace:'nowrap',
},
}
const Page = () => (
h('div', {style: {
display:'flex',
fontSize,
}},
h(Helmet, {},
h('title', {}, title),
),
h(Card),
h(Card),
)
)
const Card = () => (
h('div', {style: {
borderColor:color,
borderStyle:'solid',
borderWidth:4,
color,
fontFamily:'sans-serif',
fontWeight:'normal',
margin:'0.25in',
height:'10in',
width:'3.75in',
}},
h('div', {style: {
display:'flex',
margin:'.5em',
}},
h('div', {style: {
background:color,
marginRight:'.5em',
}},
h('div', {
style: {height:'5em', width:'5em', },
},
logo({fill:highlight_logo})
),
),
h('div', {style: {
alignSelf:'flex-end',
fontFamily:'serif',
fontSize:'1.25em',
fontWeight:'bold',
letterSpacing:'3',
}},
h('div', {},
h('span', {style: {fontSize:'2em'}}, '32'),
h('span', {style: {textTransform:'uppercase'}}, 'nd'),
),
h('div', {style: {textTransform:'uppercase'}}, 'District'),
h('div', {style: {textTransform:'uppercase'}}, 'Democrats'),
),
),
h('div', {style: {
background:color,
color:'white',
padding:'.5em 0',
}},
h('div', {style: {
fontSize:'2em',
padding,
}},
`${month} ${day}, ${year}`
),
h('div', {style:{padding}}, `${election} Election Endorsements`),
),
h('div', {style: {
background:highlight,
fontSize:'2em',
marginTop:size,
padding,
}},
`${county} County`
),
h('div', office, 'Snohomish County Executive'),
h('div', name, 'Dave Somers'),
h('div', office, 'Snohomish County Sheriff'),
h('div', name, 'Ty Trenary'),
h('div', office, 'Snohomish County Council, District 3'),
h('div', name, 'Stephanie Wright'),
h('div', office, 'Snohomish County Auditor'),
h('div', name, 'Cindy Gobel'),
h('div', office, 'Superior Court Judge Position 7'),
h('div', name, 'Edirin Okoloko'),
h('div', office, 'Superior Court Judge Position 13'),
h('div', name, 'Jennifer Langbehn'),
h('div', office, 'Superior Court Judge Position 14'),
h('div', name, 'Paul W. Thompson'),
h('div', office, 'South Sno. Co. Fire & Rescue RFA Commissioner, District 1'),
h('div', name, 'Ted Hikel'),
h('div', group, 'City of Edmonds'),
h('div', office, 'Edmonds Mayor'),
h('div', name, 'Mike Nelson'),
h('div', office, 'Edmonds Council, Position 4'),
h('div', name, 'Jenna Nand'),
h('div', office, 'Edmonds Council, Position 5'),
h('div', name, 'Alicia Crank'),
h('div', office, 'Edmonds Council, Position 6'),
h('div', name, 'Susan Paine'),
h('div', office, 'Edmonds Council, Position 7'),
h('div', name, 'Laura Johnson'),
h('div', {style:{
background:highlight,
marginTop:size,
padding,
}},
h('div', {style:{fontSize:'1.5em',}}, 'Edmonds School District 15'),
h('div', {style:{lineHeight:1.5}}, 'also includes Brier, Lynnwood, Mountlake Terrace'),
),
h('div', office, 'Edmonds School District 15 Director, District 1'),
h('div', name, 'Carin Chase'),
h('div', office, 'Edmonds School District 15 Director, District 3'),
h('div', names,
h('div', name, 'Jennifer Cail'),
h('div', name, 'Rory Graves'),
),
h('div', office, 'Edmonds School District 15 Director, District 5'),
h('div', name, 'Nancy Katims'),
h('div', group, 'City of Lynnwood'),
h('div', office, 'Lynnwood Council, Position 4'),
h('div', name, 'Van AuBuchon'),
h('div', office, 'Lynnwood Council, Position 5'),
h('div', name, 'Rosamaria Graziani'),
h('div', office, 'Lynnwood Council, Position 6'),
h('div', name, 'George Hurst'),
h('div', office, 'Lynnwood Council, Position 7'),
h('div', name, 'Shirley Sutton'),
)
)
export default Page
......@@ -23,7 +23,17 @@ const IndexPage = () => (
<hr/>
<dl className="links">
<dt><Link to="/endorsements/2019">2019 Endorsements</Link></dt>
<dd><Link to="/endorsements/apply">Apply</Link></dd>
<dd>
<ul className="menu">
<li><Link to="/endorsements/apply">Apply</Link></li>
<li>Print</li>
<ul>
<li><Link to="/endorsements/print/2019/king-primary">King Primary</Link></li>
<li><Link to="/endorsements/print/2019/snohomish-primary">Snohomish Primary</Link></li>
<li><Link to="/endorsements/print/2019/primary-reverse">Primary Reverse</Link></li>
</ul>
</ul>
</dd>
<dt><Link to="/state-legislative-agenda">State Legislative Agenda</Link></dt>
<dt><Link to="/mission-values">Mission & Values</Link></dt>
</dl>
......
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