-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest.html
628 lines (592 loc) · 24.2 KB
/
test.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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Christopher Robison</title>
<meta name="description" content="Getting the job done from Apache to z-index.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700&display=swap">
<style>:root {
/* Colors */
--primaryColor: #212529;
--secondaryColor: #95a5a6;
--accentColor: #f1c40f;
--linkColor: #2ecc71;
--mutedColor: #f4f6f6;
/* Typography */
--ratio: 1.25;
--scale0: 1rem;
--scale1: calc(var(--scale0) * var(--ratio));
--scale2: calc(var(--scale1) * var(--ratio));
--scale3: calc(var(--scale2) * var(--ratio));
--scale4: calc(var(--scale3) * var(--ratio));
--scale5: calc(var(--scale4) * var(--ratio));
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
font-size: 14px;
}
body {
color: var(--primaryColor);
display: grid;
font: 1em/1.5 Lato, sans-serif;
gap: 2em;
grid-template-columns:
[full-start]
1fr
[main-start side-start]
minmax(min-content, 12em)
[side-end content-start]
minmax(min-content, 36em)
[main-end content-end]
1fr
[full-end];
grid-template-rows: auto [content] 0;
margin-bottom: 4em;
}
body::before {
content: '';
grid-column: full;
grid-row: content;
}
ol,
ul {
padding-left: 1em;
}
li + li {
margin-top: 0.2em;
}
li::marker {
color: var(--mutedColor);
}
a {
color: var(--linkColor);
text-decoration: none;
transition: color 0.2s;
}
a:focus,
a:hover {
color: var(--accentColor);
}
h1,
h2,
h3,
h5 {
font-weight: normal;
}
h1,
h2,
h3 {
line-height: 1.2;
}
h1 {
font-size: var(--scale5);
}
h2 {
color: var(--secondaryColor);
font-size: var(--scale4);
}
h3 {
color: var(--accentColor);
font-size: var(--scale3);
grid-column: side;
margin-bottom: 1rem;
}
h4 {
font-size: var(--scale2);
}
h5 {
font-size: var(--scale1);
}
h6 {
font-size: var(--scale0);
}
blockquote {
border-left: 0.2em solid var(--mutedColor);
padding-left: 1em;
}
cite {
color: var(--secondaryColor);
font-style: inherit;
}
cite::before {
content: '— ';
}
.masthead {
background: var(--mutedColor);
display: inherit;
gap: inherit;
grid-column: full;
grid-template-columns: inherit;
padding: 4em 0;
row-gap: 0;
}
.masthead > *,
section {
grid-column: main;
}
article > * + *,
blockquote > * + * {
margin-top: 0.6em;
}
.stack {
display: grid;
gap: 1.5em;
}
.grid-list {
display: grid;
gap: 1em;
}
.spaced-list {
display: flex;
align-items: center;
justify-content: space-between;
}
.spaced-list:first-child::before {
border-bottom: 1px solid var(--mutedColor);
content: '';
flex-grow: 1;
margin: 0 1em;
order: 1;
}
.spaced-list > :nth-child(2) {
order: 2;
}
.tag-list {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
}
.tag-list > li {
background: var(--mutedColor);
margin: 0 0.2em 0.2em 0;
padding: 0.2em 0.6em;
}
@media print, (min-width: 48em) {
h3 {
text-align: right;
margin-bottom: inherit;
}
.masthead > *,
section {
grid-column: content;
}
section {
display: contents;
}
.grid-list {
grid-template-columns: 1fr 1fr;
}
}
</style>
</head>
<body>
<header class="masthead">
<h1>Christopher Robison</h1>
<h2>Award-winning technology leader</h2>
</header>
<section id="contact">
<h3>Contact</h3>
<div class="grid-list">
<div>
<h4>Email</h4>
<a href="mailto:[email protected]">[email protected]</a>
</div>
<div>
<h4>Phone</h4>
(415) 810-6991
</div>
</div>
</section>
<section id="about">
<h3>About</h3>
<article>
<p>Getting the job done from Apache to z-index.</p>
</article>
</section>
<section id="profiles">
<h3>Profiles</h3>
<div class="grid-list">
<div>
<h4>linkedin</h4>
<a href="https://www.linkedin.com/in/crobison">crobison</a>
</div>
<div>
<h4>twitter</h4>
<a href="https://twitter.com/thechrisrobison">thechrisrobison</a>
</div>
<div>
<h4>github</h4>
<a href="https://github.com/chrisrobison">chrisrobison</a>
</div>
</div>
</section>
<section id="work">
<h3>Work</h3>
<div class="stack">
<article>
<header>
<div class="spaced-list">
<h4>D. Harris Tours, Inc.</h4>
<span>
<time datetime="2020-02">Jan 2020</time> –
<time datetime="Present">Invalid Date</time>
</span>
</div>
<div class="spaced-list">
<strong>CTO</strong>
</div>
</header>
<p>D Harris Tours is a shuttle bus transportation company which offers 22-44 passenger buses for hire. The majority of their business is derived from schools (student event transportation) and local tours. Mr. Robison developed and implemented software that allowed D Harris to grow from 2 buses to 12 ten years ago. As the current CTO, he updated and enhanced their systems with modern tools to better manage the growing company; real-time bus data, automated maintenance notifications, automated trip confirmations and notifications via email and SMS and more. He developed an algorithm to identify idle times for drivers and match them with jobs, resulting in a nearly doubled daily revenue until the COVID-19 shutdown.</p>
<h5>Highlights</h5>
<ul>
<li>Automated notifications for trips, bus maintenance</li>
<li>Automated billing and invoicing</li>
<li>Migrated driver logs to digital format</li>
<li>Increased daily revenue with better trip optimization</li>
</ul>
</article>
<article>
<header>
<div class="spaced-list">
<h4>Conversant, Inc. (formerly Mediaplex)</h4>
<span>
<time datetime="2010-07">Jun 2010</time> –
<time datetime="2020-02">Jan 2020</time>
</span>
</div>
<div class="spaced-list">
<strong>Manager, Software Engineering</strong>
</div>
</header>
<p>Mr. Robison was responsible for designing, developing and maintaining the infrastructure and code-base that serves many millions of mobile and rich media ads each day. He led the Rich Media effort and helped modernize their ad serving infrastructure and metric collection. He was responsible for designing and implementing a RESTful API for serving rich media ads and building out scalable backend services to handle integration with existing servers and infrastructure. Mr. Robison contributed to IAB MRAID 2.0 standard, implemented MRAID SDK's on iOS and Android platforms, and developed and deployed mobile ad solutions for multiple platforms. He designed and deployed 'Rich Media' ad delivery and reporting infrastructure, architected and deployed RESTful API for ad serving, tracking metrics and reporting, and developed client-side Javascript 'ad controller' for mobile and web.</p>
<h5>Highlights</h5>
<ul>
<li>Contributed to IAB MRAID 2.0 standard</li>
<li>Implemented MRAID SDK's on iOS and Android platforms</li>
<li>Developed and deployed mobile ad solutions for multiple platforms.</li>
<li>Designed and deployed 'Rich Media' ad delivery and reporting infrastructure.</li>
<li>Architected and deployed RESTful API for ad serving, tracking metrics and reporting.</li>
<li>Developed client-side Javascript 'ad controller' for mobile and web</li>
<li>Developed flexible metrics tracking with non-blocking endpoints</li>
<li>10 years</li>
</ul>
</article>
<article>
<header>
<div class="spaced-list">
<h4>Mindjet</h4>
<span>
<time datetime="2007-09">Aug 2007</time> –
<time datetime="2010-07">Jun 2010</time>
</span>
</div>
<div class="spaced-list">
<strong>Web Architect</strong>
</div>
</header>
<p>Mr. Robison migrated the Mindjet website from PHP to an ASP.Net solution and headed up Mindjet's foray into the Software as a Service (SaaS) arena-- Mindjet Catalyst. The Catalyst client canvas was originally written in Flash and his team was responsible for porting the Flash app to a more standards-based implementation utilizing HTML canvas and Javascript.</p>
</article>
<article>
<header>
<div class="spaced-list">
<h4>Simple Software, Inc.</h4>
<span>
<time datetime="2006-04">Mar 2006</time> –
<time datetime="2007-09">Aug 2007</time>
</span>
</div>
<div class="spaced-list">
<strong>CEO / Founder</strong>
</div>
</header>
<p>Mr. Robison provided contracted software development and consulting, developed the Simple Software Application Platform that provided content management systems and business process management applications to small to mid-sized businesses.</p>
<h5>Highlights</h5>
<ul>
<li>GC Homes - Contractor documents and blueprints online. [http://gch-dev.netoasis.net/app/]</li>
<li>Bay Docs - Document preparation services and tools for generating documentation for reverse mortgages</li>
<li>Lender Tool: http://bay-dev.netoasis.net/lenders.php</li>
<li>Form Definition Tool: http://bay-dev.netoasis.net/fields.php?id=50</li>
<li>HUD Calculator - calculates potential reverse mortgage values: http://bay-dev.netoasis.net/HUD/calc.html</li>
<li>DB Tool: http://bay-dev.netoasis.net/admin/dbedit/</li>
<li>Tzero Technology - Customized content management system http://www.tzerotech.com/site/</li>
<li>TZero Technology CMS: http://tzero-dev.netoasis.net/</li>
<li>Metrika - Customized content management system http://www.metrika.com/site/</li>
<li>Metrika CMS: http://met-dev.netoasis.net/</li>
</ul>
</article>
<article>
<header>
<div class="spaced-list">
<h4>Genetic Savings & Clone</h4>
<span>
<time datetime="2004-06">May 2004</time> –
<time datetime="2006-04">Mar 2006</time>
</span>
</div>
<div class="spaced-list">
<strong>VP Engineering</strong>
</div>
</header>
<p>Genetic Savings & Clone was a genetic services company that offered commercial pet gene banking and cloning. Mr. Robison was responsible for architecting, developing and deploying Clonesoft, custom business process automation software that ran every aspect of the business from the website to cloned pet delivery.</p>
<h5>Highlights</h5>
<ul>
<li>Cloned a cat and delivered it to customer</li>
<li>Clonesoft - Architected and implemented web-based business process application that was used to manage the animal gene banking and feline cloning business and automated many processes.</li>
<li>CatBank - http://www.catbank.org/ Designed and developed database driven feline DNA identification website. Back-end requirements included integration with various genetic analysis hardware including the Applied Biosystem Genetic Analyser 3130</li>
<li>Integration of genetic analysis hardware</li>
<li>Retro vs. Metro - http://www.retrovsmetro.org/ Implemented all backend code for this online companion website to the New York Time's bestseller: Retro vs. Metro - The Great Political Divide in America. Required access and aggregation of various data items scattered across the Internet (such as the Iraq war dead count and real-time government deficit counter)</li>
</ul>
</article>
<article>
<header>
<div class="spaced-list">
<h4>Inter@ctivate, Inc.</h4>
<span>
<time datetime="2001-12">Nov 2001</time> –
<time datetime="2004-06">May 2004</time>
</span>
</div>
<div class="spaced-list">
<strong>Technical Director</strong>
</div>
</header>
<p>As Technical Director for Interactivate, Inc., Mr. Robison's responsibilities were extensive and included, but were not limited to managing and maintaining IT resources including customer applications and websites. Help grow the company from 10 to 65 employees.</p>
<h5>Highlights</h5>
<ul>
<li>Designed and architected network infrastructure using both Windows servers and various legacy Unix boxes. Built out server clusters and managed a farm of over 60 machines including a SAN.</li>
<li>Designed and implemented web-based network management, monitoring & systems analysis tools</li>
<li>Developed web-based tools for creation and maintenance of customer websites, DNS, and email services.</li>
<li>Designed and developed email marketing application using 3 tier architecture and XML and XSLT for transporting and rendering email messages and associated web pages. As of December, 2003, the Activatemail system sends and tracks over 1,000,000 requested messages per day between 89 clients including Sunkist Growers, The California Avocado Commission, San Diego Zoo and many more.</li>
<li>Setup automated development environment which allows Interactivate developers to create their own dedicated web sandboxes via a web interface. Automated CVS checkouts and local network mounts to development sandboxes rounded out this implementation.</li>
<li>Installation & administration of Solaris, FreeBSD & Windows NT in a heterogeneous environment</li>
<li>Design, implementation, migration and maintenance for Interactivate's internal and external network infrastructure.</li>
<li>Working with vendors, developers & 3rd party integrators.</li>
<li>Maintain and monitor over 50 hosted client web sites and dozens of web applications</li>
<li>Identifying & resolving network related problems</li>
<li>Responsible for backup implementation and recovery strategy & procedures</li>
<li>Required to support high volume access & availability characteristics as well as identifying & resolving system hardware & software problems</li>
<li>Responsible for the full availability of DNS, SMTP, HTTP, POP & IMAP servers</li>
<li>Maintaining security for all Interactivate networks</li>
</ul>
</article>
</div>
</section>
<section id="volunteer">
<h3>Volunteer</h3>
<div class="stack">
<article>
<header>
<div class="spaced-list">
<h4>San Francisco Elks Lodge #3</h4>
<span>
<time datetime="2010-04-01">Mar 2010</time> –
<time datetime="2011-04-01">Mar 2011</time>
</span>
</div>
<div class="spaced-list">
<strong>Esteemed Leading Knight / House Committee Chair</strong>
</div>
</header>
<p>As Leading Knight and House Committee Chair I was responsible for the day-to-day operations of the Lodge restaurant and bar as well as organizing and holding events to raise money for local underprivileged children. During my tenure as House Committee Chair, with the help of the SFPD, we were able to build 100 bicycles to give as Christmas presents to children which were very well received. We raised over $34,000 for the children in that year.</p>
</article>
</div>
</section>
<section id="education">
<h3>Education</h3>
<div class="stack">
<article>
<header>
<div class="spaced-list">
<h4>City College of San Francisco</h4>
<span>
<time datetime="2009-01-01">Dec 2008</time> –
<time datetime="2010-01-01">Dec 2009</time>
</span>
</div>
<div class="spaced-list">
<strong>Japanese, Business</strong>
</div>
</header>
</article>
<article>
<header>
<div class="spaced-list">
<h4>California State University-Chico</h4>
<span>
<time datetime="1988-01-01">Dec 1987</time> –
<time datetime="1991-01-01">Dec 1990</time>
</span>
</div>
<div class="spaced-list">
<strong>Computer Science</strong>
</div>
</header>
</article>
<article>
<header>
<div class="spaced-list">
<h4>Butte College</h4>
<span>
<time datetime="1988-01-01">Dec 1987</time> –
<time datetime="1990-01-01">Dec 1989</time>
</span>
</div>
<div class="spaced-list">
<strong>Computer Science, General Education</strong>
</div>
</header>
</article>
<article>
<header>
<div class="spaced-list">
<h4>Paradise High School</h4>
<span>
<time datetime="1984-01-01">Dec 1983</time> –
<time datetime="1988-01-01">Dec 1987</time>
</span>
</div>
<div class="spaced-list">
<strong>General Studies</strong>
</div>
</header>
</article>
</div>
</section>
<section id="awards">
<h3>Awards</h3>
<div class="stack">
<article>
<header>
<div class="spaced-list">
<h4>Computer Science Award</h4>
<time datetime="1988-06-01">May 1988</time>
</div>
<div class="spaced-list">
<div>
Awarded by <strong>Paradise High School</strong>
</div>
</div>
</header>
<p>First recipient of the Paradise High School "Computer Science Award" for developing a data application to track school resources that ran on an Apple IIe.</p>
</article>
</div>
</section>
<section id="skills">
<h3>Skills</h3>
<div class="grid-list">
<div>
<h4>Programming Languages</h4>
<ul class="tag-list">
<li>Javascript [node.js]</li>
<li>Javascript [browser]</li>
<li>C</li>
<li>C++</li>
<li>Java</li>
<li>Kotlin</li>
<li>Objective-C</li>
<li>Swift</li>
<li>PHP</li>
<li>Python</li>
<li>Perl</li>
<li>Go</li>
<li>C#</li>
<li>Bash</li>
</ul>
</div>
<div>
<h4>Leadership</h4>
<ul class="tag-list">
<li>Strategic Planning</li>
<li>Team Building</li>
<li>Team Leadership</li>
<li>Procedure Development</li>
<li>Process Improvement</li>
<li>Product Development</li>
<li>Entrepreneurship</li>
<li>Budgeting / Financial Planning</li>
</ul>
</div>
<div>
<h4>Software Engineering</h4>
<ul class="tag-list">
<li>Best Practices</li>
<li>Entrepreneurship</li>
<li>Software Development</li>
<li>Microservices Architecture</li>
<li>Scrum / Agile</li>
<li>Mobile Application Development</li>
<li>Cloud Services</li>
<li>Service Integration</li>
</ul>
</div>
</div>
</section>
<section id="languages">
<h3>Languages</h3>
<div class="grid-list">
<div>
<h4>English</h4>
Native or bilingual
</div>
</div>
</section>
<section id="interests">
<h3>Interests</h3>
<div class="grid-list">
<div>
<h4>Hobbies</h4>
<ul class="tag-list">
<li>3D Printing</li>
<li>Raspberry Pi</li>
<li>Arduino</li>
<li>Laser engraving</li>
<li>Electronics</li>
</ul>
</div>
<div>
<h4>Recreation</h4>
<ul class="tag-list">
<li>Golf</li>
<li>Recreational Programming</li>
<li>Karaoke</li>
</ul>
</div>
</div>
</section>
<section id="references">
<h3>References</h3>
<div class="stack">
<blockquote>
<p>Chris has a broad understanding of Internet technologies and is generous with knowledge sharing. Equally at home working with Web Services, XMPP and server-side applications as he is working with CSS, JavaScript and the most recent HTML5 for devices. He brings a lot to a Web dev team and can pinch hit in a number of chairs.</p>
<p>
<cite>Kevin Ready (Software Developer and Consultant)</cite>
</p>
</blockquote>
<blockquote>
<p>This guy has some seriously mad coding skills.</p>
<p>
<cite>Thomas Weaver (Network Provisioner at Twitch)</cite>
</p>
</blockquote>
<blockquote>
<p>His system is well oil; all my web services are working with no down time. He offers all the greatest gadgets, ideal environment for a programmer like me.</p>
<p>
<cite>Benoit Marsot (Senior Developer R&D at Medsphere Systems Corporation)</cite>
</p>
</blockquote>
<blockquote>
<p>Extreme knowledge of Perl and UNIX environment, fast programmer, brilliant manager.</p>
<p>
<cite>Benoit Marsot (Senior Developer R&D at Medsphere Systems Corporation)</cite>
</p>
</blockquote>
</div>
</section>
</body>
</html>