update resume

This commit is contained in:
a 2023-08-31 11:27:37 -05:00
parent 411e76b851
commit 74c83f1b04
4 changed files with 385 additions and 221 deletions

Binary file not shown.

View file

@ -0,0 +1,240 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">
<title>Abdullah Tarawneh</title>
<style>
/* resets */
html {font-size: 16px; line-height: 24px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
* {box-sizing: border-box; margin: 0; padding: 0;}
</style>
<style>
/* typography */
i {margin-right: 4px}
h1 {font-size: 24px; height: 24px;}
h2, h3 {line-height: 1;}
h2 {font-size: 24px; margin-bottom: 16px;}
h3 {font-size: 16px; margin-bottom: 8px;}
#about span {height: 44px; font-size: 16px; line-height: 1; padding-top: 4px; display: block;}
#contact, #education ul, #praise ul {list-style: none;}
.experience h3 {line-height: 24px; margin-bottom: 8px;}
.experience span {font-size: 16px; line-height: 24px;}
#projects ul,
#skills ul
{padding-left: 16px;}
#praise blockquote {font-size: 24px; line-height: 32px; font-family: serif;}
#website a {display: block;}
</style>
<style>
/* page layout */
hr {display: none;}
body {
width: 1080px;
height: 1440px;
background: white;
color: black;
display: grid;
grid-template-areas:
"about about about"
". . ."
"edu edu edu"
". . ."
"exp . side"
". . ."
"praise praise praise"
". . ."
"dl . web"
;
grid-template-columns: 496px 1fr 496px;
grid-template-rows:
min-content
1fr
min-content
1fr
min-content
1fr
min-content
2fr
min-content
;
}
#about {
grid-area: about;
display: grid;
grid-template-areas:
"name desc img"
"title desc img"
"contact desc img";
grid-template-columns: max-content 65ch 1fr;
grid-template-rows: min-content min-content min-content;
margin-bottom: 32px;
}
#about h1 {grid-area: name;}
#about span {grid-area: title;}
#contact {grid-area: contact; align-self: end;}
#about p {grid-area: desc; margin-left: 32px;}
#about img {grid-area: img; justify-self: end; height: 100%; width: auto;}
#education {
grid-area: edu;
display: grid;
grid-template-columns: repeat(3, fit-content);
margin-bottom: 32px;
}
#education ul {display: flex; justify-content: space-between;}
#experiences {grid-area: exp;}
#experiences h2 {grid-column: span 3;}
.experience {
display: grid;
grid-template-areas:
"title . time"
"desc desc desc";
grid-template-columns: auto 1fr auto;
margin-bottom: 16px;
}
.experience h3 {grid-area: title;}
.experience span {grid-area: time;}
.experience p {grid-area: desc}
#side {grid-area: side;}
#projects {margin-bottom: 48px;}
#skills h3 {margin-top: 16px;}
#praise {grid-area: praise; margin-top: 0.5em;}
#praise ul {display: flex; justify-content: space-between; list-style: none;}
#praise li {flex: 3; margin-left: 16px; display: flex; flex-flow: column-reverse; justify-content: start;}
#praise li:first-child {flex:2; margin-left: 0;}
#website {grid-area: web; justify-self: end;}
#pdf {grid-area: dl;}
#website a, #pdf a {display: block;}
@media print {
#pdf {display: none}
}
</style>
</head>
<body>
<section id="about">
<h1>Abdullah Tarawneh</h1>
<span>Creative and Technical Consultant</span>
<p>Growing up with math, books, and computers from the age of 3, Ive been hungry for knowledge almost my entire life, and always looking for new things to learn. Although I have degrees in biomedical engineering and computer science, Ive dabbled in almost everything — photography, design, analysis, creative writing, and information architecture. Theres a good chance that Ill have some bit of knowledge or insight if something comes up.</p>
<img src="profile.png" alt="Profile picture" height=96 width=96>
<ul id="contact">
<li><i class="fa fa-envelope" alt="Email"></i>a@trwnh.com</li>
<li><i class="fa fa-github" alt="Github"></i>github.com/trwnh</li>
<li><i class="fa fa-at" alt="Social"></i>mastodon.social/@trwnh</li>
</ul>
</section>
<hr>
<section id="education">
<h2>Education</h2>
<ul>
<li>
<h3><i class="fa fa-graduation-cap"></i>BSc in Computer Science, with Honors</h3>
<p>University of Alabama at Birmingham<br>
2013 - 2018</p>
</li>
<li>
<h3><i class="fa fa-graduation-cap"></i>BSc in Biomedical Engineering, with Honors</h3>
<p>University of Alabama at Birmingham<br>
2013 - 2018</p>
</li>
<li>
<h3><i class="fa fa-graduation-cap"></i>Minor in Mathematics</h3>
<p>University of Alabama at Birmingham<br>
2013 - 2014</p>
</li>
</ul>
</section>
<hr>
<section id="experiences">
<h2>Experiences</h2>
<div class="experience">
<h3>Senior Technical Writer,<br>
Trilogy</h3>
<span>May 2021 - Dec 2021</span>
<p>Trilogy is the parent company of many other companies, all managed under the banner of a Central Support Team, consisting of L1 and L2 support agents. Above the support agents are the Product Knowledge Curators, who are responsible for quickly and rapidly learning new products with limited information, then documenting the problems and solutions of actual customers by analyzing support tickets. These articles would also be used to create training material for the agents.</p>
</div>
<div class="experience">
<h3>Documentation Revamp,<br>
Mastodon</h3>
<span>Aug 2019 - Dec 2019</span>
<p>Ive been using Mastodon since November 2016, and reorganized the documentation for the project while also rewriting significant portions of it. Thanks to my work, the documentation was now missing much less information, and it was also easier to make additions in the appropriate place. Skills gained include information architecture and technical writing, as well as familiarity with REST APIs, Ruby on Rails, and the MVC design pattern.</p>
</div>
<div class="experience">
<h3>Project / Product Manager,<br>
Pixelfed</h3>
<span>Jan 2019 - Present</span>
<p>After making a masterpost of bugs and issues with the initial alpha release of Pixelfed, as well as filing many of them and keeping track of them over time on Github, I was invited to join the Pixelfed organization. Throughout 2019, I turned Pixelfed from a one-person project into a team effort. My responsibilities include issue triage and tagging, setting milestones, and categorizing issues by area and milestone. I also sometimes review PRs, and I have full access to the documentation repo.</p>
</div>
</section>
<hr>
<div id="side">
<section id="projects">
<h2>Projects</h2>
<ul>
<li>namecheap - Certbot manual auth hook for DNS-01 challenge using the NameCheap API, written in Python.</li>
<li>PhotoBucketGrabber - Automate downloading all your photos from PhotoBucket using this Python script.</li>
<li>MastoMods - CSS tweaks and custom themes for Mastodon.</li>
<li>salatime - A web scraping script to print out daily prayer times for Birmingham, AL.</li>
<li>birdsounds.media - Concert photography side project and portfolio.</li>
</ul>
</section>
<hr>
<section id="skills">
<h2>Skills</h2>
<h3>Soft skills</h3>
<ul>
<li>Wide knowledge base</li>
<li>Attention to detail</li>
<li>Problem solving</li>
<li>Critical thinking</li>
<li>Technical writing</li>
<li>Public speaking</li>
<li>Information architecture</li>
<li>QA and testing</li>
</ul>
<h3>Hard skills</h3>
<ul>
<li>Design prototyping (Figma)</li>
<li>Version control (Git)</li>
<li>Web development (HTML, CSS)</li>
<li>Static site generators (Hugo, Zola, Vuepress)</li>
<li>System administration (Arch Linux)</li>
<li>Reading code (Python)</li>
<li>Writing code (Python)</li>
<li>Adobe Creative Suite</li>
<li>Microsoft Office</li>
</ul>
</section>
</div>
<hr>
<section id="praise">
<h2>Praise</h2>
<ul>
<li><blockquote>"It's scary how much you know."</blockquote><p>Khalil Saadiq, former classmate</p></li>
<li><blockquote>"Bless you for being here to work on the docs btw. It's a big relief."</blockquote><p>Eugen Rochko, Mastodon project lead</p></li>
<li><blockquote>"I don't trust anyone as much as you to shape the direction of the project."</blockquote><p>Daniel Supernault, Pixelfed developer</p></li>
</ul>
</section>
<section id="website">
<p>See more information about me at <a href="https://abdullahtarawneh.com">https://abdullahtarawneh.com</a></p>
</section>
<section id="pdf">
<p>Want a print copy? <a href="abdullah-tarawneh_resume.pdf">Download as PDF (66.2 KB)</a></p>
</section>
</body>
</html>

