PageSourceSearch

https://philipbrocoum.com/

html philipbrocoum.com collected 2026-09-25 15:19:05 UTC 67,954 bytes, 858 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3  
4<!-- Mirrored from philipbrocoum.com/ by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 06 Nov 2018 17:02:02 GMT -->
5<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
6<head>
7    <title>Philip Brocoum &ndash; Lead Software Engineer</title>
8    <link rel="icon" type="image/png" href="favicon.png" sizes="32x32">
9
10    <meta charset="utf-8">
11    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
12
13    <!-- Fonts -->
14    <link href="https://fonts.googleapis.com/css?family=Work+Sans:300&amp;text=Philip%20Brocoum" rel="preload" as="style">
15    <link href="https://fonts.googleapis.com/css?family=Open+Sans|Work+Sans" rel="preload" as="style">
16    <link href="https://fonts.googleapis.com/css?family=Work+Sans:300&amp;text=Philip%20Brocoum" rel="stylesheet">
17    <link href="https://fonts.googleapis.com/css?family=Open+Sans|Work+Sans" rel="stylesheet">
18
19    <link rel="stylesheet" media="all" href="assets/application-5d334b71f1a23472a03fc7cb39fa3986f569728f74f2cae1edf85f5cb181c682.css" data-turbolinks-track="reload" />
20    <style>#cover {
21  background-image: url(assets/my-name-is-phil-db27b22eb610a0cc321c360c809ff2fada900085a10dc170be6c80a07d1b6499.jpg);
22}
23@media (min-width: 576px) {
24  #cover {
25    background-image: url(assets/my-name-is-phil-md-738fa97696cfd85f349bfa675540245e5e695b52a869d807ded21752865d988c.jpg);
26  }
27}
28@media (min-width: 1200px) {
29  #cover {
30    background-image: url(assets/my-name-is-phil-lg-43ae5aeb7886376d32633f93d6029affbcd0c6c64bdad9e75f7b96f84ffb4441.jpg);
31  }
32}
33</style>
34  </head>
35
36  <body>
37    <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg"
38  xmlns:xlink="http://www.w3.org/1999/xlink">
39  <defs>
40    <symbol id="icon-chevron-down" viewBox="0 0 20 20">
41      <title>Chevron down</title>
42      <path d="M18.783 9.018l-8.281 8.27c-0.279 0.279-0.725 0.279-1.004 0l-8.281-8.27c-0.279-0.279-0.279-0.737 0-1.016l1.853-1.842c0.279-0.279 0.725-0.279 1.004 0l5.926 5.926 5.926-5.926c0.279-0.279 0.725-0.279 1.004 0l1.853 1.842c0.279 0.279 0.279 0.737 0 1.016z"></path>
43    </symbol>
44    <symbol id="icon-facebook" viewBox="0 0 32 32">
45      <title>Facebook</title>
46      <path d="M29 0.004h-26c-1.65 0-3 1.35-3 3v26c0 1.65 1.35 3 3 3h13v-14h-4v-4h4v-2c0-3.306 2.694-6 6-6h4v4h-4c-1.1 0-2 0.9-2 2v2h6l-1 4h-5v14h9c1.65 0 3-1.35 3-3v-26c0-1.65-1.35-3-3-3z"></path>
47    </symbol>
48    <symbol id="icon-twitter" viewBox="0 0 32 32">
49      <title>Twitter</title>
50      <path d="M32 7.075c-1.175 0.525-2.444 0.875-3.769 1.031 1.356-0.813 2.394-2.1 2.887-3.631-1.269 0.75-2.675 1.3-4.169 1.594-1.2-1.275-2.906-2.069-4.794-2.069-3.625 0-6.563 2.938-6.563 6.563 0 0.512 0.056 1.012 0.169 1.494-5.456-0.275-10.294-2.888-13.531-6.862-0.563 0.969-0.887 2.1-0.887 3.3 0 2.275 1.156 4.287 2.919 5.463-1.075-0.031-2.087-0.331-2.975-0.819 0 0.025 0 0.056 0 0.081 0 3.181 2.263 5.838 5.269 6.437-0.55 0.15-1.131 0.231-1.731 0.231-0.425 0-0.831-0.044-1.237-0.119 0.838 2.606 3.263 4.506 6.131 4.563-2.25 1.762-5.075 2.813-8.156 2.813-0.531 0-1.050-0.031-1.569-0.094 2.913 1.869 6.362 2.95 10.069 2.95 12.075 0 18.681-10.006 18.681-18.681 0-0.287-0.006-0.569-0.019-0.85 1.281-0.919 2.394-2.075 3.275-3.394z"></path>
51    </symbol>
52    <symbol id="icon-github" viewBox="0 0 32 32">
53      <title>GitHub</title>
54      <path d="M16 0.395c-8.836 0-16 7.163-16 16 0 7.069 4.585 13.067 10.942 15.182 0.8 0.148 1.094-0.347 1.094-0.77 0-0.381-0.015-1.642-0.022-2.979-4.452 0.968-5.391-1.888-5.391-1.888-0.728-1.849-1.776-2.341-1.776-2.341-1.452-0.993 0.11-0.973 0.11-0.973 1.606 0.113 2.452 1.649 2.452 1.649 1.427 2.446 3.743 1.739 4.656 1.33 0.143-1.034 0.558-1.74 1.016-2.14-3.554-0.404-7.29-1.777-7.29-7.907 0-1.747 0.625-3.174 1.649-4.295-0.166-0.403-0.714-2.030 0.155-4.234 0 0 1.344-0.43 4.401 1.64 1.276-0.355 2.645-0.532 4.005-0.539 1.359 0.006 2.729 0.184 4.008 0.539 3.054-2.070 4.395-1.64 4.395-1.64 0.871 2.204 0.323 3.831 0.157 4.234 1.026 1.12 1.647 2.548 1.647 4.295 0 6.145-3.743 7.498-7.306 7.895 0.574 0.497 1.085 1.47 1.085 2.963 0 2.141-0.019 3.864-0.019 4.391 0 0.426 0.288 0.925 1.099 0.768 6.354-2.118 10.933-8.113 10.933-15.18 0-8.837-7.164-16-16-16z"></path>
55    </symbol>
56    <symbol id="icon-linkedin" viewBox="0 1 32 32">
57      <title>LinkedIn</title>
58      <path d="M12 12h5.535v2.837h0.079c0.77-1.381 2.655-2.837 5.464-2.837 5.842 0 6.922 3.637 6.922 8.367v9.633h-5.769v-8.54c0-2.037-0.042-4.657-3.001-4.657-3.005 0-3.463 2.218-3.463 4.509v8.688h-5.767v-18z"></path>
59      <path d="M2 12h6v18h-6v-18z"></path>
60      <path d="M8 7c0 1.657-1.343 3-3 3s-3-1.343-3-3c0-1.657 1.343-3 3-3s3 1.343 3 3z"></path>
61    </symbol>
62    <symbol id="icon-star-trek" viewBox="0 0 26 26">
63      <title>Star Trek</title>
64      <path style=" " d="M 19.699219 11.398438 C 18.300781 7.300781 16.300781 3.5 13.699219 0.199219 C 13.699219 0.101563 13.601563 0.101563 13.5 0.101563 C 13.398438 0.101563 13.398438 0.101563 13.300781 0.199219 C 10.601563 3.398438 8.601563 7.300781 7.199219 12.300781 C 6.199219 16 5.398438 20.398438 5.101563 25.699219 C 5.101563 25.800781 5.199219 25.898438 5.300781 25.898438 C 5.300781 25.898438 5.398438 25.898438 5.398438 25.898438 C 5.5 25.898438 5.5 25.898438 5.601563 25.800781 C 8.5 22 11.199219 18.699219 15 16.300781 C 15.601563 16 15.898438 15.800781 16.199219 15.800781 C 16.300781 15.800781 16.5 15.898438 16.800781 16.300781 C 18.398438 18.5 20 21.101563 21.699219 24.101563 C 21.699219 24.199219 21.898438 24.199219 22 24.199219 C 22.101563 24.199219 22.199219 24.101563 22.199219 24 C 21.800781 19.601563 21.101563 15.398438 19.699219 11.398438 Z M 14.601563 11.800781 L 14.898438 13.601563 L 13.398438 12 L 12.101563 13.699219 L 12.300781 11.800781 L 10 11 L 12.5 10.398438 L 13.5 2.699219 L 14.398438 10.398438 L 17 11 Z "></path>
65    </symbol>
66    <symbol id="icon-cookie" viewBox="0 0 50 50">
67      <title>Cookie</title>
68      <path style=" " d="M 25 4 C 13.421875 4 4 13.421875 4 25 C 4 36.578125 13.421875 46 25 46 C 36.578125 46 46 36.578125 46 25 C 46 24.335938 45.949219 23.691406 45.90625 23.203125 C 45.878906 22.851563 45.667969 22.546875 45.355469 22.390625 C 45.042969 22.234375 44.667969 22.253906 44.375 22.441406 C 43.804688 22.808594 43.15625 23 42.5 23 C 41.0625 23 39.789063 22.132813 39.253906 20.792969 C 39.148438 20.527344 38.933594 20.316406 38.667969 20.21875 C 38.398438 20.125 38.101563 20.144531 37.847656 20.28125 C 36.980469 20.75 35.996094 21 35 21 C 31.691406 21 29 18.308594 29 15 C 29 14.007813 29.25 13.019531 29.71875 12.152344 C 29.855469 11.898438 29.878906 11.601563 29.78125 11.332031 C 29.683594 11.066406 29.476563 10.851563 29.210938 10.746094 C 27.867188 10.210938 27 8.9375 27 7.5 C 27 6.84375 27.191406 6.195313 27.558594 5.625 C 27.746094 5.328125 27.765625 4.957031 27.609375 4.644531 C 27.453125 4.332031 27.144531 4.121094 26.796875 4.089844 C 26.269531 4.042969 25.644531 4 25 4 Z M 38 4 C 36.894531 4 36 4.894531 36 6 C 36 7.105469 36.894531 8 38 8 C 39.105469 8 40 7.105469 40 6 C 40 4.894531 39.105469 4 38 4 Z M 36.5 12 C 35.671875 12 35 12.671875 35 13.5 C 35 14.328125 35.671875 15 36.5 15 C 37.328125 15 38 14.328125 38 13.5 C 38 12.671875 37.328125 12 36.5 12 Z M 21.5 15 C 22.328125 15 23 15.671875 23 16.5 C 23 17.328125 22.328125 18 21.5 18 C 20.671875 18 20 17.328125 20 16.5 C 20 15.671875 20.671875 15 21.5 15 Z M 45 15 C 44.449219 15 44 15.449219 44 16 C 44 16.550781 44.449219 17 45 17 C 45.550781 17 46 16.550781 46 16 C 46 15.449219 45.550781 15 45 15 Z M 15 20 C 16.65625 20 18 21.34375 18 23 C 18 24.65625 16.65625 26 15 26 C 13.34375 26 12 24.65625 12 23 C 12 21.34375 13.34375 20 15 20 Z M 24.5 24 C 25.328125 24 26 24.671875 26 25.5 C 26 26.328125 25.328125 27 24.5 27 C 23.671875 27 23 26.328125 23 25.5 C 23 24.671875 23.671875 24 24.5 24 Z M 17 31 C 18.105469 31 19 31.894531 19 33 C 19 34.105469 18.105469 35 17 35 C 15.894531 35 15 34.105469 15 33 C 15 31.894531 15.894531 31 17 31 Z M 30.5 32 C 31.882813 32 33 33.117188 33 34.5 C 33 35.882813 31.882813 37 30.5 37 C 29.117188 37 28 35.882813 28 34.5 C 28 33.117188 29.117188 32 30.5 32 Z "></path>
69    </symbol>
70    <symbol id="icon-mit" viewBox="0 0 321 166">
71      <title>MIT</title>
72      <g stroke-width="35" stroke="currentColor">
73        <path d="m17.5,0v166m57-166v113m57-113v166m57-166v33m58,20v113" />
74        <path d="m188.5,53v113" />
75        <path d="m229,16.5h92" />
76      </g>
77    </symbol>
78    <symbol id="icon-nyu" viewBox="0 0 36 51.946667">
79      <title>NYU</title>
80      <defs id="defs6">
81        <clipPath id="clipPath20" clipPathUnits="userSpaceOnUse">
82          <path id="path18" d="M 0,389.566 V 0 h 270 v 389.566 z" />
83        </clipPath>
84      </defs>
85      <g transform="matrix(1.3333333,0,0,-1.3333333,0,51.946667)" id="g10">
86        <g transform="scale(0.1)" id="g12">
87          <g id="g14">
88            <g clip-path="url(#clipPath20)" id="g16">
89              <!-- <path id="path22" style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 60.5859,132.684 h 147.832 V 371.122 H 60.5859 Z"
90              /> fill:#4f2987 -->
91              <path id="path24" style="fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 118.977,248.734 c -27.6879,16.524 -24.9145,40.094 -13.45,57.422 0.254,0.383 0.325,0.969 0.254,1.672 -0.469,4.129 -4.969,14.555 -6.8474,17.371 -0.4961,0.746 -0.9063,0.688 -0.9375,0.172 -0.1445,-4.719 -5.5352,-16.535 -13.7383,-30.117 -8.7305,-14.527 -8.7617,-45.938 34.5972,-47.164 0.403,-0.028 0.52,0.383 0.122,0.644 z m 7.402,1.227 c -16.555,35.336 16.531,58.16 21.941,63.109 0.762,0.7 0.559,1.348 0.567,2.133 0,11.109 -6.36,29.141 
91-8.438,31.707 -0.304,0.402 -0.554,0.227 -0.676,-0.164 -2.839,-11 -17.898,-27.324 -20.918,-30.922 -25.5542,-30.351 -19.6948,-48.844 6.965,-66.297 0.332,-0.207 0.762,0.024 0.559,0.434 z m 5.391,1.492 c 7.82,37.5 38.328,38.414 41.05,45.527 4.27,11.082 -3.523,30.77 -5.515,33.114 -0.196,0.234 -0.457,0.086 -0.559,-0.125 -4.18,-9.106 -10.867,-17.735 -15.777,-21.703 -6.899,-5.571 -33.403,-25.223 -19.848,-56.836 0.18,-0.379 0.539,-0.297 0.649,0.023 z m 5.425,-3.262 c 49.387,-1.777 52.903,43.243 53.11,60.098 0,0.973 -0.469,1.055 -0.735,0.383 -1.433,-3.516 -7.871,-16.078 -25.691,-23.695 -15.899,-6.844 -25.481,-22.332 -27.133,-36.247 -0.074,-0.347 0.207,-0.523 0.449,-0.539 z m 11.223,-16.859 v 11.34 h -38.965 v -11.34 h 38.965 z m -22.773,-80.219 c 0.324,-1.875 4.406,-2.812 5.339,0 l 9.438,74.813 h -22.949 l 8.172,-74.813 z M 269.98,119.57 H 0 V 389.566 H 269.98 V 119.57"
92              />
93              <path id="path26" style="fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none" d="M 0,92.8711 H 18.543 L 61.3984,36.582 V 92.8711 H 81.2383 V 1.44531 H 64.1328 L 19.8516,59.5703 V 1.44531 H 0 V 92.8711"
94              />
95              <path id="path28" style="fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none" d="M 126.445,37.5 91.3203,92.8711 h 23.4917 l 21.829,-36.6992 22.199,36.6992 h 22.859 L 146.562,37.8906 V 1.44531 H 126.445 V 37.5"
96              />
97              <path id="path30" style="fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 190.332,40.6328 v 52.2383 h 20.106 V 41.1602 c 0,-14.9102 7.445,-22.6055 19.738,-22.6055 12.265,0 19.707,7.4492 19.707,21.9609 V 92.8711 H 270 V 41.2891 C 270,13.5938 254.453,0 229.902,0 c -24.558,0 -39.57,13.7109 -39.57,40.6328"
98              />
99            </g>
100          </g>
101        </g>
102      </g>
103    </symbol>
104    <symbol id="icon-evernote" viewBox="0 0 50 50">
105      <title>Evernote</title>
106      <g id="evernote">
107        <path style=" " d="M 20 2 C 17.242188 2 15 4.242188 15 7 L 15 12 C 15 12.550781 14.550781 13 14 13 L 9 13 C 6.839844 13 5.0625 14.742188 5.039063 16.886719 C 4.992188 21.289063 5.472656 25.53125 6.3125 28.230469 C 7.277344 31.304688 9.199219 33.296875 11.71875 33.839844 L 18.789063 35.449219 C 19.875 35.679688 20.980469 35.460938 21.894531 34.832031 C 22.808594 34.203125 23.410156 33.253906 23.589844 32.066406 L 23.75 29.730469 C 24.898438 31.167969 26.800781 32 29 32 L 32 32 C 34.207031 32 36 33.792969 36 36 L 36 39 C 36 40.652344 34.652344 42 33 42 L 30.105469 42 C 29.570313 42 29.085938 41.640625 29.015625 41.175781 C 28.964844 40.871094 29.042969 40.582031 29.234375 40.355469 C 29.425781 40.128906 29.707031 40 30 40 L 32 40 C 32.554688 40 33 39.550781 33 39 L 33 35 C 33 34.449219 32.554688 34 32 34 L 29 34 C 25.691406 34 23 36.691406 23 40 L 23 42 C 23 45.308594 25.691406 48 29 48 L 34 48 C 44 48 44 33.816406 44 27 C 44 20.09375 43.835938 15.574219 42.96875 11.46875 C 42.28125 8.226563 40.324219 6.320313 37.101563 5.804688 C 36.839844 5.777344 31.136719 5.199219 27.839844 5.03125 C 27.285156 3.375 25.390625 2 23.40625 2 Z M 13.453125 4.546875 L 6.390625 11.609375 C 7.179688 11.222656 8.066406 11 9 11 L 13 11 L 13 7 C 13 6.136719 13.164063 5.3125 13.453125 4.546875 Z M 34.5 20 C 35.882813 20 37 21.121094 37 22.5 C 37 23.09375 36.785156 23.628906 36.441406 24.058594 C 35.683594 23.429688 34.210938 23 32.5 23 C 32.347656 23 32.203125 23.011719 32.058594 23.019531 C 32.019531 22.851563 32 22.679688 32 22.5 C 32 21.117188 33.117188 20 34.5 20 Z "></path>
108      </g>
109    </symbol>
110    <!-- <symbol id="icon-grid" viewBox="0 0 50 50">
111      <title>Grid</title>
112      <path d="M 5 4 C 4.45 4 4 4.45 4 5 L 4 13 L 13 13 L 13 4 L 5 4 z M 15 4 L 15 13 L 24 13 L 24 4 L 15 4 z M 26 4 L 26 13 L 35 13 L 35 4 L 26 4 z M 37 4 L 37 13 L 46 13 L 46 5 C 46 4.45 45.55 4 45 4 L 37 4 z M 4 15 L 4 24 L 13 24 L 13 15 L 4 15 z M 15 15 L 15 24 L 24 24 L 24 15 L 15 15 z M 26 15 L 26 24 L 35 24 L 35 15 L 26 15 z M 37 15 L 37 24 L 46 24 L 46 15 L 37 15 z M 4 26 L 4 35 L 13 35 L 13 26 L 4 26 z M 15 26 L 15 35 L 24 35 L 24 26 L 15 26 z M 26 26 L 26 35 L 35 35 L 35 26 L 26 26 z M 37 26 L 37 35 L 46 35 L 46 26 L 37 26 z M 4 37 
112L 4 45 C 4 45.55 4.45 46 5 46 L 13 46 L 13 37 L 4 37 z M 15 37 L 15 46 L 24 46 L 24 37 L 15 37 z M 26 37 L 26 46 L 35 46 L 35 37 L 26 37 z M 37 37 L 37 46 L 45 46 C 45.55 46 46 45.55 46 45 L 46 37 L 37 37 z"></path>
113    </symbol> -->
114    <symbol id="icon-classroom" viewBox="-2 -2 54 54">
115      <title>Teaching</title>
116      <path d="M 10 0 C 9.449219 0 9 0.449219 9 1 L 9 4.6875 C 9.910156 4.253906 10.925781 4 12 4 C 15.859375 4 19 7.140625 19 11 C 19 12.210938 18.699219 13.351563 18.15625 14.34375 L 21.3125 13.6875 L 25.21875 8.625 C 26.019531 7.558594 27.277344 6.96875 28.65625 6.96875 C 29.617188 6.96875 30.554688 7.273438 31.3125 7.84375 C 32.257813 8.554688 32.84375 9.609375 32.96875 10.8125 C 33.085938 11.921875 32.773438 13.066406 32.09375 13.96875 L 27.125 20.4375 C 26.5 21.269531 25.4375 21.964844 24.28125 22.3125 L 21 23.5 L 21 25 L 33 25 L 33 21 L 41.90625 21 L 43 23 L 41.90625 25 L 48 25 L 48 1 C 48 0.449219 47.554688 0 47 0 Z M 12 6 C 9.238281 6 7 8.238281 7 11 C 7 13.761719 9.238281 16 12 16 C 14.761719 16 17 13.761719 17 11 C 17 8.238281 14.761719 6 12 6 Z M 28.65625 8.96875 C 27.914063 8.96875 27.230469 9.289063 26.8125 9.84375 L 22.4375 15.5 L 15.46875 16.9375 L 9.21875 16.9375 C 6.550781 16.9375 5 18.488281 5 21.15625 L 5 31.3125 C 5.625 31.113281 6.308594 31 7 31 C 8.835938 31 10.503906 31.773438 11.6875 33 L 14.34375 32.96875 C 15.523438 31.753906 17.175781 31 19 31 L 19 22.09375 L 23.65625 20.4375 C 24.421875 20.21875 25.121094 19.753906 25.5 19.25 L 30.5 12.75 C 30.863281 12.261719 31.066406 11.644531 31 11.03125 C 30.933594 10.386719 30.621094 9.808594 30.125 9.4375 C 29.707031 9.125 29.1875 8.96875 28.65625 8.96875 Z M 21 26 L 21 30 L 49 30 C 49.554688 30 50 29.554688 50 29 L 50 27 C 50 26.445313 49.554688 26 49 26 Z M 7 33 C 4.519531 33 2.5 35.019531 2.5 37.5 C 2.5 39.164063 3.433594 40.597656 4.78125 41.375 C 2.285156 42.28125 0.5 44.691406 0.5 47.5 L 0.5 49.5 C 0.5 49.777344 0.722656 50 1 50 L 49 50 C 49.277344 50 49.5 49.777344 49.5 49.5 L 49.5 47.5 C 49.5 44.691406 47.714844 42.28125 45.21875 41.375 C 46.566406 40.597656 47.5 39.164063 47.5 37.5 C 47.5 35.019531 45.480469 33 43 33 C 40.519531 33 38.5 35.019531 38.5 37.5 C 38.5 39.164063 39.433594 40.597656 40.78125 41.375 C 39.082031 41.992188 37.703125 43.3125 37 44.96875 C 36.296875 43.3125 34.917969 41.992188 33.21875 41.375 C 34.566406 40.597656 35.5 39.164063 35.5 37.5 C 35.5 35.019531 33.480469 33 31 33 C 28.519531 33 26.5 35.019531 26.5 37.5 C 26.5 39.164063 27.433594 40.597656 28.78125 41.375 C 27.082031 41.992188 25.703125 43.3125 25 44.96875 C 24.296875 43.3125 22.917969 41.992188 21.21875 41.375 C 22.566406 40.597656 23.5 39.164063 23.5 37.5 C 23.5 35.019531 21.480469 33 19 33 C 16.519531 33 14.5 35.019531 14.5 37.5 C 14.5 39.164063 15.433594 40.597656 16.78125 41.375 C 15.082031 41.992188 13.703125 43.3125 13 44.96875 C 12.296875 43.3125 10.917969 41.992188 9.21875 41.375 C 10.566406 40.597656 11.5 39.164063 11.5 37.5 C 11.5 35.019531 9.480469 33 7 33 Z "></path>
117    </symbol>
118    <symbol id="icon-gamecontroller" viewBox="-2 -2 54 54">
119      <title>Game Controller</title>
120      <path style=" " d="M 43.90625 0.96875 C 43.863281 0.976563 43.820313 0.988281 43.78125 1 C 43.316406 1.105469 42.988281 1.523438 43 2 C 43 3.898438 42.121094 4.941406 40.5 5.96875 C 38.878906 6.996094 36.535156 7.828125 34.125 8.84375 C 31.714844 9.859375 29.21875 11.082031 27.28125 13.125 C 25.519531 14.984375 24.296875 17.539063 24.09375 20.96875 C 22.292969 20.820313 21.171875 20.242188 19.96875 19.625 C 18.5 18.871094 16.820313 18 14 18 C 7.980469 18 0 31.683594 0 42 C 0 46.710938 2.46875 50 6 50 C 11.304688 50 14.90625 47.121094 18.09375 44.59375 C 20.53125 42.660156 22.652344 41 25 41 C 27.347656 41 29.46875 42.660156 31.90625 44.59375 C 35.09375 47.121094 38.695313 50 44 50 C 47.53125 50 50 46.710938 50 42 C 50 31.683594 42.019531 18 36 18 C 33.179688 18 31.5 18.871094 30.03125 19.625 C 28.878906 20.21875 27.796875 20.761719 26.125 20.9375 C 26.320313 17.996094 27.300781 16.027344 28.75 14.5 C 30.367188 12.792969 32.578125 11.640625 34.90625 10.65625 C 37.234375 9.671875 39.628906 8.878906 41.5625 7.65625 C 43.496094 6.433594 45 4.601563 45 2 C 45.011719 1.710938 44.894531 1.433594 44.6875 1.238281 C 44.476563 1.039063 44.191406 0.941406 43.90625 0.96875 Z M 37 27 C 38.105469 27 39 27.894531 39 29 C 39 30.105469 38.105469 31 37 31 C 35.894531 31 35 30.105469 35 29 C 35 27.894531 35.894531 27 37 27 Z M 12 28 L 15 28 L 15 31 L 18 31 L 18 34 L 15 34 L 15 37 L 12 37 L 12 34 L 9 34 L 9 31 L 12 31 Z M 33 31 C 34.105469 31 35 31.894531 35 33 C 35 34.105469 34.105469 35 33 35 C 31.894531 35 31 34.105469 31 33 C 31 31.894531 31.894531 31 33 31 Z M 41 31 C 42.105469 31 43 31.894531 43 33 C 43 34.105469 42.105469 35 41 35 C 39.894531 35 39 34.105469 39 33 C 39 31.894531 39.894531 31 41 31 Z M 37 35 C 38.105469 35 39 35.894531 39 37 C 39 38.105469 38.105469 39 37 39 C 35.894531 39 35 38.105469 35 37 C 35 35.894531 35.894531 35 37 35 Z "></path>
121    </symbol>
122    <symbol id="icon-terminal" viewBox="-5 -5 60 60">
123      <title>Terminal</title>
124      <path d="M 2.84375 3 C 1.273438 3 0 4.273438 0 5.84375 L 0 10 L 50 10 L 50 5.84375 C 50 4.273438 48.726563 3 47.15625 3 Z M 0 12 L 0 46 C 0 46.554688 0.449219 47 1 47 L 49 47 C 49.554688 47 50 46.554688 50 46 L 50 12 Z M 15.09375 19.96875 C 15.351563 19.972656 15.589844 20.050781 15.78125 20.25 L 22.40625 27.0625 L 15.625 33.6875 C 15.429688 33.875 15.191406 33.96875 14.9375 33.96875 C 14.675781 33.96875 14.414063 33.855469 14.21875 33.65625 C 13.832031 33.261719 13.824219 32.636719 14.21875 32.25 L 19.59375 27.03125 L 14.375 21.65625 C 13.988281 21.261719 13.980469 20.636719 14.375 20.25 C 14.574219 20.054688 14.835938 19.964844 15.09375 19.96875 Z M 23 32 L 36 32 C 36.554688 32 37 32.445313 37 33 C 37 33.554688 36.554688 34 36 34 L 23 34 C 22.449219 34 22 33.554688 22 33 C 22 32.445313 22.449219 32 23 32 Z "></path>
125    </symbol>
126    <symbol id="icon-email" viewBox="0 0 50 50">
127      <title>Email</title>
128      <path d="M 0 7 L 0 9.78125 C 3.011719 12.402344 20.289063 27.464844 21.65625 28.65625 C 23.0625 29.882813 24.464844 30 25 30 C 25.535156 30 26.9375 29.882813 28.34375 28.65625 C 29.761719 27.421875 48.046875 11.480469 50 9.78125 L 50 7 Z M 0 12.4375 L 0 37.53125 L 15.125 25.59375 C 10.222656 21.328125 3.230469 15.25 0 12.4375 Z M 50 12.4375 C 46.949219 15.09375 39.847656 21.265625 34.875 25.59375 L 50 37.5 Z M 16.65625 26.9375 L 0 40.0625 L 0 43 L 50 43 L 50 40.03125 L 33.34375 26.9375 C 31.40625 28.625 30.011719 29.847656 29.65625 30.15625 C 27.738281 31.824219 25.757813 32 25 32 C 24.242188 32 22.261719 31.828125 20.34375 30.15625 C 19.992188 29.851563 18.597656 28.628906 16.65625 26.9375 Z "></path>
129    </symbol>
130    <symbol id="icon-person" viewBox="0 0 26 26">
131      <title>Me</title>
132      <path d="M 16.5625 15.898438 C 16.402344 15.847656 15.398438 15.394531 16.027344 13.484375 L 16.019531 13.484375 C 17.65625 11.800781 18.90625 9.085938 18.90625 6.414063 C 18.90625 2.308594 16.175781 0.15625 13 0.15625 C 9.824219 0.15625 7.109375 2.308594 7.109375 6.414063 C 7.109375 9.097656 8.351563 11.820313 10 13.503906 C 10.640625 15.1875 9.492188 15.8125 9.253906 15.898438 C 5.929688 17.101563 2.03125 19.292969 2.03125 21.457031 C 2.03125 22.039063 2.03125 21.6875 2.03125 22.269531 C 2.03125 25.214844 7.742188 25.886719 13.03125 25.886719 C 18.328125 25.886719 23.96875 25.214844 23.96875 22.269531 C 23.96875 21.6875 23.96875 22.039063 23.96875 21.457031 C 23.96875 19.230469 20.050781 17.054688 16.5625 15.898438 Z "></path>
133    </symbol>
134    <symbol id="icon-vcard" viewBox="0 0 50 50">
135      <title>vCard</title>
136      <g id="surface1">
137        <path d="M 3 7 C 1.347656 7 0 8.347656 0 10 L 0 43 C 0 44.652344 1.347656 46 3 46 L 9 46 C 9.550781 46 10 45.554688 10 45 L 10 43.5 C 9.398438 43 9 42.300781 9 41.5 C 9 40.101563 10.101563 39 11.5 39 C 12.898438 39 14 40.101563 14 41.5 C 14 42.300781 13.601563 43 13 43.5 L 13 45 C 13 45.554688 13.445313 46 14 46 L 36 46 C 36.554688 46 37 45.554688 37 45 L 37 43.5 C 36.398438 43 36 42.300781 36 41.5 C 36 40.101563 37.101563 39 38.5 39 C 39.898438 39 41 40.101563 41 41.5 C 41 42.300781 40.601563 43 40 43.5 L 40 45 C 40 45.554688 40.445313 46 41 46 L 47 46 C 48.652344 46 50 44.652344 50 43 L 50 10 C 50 8.347656 48.652344 7 47 7 Z M 16.5 14 C 17.601563 14 18.511719 14.304688 18.8125 14.90625 C 22.011719 15.304688 21.09375 19.601563 20.59375 21 C 20.792969 21.101563 21.101563 21.398438 21 22 C 20.800781 23.101563 20.394531 23.40625 20.09375 23.40625 C 19.992188 24.40625 19.398438 25.613281 19 25.8125 C 19 26.613281 18.898438 27.105469 19 27.90625 C 19.800781 30.207031 25.699219 29.5 26 34 L 7 34 C 7.300781 29.5 13.1875 30.207031 14.1875 27.90625 L 14.1875 25.8125 C 13.789063 25.613281 13.101563 24.40625 13 23.40625 C 12.699219 23.40625 12.195313 23.101563 12.09375 22 C 11.992188 21.398438 12.300781 21.101563 12.5 21 C 11.5 17.300781 12.101563 14.101563 16.5 14 Z M 37.6875 17 C 41.386719 17 44 19.414063 44 22.8125 C 44 25.8125 42.292969 27.59375 40.09375 27.59375 C 39.09375 27.59375 38.414063 27.09375 38.3125 26.09375 C 37.613281 27.09375 36.695313 27.59375 35.59375 27.59375 C 34.292969 27.59375 33.3125 26.601563 33.3125 25 C 33.3125 22.5 35.1875 20.3125 38.1875 20.3125 C 39.085938 20.3125 40.085938 20.511719 40.6875 20.8125 L 40.09375 24.5 C 39.894531 25.699219 39.992188 26.1875 40.59375 26.1875 C 41.492188 26.1875 42.59375 25.113281 42.59375 22.8125 C 42.59375 20.210938 40.886719 18.1875 37.6875 18.1875 C 34.488281 18.1875 31.8125 20.601563 31.8125 24.5 C 31.8125 27.898438 33.992188 29.8125 37.09375 29.8125 C 38.195313 29.8125 39.292969 29.585938 40.09375 29.1875 L 40.3125 30.3125 C 39.011719 30.8125 37.898438 31 36.5 31 C 33 31 30 28.585938 30 24.6875 C 30 20.585938 33.085938 17 37.6875 17 Z M 37.8125 21.90625 C 36.414063 21.90625 35.40625 23.210938 35.40625 24.8125 C 35.40625 25.613281 35.804688 26 36.40625 26 C 37.207031 26 37.988281 25.105469 38.1875 23.90625 L 38.40625 22 C 38.207031 22 38.011719 21.90625 37.8125 21.90625 Z "></path>
138      </g>
139    </symbol>
140    <symbol id="icon-mapmarker" viewBox="0 0 50 50">
141      <title>Location</title>
142      <path d="M 25 1 C 16.179688 1 9 8.179688 9 17 C 9 31.113281 23.628906 47.945313 24.25 48.65625 C 24.441406 48.875 24.710938 49 25 49 C 25.308594 48.980469 25.558594 48.875 25.75 48.65625 C 26.371094 47.933594 41 30.8125 41 17 C 41 8.179688 33.820313 1 25 1 Z M 25 12 C 28.3125 12 31 14.6875 31 18 C 31 21.3125 28.3125 24 25 24 C 21.6875 24 19 21.3125 19 18 C 19 14.6875 21.6875 12 25 12 Z "></path>
143    </symbol>
144    <symbol id="icon-phone" viewBox="0 0 50 50">
145      <title>Phone</title>
146      <path d="M 39.03125 47 C 39.015625 47 39 47 38.984375 47 C 31.46875 46.753906 22.664063 39.46875 16.597656 33.398438 C 10.523438 27.328125 3.238281 18.519531 3.003906 11.039063 C 2.917969 8.414063 9.359375 3.746094 9.425781 3.699219 C 11.097656 2.535156 12.953125 2.949219 13.714844 4.003906 C 14.230469 4.71875 19.113281 12.117188 19.644531 12.957031 C 20.195313 13.828125 20.113281 15.125 19.425781 16.425781 C 19.046875 17.148438 17.789063 19.359375 17.199219 20.390625 C 17.835938 21.296875 19.519531 23.519531 22.996094 26.996094 C 26.476563 30.472656 28.695313 32.160156 29.605469 32.796875 C 30.636719 32.207031 32.847656 30.949219 33.570313 30.570313 C 34.851563 29.890625 36.140625 29.804688 37.019531 30.34375 C 37.917969 30.894531 45.296875 35.800781 45.976563 36.273438 C 46.546875 36.675781 46.914063 37.363281 46.988281 38.164
146063 C 47.058594 38.972656 46.808594 39.828125 46.289063 40.574219 C 46.246094 40.636719 41.632813 47 39.03125 47 Z "></path>
147    </symbol>
148    <symbol id="icon-pdf" viewBox="0 0 50 50">
149      <title>PDF</title>
150      <path d="M 7 2 L 7 48 L 43 48 L 43 15.433594 L 29.167969 2 Z M 29 4 L 41 16 L 29 16 Z M 23.769531 19.941406 C 24.375 19.941406 24.90625 20.195313 25.265625 20.660156 C 26.027344 21.652344 25.976563 23.675781 25.109375 26.679688 C 26.054688 28.285156 27.246094 29.742188 28.464844 30.777344 C 29.792969 30.503906 30.933594 30.367188 31.855469 30.367188 C 34.644531 30.367188 34.949219 31.761719 34.949219 32.363281 C 34.945313 34.292969 32.882813 34.292969 32.105469 34.292969 C 30.773438 34.292969 29.386719 33.78125 27.984375 32.765625 C 25.941406 33.25 23.660156 33.992188 21.625 34.839844 C 19.035156 39.28125 17.457031 39.28125 16.933594 39.28125 C 16.613281 39.28125 16.304688 39.207031 16.019531 39.058594 C 15.113281 38.585938 15 37.894531 15.015625 37.53125 C 15.035156 37.0625 15.089844 35.660156 20.277344 33.40625 C 21.363281 31.4375 22.390625 29.054688 23.074219 26.890625 C 22.285156 25.410156 20.992188 22.503906 21.984375 20.878906 C 22.355469 20.277344 22.988281 19.941406 23.769531 19.941406 Z M 23.742188 21.753906 C 23.679688 21.78125 23.636719 21.796875 23.625 21.800781 C 23.476563 21.933594 23.433594 22.65625 23.8125 23.859375 C 24.019531 22.480469 23.859375 21.875 23.742188 21.753906 Z M 24.402344 29.035156 L 24.359375 29.1875 L 24.308594 29.105469 C 23.914063 30.160156 23.460938 31.230469 22.980469 32.253906 L 23.136719 32.1875 L 23.066406 32.308594 C 24.089844 31.945313 25.132813 31.617188 26.144531 31.339844 L 26.09375 31.296875 L 26.253906 31.261719 C 25.605469 30.597656 24.976563 29.84375 24.402344 29.035156 Z M 31.855469 32.203125 C 31.578125 32.203125 31.273438 32.222656 30.9375 32.25 C 31.34375 32.382813 31.734375 32.453125 32.105469 32.453125 C 32.601563 32.453125 32.863281 32.414063 33 32.378906 C 32.882813 32.308594 32.558594 32.203125 31.855469 32.203125 Z M 18.066406 36.625 C 17.550781 36.957031 17.238281 37.226563 17.066406 37.410156 C 17.265625 37.339844 17.605469 37.117188 18.066406 36.625 Z "></path>
151    </symbol>
152    <symbol id="icon-stackoverflow" viewBox="14 14 92 92">
153      <title>Stack Overflow</title>
154      <path d="M84.4 93.8V70.6h7.7v30.9H22.6V70.6h7.7v23.2z"/><path d="M38.8 68.4l37.8 7.9 1.6-7.6-37.8-7.9-1.6 7.6zm5-18l35 16.3 3.2-7-35-16.4-3.2 7.1zm9.7-17.2l29.7 24.7 4.9-5.9-29.7-24.7-4.9 5.9zm19.2-18.3l-6.2 4.6 23 31 6.2-4.6-23-31zM38 86h38.6v-7.7H38V86z"/>
155    </symbol>
156    <symbol id="icon-poker" viewBox="0 0 30 30">
157      <title>Poker</title>
158          <path d="M 5 3 C 3.895 3 3 3.895 3 5 L 3 25 C 3 26.105 3.895 27 5 27 L 19 27 C 20.105 27 21 26.105 21 25 L 21 5 C 21 3.895 20.105 3 19 3 L 5 3 z M 22.757812 3.6777344 C 22.904812 4.0937344 23 4.534 23 5 L 23 25 C 23 26.103 22.551172 27.104125 21.826172 27.828125 L 22.566406 27.945312 C 23.657406 28.117313 24.682469 27.37225 24.855469 26.28125 L 27.974609 6.5273438 C 28.147609 5.4363437 27.4035 4.4102813 26.3125 4.2382812 L 22.757812 3.6777344 z M 12 8 C 12.206 8 12.387875 8.0765937 12.546875 8.1835938 L 12.59375 8.1953125 C 14.36875 9.6403125 18 13.221 18 15.5 C 18 17.433 16.433 19 14.5 19 C 13.693 19 12.960141 18.714859 12.369141 18.255859 C 12.883141 19.626859 13.6935 20.471156 14.6875 21.035156 L 14.6875 21.037109 C 14.8705 21.111109 15 21.29 15 21.5 C 15 21.776 14.776 22 14.5 22 L 12 22 L 9.5 22 C 9.224 22 9 21.776 9 21.5 C 9 21.29 9.1295 21.111109 9.3125 21.037109 L 9.3125 21.035156 C 10.3065 20.472156 11.116859 19.626859 11.630859 18.255859 C 11.039859 18.714859 10.307 19 9.5 19 C 7.567 19 6 17.433 6 15.5 C 6 13.221 9.63125 9.6403125 11.40625 8.1953125 L 11.453125 8.1835938 C 11.612125 8.0765937 11.794 8 12 8 z"></path>
159    </symbol>
160  </defs>
161</svg>
162
163    <div id="cover" class="bg-dark">
164  <div class="container text-center text-light">
165    <div class="row pt-3" id="cover-row">
166      <div class="col-12 align-self-start"></div>
167      <div class="w-100"></div>
168      <div class="col-12 align-self-center">
169        <div class="fixed-ratio-container mb-3" id="profile-pic-container">
170          <div class="fixed-ratio">
171            <img class="fixed-ratio-content rounded-circle" data-rjs="assets//philip-sq@2x-1018247efaf9a374bfa6abda4f3c36e3cfa263014d8aac9bb49099f4d4e847da.jpg" src="assets/philip-sq-e03ad012d05ecf52056092c116e72cc90453008a28a829e418e62ecfd3b1ab3f.jpg" alt="Philip sq" />
172          </div>
173        </div>
174        <h1 class="display-4 d-none d-sm-block">Philip Brocoum</h1>
175        <h1 class="d-sm-none">Philip Brocoum</h1>
176        <p class="lead">Lead Software Engineer</p>
177        <p class="mb-4">coding & shipping at Olio Apps in Portland, OR</p>
178        <p class="icons">
179          <a title="LinkedIn" class="btn btn-lg btn-outline-light p-2 icon-container" href="https://www.linkedin.com/in/philipbrocoum"><svg class="icon icon-linkedin"><use xlink:href="#icon-linkedin"></use></svg></a>
180          <a title="GitHub" class="btn btn-lg btn-outline-light p-2 icon-container" href="https://github.com/stedwick"><svg class="icon icon-github"><use xlink:href="#icon-github"></use></svg></a>
181          <a title="Stack Overflow" class="btn btn-lg btn-outline-light p-2 icon-container" href="https://stackoverflow.com/users/103316/philip-brocoum"><svg class="icon icon-stackoverflow"><use xlink:href="#icon-stackoverflow"></use></svg></a>
182          <!-- <a title="Facebook" class="btn btn-lg btn-outline-light p-2 icon-container" href="https://www.facebook.com/philip.brocoum"><svg class="icon icon-facebook"><use xlink:href="#icon-facebook"></use></svg></a> -->
183          <a title="Twitter" class="btn btn-lg btn-outline-light p-2 icon-container" href="https://twitter.com/stedwick"><svg class="icon icon-twitter"><use xlink:href="#icon-twitter"></use></svg></a>
184        </p>
185        <p class="mt-5">
186          <a class="btn btn-lg btn-info" href="javascript:document.getElementById(&quot;hire-me&quot;).scrollIntoView(true);">Contact Me</a>
187        </p>
188      </div>
189      <div class="w-100"></div>
190      <div class="col-12 align-self-end mb-4">
191        <p class="text-secondary">Scroll to read more...<br /><svg class="icon icon-chevron-down" style="font-size: 20px;"><use xlink:href="#icon-chevron-down"></use></svg></p>
192      </div>
193    </div>
194  </div>
195</div>
196
197<div class="bg-light">
198  <div class="container pt-4 pb-3" id="about">
199    <div class="row pt-3" id="about-row">
200      <div class="col-12">
201        <h2 class="text-center">About Me</h2>
202        <hr class="pb-1" />
203      </div>
204      <div class='col-12 col-lg-6'>
205        <p>Hello! 👋 I'm Philip, and I began developing with Ruby on Rails at a startup in NYC in 2007. I have 10 years of Softw
205are Engineering experience, and 4 years as a Manager and Lead Engineer. I've climbed from Developer to Senior Developer, to Lead Developer, to Senior Engineering Manager leading a world-wide remote team of twelve.
206          </p></div>
207  
208
209<p><div class='col-12 col-lg-6'><p>I run projects at <a href="https://www.olioapps.com">Olio Apps</a> as our Lead Software Engineer in Portland, OR. When not at work I enjoy walking my dog, playing live poker at Portland Meadows, and vlogging on my YouTube channel. I believe in making computers accessible and helping the disabled. I'm optimistic about the future :-)
210  </p></div></p>
211
212    </div>
213  </div>
214</div>
215
216<div class="bg-white">
217  <div class="container pt-3 pb-3" id="about-skills">
218    <div class="row py-3 justify-content-center">
219      <div class="col-12">
220        <h4 class="text-center">My Skillset</h4>
221      </div>
222      
223        <div class="col-12 col-md-6 col-lg-4 col-xl-3 pt-3">
224  <div class="media">
225    <a href="https://atlassian.com/"><img class="mr-3" data-rjs="assets//atlassian@2x-b033bee89af89a7b7badc40bcc9425c23c0ad09e8e61043f87c3c77af3cf49f7.png" src="assets/atlassian-ca51bc3b243e1b1b55d760e811ce9efb24628f71366c0334c9058d003bea66f2.png" alt="Atlassian" /></a>
226    <div class="media-body">
227      <h5><a href="https://atlassian.com/">Management</a></h5>
228      <p>Engineering leadership, hiring & management of remote Agile teams across the world</p>
229    </div>
230  </div>
231</div>
232
233<div class="col-12 col-md-6 col-lg-4 col-xl-3 pt-3">
234  <div class="media">
235    <a href="http://rubyonrails.org/"><img class="mr-3" src="assets/icons8-layers-160.png" alt="Full-Stack" /></a>
236    <div class="media-body">
237      <h5><a href="http://rubyonrails.org/">Full-Stack Development</a></h5>
238      <p>Shipping apps since 2007. Backend, front-end, APIs, web, mobile, App Stores.</p>
239    </div>
240  </div>
241</div>
242      
243        <div class="col-12 col-md-6 col-lg-4 col-xl-3 pt-3">
244  <div class="media">
245    <a href="http://rubyonrails.org/"><img class="mr-3" data-rjs="assets//ruby@2x-5982ced9f3ef621aecafe190575d53aa36263de4fd4fef95cb2e72fd44b1d089.png" src="assets/ruby-432990b3f3b0fc712e89a6474d3d65b12be0b6d75f5bd7a006de013a4d209556.png" alt="Ruby" /></a>
246    <div class="media-body">
247      <h5><a href="http://rubyonrails.org/">Ruby on Rails</a></h5>
248      <p>App development with Ruby on Rails majestic monolith</p>
249    </div>
250  </div>
251</div>
252
253<div class="col-12 col-md-6 col-lg-4 col-xl-3 pt-3">
254  <div class="media">
255    <a href="http://html-css-js.com/"><img class="mr-3" src="assets/[email protected]" alt="React" /></a>
256    <div class="media-body">
257      <h5><a href="http://html-css-js.com/">React.js & Next.js</a></h5>
258      <p>Responsive single-and-multi-page-apps in TypeScript deployed to Vercel</p>
259    </div>
260  </div>
261</div>
262
263<div class="col-12 col-md-6 col-lg-4 col-xl-3 pt-3">
264  <div class="media">
265    <a href="http://html-css-js.com/"><img class="mr-3" src="assets/[email protected]" alt="GraphQL" /></a>
266    <div class="media-body">
267      <h5><a href="http://html-css-js.com/">GraphQL & REST APIs</a></h5>
268      <p>Creating and consuming robust and performant APIs</p>
269    </div>
270  </div>
271</div>
272
273<div class="col-12 col-md-6 col-lg-4 col-xl-3 pt-3">
274<div class="media">
275<a href="http://html-css-js.com/"><img class="mr-3" data-rjs="assets//html@2x-86e9e85c492b6e5a8f8bcb60969c5a5b0fc9193c65cb163eb132ccb72f55c3f1.png" src="assets/html-79ea44613dcbe9e4b311e919538deec10aad5dd096d81538bbca213a5af25034.png" alt="Html" /></a>
276<div class="media-body">
277<h5><a href="http://html-css-js.com/">HTML/CSS/JS</a></h5>
278<p>Frontend design with HTML 5, CSS 3, and JS/TypeScript/jQuery</p>
279</div>
280</div>
281</div>
282
283        <div class="col-12 col-md-6 col-lg-4 col-xl-3 pt-3">
284  <div class="media">
285    <a href="https://www.mysql.com/"><img class="mr-3" data-rjs="assets//mysql@2x-e7f3a2796dd55eba940fc2a7a8942feec8463c29f2048f3f3423b085ab7683c5.png" src="assets/mysql-9b36604739ad2843bd229aa9831aa96c38462e0b81fb726e5ec75d09494c5cc3.png" alt="Mysql" /></a>
286    <div class="media-body">
287      <h5><a href="https://www.mysql.com/">MySQL/PostgreSQL</a></h5>
288      <p>DB administration of MySQL &amp; PostgreSQL</p>
289    </div>
290  </div>
291</div>
292
293        <div class="col-12 col-md-6 col-lg-4 col-xl-3 pt-3">
294  <div class="media">
295    <a href="https://aws.amazon.com/"><img class="mr-3" data-rjs="assets//aws@2x-fae84a4b557d7ddf6c1a4a2a71c77e2fea632c66f05b45c2dbf389cf778b0cb6.png" src="assets/aws-cdf14bcebf3d3a7449c34ca6eaf9dd44164a840eff0604b834b96df290a43c3b.png" alt="Aws" /></a>
296    <div class="media-body">
297      <h5><a href="https://aws.amazon.com/">AWS/Azure</a></h5>
298      <p>
298Scaling cloud infrastructure in AWS and Azure with Chef, including EC2, RDS, and S3</p>
299    </div>
300  </div>
301</div>
302<!-- 
303        <div class="col-12 col-md-6 col-lg-4 col-xl-3 pt-3">
304  <div class="media">
305    <a href="https://semaphoreci.com/"><img class="mr-3" data-rjs="assets//semaphore@2x-1107f6044a458397de63fcf8e5e820d7fcb467c0fd603ef1c63838581046b878.png" src="assets/semaphore-121f0f1d7b0b661babe8a8c712557300d9df81fa3ee0ffab7e57461a1db16d87.png" alt="Semaphore" /></a>
306    <div class="media-body">
307      <h5><a href="https://semaphoreci.com/">CI/CD</a></h5>
308      <p>Continuous delivery with Semaphore CI</p>
309    </div>
310  </div>
311</div> -->
312
313        <!-- <div class="col-12 col-md-6 col-lg-4 col-xl-3 pt-3">
314  <div class="media">
315    <a href="http://rspec.info/"><img class="mr-3" data-rjs="assets//rspec@2x-e5f32df4cf5336ac2ad1c6dc7f75696e611178d5926963d962dc3fc6cbe16aff.png" src="assets/rspec-b777392c0d18330c5a287c52262e56902d953a6f1d5d3e782d97b46a3b9ce8a2.png" alt="Rspec" /></a>
316    <div class="media-body">
317      <h5><a href="http://rspec.info/">Automated Testing</a></h5>
318      <p>RSpec, Cypress, Jest</p>
319    </div>
320  </div>
321</div> -->
322
323        <div class="col-12 col-md-6 col-lg-4 col-xl-3 pt-3">
324  <div class="media">
325    <a href="https://www.phusionpassenger.com/"><img class="mr-3" data-rjs="assets//web@2x-5af77fcd6b11c1f45d81d27655c1cb90e15606882a28f143ce1fb8476ba539a9.png" src="assets/web-b208a15120c60e4178da9008357f8dac3dcddfd2d3d005e05dd7a51eb6cd2fda.png" alt="DevSecOps" /></a>
326    <div class="media-body">
327      <h5><a href="https://www.phusionpassenger.com/">DevSecOps</a></h5>
328      <p>Production apps w/ SOC 2 compliance & CI/CD on Bitbucket, AWS, Vercel, Apache, Nginx, and Puma</p>
329    </div>
330  </div>
331</div>
332
333        <div class="col-12 col-md-6 col-lg-4 col-xl-3 pt-3">
334  <div class="media">
335    <a href="https://www.docker.com/"><img class="mr-3" data-rjs="assets//docker@2x-3e35bf5997a1e61d4d3fa4caaf657f9e247a32c21894a5d56f7e237cc8148592.png" src="assets/docker-38ed8b149892718d0115780b25d0c12ad499afa4a7f8e8ca1f2115319f59b060.png" alt="Docker" /></a>
336    <div class="media-body">
337      <h5><a href="https://www.docker.com/">Docker</a></h5>
338      <p>Containerize all the things!</p>
339    </div>
340  </div>
341</div>
342
343        <div class="col-12 col-md-6 col-lg-4 col-xl-3 pt-3">
344  <div class="media">
345    <a href="https://github.com/stedwick"><img class="mr-3" data-rjs="assets//git@2x-f0b383c59ed60b6aa87daca66666b4fb92f13cdeba04dd5574afb61431665711.png" src="assets/git-1d660a4943eaafaa1b808664d979be481cb89dec342cdec714c1892c944df148.png" alt="Git" /></a>
346    <div class="media-body">
347      <h5><a href="https://github.com/stedwick">git</a></h5>
348      <p>git-flow is my preferred branching model</p>
349    </div>
350  </div>
351</div>
352
353        <!-- <div class="col-12 col-md-6 col-lg-4 col-xl-3 pt-3">
354  <div class="media">
355    <a href="https://www.chef.io/"><img class="mr-3" data-rjs="assets//chef@2x-5ae1808a4d0dbb33e04ad79b517ace130e7830b1d73a0d542ed6a6ff8458485d.png" src="assets/chef-aed8a548fe9590b8372ab8af8d98907cea68ae87bbc92e6db491e248c4af68ac.png" alt="Chef" /></a>
356    <div class="media-body">
357      <h5><a href="https://www.chef.io/">Chef</a></h5>
358      <p>Provisioning infrastructure as code</p>
359    </div>
360  </div>
361</div> -->
362
363        <div class="col-12 col-md-6 col-lg-4 col-xl-3 pt-3">
364  <div class="media">
365    <a href="https://www.ubuntu.com/"><img class="mr-3" data-rjs="assets//linux@2x-8910af2b7f29ea3262f66a18e3c901740274a2d33c1ef10b07cc54a1ca7e7c44.png" src="assets/linux-50df4f1cd041488b7f9394cdd3b47960701735f6fd38615de3dbbb39f83e9070.png" alt="Linux" /></a>
366    <div class="media-body">
367      <h5><a href="https://www.ubuntu.com/">Linux</a></h5>
368      <p>Ubuntu &amp; CentOS server administration / bash scripting</p>
369    </div>
370  </div>
371</div>
372
373    </div>
374  </div>
375</div>
376
377<div class="bg-light">
378  <div class="container pt-3 pb-2" id="career">
379    <div class="row pt-3">
380      <div class="col-12">
381        <h2 class="text-center">My Career</h2>
382        <hr class="pb-1" />
383      </div>
384      <div class='col-12 col-lg-6'><p>I started in tech as an analyst at Brightidea back in 2007 when I was 25. At that time, I was transitioning away from mathematics and education. I taught myself Ruby on Rails and was hired a year later at readMedia as their first full-time developer. We grew the company and turned it into what Merit is today.</p></div>
385  
386
387<p><div class='col-12 col-lg-6'><p>I now lead all development at <a href="https://syncta.com/">Syncta</a>
387 as our Senior Software Engineering Manager in Portland, OR. I hire and roadmap the projects for our team, take the technical lead on new and existing apps, and plan for my team's career advancement. My passion has always been to hire great teams to build great products with great technologies.</p></div></p>
388
389    </div>
390  </div>
391</div>
392
393<div class="bg-white">
394  <div class="container pb-5" id="career-sites">
395    <div class="row justify-content-center">
396        <div class="col-12 col-md-6 col-lg-4 pt-3 pt-sm-4">
397  <div class="card h-100">
398    <div class="card-header text-center">
399      <img src="assets/syncta-6f46bb456734efe2ab2cb1902d6e42d529fc1ca79d0c6996f0fb93f270620d7c.png" alt="Syncta" />
400      <a href="https://syncta.com/">www.syncta.com</a>
401    </div>
402    <div class="card-body">
403      <div class="wide">
404        <a class="fixed-ratio mb-3" href="https://syncta.com/"><img class="fixed-ratio-content" data-rjs="assets//syncta-site@2x-b93c63d3ae5665b9c2b0badb6f6759755e91a70d76854f435338463698222273.jpg" src="assets/syncta-site-ab6fe21bc5dc1882378003684814f4f60aaf0bc93987f00116fd2b1ee9614f97.jpg" alt="Syncta site" /></a>
405      </div>
406      <h4 class="card-title text-danger">Syncta</h4>
407      <p class="card-text">Syncta provides mobile software for backflow testers and water purveyors. I hired the team, plan their career advancement, and roadmap our projects. I'm hands-on with our main Ruby on Rails app, the API that powers our iOS and Android apps, and our SOC 2 security compliant AWS infrastructure.</p>
408      <a class="btn btn-primary" href="https://syncta.com/">Visit Syncta</a>
409    </div>
410    <div class="card-footer text-muted">
411      Senior Software Engineering Manager <em>(2019 &ndash; present)</em><br />
412      Lead Software Engineer <em>(2018 &ndash; 2019)</em><br />
413      Portland, OR
414    </div>
415  </div>
416</div>
417
418        <div class="col-12 col-md-6 col-lg-4 pt-3 pt-sm-4">
419  <div class="card h-100">
420    <div class="card-header text-center">
421      <img src="assets/merit-6c70bb158a952060e8a5d6d3f869852065a7427eeecb9002fd3f12fcaaf7c4ff.png" alt="Merit" />
422      <a href="http://www.meritpages.com/">www.meritpages.com</a>
423    </div>
424    <div class="card-body">
425      <div class="wide">
426        <a class="fixed-ratio mb-3" href="http://www.meritpages.com/"><img class="fixed-ratio-content" data-rjs="assets//merit-site@2x-4e17068cf3675691e6fb460c8fee256b19307005ad341b00f0616f3f19fc395d.jpg" src="assets/merit-site-a297bb5a30fdba61358c884b469cba781b67a67eeaeee20aa7c86030b26edf68.jpg" alt="Merit site" /></a>
427      </div>
428      <h4 class="card-title text-danger">Merit</h4>
429      <p class="card-text">Merit showcases student achievements at hundreds of colleges and universities. Meritpages.com is the largest Rails app I&#39;ve ever worked on, comprising eight Rails apps deployed in a services architecture on an AWS Ubuntu Linux cluster.</p>
430      <a class="btn btn-primary" href="http://www.meritpages.com/">Visit Merit</a>
431    </div>
432    <div class="card-footer text-muted">
433      Senior Software Engineer<br/>
434      Ruby on Rails<br />
435      New York, NY <em>(2014 &ndash; 2016)</em>
436    </div>
437  </div>
438</div>
439
440        <div class="col-12 col-md-6 col-lg-4 pt-3 pt-sm-4">
441  <div class="card h-100">
442    <div class="card-header text-center">
443      <img src="assets/gogreenride-2afe188b13128fab9fbe444b7389d83caee3b1eb23719e4ff9f36dcee78d671e.png" alt="Gogreenride" />
444      <a href="http://www.gogreenride.com/">www.gogreenride.com</a>
445    </div>
446    <div class="card-body">
447      <div class="wide">
448        <a class="fixed-ratio mb-3" href="http://www.gogreenride.com/"><img class="fixed-ratio-content" data-rjs="assets//gogreenride-site@2x-5f60ab4a6d4ee5991c489f977af44b4b1dce11e4d9d5f5e085cd0e8a9c1f7321.jpg" src="assets/gogreenride-site-6c93d002836ee83418ca1aeee8014450c96cbc276ed313fe2ded178eeb351d66.jpg" alt="Gogreenride site" /></a>
449      </div>
450      <h4 class="card-title text-danger">Go Green Ride</h4>
451      <p class="card-text">Go Green Ride is an eco-friendly ridesharing alternative to Uber. GoGreenRide.com and its accompanying iOS and Android apps use a Rails backend that heavily utilizes geolocation services and is deployed on Rackspace using Phusion Passenger.</p>
452      <a class="btn btn-primary" href="http://www.gogreenride.com/">Visit Go Green Ride</a>
453    </div>
454    <div class="card-footer text-muted">
455      Ruby on Rails consultant<br />
456      Bayonne, NJ <em>(2013)</em>
457    </div>
458  </div>
459</div>
460
461        <div class="col-12 col-md-6 col-lg-4 pt-3 pt-sm-4">
462  <div class="card h-100">
463    <div class="card-header text-center">
464      <img src="assets/readaboutme-36da5d40731df5cbe9ebc4f29c877f75dda88b502af9feb3383d027f0f5709b5.png" alt="Readaboutme" />
465      <a href="http://web.archive.org/web/20130601003317/http://readabout.me/">www.readabout.me</a>
466    </div>
467    <div class="card-body">
468      <div class="wide">
469        <a class="fixed-ratio mb-3" href="http://web.archive.org/web/20130601003317/http://readabout.me/"><img class="fixed-ratio-content" data-rjs="assets//readaboutme-site@2x-320e9823a7c8f4c353a4758337235b55982edcdff23ef1e54d3275f69c26e9aa.jpg" src="assets/readaboutme-site-afe12869f8fbb77df4e5871ab30499fcbd7f3b33ed1f1708cc71c6e16b791dfd.jpg" alt="Readaboutme site" /></a>
470      </div>
471      <h4 class="card-title text-danger">readabout.me</h4>
472      <p class="card-text">readabout.me was the predecessor to Merit, focusing primarily on students. The Rails app was deployed on Heroku initially, but with its success we quickly outgrew Heroku and switched to AWS.</p>
473      <a class="btn btn-primary" href="http://web.archive.org/web/20130601003317/http://readabout.me/">Visit readabout.me</a>
474    </div>
475    <div class="card-footer text-muted">
476      Ruby on Rails engineer<br />
477      New York, NY <em>(2012 &ndash; 2014)</em>
478    </div>
479  </div>
480</div>
481
482        <div class="col-12 col-md-6 col-lg-4 pt-3 pt-sm-4">
483  <div class="card h-100">
484    <div class="card-header text-center">
485      <img src="assets/readmedia-5595230b918cc168dbff26f492e0edfa9b71eb89bcd96feeb7cd715c0b7752e1.png" alt="Readmedia" />
486      <a href="https://web.archive.org/web/20110811204633/http://www.readmedia.com:80/">www.readmedia.com</a>
487    </div>
488    <div class="card-body">
489      <div class="wide">
490        <a class="fixed-ratio mb-3" href="https://web.archive.org/web/20110811204633/http://www.readmedia.com:80/"><img class="fixed-ratio-content" data-rjs="assets//readmedia-site@2x-d30cb9039198cd52770a631385386a304eef8fe114de00b6e00c600e2896ce06.jpg" src="assets/readmedia-site-fa449d75ae1e7b64613c749d006b48bbf6704350df95bd5794ed5f001b61464e.jpg" alt="Readmedia site" /></a>
491      </div>
492      <h4 class="card-title text-danger">readMedia</h4>
493      <p class="card-text">readMedia sends press releases to newspapers via mail merge for its clients all over the country. I upgraded the readMedia.com Rails 2 app to Rails 3, helped move it onto AWS, and was one of three developers working full-time on the app for many years.</p>
494      <a class="btn btn-primary" href="https://web.archive.org/web/20110811204633/http://www.readmedia.com:80/">Visit readMedia</a>
495    </div>
496    <div class="card-footer text-muted">
497      Full-Stack Developer<br/>Ruby on Rails<br />
498      New York, NY <em>(2008 &ndash; 2012)</em>
499    </div>
500  </div>
501</div>
502
503        <div class="col-12 col-md-6 col-lg-4 pt-3 pt-sm-4">
504  <div class="card h-100">
505    <div class="card-header text-center">
506      <img src="assets/brightidea-01c6915c70e1004ee51ee0c024766d5c723c9ce563ab0f2259f5ffce2ed4d1a0.png" alt="Brightidea" />
507      <a href="http://www.brightidea.com/">www.brightidea.com</a>
508    </div>
509    <div class="card-body">
510      <div class="wide">
511        <a class="fixed-ratio mb-3" href="http://www.brightidea.com/"><img class="fixed-ratio-content" data-rjs="assets//brightidea-site@2x-7
511d3dbd3e2d54d281ebab99f7029bd7ea0f23f5dc4f49351f9ed92cccbd7c8b66.jpg" src="assets/brightidea-site-9ecc25c745d9b89c874cac478d6b6cc6e2caee4f1142b8b7d524e66eb317f345.jpg" alt="Brightidea site" /></a>
512      </div>
513      <h4 class="card-title text-danger">Brightidea</h4>
514      <p class="card-text">Brightidea provides innovation management software-as-a-service. As one of their early employees, I helped with sales, onboarding, consulting, traveling, and running their software.</p>
515      <a class="btn btn-primary" href="http://www.brightidea.com/">Visit Brightidea</a>
516    </div>
517    <div class="card-footer text-muted">
518      Analyst<br />
519      New York, NY <em>(2007 &ndash; 2008)</em>
520    </div>
521  </div>
522</div>
523
524    </div>
525  </div>
526</div>
527
528
529<div class="bg-dark text-light">
530  <div class="container pt-3 pb-4">
531    <div class="row py-3 justify-content-around d-none d-md-flex">
532      <div class="col-12 col-md-6 col-lg-5">
533        <h3 class="text-center">Education</h3>
534        <p>I majored in mathematics in college and grad school, and my first career was as a teacher in New York City. However, I always loved computers and quickly transitioned to my new career as a developer.</p>
535
536      </div>
537      <div class="col-12 col-md-6 col-lg-5 projects-header">
538        <h3 class="text-center">Fun Stuff</h3>
539        <p><span class='projects_blurb'>I often program for fun, and you can browse my side projects on GitHub. I once <a href="https://github.com/stedwick/scripting/blob/master/daily_tix.rb">wrote a Ruby script</a> to nab myself tickets to The Daily Show, which was first-come-first-serve on its website at the time, and you never knew when tickets would become available.</span></p>
540
541      </div>
542    </div>
543    <div class="row py-2 justify-content-around">
544      <div class="col-12 col-md-6 col-lg-5 mb-3">
545        <div class="row pt-3 pt-md-0" id="education">
546  <div class="col-12 d-md-none">
547    <h3 class="text-center">Education</h3>
548    <!-- <hr class="divider" /> -->
549    <p>I majored in mathematics in college and grad school, and my first career was as a teacher in New York City. However, I always loved computers and quickly transitioned to my new career as a developer.</p>
550
551  </div>
552    <div class="col-12 pt-3">
553  <div class="media">
554    <a href="http://web.mit.edu/"><div class="icon-container mr-3" class_prefix="icon"><svg class="icon icon-mit"><use xlink:href="#icon-mit"></use></svg></div></a>
555    <div class="media-body">
556      <h5><a href="http://web.mit.edu/">Massachusetts Institute of Technology</a></h5>
557      <div class="addendum">
558        <em>&mdash; B.S. in Mathematics (class of 2005)</em>
559      </div>
560      <p><p>I have two publications: <a href="http://ocw.mit.edu/courses/mathematics/18-06ci-linear-algebra-communications-intensive-spring-2004/projects/1806ciphil.pdf">&quot;Reflections in a Euclidean Space,&quot;</a> and <a href="https://www.scribd.com/document/17377101/Exploration-of-Reflection-Holograms-and-Their-Fringes-With-a-Scanning-Electron-Microscope">&quot;Exploration of Reflection Holograms and Their Fringes With a Scanning Electron Microscope.&quot;</a></p>
561</p>
562    </div>
563  </div>
564</div>
565
566    <div class="col-12 pt-3">
567  <div class="media">
568    <a href="https://www.nyu.edu/"><div class="icon-container mr-3" class_prefix="icon"><svg class="icon icon-nyu"><use xlink:href="#icon-nyu"></use></svg></div></a>
569    <div class="media-body">
570      <h5><a href="https://www.nyu.edu/">New York University</a></h5>
571      <div class="addendum">
572        <em>&mdash; M.A. in Math Education (class of 2006)</em>
573      </div>
574      <p>I attended NYU through <a href="https://www.mathforamerica.org/">Math for America</a> where I took my theoretical knowledge of mathematics and added practical knowledge of teaching.</p>
575</p>
576    </div>
577  </div>
578</div>
579
580  <hr class="section w-50 d-md-none" />
581  <hr class="section w-100 d-none d-md-block" />
582    <div class="col-12 pt-3">
583  <div class="media">
584    <a href="http://schools.nyc.gov/"><div class="icon-container mr-3" class_prefix="icon"><svg class="icon icon-classroom"><use xlink:href="#icon-classroom"></use></svg></div></a>
585    <div class="media-body">
586      <h5><a href="http://schools.nyc.gov/">NYC Department of Education</a></h5>
587      <div class="addendum">
588        <em>&mdash; Math Teacher (2006 &ndash; 2007)</em>
589      </div>
590      <p><p>After getting my Master&#39;s degree, I taught 6&ndash;8th grade math at the <a href="https://en.wikipedia.org/wiki/Shuang_Wen_School">Shuang Wen School (P.S. 184)</a> in Chinatown.</p>
591</p>
592    </div>
593  </div>
594</div>
595
596</div>
597
598      </div>
599      <div class="col-12 col-md-6 col-lg-5">
600        <div class="row" id="projects">
601  <div class="col-12 d-md-none mt-4 projects-header">
602    <h3 class="text-center">Fun Stuff</h3>
603    <hr class="divider" />
604    <p><span class='projects_blurb'>I often program for fun, and you can browse my side projects on GitHub. I once <a href="https://github.com/stedwick/scripting/blob/master/daily_tix.rb">wrote a Ruby script</a> to nab myself tickets to The Daily Show, which was first-come-first-serve on its website at the time, and you never knew when tickets would become available.</span></p>
605
606  </div>
607  
608<div class="col-12 pt-3">
609  <div class="media">
610    <a href="https://pokertracker-23081.web.app/"><div class="icon-container mr-3" class_prefix="icon"><svg class="icon icon-poker"><use xlink:href="#icon-poker"></use></svg></div></a>
611    <div class="media-body">
612      <h5><a href="https://pokertracker-23081.web.app/">Poker Tracker</a></h5>
613      <p>Made with React.js, Material UI, and deployed on Firebase, I built an app to track <a href="https://pokerdb.thehendonmob.com/player.php?a=r&n=862579" style="border-bottom: 1px gray dashed;">$30,000 of my own live poker winnings</a>.</p>
614      <p><a class="btn btn-sm btn-outline-light" href="https://pokertracker-23081.web.app/">Go all in with Aces</a></p>
615      <p><a class="btn btn-sm btn-secondary" href="https://github.com/stedwick/pokertracker">View on GitHub</a></p>
616    </div>
617  </div>
618</div>
619
620<div class="col-12 pt-3">
621  <div class="media">
622    <a href="https://stedwick.github.io/munch/"><div class="icon-container mr-3" class_prefix="icon"><svg class="icon icon-cookie"><use xlink:href="#icon-cookie"></use></svg></div></a>
623    <div class="media-body">
624      <h5><a href="https://stedwick.github.io/munch/">Munch</a></h5>
625      <p>The game of Munch! Can you beat the computer? I doubt it...</p>
626      <p><a class="btn btn-sm btn-outline-light" href="https://stedwick.github.io/munch/">Test your wit</a></p>
627    </div>
628  </div>
629</div>
630
631<div class="col-12 pt-3">
632  <div class="media">
633    <a href="https://github.com/stedwick/scifi-voter"><div class="icon-container mr-3" class_prefix="icon"><svg class="icon icon-star-trek"><use xlink:href="#icon-star-trek"></use></svg></div></a>
634    <div class="media-body">
635      <h5><a href="https://github.com/stedwick/scifi-voter">Sci-Fi Voter</a></h5>
636      <p>Sci-Fi Voter definitively answers the question, &quot;What is the best Star Trek episode?&quot;</p>
637      <p><a class="btn btn-sm btn-secondary" href="https://github.com/stedwick/scifi-voter">View on GitHub</a></p>
638    </div>
639  </div>
640</div>
641
642    <div class="col-12 pt-3">
643  <div class="media">
644    <a href="https://github.com/stedwick/docker-dashboard/"><div class="icon-container mr-3" class_prefix="icon"><svg class="icon icon-terminal"><use xlink:href="#icon-terminal"></use></svg></div></a>
645    <div class="media-body">
646      <h5><a href="https://github.com/stedwick/docker-dashboard/">Docker Dashboard</a></h5>
647      <p>Simple terminal dashboard for Docker using Tmux</p>
648      <p><a class="btn btn-sm btn-secondary" href="https://github.com/stedwick/docker-dashboard/">View on GitHub</a></p>
649    </div>
650  </div>
651</div>
652
653    <div class="col-12 pt-3">
654  <div class="media">
655    <a href="https://github.com/stedwick/taggy-for-evernote"><div class="icon-container mr-3" class_prefix="icon"><svg class="icon icon-evernote"><use xlink:href="#icon-evernote"></use></svg></div></a>
656    <div class="media-body">
657      <h5><a href="https://github.com/stedwick/taggy-for-evernote">Taggy for Evernote</a></h5>
658      <p>Taggy for Evernote was my app in the Mac App Store. Taggy makes your Evernote tags function as you want them to: hierarchically.</p>
659      <p><a class="btn btn-sm btn-secondary" href="https://github.com/stedwick/taggy-for-evernote">View on GitHub</a></p>
660    </div>
661  </div>
662</div>
663
664    <div class="col-12 pt-3">
665  <div class="media">
666    <a href="https://github.com/stedwick/arkanoid"><div class="icon-container mr-3" class_prefix="icon"><svg class="icon icon-gamecontroller"><use xlink:href="#icon-gamecontroller"></use></svg></div></a>
667    <div class="media-body">
668      <h5><a href="https://github.com/stedwick/arkanoid">Arkanoid</a></h5>
669      <p>Arkanoid is my take on the classic Nintendo Breakout game. Written in C for MS DOS long ago.</p>
670      <p><a class="btn btn-sm btn-secondary" href="https://github.com/stedwick/arkanoid">View on GitHub</a></p>
671    </div>
672  </div>
673</div>
674
675</div>
676
677      </div>
678    </div>
679  </div>
680</div>
681
682<div class="bg-light text-dark">
683  <div class="container pt-3 pb-3" id="interests">
684    <div class="row py-3 justify-content-center">
685      <div class="col-12">
686        <h3 class="text-center">Personal Life</h3>
687        <p>I maintain a healthy work/life balance. If you&#39;d like to learn more about me beyond my professional life, check out the links below!</p>
688      </div>
689        <div class="col-12 col-md-6 col-lg-4 col-xl-3 pt-3">
690  <div class="media">
691    <a href="https://www.youtube.com/watch?v=YQtbcgBWobA"><img class="mr-3" data-rjs="assets//youtube@2x-8160219808fa740a726f57395b18af21088d20f467c7c8c8acd92daae3f6d45f.png" src="assets/youtube-538bc433330444ccbb935365d6341b8329c39bbdd9de0ec2815f81a155be91aa.png" alt="Youtube" /></a>
692    <div class="media-body">
693      <h5><a href="https://www.youtube.com/watch?v=YQtbcgBWobA">My YouTube Channel</a></h5>
694      <p>With 1 million views, my Yoshimoto Cube video is my 15 minutes of fame.</p>
695
696    </div>
697  </div>
698</div>
699
700        <div class="col-12 col-md-6 col-lg-4 col-xl-3 pt-3">
701  <div class="media">
702    <a href="http://www.uschess.org/msa/MbrDtlMain.php?14448371"><img class="mr-3" data-rjs="assets//chess@2x-06f5d183f9b46589169901c14139589fcf7cef9d6c01af4a1d18ce264b9b2c83.png" src="assets/chess-a01a5f5e12bcc30dc44f8c391289c9a9da0bbcc0464a568f445d3ebe9eb289a4.png" alt="Chess" /></a>
703    <div class="media-body">
704      <h5><a href="http://www.uschess.org/msa/MbrDtlMain.php?14448371">US Chess Federation</a></h5>
705      <p>Rated 1618 USCF and 2000-ish on <a href="https://lichess.org/@/PhilChessPDX">Lichess</a>, I&#39;m always looking to improve.</p>
706
707    </div>
708  </div>
709</div>
710
711<!-- <div class="col-12 col-md-6 col-lg-4 col-xl-3 pt-3">
712  <div class="media">
713    <a href="http://sailing.mit.edu/"><img class="mr-3" data-rjs="assets//sailing@2x-c77ec7583e728968d6f887a9682021786c7d85ce92607400d05198a00391e779.png" src="assets/sailing-63a6652cff4f8e8b4550298a64e7f64ad8fb538ef9ef10dcb777d548f51821c9.png" alt="Sailing" /></a>
714    <div class="media-body">
715      <h5><a href="http://sailing.mit.edu/">MIT Sailing Club</a></h5>
716      <p>I&#39;m a lifetime member. If we&#39;re ever in Boston, I&#39;ll take you out on the Charles.</p>
717
718    </div>
719  </div>
720</div> -->
721
722<div class="col-12 col-md-6 col-lg-4 col-xl-3 pt-3">
723  <div class="media">
724    <a href="https://pokerdb.thehendonmob.com/player.php?a=r&n=862579"><img class="mr-3" src="assets/aces.png" alt="Poker" /></a>
725    <div class="media-body">
726      <h5><a href="https://pokerdb.thehendonmob.com/player.php?a=r&n=862579">Poker in Las Vegas</a></h5>
727      <p>I have over $30,000 in live poker earnings.</p>
728
729    </div>
730  </div>
731</div>
732
733        <div class="col-12 col-md-6 col-lg-4 col-xl-3 pt-3">
734  <div class="media">
735    <a href="https://www.instagram.com/toastwiththemost/"><img class="mr-3" data-rjs="assets//toast@2x-8c24a28ca7752afafa148e90143c4887760e3092bb8727036a78a57f8ffd0636.png" src="assets/toast-80b7ef0a58eaf08007417c96dc9d24637ac67f9ea642fdae5cba7022d01bbd56.png" alt="Toast" /></a>
736    <div class="media-body">
737      <h5><a href="https://www.instagram.com/toastwiththemost/">Toast the Dog!</a></h5>
738      <p>Such a good dog, but he sometimes sits onkjf ssadkl</p>
739
740    </div>
741  </div>
742</div>
743
744    </div>
745  </div>
746</div>
747
748<div class="bg-info text-light" id="hire-me">
749  <div class="container py-3">
750    <div class="row py-3">
751      <div class="col-12">
752        <h2 class="text-center mb-0">Contact Me</h2>
753      </div>
754    </div>
755  </div>
756</div>
757
758<div class="bg-white text-dark">
759  <div class="container pt-3 not_for_hire" id="contact">
760    <div class="row py-3 justify-content-around">
761      <div class="col-12 col-xl-11 mb-3">
762        <p><span class="dropcaps d-none d-md-inline">H</span><span class="dropcaps dcsm d-md-none">H</span>i there! <span class="not_for_hire">I&#39;m currently the Software Engineering Manager in charge of development at <a href="https://syncta.com/">Syncta</a>. We provide mobile software for backflow testers and water purveyors, and I lead the development of our Ruby on Rails app. If you&#39;ve made it this far, drop me a line. Send an email and I&#39;ll speak with you soon &#x1f44d;.</span>
763          <!-- <span class="for_hire">If you&#39;ve made it this far, drop me a line. I&#39;m looking for a <em><strong>full-time remote</strong></em> Ruby on Rails position. I have 8 years of experience working remotely: I work M-F 9-5 from my home office and I&#39;m always available on Slack or chat, and for pair programming and video calls. I&#39;m also happy to travel onsite on a regular schedule or as needed. Send me an email, let me know what your company is working on, and I&#39;ll speak with you soon &#x1f44d;.</span> -->
764        </p>
765
766      </div>
767
768      <div class="col-12 col-md-6 col-xl-5 contactInfo mb-3">
769        <h4 class="text-center">My Contact Info</h4>
770        <ul class="list-group list-group-flush">
771          <li class="list-group-item">
772            <div class_prefix="icon" class="icon-container "><svg class="icon icon-person"><use xlink:href="#icon-person"></use></svg></div> Philip Brocoum
773          </li>
774          <li class="list-group-item">
775            <div class_prefix="icon" class="icon-container "><svg class="icon icon-mapmarker"><use xlink:href="#icon-mapmarker"></use></svg></div> Portland, OR
776          </li>
777          <li class="list-group-item">
778            <div class_prefix="icon" class="icon-container "><svg class="icon icon-phone"><use xlink:href="#icon-phone"></use></svg></div> <a href="tel:13477010252">1 (347) 701-0252</a>
779          </li>
780          <li class="list-group-item text-truncate">
781            <div class_prefix="icon" class="icon-container "><svg class="icon icon-email"><use xlink:href="#icon-email"></use></svg></div> <a href="mailto:[email protected]">[email protected]</a>
782          </li>
783          <!-- <li class="list-group-item text-truncate">
784            <div class_prefix="icon" class="icon-container "><svg class="icon icon-stackoverflow"><use xlink:href="#icon-stackoverflow"></use></svg></div> <a href="https://stackoverflow.com/story/philipbrocoum">https://stackoverflow.com/story/philipbrocoum</a>
785          </li> -->
786          <li class="list-group-item text-truncate">
787            <div class_prefix="icon" class="icon-container "><svg class="icon icon-linkedin"><use xlink:href="#icon-linkedin"></use></svg></div> <a href="https://www.linkedin.com/in/philipbrocoum">Visit my LinkedIn profile</a>
788          </li>
789          <!-- <li class="list-group-item text-truncate">
790            <div class_prefix="icon" class="icon-container "><svg class="icon icon-facebook"><use xlink:href="#icon-facebook"></use></svg></div> <a href="https://www.facebook.com/philip.brocoum">https://www.facebook.com/philip.brocoum</a>
791          </li> -->
792          <li class="list-group-item">
793            <div class_prefix="icon" class="icon-container "><svg class="icon icon-pdf"><use xlink:href="#icon-pdf"></use></svg></div>
794            <a target="_blank" href="assets/Philip_Brocoum_-_Software_Engineering_Manager_23-03-05c.pdf">Download my resume</a>
795          </li>
796          <!-- <li class="list-group-item">
797            <div class_prefix="icon" class="icon-container "><svg class="icon icon-vcard"><use xlink:href="#icon-vcard"></use></svg></div>
798            <a download="Philip_Brocoum_vCard.vcf" href="assets/Philip_Brocoum_vCard-0ec81565baacf2309ee879a1db15edd5c1c260de273d547c68f8b01239158f32.vcf">Download my vCard</a>
799          </li> -->
800          <li class="list-group-item">
801          </li>
802        </ul>
803      </div>
804
805      <div class="col-12 col-md-6 col-xl-5">
806        <h4 class="text-center">Send Me a Message</h4>
807        <form action="https://formspree.io/[email protected]" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" />
808  <div class="form-group">
809    <div class="input-group">
810      <!-- <label for="name">Name:</label> -->
811      <input type="text" name="name" id="name" placeholder="Your name" class="form-control" />
812      <div class="input-group-append">
813        <span class="input-group-text"><div class_prefix="icon" class="icon-container "><svg class="icon icon-person"><use xlink:href="#icon-person"></use></svg></div></span>
814      </div>
815    </div>
816  </div>
817  <div class="form-group">
818    <div class="input-group">
819      <!-- <label for="email">Email:</label> -->
820      <input type="text" name="email" id="email" placeholder="Your email address" class="form-control" />
821      <div class="input-group-append">
822        <span class="input-group-text"><div class_prefix="icon" class="icon-container "><svg class="icon icon-email"><use xlink:href="#icon-email"></use></svg></div></span>
823      </div>
824    </div>
825  </div>
826  <div class="form-group">
827    <!-- <label for="message">Message:</label> -->
828    <textarea name="message" id="message" placeholder="Your message to me" class="form-control">
829</textarea>
830  </div>
831  <div class="form-group row px-3">
832    <input type="submit" name="commit" value="Send Email" class="btn btn-primary col-12" data-disable-with="Send Email" />
833  </div>
834</form>
835      </div>
836
837    </div>
838  </div>
839</div>
840
841
842
843    <div class="bg-dark text-light">
844  <div class="container pt-3 ">
845    <div class="row justify-content-around">
846      <div class="col-12 text-center">
847        <p>Copyright &copy; 2025 by Philip Brocoum. Icons by <a href="https://icons8.com/">Icons8</a>.</p>
848      </div>
849    </div>
850  </div>
851</div>
852
853    
853<script src="assets/application-5ac23fbc4aae69a1b4d6647be55a6022f2cc133609b40e578e07833a523c9193.js" data-turbolinks-track="reload"></script>
853
854    
854<script></script>
854
855  </body>
856
857<!-- Mirrored from philipbrocoum.com/ by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 06 Nov 2018 17:02:39 GMT -->
858</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.