rollback resume
This commit is contained in:
parent
eb086b8b1b
commit
daee8d187e
Binary file not shown.
BIN
static/resume/abdullah-tarawneh_resume-2023.pdf
Normal file
BIN
static/resume/abdullah-tarawneh_resume-2023.pdf
Normal file
Binary file not shown.
Binary file not shown.
|
|
@ -1,240 +0,0 @@
|
||||||
<!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>
|
|
||||||
164
static/resume/index.2023.html
Normal file
164
static/resume/index.2023.html
Normal file
|
|
@ -0,0 +1,164 @@
|
||||||
|
<!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,163 +2,239 @@
|
||||||
<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">
|
||||||
<title>Abdullah Tarawneh's resume</title>
|
<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>
|
<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: 8.5in;
|
width: 1080px;
|
||||||
height: 11in;
|
height: 1440px;
|
||||||
margin: 1in;
|
background: white;
|
||||||
padding: 0.5in;
|
color: black;
|
||||||
border: 1px solid black;
|
|
||||||
}
|
|
||||||
.resume-header {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.resume-header .icon {
|
|
||||||
display: grid;
|
display: grid;
|
||||||
place-items: center;
|
grid-template-areas:
|
||||||
width: 4rem;
|
"about about about"
|
||||||
height: 4rem;
|
". . ."
|
||||||
font-size: 2.5rem;
|
"edu edu edu"
|
||||||
background: #ddd;
|
". . ."
|
||||||
color: #333;
|
"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 .icon span {
|
|
||||||
margin-top: -.5rem;
|
#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;
|
||||||
}
|
}
|
||||||
.resume-header .info > * {
|
#about h1 {grid-area: name;}
|
||||||
margin: 0;
|
#about span {grid-area: title;}
|
||||||
margin-left: 1rem;
|
#contact {grid-area: contact; align-self: end;}
|
||||||
font-size: 1rem;
|
#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;
|
||||||
}
|
}
|
||||||
.resume-header .info a {
|
#education ul {display: flex; justify-content: space-between;}
|
||||||
text-decoration: none;
|
|
||||||
color: inherit;
|
#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;
|
||||||
}
|
}
|
||||||
blockquote {
|
.experience h3 {grid-area: title;}
|
||||||
font-style: italic;
|
.experience span {grid-area: time;}
|
||||||
margin-left: 0rem;
|
.experience p {grid-area: desc}
|
||||||
padding-left: 2rem;
|
|
||||||
position: relative;
|
#side {grid-area: side;}
|
||||||
background: #eee;
|
#projects {margin-bottom: 48px;}
|
||||||
font-family: serif;
|
#skills h3 {margin-top: 16px;}
|
||||||
}
|
#praise {grid-area: praise; margin-top: 0.5em;}
|
||||||
blockquote::before {
|
#praise ul {display: flex; justify-content: space-between; list-style: none;}
|
||||||
content: '“';
|
#praise li {flex: 3; margin-left: 16px; display: flex; flex-flow: column-reverse; justify-content: start;}
|
||||||
position: absolute;
|
#praise li:first-child {flex:2; margin-left: 0;}
|
||||||
left: 0;
|
#website {grid-area: web; justify-self: end;}
|
||||||
top: -1.5rem;
|
#pdf {grid-area: dl;}
|
||||||
font-size: 3rem;
|
#website a, #pdf a {display: block;}
|
||||||
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 {
|
||||||
body {
|
#pdf {display: none}
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
#pdf {display: none;}
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header class="resume-header">
|
<section id="about">
|
||||||
<div class="icon">
|
<h1>Abdullah Tarawneh</h1>
|
||||||
<span>a</span>
|
<span>Creative and Technical Consultant</span>
|
||||||
</div>
|
|
||||||
<div class="info">
|
<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>
|
||||||
<h1>Abdullah Tarawneh</h1>
|
|
||||||
<p><a href="mailto:a@trwnh.com">a@trwnh.com</a></p>
|
<img src="profile.png" alt="Profile picture" height=96 width=96>
|
||||||
<p><a href="https://abdullahtarawneh.com">https://abdullahtarawneh.com</a></p>
|
|
||||||
</div>
|
<ul id="contact">
|
||||||
<div id="pdf" style="margin-left: auto;">
|
<li><i class="fa fa-envelope" alt="Email"></i>a@trwnh.com</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-github" alt="Github"></i>github.com/trwnh</li>
|
||||||
</div>
|
<li><i class="fa fa-at" alt="Social"></i>mastodon.social/@trwnh</li>
|
||||||
</header>
|
</ul>
|
||||||
<div class="split">
|
</section>
|
||||||
<section id="experience">
|
<hr>
|
||||||
<h2>Selected experience</h2>
|
<section id="education">
|
||||||
<p>Freelance contract and volunteer work within the world of free software and open source, since 2019:</p>
|
<h2>Education</h2>
|
||||||
<section id="mastodon">
|
<ul>
|
||||||
<h3>Mastodon documentation</h3>
|
<li>
|
||||||
<blockquote>
|
<h3><i class="fa fa-graduation-cap"></i>BSc in Computer Science, with Honors</h3>
|
||||||
<p>Bless you for being here to work on the docs BTW. It's a big relief.</p>
|
<p>University of Alabama at Birmingham<br>
|
||||||
</blockquote>
|
2013 - 2018</p>
|
||||||
<ul>
|
</li>
|
||||||
<li>Revamped and rewrote documentation for an open source project used by over 2 million people</li>
|
<li>
|
||||||
<li>Developed information architectures for various personas <br>(users, admins, project contributors, client developers, and protocol implementers)</li>
|
<h3><i class="fa fa-graduation-cap"></i>BSc in Biomedical Engineering, with Honors</h3>
|
||||||
<li>Currently ingesting and organizing over 3.8k open issues to determine areas of improvement</li>
|
<p>University of Alabama at Birmingham<br>
|
||||||
</ul>
|
2013 - 2018</p>
|
||||||
</section>
|
</li>
|
||||||
<section id="pixelfed">
|
<li>
|
||||||
<h3>Pixelfed project / product management</h3>
|
<h3><i class="fa fa-graduation-cap"></i>Minor in Mathematics</h3>
|
||||||
<blockquote>
|
<p>University of Alabama at Birmingham<br>
|
||||||
<p>I don't trust anyone as much as you to shape the direction of the project.</p>
|
2013 - 2014</p>
|
||||||
</blockquote>
|
</li>
|
||||||
<ul>
|
</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>
|
</section>
|
||||||
<li>Developed and implemented processes that turned Pixelfed from a one-person project to a team effort</li>
|
<hr>
|
||||||
</ul>
|
<section id="experiences">
|
||||||
</section>
|
<h2>Experiences</h2>
|
||||||
<hr style="max-width: 10rem;">
|
|
||||||
<p>Work outside of open source:</p>
|
<div class="experience">
|
||||||
<section id="trilogy">
|
<h3>Senior Technical Writer,<br>
|
||||||
<h3>Senior Technical Writer, Trilogy (May - Dec 2021)</h3>
|
Trilogy</h3>
|
||||||
<ul>
|
<span>May 2021 - Dec 2021</span>
|
||||||
<li>Managed for over 100 knowledge bases under the banner of Central Support</li>
|
<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>Wrote 20 articles per week documenting issues faced by real customers</li>
|
</div>
|
||||||
<li>Trained and certified L1 and L2 support agents based on Zendesk tickets</li>
|
|
||||||
</ul>
|
<div class="experience">
|
||||||
</section>
|
<h3>Documentation Revamp,<br>
|
||||||
</section>
|
Mastodon</h3>
|
||||||
<section id="more">
|
<span>Aug 2019 - Dec 2019</span>
|
||||||
<h2>More about me</h2>
|
<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>
|
||||||
<section id="skills">
|
</div>
|
||||||
<h3>Skills</h3>
|
|
||||||
<blockquote>
|
<div class="experience">
|
||||||
<p>It's scary how much<br>you know.</p>
|
<h3>Project / Product Manager,<br>
|
||||||
</blockquote>
|
Pixelfed</h3>
|
||||||
<ul>
|
<span>Jan 2019 - Present</span>
|
||||||
<li>Wide knowledge base</li>
|
<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>Excellent public speaking</li>
|
</div>
|
||||||
<li>Exacting attention to detail</li>
|
|
||||||
<li>Resourceful problem solving</li>
|
</section>
|
||||||
<li>Critical thinking</li>
|
<hr>
|
||||||
<li>Writes HTML/CSS and Python</li>
|
<div id="side">
|
||||||
<li>Can read Elixir/Ruby and some JS</li>
|
<section id="projects">
|
||||||
</ul>
|
<h2>Projects</h2>
|
||||||
</section>
|
<ul>
|
||||||
<section id="coding">
|
<li>namecheap - Certbot manual auth hook for DNS-01 challenge using the NameCheap API, written in Python.</li>
|
||||||
<h3>Personal coding projects</h3>
|
<li>PhotoBucketGrabber - Automate downloading all your photos from PhotoBucket using this Python script.</li>
|
||||||
<ul>
|
<li>MastoMods - CSS tweaks and custom themes for Mastodon.</li>
|
||||||
<li>A static WebFinger server, written in Python and FastAPI, implemented according to RFC 7033</li>
|
<li>salatime - A web scraping script to print out daily prayer times for Birmingham, AL.</li>
|
||||||
<li>A Certbot authentication hook for Namecheap, implementing the DNS-01 challenge</li>
|
<li>birdsounds.media - Concert photography side project and portfolio.</li>
|
||||||
<li>PhotoBucketGrabber, a Python script to download Photobucket albums given a list of URLs</li>
|
</ul>
|
||||||
<li>salatime, a terminal program to print out prayer times for Birmingham, AL using Requests and BeautifulSoup</li>
|
|
||||||
</ul>
|
</section>
|
||||||
</section>
|
<hr>
|
||||||
<section id="education">
|
<section id="skills">
|
||||||
<h3>Education</h3>
|
<h2>Skills</h2>
|
||||||
<p>Graduated with multiple honors programs from University of Alabama at Birmingham, Fall 2018</p>
|
<h3>Soft skills</h3>
|
||||||
<ul>
|
<ul>
|
||||||
<li>BS, Biomedical Engineering</li>
|
<li>Wide knowledge base</li>
|
||||||
<li>BS, Computer and Information Science</li>
|
<li>Attention to detail</li>
|
||||||
<li>Minor, Mathematics</li>
|
<li>Problem solving</li>
|
||||||
<li>Science and Technology Honors Program</li>
|
<li>Critical thinking</li>
|
||||||
</ul>
|
<li>Technical writing</li>
|
||||||
</section>
|
<li>Public speaking</li>
|
||||||
</section>
|
<li>Information architecture</li>
|
||||||
</div>
|
<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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in a new issue