View file

@ -2,239 +2,163 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous"> <title>Abdullah Tarawneh's resume</title>
<title>Abdullah Tarawneh</title>
<style> <style>
/* resets */
html {font-size: 16px; line-height: 24px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
* {box-sizing: border-box; margin: 0; padding: 0;}
</style>
<style>
/* typography */
i {margin-right: 4px}
h1 {font-size: 24px; height: 24px;}
h2, h3 {line-height: 1;}
h2 {font-size: 24px; margin-bottom: 16px;}
h3 {font-size: 16px; margin-bottom: 8px;}
#about span {height: 44px; font-size: 16px; line-height: 1; padding-top: 4px; display: block;}
#contact, #education ul, #praise ul {list-style: none;}
.experience h3 {line-height: 24px; margin-bottom: 8px;}
.experience span {font-size: 16px; line-height: 24px;}
#projects ul,
#skills ul
{padding-left: 16px;}
#praise blockquote {font-size: 24px; line-height: 32px; font-family: serif;}
#website a {display: block;}
</style>
<style>
/* page layout */
hr {display: none;}
body { body {
width: 1080px; width: 8.5in;
height: 1440px; height: 11in;
background: white; margin: 1in;
color: black; padding: 0.5in;
display: grid; border: 1px solid black;
grid-template-areas:
"about about about"
". . ."
"edu edu edu"
". . ."
"exp . side"
". . ."
"praise praise praise"
". . ."
"dl . web"
;
grid-template-columns: 496px 1fr 496px;
grid-template-rows:
min-content
1fr
min-content
1fr
min-content
1fr
min-content
2fr
min-content
;
} }
.resume-header {
#about { display: flex;
grid-area: about;
display: grid;
grid-template-areas:
"name desc img"
"title desc img"
"contact desc img";
grid-template-columns: max-content 65ch 1fr;
grid-template-rows: min-content min-content min-content;
margin-bottom: 32px;
} }
#about h1 {grid-area: name;} .resume-header .icon {
#about span {grid-area: title;}
#contact {grid-area: contact; align-self: end;}
#about p {grid-area: desc; margin-left: 32px;}
#about img {grid-area: img; justify-self: end; height: 100%; width: auto;}
#education {
grid-area: edu;
display: grid; display: grid;
grid-template-columns: repeat(3, fit-content); place-items: center;
margin-bottom: 32px; width: 4rem;
height: 4rem;
font-size: 2.5rem;
background: #ddd;
color: #333;
} }
#education ul {display: flex; justify-content: space-between;} .resume-header .icon span {
margin-top: -.5rem;
#experiences {grid-area: exp;}
#experiences h2 {grid-column: span 3;}
.experience {
display: grid;
grid-template-areas:
"title . time"
"desc desc desc";
grid-template-columns: auto 1fr auto;
margin-bottom: 16px;
} }
.experience h3 {grid-area: title;} .resume-header .info > * {
.experience span {grid-area: time;} margin: 0;
.experience p {grid-area: desc} margin-left: 1rem;
font-size: 1rem;
#side {grid-area: side;} }
#projects {margin-bottom: 48px;} .resume-header .info a {
#skills h3 {margin-top: 16px;} text-decoration: none;
#praise {grid-area: praise; margin-top: 0.5em;} color: inherit;
#praise ul {display: flex; justify-content: space-between; list-style: none;} }
#praise li {flex: 3; margin-left: 16px; display: flex; flex-flow: column-reverse; justify-content: start;} blockquote {
#praise li:first-child {flex:2; margin-left: 0;} font-style: italic;
#website {grid-area: web; justify-self: end;} margin-left: 0rem;
#pdf {grid-area: dl;} padding-left: 2rem;
#website a, #pdf a {display: block;} position: relative;
background: #eee;
font-family: serif;
}
blockquote::before {
content: '“';
position: absolute;
left: 0;
top: -1.5rem;
font-size: 3rem;
font-family: serif;
}
blockquote p {display: inline-block}
#experience ul {
padding-left: 1rem;
}
.split {
display: flex;
gap: 3rem;
}
#experience {flex: 3}
#more {flex: 2}
@media print { @media print {
#pdf {display: none} body {
margin: 0;
padding: 0;
border: none;
}
#pdf {display: none;}
} }
</style> </style>
</head> </head>
<body> <body>
<section id="about"> <header class="resume-header">
<h1>Abdullah Tarawneh</h1> <div class="icon">
<span>Creative and Technical Consultant</span> <span>a</span>
</div>
<p>Growing up with math, books, and computers from the age of 3, Ive been hungry for knowledge almost my entire life, and always looking for new things to learn. Although I have degrees in biomedical engineering and computer science, Ive dabbled in almost everything — photography, design, analysis, creative writing, and information architecture. Theres a good chance that Ill have some bit of knowledge or insight if something comes up.</p> <div class="info">
<h1>Abdullah Tarawneh</h1>
<img src="profile.png" alt="Profile picture" height=96 width=96> <p><a href="mailto:a@trwnh.com">a@trwnh.com</a></p>
<p><a href="https://abdullahtarawneh.com">https://abdullahtarawneh.com</a></p>
<ul id="contact"> </div>
<li><i class="fa fa-envelope" alt="Email"></i>a@trwnh.com</li> <div id="pdf" style="margin-left: auto;">
<li><i class="fa fa-github" alt="Github"></i>github.com/trwnh</li> <p>Want a print copy? <a href="/resume/abdullah-tarawneh_resume.pdf">Download as PDF (23.8kB)</a></p>
<li><i class="fa fa-at" alt="Social"></i>mastodon.social/@trwnh</li> </div>
</ul> </header>
</section> <div class="split">
<hr> <section id="experience">
<section id="education"> <h2>Selected experience</h2>
<h2>Education</h2> <p>Freelance contract and volunteer work within the world of free software and open source, since 2019:</p>
<ul> <section id="mastodon">
<li> <h3>Mastodon documentation</h3>
<h3><i class="fa fa-graduation-cap"></i>BSc in Computer Science, with Honors</h3> <blockquote>
<p>University of Alabama at Birmingham<br> <p>Bless you for being here to work on the docs BTW. It's a big relief.</p>
2013 - 2018</p> </blockquote>
</li> <ul>
<li> <li>Revamped and rewrote documentation for an open source project used by over 2 million people</li>
<h3><i class="fa fa-graduation-cap"></i>BSc in Biomedical Engineering, with Honors</h3> <li>Developed information architectures for various personas <br>(users, admins, project contributors, client developers, and protocol implementers)</li>
<p>University of Alabama at Birmingham<br> <li>Currently ingesting and organizing over 3.8k open issues to determine areas of improvement</li>
2013 - 2018</p> </ul>
</li> </section>
<li> <section id="pixelfed">
<h3><i class="fa fa-graduation-cap"></i>Minor in Mathematics</h3> <h3>Pixelfed project / product management</h3>
<p>University of Alabama at Birmingham<br> <blockquote>
2013 - 2014</p> <p>I don't trust anyone as much as you to shape the direction of the project.</p>
</li> </blockquote>
</ul> <ul>
</section> <li>Took the initiative to create a masterpost tracking bugs and issues in the alpha release, allowign the dev to quickly address missing functionality and improve usability</li>
<hr> <li>Developed and implemented processes that turned Pixelfed from a one-person project to a team effort</li>
<section id="experiences"> </ul>
<h2>Experiences</h2> </section>
<hr style="max-width: 10rem;">
<div class="experience"> <p>Work outside of open source:</p>
<h3>Senior Technical Writer,<br> <section id="trilogy">
Trilogy</h3> <h3>Senior Technical Writer, Trilogy (May - Dec 2021)</h3>
<span>May 2021 - Dec 2021</span> <ul>
<p>Trilogy is the parent company of many other companies, all managed under the banner of a Central Support Team, consisting of L1 and L2 support agents. Above the support agents are the Product Knowledge Curators, who are responsible for quickly and rapidly learning new products with limited information, then documenting the problems and solutions of actual customers by analyzing support tickets. These articles would also be used to create training material for the agents.</p> <li>Managed for over 100 knowledge bases under the banner of Central Support</li>
</div> <li>Wrote 20 articles per week documenting issues faced by real customers</li>
<li>Trained and certified L1 and L2 support agents based on Zendesk tickets</li>
<div class="experience"> </ul>
<h3>Documentation Revamp,<br> </section>
Mastodon</h3> </section>
<span>Aug 2019 - Dec 2019</span> <section id="more">
<p>Ive been using Mastodon since November 2016, and reorganized the documentation for the project while also rewriting significant portions of it. Thanks to my work, the documentation was now missing much less information, and it was also easier to make additions in the appropriate place. Skills gained include information architecture and technical writing, as well as familiarity with REST APIs, Ruby on Rails, and the MVC design pattern.</p> <h2>More about me</h2>
</div> <section id="skills">
<h3>Skills</h3>
<div class="experience"> <blockquote>
<h3>Project / Product Manager,<br> <p>It's scary how much<br>you know.</p>
Pixelfed</h3> </blockquote>
<span>Jan 2019 - Present</span> <ul>
<p>After making a masterpost of bugs and issues with the initial alpha release of Pixelfed, as well as filing many of them and keeping track of them over time on Github, I was invited to join the Pixelfed organization. Throughout 2019, I turned Pixelfed from a one-person project into a team effort. My responsibilities include issue triage and tagging, setting milestones, and categorizing issues by area and milestone. I also sometimes review PRs, and I have full access to the documentation repo.</p> <li>Wide knowledge base</li>
</div> <li>Excellent public speaking</li>
<li>Exacting attention to detail</li>
</section> <li>Resourceful problem solving</li>
<hr> <li>Critical thinking</li>
<div id="side"> <li>Writes HTML/CSS and Python</li>
<section id="projects"> <li>Can read Elixir/Ruby and some JS</li>
<h2>Projects</h2> </ul>
<ul> </section>
<li>namecheap - Certbot manual auth hook for DNS-01 challenge using the NameCheap API, written in Python.</li> <section id="coding">
<li>PhotoBucketGrabber - Automate downloading all your photos from PhotoBucket using this Python script.</li> <h3>Personal coding projects</h3>
<li>MastoMods - CSS tweaks and custom themes for Mastodon.</li> <ul>
<li>salatime - A web scraping script to print out daily prayer times for Birmingham, AL.</li> <li>A static WebFinger server, written in Python and FastAPI, implemented according to RFC 7033</li>
<li>birdsounds.media - Concert photography side project and portfolio.</li> <li>A Certbot authentication hook for Namecheap, implementing the DNS-01 challenge</li>
</ul> <li>PhotoBucketGrabber, a Python script to download Photobucket albums given a list of URLs</li>
<li>salatime, a terminal program to print out prayer times for Birmingham, AL using Requests and BeautifulSoup</li>
</section> </ul>
<hr> </section>
<section id="skills"> <section id="education">
<h2>Skills</h2> <h3>Education</h3>
<h3>Soft skills</h3> <p>Graduated with multiple honors programs from University of Alabama at Birmingham, Fall 2018</p>
<ul> <ul>
<li>Wide knowledge base</li> <li>BS, Biomedical Engineering</li>
<li>Attention to detail</li> <li>BS, Computer and Information Science</li>
<li>Problem solving</li> <li>Minor, Mathematics</li>
<li>Critical thinking</li> <li>Science and Technology Honors Program</li>
<li>Technical writing</li> </ul>
<li>Public speaking</li> </section>
<li>Information architecture</li> </section>
<li>QA and testing</li> </div>
</ul>
<h3>Hard skills</h3>
<ul>
<li>Design prototyping (Figma)</li>
<li>Version control (Git)</li>
<li>Web development (HTML, CSS)</li>
<li>Static site generators (Hugo, Zola, Vuepress)</li>
<li>System administration (Arch Linux)</li>
<li>Reading code (Python)</li>
<li>Writing code (Python)</li>
<li>Adobe Creative Suite</li>
<li>Microsoft Office</li>
</ul>
</section>
</div>
<hr>
<section id="praise">
<h2>Praise</h2>
<ul>
<li><blockquote>"It's scary how much you know."</blockquote><p>Khalil Saadiq, former classmate</p></li>
<li><blockquote>"Bless you for being here to work on the docs btw. It's a big relief."</blockquote><p>Eugen Rochko, Mastodon project lead</p></li>
<li><blockquote>"I don't trust anyone as much as you to shape the direction of the project."</blockquote><p>Daniel Supernault, Pixelfed developer</p></li>
</ul>
</section>
<section id="website">
<p>See more information about me at <a href="https://abdullahtarawneh.com">https://abdullahtarawneh.com</a></p>
</section>
<section id="pdf">
<p>Want a print copy? <a href="abdullah-tarawneh_resume.pdf">Download as PDF (66.2 KB)</a></p>
</section>
</body> </body>
</html> </html>