nicepersonality.github.io/index.html at master · nicepersonality/nicepersonality.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
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
<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>Lilith Bentley: Human-Centered Web Developer</title>
  <meta name="author" content="Lilith Štefánia Marhefka Bentley">
  <meta name="description"
    content="Lilith has designed and built human-centered websites for over 20 years.
        She is an experienced full-stack developer, spanning the range from
        UX research to database queries, with an emphasis on the front of the front end.">
  <meta name="keywords" content="web design, ux, front-end, full-stack, JavaScript, React, Redux, SQL, typography">
  <meta name="viewport" content="width=device-width">
  <meta property="og:title" content="Lilith Bentley: Human-Centered Web Developer">
  <meta property="og:description"
    content="Lilith has designed and built human-centered websites for over 20 years.
        She is an experienced full-stack developer, spanning the range from
        UX research to database queries, with an emphasis on the front of the front end.">
  <meta property="og:image" content="https://nicepersonality.github.io/img/lilith-bentley_1200x800.jpg">
  <meta property="og:url" content="https://nicepersonality.github.io/">
  <meta property="og:site_name" content="Lilith Bentley">
  <meta name="twitter:card" content="summary">
  <meta name="twitter:image:alt" content="Lilith Bentley headshot">
  <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🧙🏻‍♀️</text></svg>">
  <link rel="preload" href="css/fonts/TofinoVariable.woff2" as="font">
  <link rel="stylesheet" href="css/main.css?v=2.0">
</head>

