<html><body><div style="font-family: arial, helvetica, sans-serif; font-size: 12pt; color: #000000"><style type="text/css" scoped="">
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;
mso-font-charset:0;
mso-generic-font-family:roman;
mso-font-pitch:variable;
mso-font-signature:-536870145 1107305727 0 0 415 0;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-unhide:no;
mso-style-qformat:yes;
mso-style-parent:"";
margin:0in;
mso-pagination:widow-orphan;
font-size:12.0pt;
mso-bidi-font-size:10.0pt;
font-family:"Times New Roman",serif;
mso-fareast-font-family:"Times New Roman";}
h1
{mso-style-unhide:no;
mso-style-qformat:yes;
mso-style-link:"Heading 1 Char";
mso-style-next:Normal;
margin:0in;
text-align:right;
mso-pagination:widow-orphan;
page-break-after:avoid;
mso-outline-level:1;
font-size:12.0pt;
mso-bidi-font-size:10.0pt;
font-family:"Times New Roman",serif;
mso-font-kerning:0pt;
mso-bidi-font-weight:normal;}
span.Heading1Char
{mso-style-name:"Heading 1 Char";
mso-style-unhide:no;
mso-style-locked:yes;
mso-style-link:"Heading 1";
mso-ansi-font-size:12.0pt;
font-weight:bold;
mso-bidi-font-weight:normal;}
.zimbra9
{mso-style-type:export-only;
mso-default-props:yes;
font-size:10.0pt;
mso-ansi-font-size:10.0pt;
mso-bidi-font-size:10.0pt;
mso-font-kerning:0pt;
mso-ligatures:none;}
@page WordSection1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;
mso-header-margin:.5in;
mso-footer-margin:.5in;
mso-paper-source:0;}
div.WordSection1
{page:WordSection1;}
-->
</style><div>Hello,<br></div><div data-marker="__QUOTED_TEXT__"><div id="zimbraEditorContainer" style="" class="9" data-mce-style="font-family: 'arial' , 'helvetica' , sans-serif; font-size: 12pt; color: #000000;"><div style="color: #000000; font-family: arial, helvetica, sans-serif; font-size: 12pt;" data-mce-style="color: #000000; font-family: arial, helvetica, sans-serif; font-size: 12pt;"><div style="color: #000000; font-family: 'arial' , 'helvetica' , sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #fffdfb;" data-mce-style="color: #000000; font-family: 'arial' , 'helvetica' , sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #fffdfb;"><span style="color: #000000; font-family: 'arial' , 'helvetica' , sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff; float: none; display: inline !important;" data-mce-style="color: #000000; font-family: 'arial' , 'helvetica' , sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff; float: none; display: inline !important;"></span><br></div><div style="color: #000000; font-family: 'arial' , 'helvetica' , sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #fffdfb;" data-mce-style="color: #000000; font-family: 'arial' , 'helvetica' , sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #fffdfb;"><span style="color: #000000; font-family: 'arial' , 'helvetica' , sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff; float: none; display: inline !important;" data-mce-style="color: #000000; font-family: 'arial' , 'helvetica' , sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff; float: none; display: inline !important;">The Ann Arbor District Library is currently hiring for a full-time Front-end Developer position. Please see below for how to apply and for further details.</span></div><div style="color: #000000; font-family: 'arial' , 'helvetica' , sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #fffdfb;" data-mce-style="color: #000000; font-family: 'arial' , 'helvetica' , sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #fffdfb;"><span style="color: #000000; font-family: 'arial' , 'helvetica' , sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff; float: none; display: inline !important;" data-mce-style="color: #000000; font-family: 'arial' , 'helvetica' , sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff; float: none; display: inline !important;"><br></span></div><div style="color: #000000; font-family: 'arial' , 'helvetica' , sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #fffdfb;" data-mce-style="color: #000000; font-family: 'arial' , 'helvetica' , sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #fffdfb;"><span style="color: #000000; font-family: 'arial' , 'helvetica' , sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff; float: none; display: inline !important;" data-mce-style="color: #000000; font-family: 'arial' , 'helvetica' , sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff; float: none; display: inline !important;">If you are interested in applying, please visit: <a href="https://aadl.org/aboutus/employment" rel="nofollow noopener noreferrer nofollow noopener noreferrer" style="color: #657c7f; text-decoration: underline; font-family: 'arial' , 'helvetica' , sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;" target="_blank" data-mce-href="https://aadl.org/aboutus/employment" data-mce-style="color: #657c7f; text-decoration: underline; font-family: 'arial' , 'helvetica' , sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;">https://aadl.org/aboutus/employment</a><span class="Object" id="OBJ_PREFIX_DWT392_com_zimbra_url" style="color: #657c7f; text-decoration: none;" data-mce-style="color: #657c7f; text-decoration: none;"><span class="Object-hover" id="OBJ_PREFIX_DWT400_com_zimbra_url" style="color: #657c7f; text-decoration: underline;" data-mce-style="color: #657c7f; text-decoration: underline;"></span></span></span></div><br></div><div style="color: #000000; font-family: arial, helvetica, sans-serif; font-size: 12pt;" data-mce-style="color: #000000; font-family: arial, helvetica, sans-serif; font-size: 12pt;"><div>Heidi Pratt</div><div>Human Resources Associate</div><div>Ann Arbor District Library</div><div><a href="mailto:hr@aadl.org" target="_blank" rel="nofollow noopener noreferrer" data-mce-href="mailto:hr@aadl.org">hr@aadl.org</a></div><br><div><div style="color: #222222; font-family: 'open sans' , 'helvetica' , 'arial' , sans-serif; font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;" data-mce-style="color: #222222; font-family: 'open sans' , 'helvetica' , 'arial' , sans-serif; font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;"><br></div></div></div><div><div style="color: #222222; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;" data-mce-style="color: #222222; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><p style="margin: 0px; font-size: 1rem; line-height: 1.6;" data-mce-style="margin: 0px; font-size: 1rem; line-height: 1.6;"><strong style="font-weight: bold;" data-mce-style="font-weight: bold;">Job Title:<span> </span></strong>Front-end Developer</p><p style="margin: 0px; font-size: 1rem; line-height: 1.6;" data-mce-style="margin: 0px; font-size: 1rem; line-height: 1.6;"><strong style="font-weight: bold;" data-mce-style="font-weight: bold;">Department:<span> </span></strong>Information Technology</p><p style="margin: 0px; font-size: 1rem; line-height: 1.6;" data-mce-style="margin: 0px; font-size: 1rem; line-height: 1.6;"><strong style="font-weight: bold;" data-mce-style="font-weight: bold;">Supervisor:<span> </span></strong>IT Manager</p><p style="margin: 0px; font-size: 1rem; line-height: 1.6;" data-mce-style="margin: 0px; font-size: 1rem; line-height: 1.6;"><strong style="font-weight: bold;" data-mce-style="font-weight: bold;">Hiring Range:<span> </span></strong>$57,700 - $72,100</p><p style="margin: 0px; font-size: 1rem; line-height: 1.6;" data-mce-style="margin: 0px; font-size: 1rem; line-height: 1.6;"><strong style="font-weight: bold;" data-mce-style="font-weight: bold;">Union Position:<span> </span></strong>Yes</p><p style="margin: 0px; font-size: 1rem; line-height: 1.6;" data-mce-style="margin: 0px; font-size: 1rem; line-height: 1.6;"><strong style="font-weight: bold;" data-mce-style="font-weight: bold;">Benefits:<span> </span></strong>Yes </p><p style="margin: 0px; font-size: 1rem; line-height: 1.6;" data-mce-style="margin: 0px; font-size: 1rem; line-height: 1.6;"><strong style="font-weight: bold;" data-mce-style="font-weight: bold;">Hours:<span> </span></strong>Full-time, including evening and/or weekend hours</p><p style="margin: 0px; font-size: 1rem; line-height: 1.6;" data-mce-style="margin: 0px; font-size: 1rem; line-height: 1.6;"><strong style="font-weight: bold;" data-mce-style="font-weight: bold;">Open:</strong><span> </span>May 8, 2023</p><p style="margin: 0px; font-size: 1rem; line-height: 1.6;" data-mce-style="margin: 0px; font-size: 1rem; line-height: 1.6;"><strong style="font-weight: bold;" data-mce-style="font-weight: bold;">Closing:</strong><span> </span>9:00 P.M. on May 22, 2023</p><p style="margin: 0px; font-size: 1rem; line-height: 1.6;" data-mce-style="margin: 0px; font-size: 1rem; line-height: 1.6;"><strong style="font-weight: bold;" data-mce-style="font-weight: bold;">Applying:</strong><span> </span>Please do not apply directly through Indeed.com. Instead, visit<span> </span><em>aadl.org/aboutus/employment</em><span> </span>to submit an application and optional cover letter/resume.<br></p><p style="margin: 0px; font-size: 1rem; line-height: 1.6;" data-mce-style="margin: 0px; font-size: 1rem; line-height: 1.6;"> </p><p style="margin: 0px; font-size: 1rem; line-height: 1.6;" data-mce-style="margin: 0px; font-size: 1rem; line-height: 1.6;"><em><strong style="font-weight: bold;" data-mce-style="font-weight: bold;">Position Summary</strong></em></p><p style="margin: 0px; font-size: 1rem; line-height: 1.6;" data-mce-style="margin: 0px; font-size: 1rem; line-height: 1.6;"><br></p><p style="margin: 0px; font-size: 1rem; line-height: 1.6;" data-mce-style="margin: 0px; font-size: 1rem; line-height: 1.6;">Under the direction of the IT Manager, the Front-end Developer is responsible for the implementation and continuous improvement of the User Interface for public and staff-facing applications. The Front-end Developer will interact directly with IT design and development staff, as well as end users. This position will participate fully in the design, development, testing, and maintenance of in-house applications, including, but not limited to, web applications and services, content management systems, and automation processes. The Front-end Developer also assumes responsibility for maintaining up-to-date documentation in the source code, as well as within external documentation structures.</p><p style="margin: 0px; font-size: 1rem; line-height: 1.6;" data-mce-style="margin: 0px; font-size: 1rem; line-height: 1.6;"><br data-mce-bogus="1"></p></div><div data-bind="html: Job.Requirements" style="color: #222222; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;" data-mce-style="color: #222222; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><p style="margin: 0px; font-size: 1rem; line-height: 1.6;" data-mce-style="margin: 0px; font-size: 1rem; line-height: 1.6;"><em><strong style="font-weight: bold;" data-mce-style="font-weight: bold;">Essential Duties and Responsibilities<span> </span></strong></em><em>include the following; other duties as assigned:</em></p><ul><li>Designs, develops, tests, and implements User Interfaces according to project specifications.</li><li>Develops and continuously improves User Experience providing consistent, appealing, highly usable access to library services for staff and public users.</li><li>Assists other IT staff members with development projects and coordinates work with Project Leaders.</li><li>Produces documentation, both in-code and in IT document repositories, for both technical and non-technical customers.</li><li>Works with users and teams to produce specifications and plans for both small and large development projects.</li><li>Works within both the IT departmental guidelines and project management processes, to complete projects on a timely basis and provide realistic development timelines.</li><li>Researches new technologies and structures to maintain and update knowledge, skills and abilities.</li><li>Monitors completed projects and associated documentation, plans upgrades, and schedules implementations as needed.</li><li>Consults with IT staff members on interface design and serves as a departmental programming resource.</li></ul><p style="margin: 0px; font-size: 1rem; line-height: 1.6;" data-mce-style="margin: 0px; font-size: 1rem; line-height: 1.6;"><em><strong style="font-weight: bold;" data-mce-style="font-weight: bold;">Minimum Qualifications</strong></em><em><span> </span>include:</em></p><ul><li>Bachelor’s degree in relevant field or combination of education and experience.</li><li>Experience with Web Service design and development.</li><li>Extensive experience with CSS and Javascript.</li><li>Extensive experience with LAMP stack development.</li><li>Experience with Mobile & Responsive UI/UX Development.</li><li>Extensive experience with open-source tools and operating systems, particularly Linux-based systems.</li><li>Experience with Git and Github.</li><li>Experience with package management tools, e.g., Composer/npm/Yarn.</li><li>Proven ability to work within a technical team on large, multi-faceted projects.</li><li>Ability to communicate effectively both verbally and in writing.</li></ul><p style="margin: 0px; font-size: 1rem; line-height: 1.6;" data-mce-style="margin: 0px; font-size: 1rem; line-height: 1.6;"><em><strong style="font-weight: bold;" data-mce-style="font-weight: bold;">Preferred Qualifications<span> </span></strong></em><em>include:</em></p><ul><li>Experience working effectively with a diverse community.</li><li>Familiarity with Library functions.</li><li>Experience with Drupal.</li><li>Experience with usability assessment.</li><li>Experience with SCSS.</li><li>Experience developing PHP libraries or other code repositories.</li></ul><p style="margin: 0px; font-size: 1rem; line-height: 1.6;" data-mce-style="margin: 0px; font-size: 1rem; line-height: 1.6;"> </p><align-center style="display: block; text-align: center;" data-mce-style="display: block; text-align: center;"><em>The above is intended to describe the major responsibilities and requirements for this position.</em></align-center><align-center style="display: block; text-align: center;" data-mce-style="display: block; text-align: center;"><em>It is not to be construed as an exhaustive statement of all duties, responsibilities or requirements.</em> </align-center><align-center style="display: block; text-align: center;" data-mce-style="display: block; text-align: center;"><br></align-center><align-center style="display: block; text-align: center;" data-mce-style="display: block; text-align: center;"><em><strong style="font-weight: bold;" data-mce-style="font-weight: bold;">The Ann Arbor District Library is an EEO Employer.</strong></em></align-center><align-center style="display: block; text-align: center;" data-mce-style="display: block; text-align: center;"><br></align-center><align-center style="display: block; text-align: center;" data-mce-style="display: block; text-align: center;"><em>The Ann Arbor District Library reserves the right to change, amend, add, delete and otherwise assign </em></align-center><align-center style="display: block; text-align: center;" data-mce-style="display: block; text-align: center;"><em>any and all duties, responsibilities, and position titles as it deems necessary to meet the needs of its business.</em></align-center></div><br></div><div style="color: #000000; font-family: arial, helvetica, sans-serif; font-size: 12pt;" data-mce-style="color: #000000; font-family: arial, helvetica, sans-serif; font-size: 12pt;"><br></div></div><br></div></div></body></html>