-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.src.html
108 lines (84 loc) · 7.46 KB
/
index.src.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Peter W - Designer, developer, environmentalist.</title>
<meta name="description" content="Peter W designs and builds web sites and software for good people with great missions.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <link rel="stylesheet" href="css/main.css"> -->
<link rel="stylesheet" href="css/min.css">
</head>
<body>
<!--[if lt IE 11]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/?locale=en">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<article class="cv">
<header>
<h1 class="hello">hello.</h1>
</header>
<section class="intro">
<p>I'm Peter W, a web designer & software developer making beautiful and useful things with code. I do work for good causes and great people in the United States and internationally.</p>
</section>
<section class="clients">
<header>
<h1>
I've worked with:
</h1>
</header>
<ul>
<li><a href="http://bikewalkvote.org">Bike Walk Vote PAC</a></li>
<li><a href="http://codeforamerica.org">Code for America</a></li>
<li><a href="http://suncrowd.com.au">SunCrowd</a></li>
<li><a href="http://btaoregon.org">The Bicycle Transportation Alliance</a></li>
<li><a href="http://paulpritchard.com.au">Paul Pritchard</a></li>
<li><a href="http://www.lockthegate.org.au">Lock the Gate</a></li>
<li><a href="http://www.environmentamerica.org/">Environment America</a></li>
<li><a href="http://beautifulsolutions.org.nz/">Beautiful Solutions Aotearoa</a></li>
<li><a href="http://sewlove.nz">Sew Love</a></li>
<li><a href="http://oregonwalks.org">Oregon Walks</a></li>
<li><a href="http://350.org.au">350.org</a></li>
</ul>
</section>
<section class="contact">
<header class="visuallyhidden">
<h1>
Contact Peter W:
</h1>
</header>
<ul class="social">
<li class="twitter">
<a href="https://twitter.com/techieshark" title="Peter W on Twitter">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20px" height="20px"><rect x="0" fill="none" width="24" height="24"/><g><path d="M22.23 5.924c-.736.326-1.527.547-2.357.646.847-.508 1.498-1.312 1.804-2.27-.793.47-1.67.812-2.606.996C18.325 4.498 17.258 4 16.078 4c-2.266 0-4.103 1.837-4.103 4.103 0 .322.036.635.106.935-3.41-.17-6.433-1.804-8.457-4.287-.353.607-.556 1.312-.556 2.064 0 1.424.724 2.68 1.825 3.415-.673-.022-1.305-.207-1.86-.514v.052c0 1.988 1.415 3.647 3.293 4.023-.344.095-.707.145-1.08.145-.265 0-.522-.026-.773-.074.522 1.63 2.038 2.817 3.833 2.85-1.404 1.1-3.174 1.757-5.096 1.757-.332 0-.66-.02-.98-.057 1.816 1.164 3.973 1.843 6.29 1.843 7.547 0 11.675-6.252 11.675-11.675 0-.178-.004-.355-.012-.53.802-.578 1.497-1.3 2.047-2.124z"/></g></svg>
<!-- https://github.com/Automattic/social-logos -->
<span class="visuallyhidden">Peter W on Twitter</span>
</a>
</li>
<li class="github">
<a href="https://github.com/techieshark" title="Peter W on GitHub">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20px" height="20px"><rect x="0" fill="none" width="24" height="24"/><g><path d="M12 2C6.477 2 2 6.477 2 12c0 4.42 2.865 8.166 6.84 9.49.5.09.68-.22.68-.485 0-.236-.008-.866-.013-1.7-2.782.603-3.37-1.34-3.37-1.34-.454-1.156-1.11-1.464-1.11-1.464-.908-.62.07-.607.07-.607 1.004.07 1.532 1.03 1.532 1.03.89 1.53 2.34 1.09 2.91.833.09-.647.348-1.086.634-1.337-2.22-.252-4.555-1.112-4.555-4.944 0-1.09.39-1.984 1.03-2.682-.104-.254-.448-1.27.096-2.646 0 0 .84-.27 2.75 1.025.8-.223 1.654-.333 2.504-.337.85.004 1.705.114 2.504.336 1.91-1.294 2.748-1.025 2.748-1.025.546 1.376.202 2.394.1 2.646.64.7 1.026 1.59 1.026 2.682 0 3.84-2.337 4.687-4.565 4.935.36.307.68.917.68 1.852 0 1.335-.013 2.415-.013 2.74 0 .27.18.58.688.482C19.138 20.16 22 16.416 22 12c0-5.523-4.477-10-10-10z"/></g></svg>
<span class="visuallyhidden">Peter W on GitHub</span>
</a>
</li>
<li class="mail">
<a href="mailto:[email protected]" title="email Peter W via [email protected]">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20px" height="20px"><rect x="0" fill="none" width="24" height="24"/><g><path d="M20 4H4c-1.105 0-2 .895-2 2v12c0 1.105.895 2 2 2h16c1.105 0 2-.895 2-2V6c0-1.105-.895-2-2-2zm0 4.236l-8 4.882-8-4.882V6h16v2.236z"/></g></svg>
<span class="visuallyhidden">Email Peter W via [email protected]</span>
</a>
</li>
<li class="linkedin">
<a href="https://www.linkedin.com/in/thepeterw" title="Peter W on LinkedIn">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20px" height="20px"><rect x="0" fill="none" width="24" height="24"/><g><path d="M19.7 3H4.3C3.582 3 3 3.582 3 4.3v15.4c0 .718.582 1.3 1.3 1.3h15.4c.718 0 1.3-.582 1.3-1.3V4.3c0-.718-.582-1.3-1.3-1.3zM8.34 18.338H5.666v-8.59H8.34v8.59zM7.003 8.574c-.857 0-1.55-.694-1.55-1.548 0-.855.692-1.548 1.55-1.548.854 0 1.547.694 1.547 1.548 0 .855-.692 1.548-1.546 1.548zm11.335 9.764h-2.67V14.16c0-.995-.017-2.277-1.387-2.277-1.39 0-1.6 1.086-1.6 2.206v4.248h-2.668v-8.59h2.56v1.174h.036c.357-.675 1.228-1.387 2.527-1.387 2.703 0 3.203 1.78 3.203 4.092v4.71z"/></g></svg>
<span class="visuallyhidden">Peter W on LinkedIn</span>
</a>
</li>
<li class="instagram">
<a href="https://www.instagram.com/techieshark/" title="Peter W on Instagram">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20px" height="20px"><rect x="0" fill="none" width="24" height="24"/><g><path d="M18.924 10.615h-1.567c.114.443.182.906.182 1.385 0 3.06-2.48 5.54-5.54 5.54-3.058 0-5.537-2.48-5.537-5.54 0-.48.068-.942.182-1.385h-1.57v7.616c0 .383.31.693.694.693h12.46c.383 0 .693-.31.693-.692v-7.615zm0-4.846c0-.383-.31-.693-.693-.693h-2.075c-.382 0-.692.31-.692.692v2.076c0 .382.31.692.692.692h2.076c.384 0 .694-.31.694-.692V5.77zM12 8.537c-1.912 0-3.462 1.55-3.462 3.46 0 1.913 1.55 3.463 3.462 3.463s3.462-1.55 3.462-3.46c0-1.912-1.55-3.462-3.462-3.462M18.924 21H5.076C3.93 21 3 20.07 3 18.922V5.077C3 3.93 3.93 3 5.076 3h13.847C20.07 3 21 3.93 21 5.077v13.846C21 20.07 20.07 21 18.924 21" fill-rule="evenodd" clip-rule="evenodd"/></g></svg>
<span class="visuallyhidden">Peter W on Instagram</span>
</a>
</li>
</ul>
</section>
</article>
</body>
</html>