<body>
  <header>
    <h1>Lilith Bentley<a class="name-disclaimer" href="#birth-name" title="née Stephen Bentley">*</a></h1>
    <!-- <img src="img/lilith-bentley_240x160.jpg"
      srcset="img/lilith-bentley_240x160.jpg, img/lilith-bentley_480x320.jpg 2x"
      class="headshot" alt="Lilith Bentley" /> -->
    <div class="contact">
      612-203-4771<br />
      <a href="mailto:lilith@bentley.soy">lilith@bentley.soy</a> &middot;
      <a href="https://lilith.bentley.soy">lilith.bentley.soy</a> &middot;
      <a href="https://github.com/nicepersonality">github.com/nicepersonality</a>
    </div>
  </header>
  <main>
    <section>
      <h2>Summary</h2>
      <p>Lilith has designed and built human-centered websites for over 20 years.
        She is an experienced full-stack developer, spanning the range from
        <span class="small-caps">UX</span> research to database queries,
        with an emphasis on the front of the front end.</p>
    </section>
    <section>
      <h2>Skills and Technologies</h2>
      <ul>
        <li><strong>Languages:</strong> <span class="small-caps">HTML5</span>
          (including <span class="small-caps">WCAG</span> and
          <span class="small-caps">ARIA</span> accessibility),
          <span class="small-caps">CSS3</span> (including
          <span class="small-caps">BEM</span> and Tailwind frameworks),
          JavaScript (including TypeScript, Node.js, React and Next.js),
          GraphQL, PostreSQL, <span class="small-caps">PHP</span>,
          <span class="small-caps">RSS</span>, <span class="small-caps">SVG</span></li>
        <li><strong>Tools and Techniques:</strong> Visual Studio Code,
          Adobe Creative Suite (including Illustrator, Photoshop, InDesign, and Acrobat),
          Microsoft Office (including Word, Excel, and PowerPoint), GitHub, GitLab, Figma,
          CodePen, Agile methodology, user research</li>
        <li><strong>Areas of Focus:</strong> collaboration, empathy, web standards,
          responsive design, typography, mission-driven nonprofits</li>
      </ul>
    </section>
    <section>
      <h2>Professional Experience</h2>
      <div class="organization">
        <h3><a href="https://www.americanpublicmediagroup.org/">American Public Media Group</a>
          (<a href="https://www.mpr.org/">Minnesota Public Radio</a>)</h3>
        <div class="role">
          <h4>Digital Product Designer</h4>
          <div class="dates">November 2021–May 2025</div>
          <ul>
            <li>Guided the front-end design and user experience for
              <span class="small-caps">APMG</span>’s digital products,
              including the flagship <a href="https://mprnews.org/"><span class="small-caps">MPR</span>
              News</a> website.</li>
            <li>Served as lead designer for new and redesigned sites, including
              <a href="https://thecurrent.org/">The&nbsp;Current</a> and
              <a href="https://carbonsound.fm/">Carbon Sound</a>.</li>
          </ul>
        </div>
        <div class="role">
          <h4>Web Designer&#8201;/&#8201;Developer</h4>
          <div class="dates">February 2020–November 2021</div>
          <ul>
            <li>Built and improved public-facing websites, with an emphasis on front-end development.</li>
            <li>Developed sites in environments using React.JS, Ruby on Rails, and GraphQL APIs.</li>
          </ul>
        </div>
        <div class="role">
          <h4>Co-Chair, Equalizers Employee Resource Group</h4>
          <div class="dates">August 2021–May 2025</div>
          <ul>
            <li>Strengthened a supportive community among <span class="small-caps">LGBTQIA+</span>
              staff and families at <span class="small-caps">APMG</span> and
              solidified lines of communication between colleagues and
              <span class="small-caps">APMG</span> leadership.</li>
            <li>Organized educational opportunities for professional development and
              connected with the broader <span class="small-caps">LGBTQIA+</span>
              communities in the Twin Cities.</li>
          </ul>
        </div>
      </div>
      <div class="organization">
        <h3><a href="https://primeacademy.io/">Prime Digital Academy</a></h3>
        <div class="role">
          <h4>Full-Stack Development Student</h4>
          <div class="dates">July 2019–November 2019</div>
          <ul>
            <li>Studied full-stack software engineering in an intensive, full-time immersion classroom&nbsp;setting.</li>
            <li>Used the <span class="small-caps">PERN</span> stack to build
              <span class="small-caps">CRUD</span> web applications and <span class="small-caps">REST</span>ful&nbsp;<span class="small-caps">API</span>s.</li>
            <li>Designed and developed a mobile-first web app to coordinate vanpool&nbsp;ridership.</li>
            <li>Worked in a group to build a volunteer portal and management web app for <a
                href="https://www.2dcon.net/"><span class="small-caps">2D</span>&nbsp;Con</a>, a local gaming&nbsp;convention.</li>
          </ul>
        </div>
      </div>
      <div class="organization">
        <h3><a href="https://www.carleton.edu/">Carleton College</a></h3>
        <div class="role">
          <h4>Web Designer</h4>
          <div class="dates">January 2013–June 2019</div>
          <ul>
            <li>As a member of the Web Services team, designed and built templates for many Carleton College sites,
              both in WordPress and in Reason <span class="small-caps">CMS</span>, an open-source <span class="small-caps">PHP</span> &amp; My<span class="small-caps">SQL</span>-based content management system.</li>
            <li>Served as lead designer and front-end developer for subsites including the
              <a href="https://apps.carleton.edu/voice/">Carleton&nbsp;College&nbsp;<em>Voice</em></a>,
              <a href="https://apps.carleton.edu/giveday/">Carls&nbsp;Give&nbsp;Day</a>, and
              <a href="https://apps.carleton.edu/kettering/"><em>Midwestern&nbsp;Arcadia</em></a>.</li>
            <li>Designed custom <span class="small-caps">HTML</span> email templates and digital signage display&nbsp;templates.</li>
          </ul>
        </div>
      </div>
      <div class="organization">
        <h3><a href="https://mmf.umn.edu/" title="Now part of the University of Minnesota Foundation">Minnesota
            Medical Foundation</a>, University&nbsp;of&nbsp;Minnesota</h3>
        <div class="role">
          <h4>Associate Director, New Media</h4>
          <div class="dates">July 2010–January 2013</div>
          <ul>
            <li>Oversaw strategy and execution of <span class="small-caps">MMF</span> websites, including maintenance,
              design improvements, and front-end development projects for
              <a href="http://web.archive.org/web/20121113094045/http://mmf.umn.edu/"
                title="Archived view">www.mmf.umn.edu</a>, including
              <a href="http://web.archive.org/web/20110717105532/http://thewinefest.org/"
                title="Archived view">thewinefest.org</a>, and multiple social media&nbsp;channels.</li>
            <li>Planned and executed migration strategy of hundreds of online donation pages
              from custom forms to Blackbaud&nbsp;NetCommunity.</li>
          </ul>
        </div>
        <div class="role">
          <h4>Web Applications Developer</h4>
          <div class="dates">October 2008–June 2010</div>
          <ul>
            <li>Redesigned online giving tool, resulting in higher online giving with fewer support&nbsp;calls.</li>
            <li>Authored guides to standards and best practices for <span class="small-caps">MMF</span> web development and social&nbsp;media.</li>
            <li>Migrated <span class="small-caps">MMF</span> website to Dreamweaver&nbsp;templates.</li>
          </ul>
        </div>
      </div>
      <div class="organization">
        <h3><a href="http://web.archive.org/web/20080410154004/http://www.enleiten.com:80/"
            title="Archived view">Enleiten, Inc.</a></h3>
        <div class="role">
          <h4>User Experience Engineer</h4>
          <div class="dates">March 2007–June 2008</div>
          <ul>
            <li>Developed cross-platform and <span class="small-caps">ADA</span>-compliant interface for Enleiten Path,
              a robust Web application for task&nbsp;management.</li>
            <li>Performed testing and studies to improve product&nbsp;usability.</li>
          </ul>
        </div>
      </div>
      <div class="organization">
        <h3><a href="https://www.umn.edu/">University of Minnesota</a></h3>
        <div class="role">
          <h4>Information Technology Professional</h4>
          <div class="dates">March 2000–December 2007</div>
          <ul>
            <li><a href="https://www.cehd.umn.edu/">College of Education and Human Development</a>:
              Web &amp; Multimedia Professional (2006–07)</li>
            <li><a href="http://web.archive.org/web/20060618131022/http://www.che.umn.edu/"
                  title="Archived view">
              College of Human Ecology</a>: Academic Technology Professional (2003–06);
              Information Technology Specialist (2000–2003)</li>
          </ul>
        </div>
      </div>
    </section>
    <section>
      <h2>Leadership Experience</h2>
      <div class="organization">
        <h3><a href="https://www.mnrollerderby.com/">Minnesota Roller Derby</a></h3>
        <div class="role">
          <h4>Minnesota All-Stars Assistant&nbsp;Coach</h4>
          <div class="dates">May 2017–November 2019</div>
          <ul>
            <li>Led successful efforts to improve team cohesion and morale following
              a period of high turnover and&nbsp;anxiety.</li>
            <li>Managed the bench during games, ensuring a calm, focused, and positive&nbsp;mood.</li>
          </ul>
        </div>
        <div class="role">
          <h4>TechComm and Art Committee Member</h4>
          <div class="dates">September 2017–June 2020</div>
          <ul>
            <li>Updated the <a href="https://www.mnrollerderby.com/">MNRollerDerby.com website</a> theme
              to reflect a complete league&nbsp;rebranding.</li>
            <li>Built a new branded, responsive, flexible <span class="small-caps">HTML</span> email template for the league&nbsp;newsletter.</li>
            <li>Prepared league trading card digital assets for&nbsp;print.</li>
          </ul>
        </div>
      </div>
    </section>
    <section>
      <h2>Education</h2>
      <div class="organization">
        <h3><a href="https://primeacademy.io/">Prime Digital Academy</a>, Minneapolis, MN</h3>
        <div class="role">
          <h4>Full-Stack Software Engineering Certification</h4>
          <div class="dates">November 2019</div>
        </div>
      </div>
      <div class="organization">
        <h3><a href="https://www.carleton.edu/">Carleton College</a>, Northfield, MN</h3>
        <div class="role">
          <h4>B.A., Physics</h4>
          <div class="dates">June 2000</div>
        </div>
      </div>
    </section>
  </main>
  <footer>
    <h2>References provided upon request</h2>
    <p class="birth-name" id="birth-name" title="(Yup, I’m trans.)"><span>* Note:</span> Before 2019, I
      worked under the name “Stephen Noah Bentley.”</p>
  </footer>
</body>

</html>