abylaw.github.io/index.html at master · abylaw/abylaw.github.io · GitHub

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
<html>
<head>
  <title>Andrea Law</title>
  <!--
  /**
   * @license
   * MyFonts Webfont Build ID 3760377, 2019-05-15T11:02:54-0400
   *
   * The fonts listed in this notice are subject to the End User License
   * Agreement(s) entered into by the website owner. All other parties are
   * explicitly restricted from using the Licensed Webfonts(s).
   *
   * You may obtain a valid license at the URLs below.
   *
   * Webfont: ProximaSoft-Bold by Mark Simonson
   * URL: https://www.myfonts.com/fonts/marksimonson/proxima-soft/bold/
   *
   * Webfont: ProximaSoft-Medium by Mark Simonson
   * URL: https://www.myfonts.com/fonts/marksimonson/proxima-soft/medium/
   *
   *
   * License: https://www.myfonts.com/viewlicense?type=web&buildid=3760377
   * Licensed pageviews: 1,000,000
   * Webfonts copyright: Copyright (c) Mark Simonson, 2016. All rights reserved.
   *
   * © 2019 MyFonts Inc
  */

  -->
  <link rel="stylesheet" type="text/css" href="MyFontsWebfontsKit.css">
  <style>
  body {
    background-color: #f5f0ec;
    line-height: 1.6em;
    font-family: ProximaSoft-Medium, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue";
    font-size: 1.34em;
    -webkit-font-smoothing: antialiased;
  }

  .bold {
    display: block;
    font-family: ProximaSoft-Bold, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue";
    margin-bottom: 0.25rem;
  }

  .container {
    margin: auto;
    padding: 2rem;
    max-width: 51.6rem;
    margin-top: 1em;
  }

  .list {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .list li:not(:last-child) {
    margin-bottom: 1.1rem;
  }

  a {
    color: #666;
    transition: color 0.1s;
  }

  a:hover {
    color: black;
  }

  p {
    margin-top: 0;
    margin-bottom: 0;
  }

  .image {
    margin-top: 1.1rem;
    width: 220px;
    margin-bottom: 40px;
  }

  .grid {
    display: grid;
    grid-row-gap: 2.6rem;
  }
  </style>
</head>
<body>
  <div class="container">
    <img src="https://user-images.githubusercontent.com/1841215/57782052-649ea980-7766-11e9-9c04-3897f065b70f.png" class="image">

    <div class="grid">
      <div>
        <div><span class="bold">Andrea Law</span></div>
        <p>Hi, I'm a full-stack developer in Hong Kong offering consulting services in Scala, Rust, Typescript, Node.js, React and Next.js.</p>
      </div>

      <div>
        <span class="bold">Experience</span>
        <ul class="list">
          <li>
            <a href="https://tonari.no">Tonari</a>

            Connecting people by opening portals between spaces. 3K, 60fps, sub-130ms latency video installations.
          </li>
          <li>
            <a href="https://makerdao.com" target="_blank">Maker DAO</a>

            Senior javascript engineer building Dapps and design systems for open finance.
          </li>
          <li>
            <a href="https://www.bench.co" target="_blank">Bench</a>

            Lead engineer on the billing and integrations team.
          </li>
          <li>
            <a href="https://pivotal.io" target="_blank">Pivotal</a>

            Full-stack developer building cloud deployment tools in Ruby and Go.
          </li>
        </ul>
      </div>

      <div>
        <span class="bold">Contact</span>
        <a href="mailto:abylaw.consulting@gmail.com">abylaw.consulting@gmail.com<a>
      </div>
    </div>

  </div>
</body>
</html>