move resume into website static files
This commit is contained in:
parent
c438873b28
commit
8944921d70
|
|
@ -81,8 +81,8 @@
|
|||
<div class="container">
|
||||
<div class="buttons">
|
||||
<a href="mailto:a@trwnh.com" class="email button primary"><svg version="1.1" viewBox="0 -256 1850 1850" width=16 height=16 xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <g transform="matrix(1 0 0 -1 30.373 1252.3)"> <path d="m1792 826v-794q0-66-47-113t-113-47h-1472q-66 0-113 47t-47 113v794q44-49 101-87 362-246 497-345 57-42 92.5-65.5t94.5-48 110-24.5h2q51 0 110 24.5t94.5 48 92.5 65.5q170 123 498 345 57 39 100 87zm0 294q0-79-49-151t-122-123q-376-261-468-325-10-7-42.5-30.5t-54-38-52-32.5-57.5-27-50-9h-2q-23 0-50 9t-57.5 27-52 32.5-54 38-42.5 30.5q-91 64-262 182.5t-205 142.5q-62 42-117 115.5t-55 136.5q0 78 41.5 130t118.5 52h1472q65 0 112.5-47t47.5-113z" fill="currentColor"/> </g> </svg> Email me</a>
|
||||
<a href="https://resume.abdullahtarawneh.com" class="resume button secondary"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" width=16 height=16><path d="M528 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h480c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm0 400H303.2c.9-4.5.8 3.6.8-22.4 0-31.8-30.1-57.6-67.2-57.6-10.8 0-18.7 8-44.8 8-26.9 0-33.4-8-44.8-8-37.1 0-67.2 25.8-67.2 57.6 0 26-.2 17.9.8 22.4H48V144h480v288zm-168-80h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm0-64h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm0-64h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm-168 96c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64z"/></svg> Résume (HTML)</a>
|
||||
<a href="https://resume.abdullahtarawneh.com/resume.pdf" class="resume button secondary"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" width=16 height=16><path d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm76.45 211.36l-96.42 95.7c-6.65 6.61-17.39 6.61-24.04 0l-96.42-95.7C73.42 337.29 80.54 320 94.82 320H160v-80c0-8.84 7.16-16 16-16h32c8.84 0 16 7.16 16 16v80h65.18c14.28 0 21.4 17.29 11.27 27.36zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z"/></svg> Résume (PDF)</a>
|
||||
<a href="/resume" class="resume button secondary"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" width=16 height=16><path d="M528 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h480c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm0 400H303.2c.9-4.5.8 3.6.8-22.4 0-31.8-30.1-57.6-67.2-57.6-10.8 0-18.7 8-44.8 8-26.9 0-33.4-8-44.8-8-37.1 0-67.2 25.8-67.2 57.6 0 26-.2 17.9.8 22.4H48V144h480v288zm-168-80h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm0-64h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm0-64h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm-168 96c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64z"/></svg> Résume (HTML)</a>
|
||||
<a href="/resume/abdullah-tarawneh_resume.pdf" class="resume button secondary"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" width=16 height=16><path d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm76.45 211.36l-96.42 95.7c-6.65 6.61-17.39 6.61-24.04 0l-96.42-95.7C73.42 337.29 80.54 320 94.82 320H160v-80c0-8.84 7.16-16 16-16h32c8.84 0 16 7.16 16 16v80h65.18c14.28 0 21.4 17.29 11.27 27.36zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z"/></svg> Résume (PDF)</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
BIN
static/resume/abdullah-tarawneh_resume.pdf
Normal file
BIN
static/resume/abdullah-tarawneh_resume.pdf
Normal file
Binary file not shown.
240
static/resume/index.html
Normal file
240
static/resume/index.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>
|
||||
BIN
static/resume/profile.png
Normal file
BIN
static/resume/profile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Loading…
Reference in a new issue