CINXE.COM
EngineerGirl - Mary Mathias
<!DOCTYPE html> <html> <head> <title>EngineerGirl - Mary Mathias</title> <link rel="shortcut icon" href="/images/favicon.ico"> <script> var doc = document.documentElement; doc.setAttribute('data-useragent', navigator.userAgent); </script> <meta name="description" content="Mary Mathias is a Program Officer for the National Academy of Engineering and works on the EngineerGirl program."> <meta name="Keywords" content="" /> <meta property="og:title" content="Mary Mathias"/> <meta property="og:url" content="https://www.engineergirl.org/56887/Mary-Mathias"/> <meta property="og:image" content="https://www.engineergirl.org/images/logo.png"/> <meta property="og:site_name" content="EngineerGirl"/> <meta property="og:description" content="Mary Mathias is a Program Officer for the National Academy of Engineering and works on the EngineerGirl program."/> <link rel="canonical" href="http://www.engineergirl.org/56887/Mary-Mathias" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <!-- google analytics script --> <script type="text/javascript"> (function (i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); </script> <script type="text/javascript"> ga('create', 'UA-3375812-2', 'auto', { 'name': 'GA_Tracker1' }); ga('GA_Tracker1.send', 'pageview', '/56887/Mary-Mathias',{"dimension1":"56887","dimension2":"/-1/1/5865/","dimension3":"CmsPerson","dimension4":"5865","dimension5":"True","dimension6":"0","dimension7":"","dimension8":"","dimension9":"","dimension10":""}); ga('create', 'UA-2130316-14', 'auto', { 'name': 'GA_Tracker2' }); ga('GA_Tracker2.send', 'pageview', '/56887/Mary-Mathias',{"dimension1":"56887","dimension2":"/-1/1/5865/","dimension3":"CmsPerson","dimension4":"5865","dimension5":"True","dimension6":"0","dimension7":"","dimension8":"","dimension9":"","dimension10":""}); ga('create', 'UA-3375812-1', 'auto', { 'name': 'GA_TrackerNAE' }); ga('GA_TrackerNAE.send', 'pageview', '/56887/Mary-Mathias',{"dimension1":"56887","dimension2":"/-1/1/5865/","dimension3":"CmsPerson","dimension4":"5865","dimension5":"True","dimension6":"0","dimension7":"","dimension8":"","dimension9":"","dimension10":""}); </script> <!-- end google analytics script --> <link rel="StyleSheet" type="text/css" href="/styles/bundle/venus_ext.css" /> <link rel="stylesheet" href="https://use.typekit.net/est7cyo.css"> <link rel="stylesheet" href="https://milieu.engineergirl.org/Net2.0/api/tenantfileserver?key=CustomCss"> <!-- OneTrust Cookies Consent Notice start for engineergirl.org --> <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="d161e5fe-c4f7-4ce3-afef-c38e0dceeb38" ></script> <script type="text/javascript"> function OptanonWrapper() { } </script> <!-- OneTrust Cookies Consent Notice end for engineergirl.org --> <script type="text/javascript"> var IsHomepage = 0; var PageId = 56887; </script> <script type="text/javascript" src="/common/javascript/jquery.min.js?ver=230112080906"></script> <script type="text/javascript" src="/common/javascript/jquery.acms.js?ver=201217082854"></script> <script type="text/javascript" src="/common/javascript/jquery-ui/jquery-ui.min.js?ver=201217082854"></script> <script type="text/javascript" src="/common/javascript/bootstrap-tabdrop.js?ver=201217082850"></script> <script type="text/javascript" src="/javascript/egirl.js?ver=230123113900"></script> <script type="text/javascript" src="/javascript/jquery-migrate-1.4.1.min.js?ver=230112080905"></script> <script type="text/javascript" src="/common/javascript/top-navigator/jquery-top-navigator.js?ver=201217082854"></script> <script type="text/javascript" src="/common//bootstrap/js/bootstrap.min.js?ver=230112080906"></script> <script type="text/javascript" src="/common/javascript/jquery.onready.js?ver=230112081451"></script> <link href='https://fonts.googleapis.com/css?family=Amatic+SC:400,700' rel='stylesheet' type='text/css'> <!-- Google Tag Manager --> <script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-5PB4FX4');</script> <!-- End Google Tag Manager --> </head> <body data-ng-app="miliuApp"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5PB4FX4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ProfilePage", "@id": "https://www.engineergirl.org/#ProfilePage", "name": "Engineer Girl", "url": "https://www.engineergirl.org", "mainEntity": { "@type": "Person", "name": "Mary Mathias", "image": "https://www.engineergirl.org/File.aspx?id=56892", "url": "https://www.engineergirl.org/default.aspx?id=56887", "additionalName": "", "familyName": "Mathias", "givenName": "Mary", "jobTitle": "Website & Community Manager", "worksFor": { "@type": "Organization", "name": "National Academy of Engineering" } }, "breadcrumb": { "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "item": { "@type": "Collection", "name": "About", "url": "https://www.engineergirl.org/default.aspx?id=5865" }, "position": 1 } ] } } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Person", "@id": "https://www.engineergirl.org/#Person", "name": "Mary Mathias", "image": "https://www.engineergirl.org/File.aspx?id=56892", "url": "https://www.engineergirl.org/default.aspx?id=56887", "additionalName": "", "familyName": "Mathias", "givenName": "Mary", "jobTitle": "Website & Community Manager", "worksFor": { "@type": "Organization", "name": "National Academy of Engineering" } } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "@id": "https://www.engineergirl.org/#BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "item": { "@type": "Collection", "name": "About", "url": "https://www.engineergirl.org/default.aspx?id=5865" }, "position": 1 } ] } </script> <div class="defaultResolutions" style="display: none;"> <div class="col-xs">XS</div> <div class="col-sm">SM</div> <div class="col-md">MD</div> <div class="col-lg">LG</div> </div> <form method="post" action="./Mary-Mathias?id=56887" id="form1"> <div class="aspNetHidden"> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJNzkxNTk0OTAxD2QWAgILD2QWAgIJD2QWAmYPZBYKAgQPZBYCZg9kFgRmD2QWAmYPZBYQZg8WAh4HVmlzaWJsZWgWAgIBDxYCHwBoFgICAQ8PFgIfAGhkFgICAg9kFghmDw8WAh4EVGV4dGVkZAIBDw9kFgIeBXZhbHVlZWQCBA8PFgIfAWVkZAIHD2QWAgILEBBkZBYAZGQCAQ9kFgJmD2QWBGYPFgIeC18hSXRlbUNvdW50AgQWCGYPZBYCZg8VBSo8bGkgIGNsYXNzPSJpbnZvbHZlIG5hdmJhci1uYXYgaGlkZGVuLXNtIj4ULzEzNTg2Ny9HZXQtSW52b2x2ZWQMR2V0IEludm9sdmVkBTwvbGk+HTxsaSBjbGFzcz0ic2VwIGludm9sdmUiPjwvbGk+ZAIBD2QWAmYPFQUoPGxpICBjbGFzcz0iYWJvdXQgbmF2YmFyLW5hdiBoaWRkZW4tc20iPgwvMTA4NTEvQWJvdXQFQWJvdXQFPC9saT4bPGxpIGNsYXNzPSJzZXAgYWJvdXQiPjwvbGk+ZAICD2QWAmYPFQUqPGxpICBjbGFzcz0iY29udGFjdCBuYXZiYXItbmF2IGhpZGRlbi1zbSI+Ci84L0NvbnRhY3QHQ29udGFjdAU8L2xpPh08bGkgY2xhc3M9InNlcCBjb250YWN0Ij48L2xpPmQCAw9kFgJmDxUFJzxsaSAgY2xhc3M9ImdpdmUgbmF2YmFyLW5hdiBoaWRkZW4tc20iPhwvMTM1Nzg0L2dpdmUtdG8tZW5naW5lZXJnaXJsBkdpdmluZwU8L2xpPho8bGkgY2xhc3M9InNlcCBnaXZlIj48L2xpPmQCAg9kFgJmD2QWAmYPD2QWAh4LcGxhY2Vob2xkZXIFDVNlYXJjaCBmb3IuLi5kAgIPZBYCAgEPFgIfAGgWAgIBDw8WBB8BBQxMb3cgR3JhcGhpY3MeC05hdmlnYXRlVXJsBSwvNTY4ODcvTWFyeS1NYXRoaWFzP2xheW91dENoYW5nZT1Mb3dHcmFwaGljc2RkAgMPZBYCAgIPZBYGAgEPD2QWAh8CZWQCBA8PFgIfAWVkZAIHDw8WAh8AaGQWAgILEBBkZBYAZGQCBg9kFgICAQ8WAh8DAgMWBgIBD2QWBGYPFQcAECBkcm9wZG93bi10b2dnbGUSIG5hdkl0ZW0gZW5naW5lZXJzJWRhdGEtdG9nZ2xlPSdkcm9wZG93bicgcm9sZT0nYnV0dG9uJyAMLzMvRW5naW5lZXJzCUVuZ2luZWVycwBkAgEPFgIfAwIEFggCAQ9kFgJmDxUFAAAGaWQ0NDQ3GS80NDQ3L0VuZ2luZWVycy1EaXJlY3RvcnkPSSdtIGFuIEVuZ2luZWVyZAICD2QWAmYPFQUAAAhpZDEyNjMxMh4vMTI2MzEyL3N0b3JpZXMtYW5kLWludGVydmlld3MUU3RvcmllcyAmIEludGVydmlld3NkAgMPZBYCZg8VBQAABmlkNDM1NhovNDM1Ni9IaXN0b3JpY2FsLUVuZ2luZWVycxRIaXN0b3JpY2FsIEVuZ2luZWVyc2QCBA9kFgJmDxUFAAAGaWQ1NTAzFi81NTAzL2VuZ2luZWVyaW5nLW5ld3MQRW5naW5lZXJpbmcgTmV3c2QCAg9kFgRmDxUHABAgZHJvcGRvd24tdG9nZ2xlEyBuYXZJdGVtIHdoYXRUaGV5RG8lZGF0YS10b2dnbGU9J2Ryb3Bkb3duJyByb2xlPSdidXR0b24nIBQvMi9XaGF0LUVuZ2luZWVycy1EbwxXaGF0IFRoZXkgRG8AZAIBDxYCHwMCBBYIAgEPZBYCZg8VBQAABGlkMzMXLzMzL0VuZ2luZWVyaW5nLUNhcmVlcnMTRW5naW5lZXJpbmcgQ2FyZWVyc2QCAg9kFgJmDxUFAAAGaWQ5MzExJS85MzExL2VuZ2luZWVyaW5nLWlkZWFzLWFuZC1zb2x1dGlvbnMRSWRlYXMgJiBTb2x1dGlvbnNkAgMPZBYCZg8VBQAACGlkMTI4MTE5Gi8xMjgxMTkvZW5naW5lZXJpbmctZGVzaWduEkVuZ2luZWVyaW5nIERlc2lnbmQCBA9kFgJmDxUFAAAGaWQ5MzEzIS85MzEzL2VuZ2luZWVyaW5nLWFyZWFzLW9mLWltcGFjdA9BcmVhcyBvZiBJbXBhY3RkAgMPZBYEZg8VBwAQIGRyb3Bkb3duLXRvZ2dsZRYgbmF2SXRlbSBob3dUb0dldFRoZXJlJWRhdGEtdG9nZ2xlPSdkcm9wZG93bicgcm9sZT0nYnV0dG9uJyAMLzUvR2V0LVRoZXJlEEhvdyB0byBHZXQgVGhlcmUAZAIBDxYCHwMCBBYIAgEPZBYCZg8VBQAACGlkMTM5NjAyHS8xMzk2MDIvRXhwbG9yZS1Qb3NzaWJpbGl0aWVzFUV4cGxvcmUgUG9zc2liaWxpdGllc2QCAg9kFgJmDxUFAAAIaWQxMjgyMDUbLzEyODIwNS9QcmVwYXJlLWZvci1Db2xsZWdlE1ByZXBhcmUgZm9yIENvbGxlZ2VkAgMPZBYCZg8VBQAACGlkMTI4MjQ5EC8xMjgyNDkvVHJ5LVRoaXMIVHJ5IFRoaXNkAgQPZBYCZg8VBQAABWlkMzY2DC8zNjYvQW5zd2Vycw9Bc2sgYW4gRW5naW5lZXJkAgcPZBYCZg9kFgRmDxYCHwMCBBYIZg9kFgJmDxUFKjxsaSAgY2xhc3M9Imludm9sdmUgbmF2YmFyLW5hdiBoaWRkZW4tc20iPhQvMTM1ODY3L0dldC1JbnZvbHZlZAxHZXQgSW52b2x2ZWQFPC9saT4dPGxpIGNsYXNzPSJzZXAgaW52b2x2ZSI+PC9saT5kAgEPZBYCZg8VBSg8bGkgIGNsYXNzPSJhYm91dCBuYXZiYXItbmF2IGhpZGRlbi1zbSI+DC8xMDg1MS9BYm91dAVBYm91dAU8L2xpPhs8bGkgY2xhc3M9InNlcCBhYm91dCI+PC9saT5kAgIPZBYCZg8VBSo8bGkgIGNsYXNzPSJjb250YWN0IG5hdmJhci1uYXYgaGlkZGVuLXNtIj4KLzgvQ29udGFjdAdDb250YWN0BTwvbGk+HTxsaSBjbGFzcz0ic2VwIGNvbnRhY3QiPjwvbGk+ZAIDD2QWAmYPFQUnPGxpICBjbGFzcz0iZ2l2ZSBuYXZiYXItbmF2IGhpZGRlbi1zbSI+HC8xMzU3ODQvZ2l2ZS10by1lbmdpbmVlcmdpcmwGR2l2aW5nBTwvbGk+GjxsaSBjbGFzcz0ic2VwIGdpdmUiPjwvbGk+ZAICD2QWAmYPZBYCZg8PZBYCHwQFDVNlYXJjaCBmb3IuLi5kAggPZBYCAgIPZBYGAgEPD2QWAh8CZWQCBA8PFgIfAWVkZAIHDw8WAh8AaGQWAgILEBBkZBYAZGQCCg9kFgJmD2QWAmYPD2QWAh8EBQ1TZWFyY2ggZm9yLi4uZAIBD2QWAmYPZBYCAgEPFgIfAwIDFgYCAQ9kFgRmDxUHABAgZHJvcGRvd24tdG9nZ2xlEiBuYXZJdGVtIGVuZ2luZWVycyVkYXRhLXRvZ2dsZT0nZHJvcGRvd24nIHJvbGU9J2J1dHRvbicgDC8zL0VuZ2luZWVycwlFbmdpbmVlcnMAZAIBDxYCHwMCBBYIAgEPZBYCZg8VBQAABmlkNDQ0NxkvNDQ0Ny9FbmdpbmVlcnMtRGlyZWN0b3J5D0knbSBhbiBFbmdpbmVlcmQCAg9kFgJmDxUFAAAIaWQxMjYzMTIeLzEyNjMxMi9zdG9yaWVzLWFuZC1pbnRlcnZpZXdzFFN0b3JpZXMgJiBJbnRlcnZpZXdzZAIDD2QWAmYPFQUAAAZpZDQzNTYaLzQzNTYvSGlzdG9yaWNhbC1FbmdpbmVlcnMUSGlzdG9yaWNhbCBFbmdpbmVlcnNkAgQPZBYCZg8VBQAABmlkNTUwMxYvNTUwMy9lbmdpbmVlcmluZy1uZXdzEEVuZ2luZWVyaW5nIE5ld3NkAgIPZBYEZg8VBwAQIGRyb3Bkb3duLXRvZ2dsZRMgbmF2SXRlbSB3aGF0VGhleURvJWRhdGEtdG9nZ2xlPSdkcm9wZG93bicgcm9sZT0nYnV0dG9uJyAULzIvV2hhdC1FbmdpbmVlcnMtRG8MV2hhdCBUaGV5IERvAGQCAQ8WAh8DAgQWCAIBD2QWAmYPFQUAAARpZDMzFy8zMy9FbmdpbmVlcmluZy1DYXJlZXJzE0VuZ2luZWVyaW5nIENhcmVlcnNkAgIPZBYCZg8VBQAABmlkOTMxMSUvOTMxMS9lbmdpbmVlcmluZy1pZGVhcy1hbmQtc29sdXRpb25zEUlkZWFzICYgU29sdXRpb25zZAIDD2QWAmYPFQUAAAhpZDEyODExORovMTI4MTE5L2VuZ2luZWVyaW5nLWRlc2lnbhJFbmdpbmVlcmluZyBEZXNpZ25kAgQPZBYCZg8VBQAABmlkOTMxMyEvOTMxMy9lbmdpbmVlcmluZy1hcmVhcy1vZi1pbXBhY3QPQXJlYXMgb2YgSW1wYWN0ZAIDD2QWBGYPFQcAECBkcm9wZG93bi10b2dnbGUWIG5hdkl0ZW0gaG93VG9HZXRUaGVyZSVkYXRhLXRvZ2dsZT0nZHJvcGRvd24nIHJvbGU9J2J1dHRvbicgDC81L0dldC1UaGVyZRBIb3cgdG8gR2V0IFRoZXJlAGQCAQ8WAh8DAgQWCAIBD2QWAmYPFQUAAAhpZDEzOTYwMh0vMTM5NjAyL0V4cGxvcmUtUG9zc2liaWxpdGllcxVFeHBsb3JlIFBvc3NpYmlsaXRpZXNkAgIPZBYCZg8VBQAACGlkMTI4MjA1Gy8xMjgyMDUvUHJlcGFyZS1mb3ItQ29sbGVnZRNQcmVwYXJlIGZvciBDb2xsZWdlZAIDD2QWAmYPFQUAAAhpZDEyODI0ORAvMTI4MjQ5L1RyeS1UaGlzCFRyeSBUaGlzZAIED2QWAmYPFQUAAAVpZDM2NgwvMzY2L0Fuc3dlcnMPQXNrIGFuIEVuZ2luZWVyZAIGD2QWAmYPFgIfAwIDFgYCAQ9kFgJmDxUDAAxjbGFzcz0iaG9tZSIhPGEgdGl0bGU9J0hvbWUnIGhyZWY9Jy8nPkhvbWU8L2E+ZAIDD2QWAmYPFQMAAC08YSB0aXRsZT0nQWJvdXQnIGhyZWY9Jy81ODY1L0Fib3V0Jz5BYm91dDwvYT5kAgUPZBYCZg8VAwAALzxzcGFuIHRpdGxlPScgTWFyeSBNYXRoaWFzJz5NYXJ5IE1hdGhpYXM8L3NwYW4+ZAIID2QWBgIEDxYCHwBoZAIFDxYCHwBoZAIHD2QWAgIBDxYCHwBoZAIMDw8WAh8AaGRkAhAPZBYCZg9kFgJmD2QWAgICD2QWAmYPZBYCZg9kFgICAg9kFgJmD2QWAmYPFgIfAwIDZBgCBRRjdGwwNSRjdGwwNCR0YWJzVmlldw8PZGZkBRlMb2dpbk1vZGFsQ29udHJvbCRjYXB0Y2hhDwUkOWFhY2Y3ZjQtNTFjOC00Mzk2LThlMmUtOTcyNmU4ODJhZTk5ZJCZ9xQ+sjcQTNurt+84wvmwKE0Te0UnsAIadx8ME6Yg" /> </div> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['form1']; if (!theForm) { theForm = document.form1; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> <script src="/WebResource.axd?d=7bVHh3GmyMIydnQAtLZbB3rVh9LFnGf8Ks4ZEAsUUAab3K_GN4qAzn2mLnqh9IQTDvovkkfSAcIPLcvOVZabjadgYWHWo3sWUBlONaothaM1&t=638240205260000000" type="text/javascript"></script> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334" /> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEdABPqu5h7/AjIfM5/+ZuC+Ixi3mJC/n9w/XwB7xym6V4JI+OcirbtVPgsSwBiUpOlrUPu9vNlBuDPtuzYzIasctRKLk1SjpEvj0knGhfn6QpEAYRnH273u9nrwWUfz+FSeYjeTxDXd9AVPBEuQ8ziEq63oy1uXJzkukHVdzKcp4aFLzOZsd/p9tBtwYffMFVMqqmHEOwYs8zyiV6HusS987rnvp5CE2pWBabm0dMhn6ZpxZ99/iyufME3Il1hqwsqQ0X9Y9o/NOGq1mGsOGwdhfHPHTt1R35lx4FdH6IRT5I0jS1nihlo6pCp2g9jGamO5nCOir9y7SSmLvbMPJiIqvly5CNijlRNSh7quV1HrCQ7lNHdTWeenTDUWdZBNiAF/4rnwj3ljUG2D4ipRIbpE1XnWKhr9PH2NY3BsiVInSE0IwO60joFPAncAUYRWt/3+Lk=" /> </div> <div id="wrapBg"> <script type="text/javascript"> function redirectAction(url) { if (url.length > 0) window.location.href = url; else location.reload(); } function loginModal() { var modal = $('#_modalLogin'); var options = { shouldRender: 'False' == 'True', isLoggedIn: 'False' == 'True', hdnLoginModalHiddenField: $('#LoginModalControl_hdnShowLoginModal'), } //#region public methods function showLoginModal() { modal = $('#_modalLogin').modal({ show: true }); _setHiddenFieldValue(true); //setup bind to events modal.on('hidden.bs.modal', function () { _setHiddenFieldValue(false); }); } function closeLoginModal() { modal.modal('hide'); } function shouldRender() { return options.shouldRender; } function getExtOptions() { var value = $('#LoginModalControl_hdnLoginModalOptionsExt').val(); try { if (value) return JSON.parse(value); } catch (ex) { } return {}; } function setExtOptions(__options) { var _options = __options || {}; options.extOptions = __options; $('#LoginModalControl_hdnLoginModalOptionsExt').val(JSON.stringify(__options)); } //#endregion //#region internal methods function _init() { options.extOptions = getExtOptions(); } function _setHiddenFieldValue(value) { options.hdnLoginModalHiddenField.val('' + value); } //#endregion return { init: _init, options: options, show: showLoginModal, close: closeLoginModal, setExtOptions: setExtOptions } } $(document).ready(function () { var modal = loginModal(); modal.init(); if (modal.options.shouldRender) { modal.show(); return; } if (modal.options.isLoggedIn && modal.options.hdnLoginModalHiddenField.val() == "true") { //call the function var _options = modal.options; if (_options.extOptions && _options.extOptions.onclose) { var func = _options.extOptions.onclose; if (func && func.func) { modal.setExtOptions(null); // run the method window[func.func].apply(window, func.params); } } } $('a[data-action="login"]').click(function (evt) { evt.preventDefault(); //get url var url = $(this).attr('href'); var login = loginModal(); if (!login.options.isLoggedIn) { login.setExtOptions({ onclose: { func: 'redirectAction', params: [url] } }); login.show(); } else { redirectAction(url); } }); }); // Disables the HTML5 client validation (which can interfere with the postback event) function DisableFormValidation() { $('form').attr('novalidate', 'novalidate'); } </script> <div id="_modalLogin" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="_modalLoginTitle"> <div class="modal-dialog " role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="_modalLoginTitle">Login</h4> </div> <div class="modal-body"> <div class="login-website"> <div id="LoginModalControl_pnlNonAuthenticated" onkeypress="javascript:return WebForm_FireDefaultButton(event, 'LoginModalControl_btnLogin')"> <span class="login-website-text"></span> <div class="form"> <div class="form-group"> <fieldset> <input type="hidden" name="LoginModalControl$hdnShowLoginModal" id="LoginModalControl_hdnShowLoginModal" /> <input type="hidden" name="LoginModalControl$hdnLoginModalOptionsExt" id="LoginModalControl_hdnLoginModalOptionsExt" /> <div class="groupItem form-group"> <input name="LoginModalControl$txEmail" type="text" id="LoginModalControl_txEmail" class="form-control" Placeholder="Enter your username/email address" /> </div> <div class="groupItem form-group"> <input name="LoginModalControl$txPassword" type="password" id="LoginModalControl_txPassword" class="form-control" Placeholder="Password" /> </div> </fieldset> </div> </div> <label class="remeber-me"> <input type="checkbox" class="ckRememberMe" /> <a href="javascript:void(0)" class="aRememberMe" title="Keep me signed in">Keep me signed in</a> </label> <input type="submit" name="LoginModalControl$btnLogin" value="Login" onclick="DisableFormValidation();WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("LoginModalControl$btnLogin", "", true, "", "", false, false))" id="LoginModalControl_btnLogin" class="simpleSubmit btn btn-solid btn-sm btn-fix-size" /> <a id="LoginModalControl_btnNeedAcct" class="createAccount" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("LoginModalControl$btnNeedAcct", "", true, "", "", false, true))">Create account</a> <div class="cesrrors alert alert-danger" style='display:none;'> </div> </div> </div> </div> </div> </div> </div> <div id="background-header"> <div class="personPage profilePage"> <div class="bigOverlay"></div> <div class="container-fluid"> <div class="row no-gutter"> <header id="header "> <!-- Header start --> <!-- /////////////////// DESKTOP HEADER /////////////--> <div class="hidden-xs site-header desktopHeader"> <div class="navbar-content loggedIn"> <nav class="navbar"> <!-- /////////////////// DESKTOP HEADER /////////////--> <!-- right menu --> <ul class="nav navbar-nav navbar-right"> <li class="involve navbar-nav hidden-sm"> <a href="/135867/Get-Involved">Get Involved</a> </li> <li class="sep involve"></li> <li class="about navbar-nav hidden-sm"> <a href="/10851/About">About</a> </li> <li class="sep about"></li> <li class="contact navbar-nav hidden-sm"> <a href="/8/Contact">Contact</a> </li> <li class="sep contact"></li> <li class="give navbar-nav hidden-sm"> <a href="/135784/give-to-engineergirl">Giving</a> </li> <li class="sep give"></li> <li class='search navbar-nav'> <div class="searchbox clearfix" aria-label="Site-search"> <input name="ctl05$ctl02$ctl00$mcHeaderBar$ctl00$desktopRightNavBar$ctl00$SearchControl$ctl00$SearchText" type="text" id="ctl05_ctl02_ctl00_mcHeaderBar_ctl00_desktopRightNavBar_ctl00_SearchControl_ctl00_SearchText" placeholder="Search for..." /> <a id="ctl05_ctl02_ctl00_mcHeaderBar_ctl00_desktopRightNavBar_ctl00_SearchControl_ctl00_SubmitSearch" class="button" aria-label="Site-search" href="javascript:__doPostBack('ctl05$ctl02$ctl00$mcHeaderBar$ctl00$desktopRightNavBar$ctl00$SearchControl$ctl00$SubmitSearch','')"></a> <script type="text/javascript">postOnEnter('#ctl05_ctl02_ctl00_mcHeaderBar_ctl00_desktopRightNavBar_ctl00_SearchControl_ctl00_SearchText',"ctl05$ctl02$ctl00$mcHeaderBar$ctl00$desktopRightNavBar$ctl00$SearchControl$ctl00$SubmitSearch");</script> </div> </li> </ul> <ul class="topLoginWrapp nav navbar-nav"> <li class="home"><a href="/">EngineerGirl Home</a></li> <li class="login-li"> <a href="javascript:void(0);" class="login toggle btn btn-primary">Login </a> </li> <li class="join"> <a class="join btn btn-info" href="/30/Login">Join</a> </li> </ul> <!-- /////////////////// LOGIN POPUP EXPANDABLE /////////////--> <div class="topLogin form-signin"> <a href="javascript:void(0)" class="closeLoginBox float-right hidden-xs"></a> <a class="closeLoginBox float-right visible-xs" data-target="#mobileTopLoginDd" role="button" data-toggle="collapse" aria-controls="mobileTopLoginDd"></a> <div class="topLoginContent"> <img class="profile-img-card" src="/images/person/empty-person.webp" /> <img class="profile-img-card custom" src="/images/person/empty-person-custom.webp" /> <input name="ctl05$ctl02$ctl00$mcHeaderBar$ctl00$loginLink$quickLogin$txEmail" type="text" id="ctl05_ctl02_ctl00_mcHeaderBar_ctl00_loginLink_quickLogin_txEmail" class="form-control user" PlaceHolder="Enter your username/email address" value="" /> <input name="ctl05$ctl02$ctl00$mcHeaderBar$ctl00$loginLink$quickLogin$txPassword" type="password" id="ctl05_ctl02_ctl00_mcHeaderBar_ctl00_loginLink_quickLogin_txPassword" class="form-control pass" PlaceHolder="Password" name="password" value="" /> <div class="chkWrapp"> <input id="rememberLoginInfo" type="checkbox" class="ckRememberMe css-input css-checkbox" /> <label class="css-label" for="rememberLoginInfo"></label> </div> <span class="data">Keep me signed in</span> <div class="row" style="margin-top: 20px;"> <div class="col-sm-12 text-center"> <a href="/127092/Sign-Up" class="btn btn-default btn-lg registerButton">Register</a> <a id="ctl05_ctl02_ctl00_mcHeaderBar_ctl00_loginLink_quickLogin_btnLogin" class="login btn btn-default btn-lg" href="javascript:__doPostBack('ctl05$ctl02$ctl00$mcHeaderBar$ctl00$loginLink$quickLogin$btnLogin','')">Login</a> </div> </div> <a id="ctl05_ctl02_ctl00_mcHeaderBar_ctl00_loginLink_quickLogin_btnForgotPassword" class="forgot-password" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl05$ctl02$ctl00$mcHeaderBar$ctl00$loginLink$quickLogin$btnForgotPassword", "", true, "", "", false, true))">Forgot your Login Information</a> </div> <script type="text/javascript">postOnEnter('#ctl05_ctl02_ctl00_mcHeaderBar_ctl00_loginLink_quickLogin_txEmail,#ctl05_ctl02_ctl00_mcHeaderBar_ctl00_loginLink_quickLogin_txPassword', "ctl05$ctl02$ctl00$mcHeaderBar$ctl00$loginLink$quickLogin$btnLogin");</script> <script> $("#rememberLoginInfo").click(function () { var check = $(this).is(":checked"); setCookieDays("rememberMe", check ? '1' : '0', 10); }); </script> <!-- <div id="ctl05_ctl02_ctl00_mcHeaderBar_ctl00_loginLink_quickLogin_pnlNonAuthenticated"> </div> --> </div> <div> </div> </nav> </div> </div> <!-- /////////////////// MOBILE HEADER /////////////--> <div class="container mobileHeader jsDdMenus site-header visible-xs"> <div class="navbar navbar-wrapper navbar-default navbar-static-top"> <!--====================== Mobile top bar -buttons only ==================--> <div class="topBar container-fluid"> <div class="content-box"> <div class="navbar-header navbar-wrapper toggleResponsive"> <div class="row"> <div class="col-xs-4"> <!-- Hamburger button--> <button class="navbar-collapse" type="button" data-target="#mobileTopNavigator" role="button" data-toggle="collapse" aria-expanded="false" aria-controls="mobileTopNavigator"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!--Login button--> <a href="javascript:void(0);" class="topLoginBtn toggle btn btn-primary" data-target="#mobileTopLoginDd" role="button" data-toggle="collapse" aria-expanded="false" aria-controls="mobileTopLoginDd"> <i class="fa fa-user"></i> </a> </div> <div class="col-xs-5"> <!-- Logo with home link--> <a class="navbar-brand" href="/"> <img class="img-responsive center-block hidden-xs" alt="EngineerGirl logo" src="/images/logo.png" /> <img class="img-responsive center-block visible-xs" alt="EngineerGirl logo" src="/images/mobile/logo.png" /> </a> </div> <div class="col-xs-3"> <!-- Search button --> <a data-target="#mobileSearch" href="javascript:void(0);" class="searchBtn btn btn-primary" role="button" data-toggle="collapse" aria-expanded="false" aria-controls="mobileSearch"> <i class="fa fa-search"></i> </a> </div> </div> </div> </div> </div> <!--=================== Mobile top bar - expandable areas ===================--> <!-- top nav--> <div class="mobileTopNavigator collapse" id="mobileTopNavigator"> <a href="/" class="dropdown-toggle homeItem visible-xs">Home</a> <script type="text/javascript"> $(document).ready(function () { var topNav = $(".mastheadWrap.hidden-xs .navbar-static-top"); var engineersBox = topNav.find(".dropdown.engineers"); var whatTheyDoBox = topNav.find(".dropdown.whatTheyDo"); var howToGetThereBox = topNav.find(".dropdown.howToGetThere"); var menuBlock = $(".navbar-static-top"); $(".overMenu .over").each(function () { var over = $(this).find(".menuItem"); var menuItem = $(".mastheadWrap.hidden-xs .topNav > .dropdown-toggle"); over.mouseenter(function () { $(this).closest(".navItem").addClass("itemSelected"); menuBlock.addClass("overlay"); }); }) $(".navItem").mouseleave(function () { $(this).removeClass("itemSelected"); menuBlock.removeClass("overlay"); }); }); </script> <div class="navbar navbar-header navbar-default hidden-xs"> <div class="navbar navbar-default navbar-wrapper"> <div class="topLogo"> <a class="navbar-brand" href="/"> <img class="img-responsive" src="/images/logo.webp" /> </a> </div> </div> </div> <div class="topNaeLogo"> <img src="/images/naeLogoHome.webp" class="img-responsive"/> <a href="https://www.nae.edu/" target="_blank" class="naeLogoLink"></a> </div> <nav class="navbar navbar-default navbar-static-top navbar-wrapper" id="static-top-navigator"> <div class="navbar-collapse navbar-wrapper topMenuNav clearfix" id="bs-navbar-collapse-top"> <ul class="topNav nav navbar-nav overMenu row"> <li class="over col-sm-4 col-md-4 dropdown disabled hvr-underline-from-center navigation_submenu_box first dropdown-toggle navItem engineers" data-toggle='dropdown' role='button' > <a href="/3/Engineers" class="dropdown-toggle menuItem">Engineers</a> <div class="dropdown-menu" role="menu"> <div class="dropdown-menu-wrapp"> <div class="dropdown-menu-cols"> <ul class="submenu-items dropdown-menu column1"> <li class="id4447"> <a href="/4447/Engineers-Directory"><span>I'm an Engineer</span></a> </li> <li class="id126312"> <a href="/126312/stories-and-interviews"><span>Stories & Interviews</span></a> </li> <li class="id4356"> <a href="/4356/Historical-Engineers"><span>Historical Engineers</span></a> </li> <li class="id5503"> <a href="/5503/engineering-news"><span>Engineering News</span></a> </li> </ul> <div class="clearer"></div> </div> </div> </div> </li> <li class="over col-sm-4 col-md-4 dropdown disabled hvr-underline-from-center navigation_submenu_box first dropdown-toggle navItem whatTheyDo" data-toggle='dropdown' role='button' > <a href="/2/What-Engineers-Do" class="dropdown-toggle menuItem">What They Do</a> <div class="dropdown-menu" role="menu"> <div class="dropdown-menu-wrapp"> <div class="dropdown-menu-cols"> <ul class="submenu-items dropdown-menu column1"> <li class="id33"> <a href="/33/Engineering-Careers"><span>Engineering Careers</span></a> </li> <li class="id9311"> <a href="/9311/engineering-ideas-and-solutions"><span>Ideas & Solutions</span></a> </li> <li class="id128119"> <a href="/128119/engineering-design"><span>Engineering Design</span></a> </li> <li class="id9313"> <a href="/9313/engineering-areas-of-impact"><span>Areas of Impact</span></a> </li> </ul> <div class="clearer"></div> </div> </div> </div> </li> <li class="over col-sm-4 col-md-4 dropdown disabled hvr-underline-from-center navigation_submenu_box first dropdown-toggle navItem howToGetThere" data-toggle='dropdown' role='button' > <a href="/5/Get-There" class="dropdown-toggle menuItem">How to Get There</a> <div class="dropdown-menu" role="menu"> <div class="dropdown-menu-wrapp"> <div class="dropdown-menu-cols"> <ul class="submenu-items dropdown-menu column1"> <li class="id139602"> <a href="/139602/Explore-Possibilities"><span>Explore Possibilities</span></a> </li> <li class="id128205"> <a href="/128205/Prepare-for-College"><span>Prepare for College</span></a> </li> <li class="id128249"> <a href="/128249/Try-This"><span>Try This</span></a> </li> <li class="id366"> <a href="/366/Answers"><span>Ask an Engineer</span></a> </li> </ul> <div class="clearer"></div> </div> </div> </div> </li> </ul> </div> </nav> <div class="topNavSecondaryLinks"> <div class="topNavSecondaryHeading"><i class="fa fa-bars"></i>More on this site</div> <ul class="nav navbar-nav navbar-right"> <li class="involve navbar-nav hidden-sm"> <a href="/135867/Get-Involved">Get Involved</a> </li> <li class="sep involve"></li> <li class="about navbar-nav hidden-sm"> <a href="/10851/About">About</a> </li> <li class="sep about"></li> <li class="contact navbar-nav hidden-sm"> <a href="/8/Contact">Contact</a> </li> <li class="sep contact"></li> <li class="give navbar-nav hidden-sm"> <a href="/135784/give-to-engineergirl">Giving</a> </li> <li class="sep give"></li> </ul> </div> </div> <!-- login dd --> <div class="mobileTopLoginDd collapse" id="mobileTopLoginDd"> <div class="topLogin form-signin"> <a href="javascript:void(0)" class="closeLoginBox float-right hidden-xs"></a> <a class="closeLoginBox float-right visible-xs" data-target="#mobileTopLoginDd" role="button" data-toggle="collapse" aria-controls="mobileTopLoginDd"></a> <div class="topLoginContent"> <img class="profile-img-card" src="/images/person/empty-person.webp" /> <img class="profile-img-card custom" src="/images/person/empty-person-custom.webp" /> <input name="ctl05$ctl02$ctl00$mcHeaderBar$ctl00$loginLink1$quickLogin$txEmail" type="text" id="ctl05_ctl02_ctl00_mcHeaderBar_ctl00_loginLink1_quickLogin_txEmail" class="form-control user" PlaceHolder="Enter your username/email address" value="" /> <input name="ctl05$ctl02$ctl00$mcHeaderBar$ctl00$loginLink1$quickLogin$txPassword" type="password" id="ctl05_ctl02_ctl00_mcHeaderBar_ctl00_loginLink1_quickLogin_txPassword" class="form-control pass" PlaceHolder="Password" name="password" value="" /> <div class="chkWrapp"> <input id="rememberLoginInfo" type="checkbox" class="ckRememberMe css-input css-checkbox" /> <label class="css-label" for="rememberLoginInfo"></label> </div> <span class="data">Keep me signed in</span> <div class="row" style="margin-top: 20px;"> <div class="col-sm-12 text-center"> <a href="/127092/Sign-Up" class="btn btn-default btn-lg registerButton">Register</a> <a id="ctl05_ctl02_ctl00_mcHeaderBar_ctl00_loginLink1_quickLogin_btnLogin" class="login btn btn-default btn-lg" href="javascript:__doPostBack('ctl05$ctl02$ctl00$mcHeaderBar$ctl00$loginLink1$quickLogin$btnLogin','')">Login</a> </div> </div> <a id="ctl05_ctl02_ctl00_mcHeaderBar_ctl00_loginLink1_quickLogin_btnForgotPassword" class="forgot-password" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl05$ctl02$ctl00$mcHeaderBar$ctl00$loginLink1$quickLogin$btnForgotPassword", "", true, "", "", false, true))">Forgot your Login Information</a> </div> <script type="text/javascript">postOnEnter('#ctl05_ctl02_ctl00_mcHeaderBar_ctl00_loginLink1_quickLogin_txEmail,#ctl05_ctl02_ctl00_mcHeaderBar_ctl00_loginLink1_quickLogin_txPassword', "ctl05$ctl02$ctl00$mcHeaderBar$ctl00$loginLink1$quickLogin$btnLogin");</script> <script> $("#rememberLoginInfo").click(function () { var check = $(this).is(":checked"); setCookieDays("rememberMe", check ? '1' : '0', 10); }); </script> <!-- <div id="ctl05_ctl02_ctl00_mcHeaderBar_ctl00_loginLink1_quickLogin_pnlNonAuthenticated"> </div> --> </div> </div> <!-- top search --> <div class="mobileTopSearch collapse" id="mobileSearch"> <div class="searchbox clearfix" aria-label="Site-search"> <input name="ctl05$ctl02$ctl00$mcHeaderBar$ctl00$mobileSearchCtrl$ctl00$SearchText" type="text" id="ctl05_ctl02_ctl00_mcHeaderBar_ctl00_mobileSearchCtrl_ctl00_SearchText" placeholder="Search for..." /> <a id="ctl05_ctl02_ctl00_mcHeaderBar_ctl00_mobileSearchCtrl_ctl00_SubmitSearch" class="button" aria-label="Site-search" href="javascript:__doPostBack('ctl05$ctl02$ctl00$mcHeaderBar$ctl00$mobileSearchCtrl$ctl00$SubmitSearch','')"></a> <script type="text/javascript">postOnEnter('#ctl05_ctl02_ctl00_mcHeaderBar_ctl00_mobileSearchCtrl_ctl00_SearchText',"ctl05$ctl02$ctl00$mcHeaderBar$ctl00$mobileSearchCtrl$ctl00$SubmitSearch");</script> </div> </div> </div> </div> <!-- Header end --> </header> <div class="mastheadWrap hidden-xs"> <div class="masthead"> <script type="text/javascript"> $(document).ready(function () { var topNav = $(".mastheadWrap.hidden-xs .navbar-static-top"); var engineersBox = topNav.find(".dropdown.engineers"); var whatTheyDoBox = topNav.find(".dropdown.whatTheyDo"); var howToGetThereBox = topNav.find(".dropdown.howToGetThere"); var menuBlock = $(".navbar-static-top"); $(".overMenu .over").each(function () { var over = $(this).find(".menuItem"); var menuItem = $(".mastheadWrap.hidden-xs .topNav > .dropdown-toggle"); over.mouseenter(function () { $(this).closest(".navItem").addClass("itemSelected"); menuBlock.addClass("overlay"); }); }) $(".navItem").mouseleave(function () { $(this).removeClass("itemSelected"); menuBlock.removeClass("overlay"); }); }); </script> <div class="navbar navbar-header navbar-default hidden-xs"> <div class="navbar navbar-default navbar-wrapper"> <div class="topLogo"> <a class="navbar-brand" href="/"> <img class="img-responsive" src="/images/logo.webp" /> </a> </div> </div> </div> <div class="topNaeLogo"> <img src="/images/naeLogoHome.webp" class="img-responsive"/> <a href="https://www.nae.edu/" target="_blank" class="naeLogoLink"></a> </div> <nav class="navbar navbar-default navbar-static-top navbar-wrapper" id="static-top-navigator"> <div class="navbar-collapse navbar-wrapper topMenuNav clearfix" id="bs-navbar-collapse-top"> <ul class="topNav nav navbar-nav overMenu row"> <li class="over col-sm-4 col-md-4 dropdown disabled hvr-underline-from-center navigation_submenu_box first dropdown-toggle navItem engineers" data-toggle='dropdown' role='button' > <a href="/3/Engineers" class="dropdown-toggle menuItem">Engineers</a> <div class="dropdown-menu" role="menu"> <div class="dropdown-menu-wrapp"> <div class="dropdown-menu-cols"> <ul class="submenu-items dropdown-menu column1"> <li class="id4447"> <a href="/4447/Engineers-Directory"><span>I'm an Engineer</span></a> </li> <li class="id126312"> <a href="/126312/stories-and-interviews"><span>Stories & Interviews</span></a> </li> <li class="id4356"> <a href="/4356/Historical-Engineers"><span>Historical Engineers</span></a> </li> <li class="id5503"> <a href="/5503/engineering-news"><span>Engineering News</span></a> </li> </ul> <div class="clearer"></div> </div> </div> </div> </li> <li class="over col-sm-4 col-md-4 dropdown disabled hvr-underline-from-center navigation_submenu_box first dropdown-toggle navItem whatTheyDo" data-toggle='dropdown' role='button' > <a href="/2/What-Engineers-Do" class="dropdown-toggle menuItem">What They Do</a> <div class="dropdown-menu" role="menu"> <div class="dropdown-menu-wrapp"> <div class="dropdown-menu-cols"> <ul class="submenu-items dropdown-menu column1"> <li class="id33"> <a href="/33/Engineering-Careers"><span>Engineering Careers</span></a> </li> <li class="id9311"> <a href="/9311/engineering-ideas-and-solutions"><span>Ideas & Solutions</span></a> </li> <li class="id128119"> <a href="/128119/engineering-design"><span>Engineering Design</span></a> </li> <li class="id9313"> <a href="/9313/engineering-areas-of-impact"><span>Areas of Impact</span></a> </li> </ul> <div class="clearer"></div> </div> </div> </div> </li> <li class="over col-sm-4 col-md-4 dropdown disabled hvr-underline-from-center navigation_submenu_box first dropdown-toggle navItem howToGetThere" data-toggle='dropdown' role='button' > <a href="/5/Get-There" class="dropdown-toggle menuItem">How to Get There</a> <div class="dropdown-menu" role="menu"> <div class="dropdown-menu-wrapp"> <div class="dropdown-menu-cols"> <ul class="submenu-items dropdown-menu column1"> <li class="id139602"> <a href="/139602/Explore-Possibilities"><span>Explore Possibilities</span></a> </li> <li class="id128205"> <a href="/128205/Prepare-for-College"><span>Prepare for College</span></a> </li> <li class="id128249"> <a href="/128249/Try-This"><span>Try This</span></a> </li> <li class="id366"> <a href="/366/Answers"><span>Ask an Engineer</span></a> </li> </ul> <div class="clearer"></div> </div> </div> </div> </li> </ul> </div> </nav> </div> </div> </div> </div> <div class="pageContent layout-boxed"> <div class="breadcrumb"> <ul class="breadcrumb small"> <li class="homeIcon back"><i class="fas fa-chevron-left" aria-hidden="true"></i></li> <li class="sep"></li> <li class="home"> <a title='Home' href='/'>Home</a> </li> <li class="sep"></li> <li > <a title='About' href='/5865/About'>About</a> </li> <li class="sep"></li> <li > <span title=' Mary Mathias'>Mary Mathias</span> </li> </ul> <!-- drop-down--> <ul class="breadcrumb-Dd" style="display: none;"> </ul> </div> <div class="container-fluid"> <div class="row singleColLayout"> <section class="mainMiddleCol"> <div class="topPageInfoBox"> <div class="topAreaWrapp jumbotron noBanner"> <div style="position:relative;"> <div class="logoOnBanner"> <div class="logoOnBannerWrapp"> <img class="profileImg img-thumbnail img-responsive img-thumbnail img-responsive" src="/File.aspx?id=56892&v=fa17ecc4" alt="Mary Mathias" /> </div> </div> </div> <div class="socialAndMore"> <div id="smDiv"> </div> <div class="clearer"></div> </div> <div class="topDetailsWrapp"> <div class="topMainInfo"> <div class="actionsWrapp row float-right"> </div> <span class="name">Mary Mathias </span> <div class="row"> <div class="actions col-xs-12 col-sm-6 col-md-6"> <div class="personInfo visible-xs clearfix"> <div class="jobOrg"> <span class="jobTitle border">Program Officer</span>, <span class="organization border">National Academy of Engineering</span> </div> <div class="addressBlock"> <div class="addressContent"> </div> </div> </div> <div class="clearer"></div> </div> <div class="col-xs-12 col-sm-6 col-md-6"> <div class="personInfo hidden-xs clearfix"> <div class="jobOrg"> <span class="jobTitle border">Program Officer</span><span class='divider'>|</span> <span class="organization border">National Academy of Engineering</span> </div> <div class="addressBlock"> <div class="addressContent"> </div> </div> </div> <div class="personContactInfo"> <div class="profileInfo contactInfo"> </div> </div> </div> </div> <div class="clearer"></div> </div> </div> <span id="personMenuTabs"></span> </div> <div class="centerTwoColLayout"> <script type="text/javascript"> $(document).ready(function () { $('li a', '.tabs').each(function (index) { var element = $(this); if (element) { var href = element.attr('href'); if (href) { element.attr('href', href + '#viewTab'); } } }); }); </script> <div id="viewTab" style="position:relative; top:-20px;"> </div> <Div Class="" Id="ctl05_ctl04_tabsView"><Div Class="tabsWrapper"><Div Class="tabs"><Ul Class="nav nav-tabs"><Li Class="active nav-lnk-profile" Id="profile"><A Href="?id=56887&tab=profile"><Span Class="text">Profile</Span></A><Div Class="clearer"></Div></Li></Ul></Div><Div Class="tab-content"><Div Class="tabs-4-content person-profile clearfix"><div class="centerRightColumn hideOnEmpty"> </div><div class="centerLeftColumn"> <div class="compactBox hideOnEmpty" id="PersonBiography"> <script> $(document).ready(function () { var buttonBioMore = $('#buttonBioMore'); var buttonBioLess = $('#buttonBioLess'); var plainText = $('.plainText'); var hdnBio = $('#hdnBio'); buttonBioMore.hide(); buttonBioLess.hide(); var biography = plainText.html(); hdnBio.html(biography); //alert(biography); //if (biography.length > 800) { // biography = biography.substring(1, 800) + ' ...'; // buttonBioMore.css("display", "block"); //} plainText.html(biography); //console.log(plainText.html().length) function readMore() { plainText.html(hdnBio.html()); buttonBioMore.toggle(); buttonBioLess.toggle(); } function readLess() { var biography = hdnBio.html(); if (biography.length > 800) { biography = biography.substring(1, 800) + ' ...'; } plainText.html(biography); buttonBioMore.toggle(); buttonBioLess.toggle();; } $("#buttonBioMore").click(function () { readMore(); }); $("#buttonBioLess").click(function () { readLess(); }); }); </script> <div class="sectionBox bio"> <div id="hdnBio" style="display: none;"></div> <div class="feature-box bio contentText"> <div class="header-box"> <i class="fa fa-chevron-down" data-toggle="collapse" data-target="#bioContent"></i> <span class="txt-head">Biography</span> </div> <div class="collapse in" id="bioContent"> <div class="content-box"> <div class="description plainText"> <p class="formatContent_firstParagraph">Mary Mathias is a Program Officer for the National Academy of Engineering and works on the EngineerGirl program. She has a bachelor's degree in aerospace engineering and a master's degree in museum studies.</p> </div> <a class="readMore" id="buttonBioMore">Read More</a> <a class="readMore" id="buttonBioLess">Read Less</a> </div> </div> </div> </div> </div> </div></Div></Div></Div></Div> </div> </div> <!-- Controls that need to be displayed only on edit mode --> <div class="centerTwoColLayout"> <div class="centerRightColumn"> </div> <div class="centerLeftColumn"> <div class="centerLeftColumnWrapp"> </div> </div> </div> </section> </div> </div> </div> <div class="clearer"></div> </div> </div> <footer id="footer"> <div class="footerCustomContent"> <div class="sponsor"> <div class="listTemplate Banner clearfix"> <p class="list-title">Sponsored by</p> <a class="sponsorBanner" href="/130860/clark-foundation"> <img style="border: 0" alt="A. James & Alice B. Clark Foundation" src="/File.aspx?id=130903&v=3bb45c04" class="img-responsive"> </a><a class="sponsorBanner" href="/126946/Chevron"> <img style="border: 0" alt="Chevron" src="/File.aspx?id=140181" class="img-responsive"> </a><a class="sponsorBanner" href="/126950/John-F-McDonnell"> <img style="border: 0" alt="John F. McDonnell" src="/File.aspx?id=126953&v=75ffd764" class="img-responsive"> </a> </div> </div> <div class="description"><div class="customSitemap"><div class="centering"><div class="container-fluid"><div class="row"><div class="col col-sm-12 col-md-6"><div class="center-80"><div class="feature feature-panel highlighted grey" style="padding: 0px; overflow:hidden;"><a href="/154382/2025-Writing-Contest-Innovating-Smarter"><img class="img-resonsive" src="/File.aspx?id=154384&v=d21bfae9" alt="Innovating Smarter" style="max-width:100%;"><p style="margin:8px 0 8px 0; font-size: 24px; font-family: 'Amatic SC', cursive; line-height: 28px; font-weight: bold; text-align: center;">Enter the 2025 EngineerGirl Writing Contest</p></a></div></div></div><div class="col col-sm-12 col-md-6"><div class="center-80"><div class="feature feature-panel highlighted grey" style="padding: 0px; overflow:hidden;"><a href="https://www.engineergirl.org/128602/Ambassadors"><img class="img-responsive" src="/File.aspx?id=128604" alt="EngineerGirl Ambassadors"/><p style="margin:8px 0 8px 0; font-size: 24px; font-family: 'Amatic SC', cursive; line-height: 28px; font-weight: bold; text-align: center;">Learn About the EngineerGirl Ambassadors</a></p></div></div></div></div><div class="row"><p style="font-weight: bold; font-size: 16px; color: #404040; text-align: center; margin: auto;">EngineerGirl is committed to supporting an inclusive engineering workforce. <a href="https://www.engineergirl.org/10851/About#inclusion-statement" style="color: #f25a33;">Find out more</a>.</p></div></div></div></div></div> </div> <div class="footer"> <div class="container-fluid"> <div class="row"> <div class="general col-sm-5 col-md-5"> <div class="legacyLink"> <ul> <li><a href="http://www.nationalacademies.org/legal/terms.html" target="_blank">Terms of Use</a></li> <li><a href="http://www.nationalacademies.org/legal/privacy/index.html" target="_blank">Privacy Statement</a></li> <li><a href="http://www.nationalacademies.org/legal/policy/index.html" target="_blank">DMCA Policy</a></li> </ul> </div> <div class='footer-address'id='footer-address' >National Academy of Engineering</div> <div class="copyright"> <a href="http://nationalacademies.org/legal/index.html" target="_blank">Copyright @ 2003- 2024 National Academy of Sciences on behalf of the National Academy of Engineering. All rights reserved.</a> </div> </div> <div class="footerNav col-sm-3 col-md-3 hidden-xs"> <div class="container-fluid"> <div class="row"> <div class="social"> <!-- FOR THE PRESENTATION,PLEASE CLARIFY AND REMOVE!!! --> Follow us <ul> <li><a href="https://www.facebook.com/EngineerGirlNAE/" target="_blank"> <img src="/images/facebook.webp" class="img-responsive" /></a></li> <li><a href="https://twitter.com/EngineerGirlNAE" target="_blank"> <img src="/images/twitter.webp" class="img-responsive" /></a></li> <li><a href="https://www.instagram.com/EngineerGirlNAE/" target="_blank"> <img src="/images/instagram.webp" class="img-responsive" /></a></li> </ul> </div> </div> </div> </div> <div class="col-sm-4 col-md-4 right-footer"> <div class="general"> <div class="legacyLink"> <ul> <li> <a href="/">EngineerGirl Home</a> </li> <li> <a href="/10/Sitemap">Sitemap</a> </li> <li> <a href="/138752/Subscribe">Subscribe</a> </li> </ul> </div> <div class="digitalBy"><span>Digital by</span><a href="http://www.diamax.com/" target="_blank"><img src="/images/diamax_logo.webp" alt="Diamax" /></a></div> </div> </div> </div> </div> </div> </footer> </div> </form> </body> </html> <!-- Page Summary Page Id: 56887 Page Path: /-1/1/5865/ Page Name: Mary Mathias Page Url Name: Page Type: Cms Person - Person [101] Page Section Name: Generated Server Time: 12/18/2024 12:29:33 AM -->