update resume
This commit is contained in:
parent
daee8d187e
commit
646ec06d65
6 changed files with 405 additions and 385 deletions
BIN
static/resume/abdullah-tarawneh_resume-2022.pdf
Normal file
BIN
static/resume/abdullah-tarawneh_resume-2022.pdf
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
240
static/resume/index.2022.html
Normal file
240
static/resume/index.2022.html
Normal 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, I’ve 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, I’ve dabbled in almost everything — photography, design, analysis, creative writing, and information architecture. There’s a good chance that I’ll 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>I’ve 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>
|
||||
|
|
@ -1,164 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Abdullah Tarawneh's resume</title>
|
||||
<style>
|
||||
body {
|
||||
width: 8.5in;
|
||||
height: 11in;
|
||||
margin: 1in;
|
||||
padding: 0.5in;
|
||||
border: 1px solid black;
|
||||
}
|
||||
.resume-header {
|
||||
display: flex;
|
||||
}
|
||||
.resume-header .icon {
|
||||
display: grid;
|
||||
place-items: center;
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
font-size: 2.5rem;
|
||||
background: #ddd;
|
||||
color: #333;
|
||||
}
|
||||
.resume-header .icon span {
|
||||
margin-top: -.5rem;
|
||||
}
|
||||
.resume-header .info > * {
|
||||
margin: 0;
|
||||
margin-left: 1rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.resume-header .info a {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
blockquote {
|
||||
font-style: italic;
|
||||
margin-left: 0rem;
|
||||
padding-left: 2rem;
|
||||
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 {
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
#pdf {display: none;}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header class="resume-header">
|
||||
<div class="icon">
|
||||
<span>a</span>
|
||||
</div>
|
||||
<div class="info">
|
||||
<h1>Abdullah Tarawneh</h1>
|
||||
<p><a href="mailto:a@trwnh.com">a@trwnh.com</a></p>
|
||||
<p><a href="https://abdullahtarawneh.com">https://abdullahtarawneh.com</a></p>
|
||||
</div>
|
||||
<div id="pdf" style="margin-left: auto;">
|
||||
<p>Want a print copy? <a href="/resume/abdullah-tarawneh_resume.pdf">Download as PDF (23.8kB)</a></p>
|
||||
</div>
|
||||
</header>
|
||||
<div class="split">
|
||||
<section id="experience">
|
||||
<h2>Selected experience</h2>
|
||||
<p>Freelance contract and volunteer work within the world of free software and open source, since 2019:</p>
|
||||
<section id="mastodon">
|
||||
<h3>Mastodon documentation</h3>
|
||||
<blockquote>
|
||||
<p>Bless you for being here to work on the docs BTW. It's a big relief.</p>
|
||||
</blockquote>
|
||||
<ul>
|
||||
<li>Revamped and rewrote documentation for an open source project used by over 2 million people</li>
|
||||
<li>Developed information architectures for various personas <br>(users, admins, project contributors, client developers, and protocol implementers)</li>
|
||||
<li>Currently ingesting and organizing over 3.8k open issues to determine areas of improvement</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section id="pixelfed">
|
||||
<h3>Pixelfed project / product management</h3>
|
||||
<blockquote>
|
||||
<p>I don't trust anyone as much as you to shape the direction of the project.</p>
|
||||
</blockquote>
|
||||
<ul>
|
||||
<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>
|
||||
<li>Developed and implemented processes that turned Pixelfed from a one-person project to a team effort</li>
|
||||
</ul>
|
||||
</section>
|
||||
<hr style="max-width: 10rem;">
|
||||
<p>Work outside of open source:</p>
|
||||
<section id="trilogy">
|
||||
<h3>Senior Technical Writer, Trilogy (May - Dec 2021)</h3>
|
||||
<ul>
|
||||
<li>Managed for over 100 knowledge bases under the banner of Central Support</li>
|
||||
<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>
|
||||
</ul>
|
||||
</section>
|
||||
</section>
|
||||
<section id="more">
|
||||
<h2>More about me</h2>
|
||||
<section id="skills">
|
||||
<h3>Skills</h3>
|
||||
<blockquote>
|
||||
<p>It's scary how much<br>you know.</p>
|
||||
</blockquote>
|
||||
<ul>
|
||||
<li>Wide knowledge base</li>
|
||||
<li>Excellent public speaking</li>
|
||||
<li>Exacting attention to detail</li>
|
||||
<li>Resourceful problem solving</li>
|
||||
<li>Critical thinking</li>
|
||||
<li>Writes HTML/CSS and Python</li>
|
||||
<li>Can read Elixir/Ruby and some JS</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section id="coding">
|
||||
<h3>Personal coding projects</h3>
|
||||
<ul>
|
||||
<li>A static WebFinger server, written in Python and FastAPI, implemented according to RFC 7033</li>
|
||||
<li>A Certbot authentication hook for Namecheap, implementing the DNS-01 challenge</li>
|
||||
<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>
|
||||
</ul>
|
||||
</section>
|
||||
<section id="education">
|
||||
<h3>Education</h3>
|
||||
<p>Graduated with multiple honors programs from University of Alabama at Birmingham, Fall 2018</p>
|
||||
<ul>
|
||||
<li>BS, Biomedical Engineering</li>
|
||||
<li>BS, Computer and Information Science</li>
|
||||
<li>Minor, Mathematics</li>
|
||||
<li>Science and Technology Honors Program</li>
|
||||
</ul>
|
||||
</section>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,239 +2,183 @@
|
|||
<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>
|
||||
<title>Abdullah Tarawneh's resumé</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;}
|
||||
* {margin: 0; padding: 0; font-size: 12px;}
|
||||
ul {list-style-position: inside}
|
||||
body {
|
||||
width: 1080px;
|
||||
height: 1440px;
|
||||
background: white;
|
||||
color: black;
|
||||
width: 7.5in;
|
||||
height: 10in;
|
||||
display: grid;
|
||||
grid-template-areas:
|
||||
"about about about"
|
||||
". . ."
|
||||
"edu edu edu"
|
||||
". . ."
|
||||
"exp . side"
|
||||
". . ."
|
||||
"praise praise praise"
|
||||
". . ."
|
||||
"dl . web"
|
||||
;
|
||||
grid-template-columns: 496px 1fr 496px;
|
||||
"info summ"
|
||||
"side main"
|
||||
"foot foot";
|
||||
grid-template-columns:
|
||||
20em 1fr;
|
||||
grid-template-rows:
|
||||
min-content
|
||||
1fr
|
||||
min-content
|
||||
1fr
|
||||
min-content
|
||||
1fr
|
||||
min-content
|
||||
2fr
|
||||
min-content
|
||||
;
|
||||
auto 1fr auto;
|
||||
gap: 1em 2em;
|
||||
}
|
||||
.about {grid-area: info}
|
||||
.summary {grid-area: summ}
|
||||
.sidebar {grid-area: side}
|
||||
.main {grid-area: main}
|
||||
.footer {grid-area: foot}
|
||||
|
||||
.quotes {
|
||||
text-align: center;
|
||||
margin-top: 1em;
|
||||
}
|
||||
.quotes p {
|
||||
font-family: serif;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.quotes cite {
|
||||
display: block;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
#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}
|
||||
.print {display: none;}
|
||||
}
|
||||
|
||||
@media screen {
|
||||
body {
|
||||
padding: 0.5in;
|
||||
}
|
||||
}
|
||||
</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, I’ve 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, I’ve dabbled in almost everything — photography, design, analysis, creative writing, and information architecture. There’s a good chance that I’ll 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>I’ve 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>
|
||||
|
||||
<div class="about">
|
||||
<section id="about">
|
||||
<h1 class="name" style="font-size: 1.75em">Abdullah Tarawneh</h1>
|
||||
<p class="title">Creative and Technical Consultant</p>
|
||||
<ul id="contact" style="margin-top: 0.5em; list-style-type: none">
|
||||
<li><a href="https://trwnh.com">trwnh.com</a> (Web)</li>
|
||||
<li><a href="mailto:a@trwnh.com">a@trwnh.com</a> (SMTP, XMPP)</li>
|
||||
<li><a href="https://mastodon.social/@trwnh">mastodon.social/@trwnh</a> (Fediverse)</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
<div class="summary">
|
||||
<section id="summary">
|
||||
<h2 style="font-size: 1.4em">Summary</h2>
|
||||
<p>Growing up with math, books, and computers from the age of 3, I've 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, I've dabbled in almost everything — photography, design, analysis, creative and technical writing, and more. I'll probably have some knowledge or insight whatever comes up.</p>
|
||||
</section>
|
||||
</div>
|
||||
<div class="sidebar">
|
||||
<section id="education">
|
||||
<h2 style="font-size: 1.4em">Education</h2>
|
||||
<p style="font-size: 0.8em; font-style: italic">
|
||||
University of Alabama at Birmingham, 2013-2018
|
||||
</p>
|
||||
<ul style="margin-top: 0.5em;">
|
||||
<li>B.S. Computer Science (with Honors)</li>
|
||||
<li>B.S. Biomedical Engineering (with Honors)</li>
|
||||
<li>Minor, Mathematics</li>
|
||||
<li>Science and Technology Honors Program</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section id="skills" style="margin-top: 1em">
|
||||
<h2 style="font-size: 1.4em">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 style="margin-top: 1em">Hard skills</h3>
|
||||
<ul>
|
||||
<li>Web development (HTML, CSS)</li>
|
||||
<li>Static site generators (Hugo, Zola, Vitepress)</li>
|
||||
<li>Version control (Git)</li>
|
||||
<li>System administration (Arch Linux)</li>
|
||||
<li>Reading code (Python, Elixir, Javascript)</li>
|
||||
<li>Writing code (Python)</li>
|
||||
<li>Adobe Creative Suite</li>
|
||||
<li>Microsoft Office</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section id="projects" style="margin-top: 1em">
|
||||
<h2 style="font-size: 1.4em">Projects</h2>
|
||||
<p>See also: <a href="https://github.com/trwnh">github.com/trwnh</a> | <a href="https://git.trwnh.com/a">git.trwnh.com</a></p>
|
||||
<ul>
|
||||
<li><a href="https://git.trwnh.com/a/webfinger">webfinger</a>: RFC 7033 implemented in Python and FastAPI</li>
|
||||
<li><a href="https://github.com/trwnh/namecheap">namecheap</a>: Certbot manual auth hook for DNS-01 challenge using the Namecheap API, written in Python</li>
|
||||
<li><a href="https://github.com/trwnh/PhotoBucketGrabber">PhotoBucketGrabber</a>: Automate downloading all your photos from PhotoBucket using this Python script</li>
|
||||
<li><a href="https://github.com/trwnh/salatime">salatime</a>: A web scraping script to print out daily prayer times for Birmingham, AL</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
<div class="main">
|
||||
<section id="experience">
|
||||
<h2 style="font-size: 1.4em;">Experience</h2>
|
||||
<h3>Mastodon documentation</h3>
|
||||
<h4 style="font-style: italic; font-weight: normal;">August 2019 - December 2019</h4>
|
||||
<ul>
|
||||
<li>Developed an information architecture from scratch, making it easier to add information in the appropriate place based on various personas (users, admins, project contributors, client developers, and protocol implementers)</li>
|
||||
<li>Rewrote most of the documentation to fit this new information architecture, filling out many gaps in the previous documentation as well as previously nonexistent sections</li>
|
||||
<li>Gained familiarity with REST APIs, Ruby on Rails, and the MVC design pattern</li>
|
||||
<li>The effectiveness of Mastodon's documentation helped catapult its growth over the past years as an open-source project used actively by over 2 million people</li>
|
||||
</ul>
|
||||
<h4 style="font-style: italic; font-weight: normal; margin-top: 0.5em;">May 2022 - December 2022</h4>
|
||||
<ul>
|
||||
<li>Undertook a massive content update to bring the documentation up-to-date with the new release of Mastodon v4.0</li>
|
||||
<li>Simplified the Markdown structure for the Hugo static site, reducing technical debt and making it easier to include more information while also increasing consistency throughout the site</li>
|
||||
</ul>
|
||||
<h3 style="margin-top: 1em;">Pixelfed project</h3>
|
||||
<h4 style="font-style: italic; font-weight: normal;">January 2019 - current</h4>
|
||||
<ul>
|
||||
<li>Took the initiative to make an extensive masterpost of bugs and issues with the initial alpha release, allowing the dev to quickly address missing functionality (and leading to an invitation to collaborate on Pixelfed)</li>
|
||||
<li>Turned a one-person project into a team effort by providing technical and design feedback on how features should work, and how to communicate such functionality to users</li>
|
||||
<li>Prioritized functionality by setting milestones, categorizing and triaging issues, and creating a long-term release cadence</li>
|
||||
<li>Wrote a generic installation guide covering everything that a prospective server admin would want to know, from start to finish</li>
|
||||
</ul>
|
||||
<h3 style="margin-top: 1em;">Senior Technical Writer, Trilogy</h3>
|
||||
<h4 style="font-style: italic; font-weight: normal;">May 2021 - December 2021</h4>
|
||||
<ul>
|
||||
<li>Curated product knowledge for over 100 products by child companies under the banner of Central Support</li>
|
||||
<li>Distilled information from support tickets containing problems faced by actual customers into solution articles and troubleshooting articles for internal Zendesk knowledge-bases -- at least 20 articles per week</li>
|
||||
<li>Trained and certified L1 and L2 Central Support agents with LMS quizzes and assessments modeled off of real customer support tickets</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<section id="praise">
|
||||
<h2 style="font-size: 1.4em; text-align: center;">Praise</h2>
|
||||
<div class="quotes" style="display: flex; gap: 1.5em; align-items: center">
|
||||
<blockquote style="width: 30em">
|
||||
<p>
|
||||
"It's scary how much<br>you know."
|
||||
</p>
|
||||
<cite>Khalil Saadiq, former classmate</cite>
|
||||
</blockquote>
|
||||
<blockquote>
|
||||
<p>
|
||||
"Bless you for being here to work on the docs btw. It's a big relief."
|
||||
</p>
|
||||
<cite>Eugen Rochko, Mastodon project lead</cite>
|
||||
</blockquote>
|
||||
<blockquote>
|
||||
<p>
|
||||
"I don't trust anyone as much as you to shape the direction of the project."
|
||||
</p>
|
||||
<cite>Daniel Supernault, Pixelfed developer</cite>
|
||||
</blockquote>
|
||||
</div>
|
||||
</section>
|
||||
<footer style="display: flex; justify-content: space-between; margin-top: 3em;">
|
||||
<p>See more information at <a href="https://abdullahtarawneh.com/work">abdullahtarawneh.com/work</a></p>
|
||||
<p class="print"><a href="./abdullah-tarawneh_resume.pdf">PDF download (30.5KB)</a></p>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue