Commit 4560549a authored by Raphael's avatar Raphael

home, menu, elected, endorsements 2018

parent 2236b037
Pipeline #25516664 passed with stages
in 3 minutes and 53 seconds
/.cache
/node_modules
\ No newline at end of file
This diff is collapsed.
......@@ -4,9 +4,10 @@
"version": "1.0.0",
"author": "Kyle Mathews <mathews.kyle@gmail.com>",
"dependencies": {
"gatsby": "^1.9.17",
"gatsby-link": "^1.6.15",
"gatsby-plugin-react-helmet": "^1.0.5"
"gatsby": "^1.9.273",
"gatsby-link": "^1.6.45",
"gatsby-plugin-react-helmet": "^1.0.8",
"webpack": "^1.15.0"
},
"keywords": [
"gatsby"
......
module.exports = {
base: 'http://32democrats.org',
}
import React from 'react'
import PropTypes from 'prop-types'
import Link from 'gatsby-link'
import Helmet from 'react-helmet'
import Menu from './menu'
import PropTypes from 'prop-types'
import React from 'react'
import './index.css'
const Header = () => (
<div
style={{
background: 'rebeccapurple',
marginBottom: '1.5rem',
}}
>
<div
style={{
margin: '0 auto',
maxWidth: 960,
padding: '1.5rem 1.0rem',
}}
>
<h1 style={{ margin: 0 }}>
<Link
to="/"
style={{
color: 'white',
textDecoration: 'none',
}}
>
Gatsby
</Link>
</h1>
</div>
</div>
)
import './style.css'
const TemplateWrapper = ({ children }) => (
<div>
<div className="body">
<Helmet
title="32nd LD Democrats"
meta={[
......@@ -43,15 +14,8 @@ const TemplateWrapper = ({ children }) => (
{ name: 'keywords', content: '' },
]}
/>
<Header />
<div
style={{
margin: '0 auto',
maxWidth: 960,
padding: '0px 1.0rem 1.5rem',
paddingTop: 0,
}}
>
<Menu />
<div className="main">
{children()}
</div>
</div>
......
import Link from 'gatsby-link'
import React from 'react'
import {base} from '../config'
const Menu = () => (
<ul className='menu body-menu'>
<li><a href="/" className="logo-link">
<span className="logotype">
<img className="logo-img" src="/img/logo.png"/>
<span className="logotext">
32
</span>
</span>
</a></li>
<li><a href="https://calendar.google.com/calendar/r?cid=calendar@32democrats.org">Calendar</a></li>
<li><a href={base+"/2015/01/officers-contacts/"}>Contacts</a></li>
<li><a href={base+"/documents/"}>Documents</a></li>
<li><a href="/elected-officials">Elected Officials</a></li>
<li><a href="/endorsements/2018">Endorsements</a></li>
<li><a href={base+"/category/meetings-and-events/"}>Events</a></li>
<li><a href="https://www.facebook.com/32democrats.org/">Facebook</a></li>
<li><a href="http://app.leg.wa.gov/districtfinder/GetEmbedMap/32/">Map</a></li>
<li><a href={base+"/membership-information/"}>Membership</a></li>
<li><a href={base+"/meeting-minutes/"}>Minutes</a></li>
<li><a href="/mission-values">Mission</a></li>
<li><a href={base}>News</a></li>
<li><a href={base+"/platform/"}>Platform</a></li>
<li><a href={base+"/2016/12/pco-information/"} title="Precinct Committee Officers">PCO</a></li>
<li><a href={base+"/resolutions/"}>Resolutions</a></li>
<li><a href={base+"/bylaws-rules/"}>Rules</a></li>
<li><a href="https://twitter.com/32dems">Twitter</a></li>
</ul>
)
export default Menu
:root {
--bg: #F8F8F8;
--blue: #003399;
}
html {
line-height:1em;
}
body, html {height:100%;}
body, input {font-size:1em;}
body {
margin:0;
}
.body {
display:flex;
flex-direction:column;
}
h1 {
line-height:3rem;
margin: 0 1rem;
}
p {margin:1rem; max-width:50em;}
dt a {display:block;margin:0 -1rem;}
dd {
border-left:#EEF 1em solid;
margin:0 0 0 1em;
}
dt {padding:0 1rem;}
a[href] {color:#0000FF;}
/* a:visited {color:#000080;} */
a:focus, a[href]:hover {background:#E0E0FF;}
.menu {
list-style:none;padding:0;margin:0;
}
.menu li {display: flex;}
.menu a, .menu input, dt a {flex-grow:1;text-decoration:none;line-height:2em;padding:0 1rem;}
.menu input {
border-color:#808080;
border-style:solid;
border-width:0 0 1px;
}
.body-menu {
background-color:var(--bg);
}
.title {margin-top:.5rem;}
.box {
display:flex;
margin:1rem;
}
.logo-img {
height:3rem;
}
.logotype {
background-color: var(--blue) !important;
border-radius: .75rem;
/* border: #FFF .25rem solid; */
color:#FFF;
display:flex;
float:left;
font-size:2em;
font-weight:bold;
margin: .5rem 0;
padding-right: .5em;
overflow: hidden;
}
.logotext {
align-self:center;
}
ul.endorsements {
margin-left: 1em;
}
ul.endorsements, .endorsements ul {
line-height: 1.5em;
padding-left: 1em;
}
@media screen and (min-width: 50rem){
.body {flex-direction:row;}
.body-menu {overflow-x:hidden;overflow-y:auto;max-width:20em;flex-shrink:0;}
.main {order:1;overflow-y:scroll;flex-grow:1;}
}
\ No newline at end of file
import Helmet from 'react-helmet'
import Link from 'gatsby-link'
import React from 'react'
const Page = () => (
<div>
<Helmet>
<title>
Elected Officials
</title>
</Helmet>
<h1>
Elected Officials
</h1>
<ul className="endorsements">
<li><strong>National</strong>
<ul>
<li>Senate
<ul>
<li><a href="http://murray.senate.gov/public/">Patty Murray</a></li>
<li><a href="http://cantwell.senate.gov/">Maria Cantwell</a></li>
</ul>
</li>
<li>House
<ul>
<li>2nd Congressional District – <a href="https://larsen.house.gov/">Rep. Rick Larsen</a></li>
<li>7th Congressional District – <a href="https://jayapal.house.gov/">Rep Pramila Jaypal</a></li>
</ul>
</li>
</ul>
</li>
<li><strong>State</strong>
<ul>
<li>Senate – <a href="http://sdc.wastateleg.org/chase/">Maralyn Chase</a></li>
<li>House Position 1 – <a href="http://www.housedemocrats.wa.gov/roster/rep-cindy-ryu/">Cindy Ryu</a></li>
<li>House Position 2 – <a href="http://www.housedemocrats.wa.gov/roster/rep-ruth-kagi/">Ruth Kagi</a></li>
<li>Supreme Court</li>
</ul>
</li>
<li><strong>County</strong>
<ul>
<li>King
<ul>
<li>Council, 1st District – <a href="http://www.kingcounty.gov/Dembowski.aspx">Rod Dembowski</a></li>
<li>Council, 4th District – <a href="http://www.kingcounty.gov/council/kohl-welles.aspx">Jeanne Kohl-Welles</a></li>
<li>District Court, West Division</li>
</ul>
</li>
<li>Snohomish
<ul>
<li>Council, 3rd District – <a href="http://www1.co.snohomish.wa.us/Departments/Council/Districts/District_3/">Stephanie Wright</a></li>
<li>Council, 4th District – <a href="http://snohomishcountywa.gov/767/District-4">Terry Ryan</a></li>
<li><a href="http://snohomishcountywa.gov/524/Court-Divisions">District Court, South Division</a></li>
<li>Judicial District 2</li>
</ul>
</li>
</ul>
</li>
<li><strong>Municipal</strong>
<ul>
<li>Edmonds
<ul>
<li>City Council</li>
<li>Mayor </li>
<li><a href="http://www.edmondswa.gov/judge-s-welcome.html">Municipal Court, Position 1</a></li>
</ul>
</li>
<li>Lynnwood
<ul>
<li>City Council </li>
<li>Mayor</li>
</ul>
</li>
<li>Mountlake Terrace City Council</li>
<li><a href="http://www.seattle.gov/cityclerk/municipal-code-and-city-charter/council-districts">Seattle City Council</a>
<ul>
<li>District 5</li>
<li>At-Large Positions 8 and 9</li>
</ul>
</li>
<li>Shoreline City Council</li>
<li>Woodway City Council</li>
</ul>
</li>
<li><strong>Regional</strong>
<ul>
<li>King County
<ul>
<li>Conservation District</li>
<li><a href="http://northcitywater.org/about/our-commissioners/">North City Water District</a></li>
<li>Shoreline Fire District</li>
<li>Shoreline School Board</li>
<li>Ronald Water District</li>
</ul>
</li>
<li>Snohomish County
<ul>
<li><a href="https://www.edmonds.wednet.edu/cms/One.aspx?portalId=306754&pageId=451666">Edmonds School Board</a></li>
<li>Fire District 1</li>
<li>Hospital District 2</li>
<li>Olympic View Water District</li>
<li>Port of Edmonds</li>
<li><a href="https://www.snopud.com/">Public Utility District No. 1</a></li>
<li><a href="https://www.snopud.com/AboutUs/Leadership/commission.ashx?p=1236">PUD Commissioner, District 2</a></li>
<li>Conservation District</li>
</ul>
</li>
<li>Planning Boards</li>
</ul>
</li>
</ul>
</div>
)
export default Page
import Helmet from 'react-helmet'
import Link from 'gatsby-link'
import React from 'react'
const Page = () => (
<div>
<Helmet>
<title>
2018 Endorsements
</title>
</Helmet>
<h1>
2018 Endorsements
</h1>
<ul className="endorsements">
<li>Federal
<ul>
<li>Senator from Washington State: <b>Maria Cantwell</b></li>
<li>U.S. Representative from Congressional District 7: <b>Pramila Jayapal</b></li>
</ul>
</li>
<li>State Legislature
<ul>
<li>Senator: <b>Maralyn Chase</b></li>
<li>Representative: <b>Chris Roberts</b></li>
</ul>
</li>
<li>State Judiciary
<ul>
<li>Supreme Court Justice Position 8: <b>Steve Gonzalez</b></li>
<li>Supreme Court Justice Position 9: <b>Sheryl Gordon McCloud</b></li>
</ul>
</li>
<li>Snohomish County
<ul>
<li>County Offices Prosecuting Attorney: <b>Adam Cornell</b></li>
<li>Public Utilities District No 1 Commissioner: <b>Rebecca Wolfe</b></li>
<li>South District Court Judge Position 2: <b>Jeffrey D. Goodwin</b></li>
</ul>
</li>
<li>King County
<ul>
<li>Superior Court Position 22: <b>Karen Donohue</b></li>
<li>Seattle District Court
<ul>
<li>Judge Position 1: <b>Lisa Paglisotti</b></li>
<li>Judge Position 5: <b>Anne C. Harper</b></li>
</ul>
</li>
<li>Shoreline District Court
<ul>
<li>Judge Position 1: <b>Joe Campagna</b></li>
<li>Judge Position 2: <b>Marcine Anderson</b></li>
</ul>
</li>
</ul>
</li>
<li>Seattle Municipal Court
<ul>
<li>Judge Position 1: <b>Ed McKenna</b></li>
<li>Judge Position 2: <b>Andrea Chin</b></li>
<li>Judge Position 3: <b>Adam Eisenberg</b></li>
</ul>
</li>
</ul>
</div>
)
export default Page
import React from 'react'
import Link from 'gatsby-link'
const base = 'http://32democrats.org'
import {base} from '../config'
const IndexPage = () => (
<div>
<ul className="menu body-menu">
<li><a href="index.html" className="logo-link">
<span className="logotype">
<img className="logo-img" src="img/logo.png"/>
<span className="logotext">
32
</span>
</span>
</a></li>
<li><a href="./calendar.html">Calendar</a></li>
<li><a href={base+"/documents/"}>Documents</a></li>
<li><a href="elected-officials.html">Elected Officials</a></li>
<li><a href="./endorsements/2018.html">Endorsements</a></li>
<li><a href={base+"/category/meetings-and-events/"}>Events</a></li>
<li><a href="https://www.facebook.com/32democrats.org/">Facebook</a></li>
<li><a href="http://app.leg.wa.gov/districtfinder/GetEmbedMap/32/">Map</a></li>
<li><a href={base+"/meeting-minutes/"}>Meeting Minutes</a></li>
<li><a href={base+"/membership-information/"}>Membership</a></li>
<li><a href="mission-values.html">Mission, Values</a></li>
<li><a href={base}>News</a></li>
<li><a href={base+"/2015/01/officers-contacts/"}>Officers, Contacts</a></li>
<li><a href={base+"/platform/"}>Platform</a></li>
<li><a href={base+"/2016/12/pco-information/"} title="Precinct Committee Officers">PCO</a></li>
<li><a href={base+"/resolutions/"}>Resolutions</a></li>
<li><a href={base+"/bylaws-rules/"}>Rules, Bylaws</a></li>
<li><a href="https://twitter.com/32dems">Twitter</a></li>
</ul>
<div className="main">
<h1 className="title">
32nd District Democrats
</h1>
<p>
We are the Democrats of the 32nd legislative district of the state of Washington.
</p><p>
Taking back the country starts at the grassroots. Make a difference by vetting, supporting, and speaking with local candidates and officials.
<a href={base+"/category/meetings-and-events/"}>Meet with us.</a>
Taking back the country starts at the grassroots.
Make a difference by vetting, supporting, and speaking with local candidates and officials. <a href={base+"/category/meetings-and-events/"}>Meet with us.</a>
</p>
<dl className="">
<dt><a href={base}>News</a></dt>
<dt><a href="https://democrats.org/">Democrats</a></dt>
<dd><ul className="menu">
<li><a href="https://www.kcdems.org/">King County</a></li>
......@@ -50,7 +23,6 @@ const IndexPage = () => (
</ul></dd>
</dl>
</div>
</div>
)
export default IndexPage
import React from 'react'
import Link from 'gatsby-link'
const SecondPage = () => (
<div>
<h1>Hi from the second page</h1>
<p>Welcome to page 2</p>
<Link to="/">Go back to the homepage</Link>
</div>
)
export default SecondPage
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