Commit 3933705d authored by Raphael's avatar Raphael

space and fade icon links

parent d0cb07d1
Pipeline #61032609 passed with stages
in 2 minutes and 27 seconds
......@@ -14,10 +14,10 @@ html {
line-height:1;
}
body, body > div, .body, html {height:100vh;}
body, input, textarea {
body, button, input, textarea {
font-family: sans-serif;
}
body, input, textarea, .h ol, .h p, .h ul {
body, button, input, textarea, .h ol, .h p, .h ul {
font-size: 1rem;
}
body {
......@@ -35,7 +35,7 @@ h1, .h1 { font-size: 2rem; }
h2, .h2 { font-size: 1.5rem; }
h3, .h3 { font-size: 1.25rem; }
h4, .h4 { font-size: 1.125rem; }
p, .p, h1, h2, h3, h4, dl, input, label, ol, pre, table, textarea, ul {
p, .p, button, h1, h2, h3, h4, dl, input, label, ol, pre, table, textarea, ul {
line-height: 1.5;
}
p, .p, dl, ol, pre, table, ul {
......@@ -339,6 +339,10 @@ td, th {border: 1px solid;}
padding-left: 1em;
}
.fade {
opacity: .5;
}
@media screen and (min-width: 50rem){
.body {flex-direction:row;}
.body-menu {overflow-x:hidden;overflow-y:auto;max-width:20em;flex-shrink:0;
......
......@@ -3,9 +3,9 @@ import Link from 'gatsby-link'
import React from 'react'
const year = '2019'
const email = <span title="Email" className="no-print">📧</span>
const info = <span title="Info" className="no-print"></span>
const web = <span title="Website" className="no-print">🌐</span>
const email = <span title="Email" className="fade no-print">📧</span>
const info = <span title="Info" className="fade no-print"></span>
const web = <span title="Website" className="fade no-print">🌐</span>
const Page = () => (
<div>
......@@ -40,32 +40,32 @@ const Page = () => (
<ul className="endorsements">
<li>King County
<ul>
<li>Council, District 4: <b>Jeanne Kohl-Welles</b>
<li>Council, District 4: <b>Jeanne Kohl-Welles</b>{' '}
<a href="mailto:JEANNE@JEANNEKOHLWELLES.COM">{email}</a>
<a href="https://jeannekohlwelles.com/">{web}</a>
</li>
<li>Port of Seattle: Commissioner, Position 5: <b>Fred Felleman</b>
<li>Port of Seattle: Commissioner, Position 5: <b>Fred Felleman</b>{' '}
<a href="mailto:FREDFORPORT@GMAIL.COM">{email}</a>
</li>
<li>Superior Court Judge
<ul>
<li>Position 5: <b>Maureen McKee</b>
<li>Position 5: <b>Maureen McKee</b>{' '}
<a href="mailto:JUDGEMAUREENMCKEE@GMAIL.COM">{email}</a>
<a href="https://31stdistrictdemocrats.org/king-county-superior-court-judge-pos-5-judge-maureen-mckee/">{info}</a>
</li>
<li>Position 16: <b>Averil Rothrock</b>
<li>Position 16: <b>Averil Rothrock</b>{' '}
<a href="mailto:JUDGEROTHROCK@GMAIL.COM">{email}</a>
</li>
<li>Position 31: <b>
Marshall Ferguson
</b>
</b>{' '}
<a href="http://judgemarshallferguson.com/">{web}</a>
<a href="https://31stdistrictdemocrats.org/king-county-superior-court-judge-pos-31-judge-marshall-ferguson/">{info}</a>
</li>
<li>Position 37: <b>Michael Ryan</b>
<li>Position 37: <b>Michael Ryan</b>{' '}
<a href="mailto:FRIENDSOFJUDGERYAN@GMAIL.COM">{email}</a>
</li>
<li>Position 49: <b>Aimee Sutton</b>
<li>Position 49: <b>Aimee Sutton</b>{' '}
<a href="mailto:JUDGEAIMEESUTTON@GMAIL.COM">{email}</a>
<a href="https://31stdistrictdemocrats.org/king-county-superior-court-judge-pos-49-judge-aimee-sutton/">{info}</a>
</li>
......@@ -75,25 +75,25 @@ const Page = () => (
</li>
<li>Snohomish County
<ul>
<li>Council, District 3: <b>Stephanie Wright</b>
<li>Council, District 3: <b>Stephanie Wright</b>{' '}
<a href="mailto:STEPHANIE@STEPHWRIGHT.COM">{email}</a>
<a href="https://stephwright.com/">{web}</a>
</li>
<li>Executive: <b>Dave Somers</b>
<li>Executive: <b>Dave Somers</b>{' '}
<a href="mailto:SOMERSDAVE@COMCAST.NET">{email}</a>
</li>
<li>Sheriff: <b>Ty Trenary</b>
<li>Sheriff: <b>Ty Trenary</b>{' '}
<a href="mailto:TY.TRENARY@YAHOO.COM">{email}</a>
</li>
<li>Superior Court Judge
<ul>
<li>Position 7: <b>Edirin Okoloko</b>
<li>Position 7: <b>Edirin Okoloko</b>{' '}
<a href="mailto:JUDGEOKOLOKO@GMAIL.COM">{email}</a>
</li>
<li>Position 13: <b>Jennifer Langbehn</b>
<li>Position 13: <b>Jennifer Langbehn</b>{' '}
<a href="mailto:JUDGEJENNIFERLANGBEHN@GMAIL.COM">{email}</a>
</li>
<li>Position 14: <b>Paul Thompson</b>
<li>Position 14: <b>Paul Thompson</b>{' '}
<a href="mailto:JUDGEPAULTHOMPSON@GMAIL.COM">{email}</a>
</li>
</ul>
......@@ -104,50 +104,50 @@ const Page = () => (
<ul>
<li>City Council
<ul>
<li>Position 4: <b>Jenna Nand</b>
<li>Position 4: <b>Jenna Nand</b>{' '}
<a href="mailto:jenna@voteforjenna.com">{email}</a>
<a href="http://voteforjenna.com/">{web}</a>
</li>
<li>Position 5: <b>Alicia Crank</b>
<li>Position 5: <b>Alicia Crank</b>{' '}
<a href="https://alicia4edmonds.com/">{web}</a>
</li>
<li>Position 6: <b>Susan Paine</b>
<li>Position 6: <b>Susan Paine</b>{' '}
<a href="https://susanpaine.com/">{web}</a>
</li>
<li>Position 7: <b>Laura Johnson</b>
<li>Position 7: <b>Laura Johnson</b>{' '}
<a href="mailto:INFO@VOTELAURAJOHNSON.COM">{email}</a>
<a href="https://www.votelaurajohnson.com/">{web}</a>
</li>
</ul>
</li>
<li>Mayor: <b>Mike Nelson</b>
<li>Mayor: <b>Mike Nelson</b>{' '}
<a href="https://www.votenelson.org/">{web}</a>
</li>
</ul>
</li>
<li>Lynnwood City Council
<ul>
<li>Position 4: <b>Shirley Sutton</b>
<li>Position 4: <b>Shirley Sutton</b>{' '}
<a href="mailto:NATC_2@YVN.COM">{email}</a>
</li>
<li>Position 5: <b>Rosamaria Graziani</b>
<li>Position 5: <b>Rosamaria Graziani</b>{' '}
<a href="mailto:rosamaria4lynnwood@gmail.com">{email}</a>
</li>
<li>Position 6: <b>George Hurst</b>
<li>Position 6: <b>George Hurst</b>{' '}
<a href="mailto:Hurst4Lynnwood@outlook.com">{email}</a>
</li>
<li>Position 7: <b>Van AuBuchon</b>
<li>Position 7: <b>Van AuBuchon</b>{' '}
<a href="mailto:VAN@VOTEVAN.NET">{email}</a>
</li>
</ul>
</li>
<li>Seattle
<ul>
<li>School Board, Pos. 1: <b>Eric Blumhagen</b>
<li>School Board, Pos. 1: <b>Eric Blumhagen</b>{' '}
<a href="mailto:info@EricBlumhagen.com">{email}</a>
<a href="https://www.ericblumhagen.com/">{web}</a>
</li>
<li>City Council, Dist. 5: <b>John Lombard</b>
<li>City Council, Dist. 5: <b>John Lombard</b>{' '}
<a href="mailto:info@votejohnlombard.com">{email}</a>
<a href="https://votejohnlombard.com/">{web}</a>
</li>
......@@ -155,10 +155,10 @@ const Page = () => (
</li>
<li>Shoreline City Council
<ul>
<li>Position 2: <b>Keith Scully</b>
<li>Position 2: <b>Keith Scully</b>{' '}
<a href="mailto:INFO@KEITHSCULLY.ORG">{email}</a>
</li>
<li>Position 6: <b>Betsy Robertson</b>
<li>Position 6: <b>Betsy Robertson</b>{' '}
<a href="mailto:FOBETSYROBERTSON@GMAIL.COM">{email}</a>
</li>
</ul>
......
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