2020-10-10 19:09:30 +00:00
{{ define "main" }}
< main >
< section class = "section hero" >
< div class = "container" >
2020-10-10 19:47:58 +00:00
< img src = "/images/thought.svg" alt = "Abstract illustration of a thought process" title = "Abstract illustration of a thought process" >
2020-10-10 19:09:30 +00:00
< h2 class = "headline" > i make order< br > out of chaos.< / h1 >
< a class = "button cta" href = "#projects" > view my work< / a >
< / div >
< / section >
< section class = "section" id = "process" >
< div class = "container" >
< h2 class = "section-heading" > my process:< / h2 >
< div class = "cards" >
< section class = "card" >
2020-10-10 19:47:58 +00:00
< img src = "/images/mindmap.svg" >
2020-10-10 19:09:30 +00:00
< h3 > information< / h3 >
< p > i plan out the details of the project.< / p >
< / section >
< section class = "card" >
2020-10-10 19:47:58 +00:00
< img src = "/images/analysis.svg" >
2020-10-10 19:09:30 +00:00
< h3 > analysis< / h3 >
< p > i break down info and make connections.< / p >
< / section >
< section class = "card" >
2020-10-10 19:47:58 +00:00
< img src = "/images/design.svg" >
2020-10-10 19:09:30 +00:00
< h3 > design< / h3 >
< p > i construct a framework for the project.< / p >
< / section >
< section class = "card" >
2020-10-10 19:47:58 +00:00
< img src = "/images/feedback.svg" >
2020-10-10 19:09:30 +00:00
< h3 > feedback< / h3 >
< p > i make sure to keep you in the picture.< / p >
< / section >
< section class = "card" >
2020-10-10 19:47:58 +00:00
< img src = "/images/tech.svg" >
2020-10-10 19:09:30 +00:00
< h3 > implementation< / h3 >
< p > i create the deliverables as discussed.< / p >
< / section >
< section class = "card" >
2020-10-10 19:47:58 +00:00
< img src = "/images/result.svg" >
2020-10-10 19:09:30 +00:00
< h3 > results< / h3 >
< p > i deliver the completed project to you.< / p >
< / section >
< / div >
< / div >
< / section >
< section class = "section" id = "projects" >
< div class = "container" >
< h2 class = "section-heading" > here's what i've done.< / h2 >
< div class = "cards" >
< div class = "card" >
2020-10-10 19:47:58 +00:00
< img src = "/images/mastodocs.jpg" >
2020-10-10 19:09:30 +00:00
< h3 > Mastodon< br > Documentation Revamp< / h3 >
< p > Reorganizing the documentation for the Mastodon Project, while also rewriting significant portions of it.< / p >
< a href = "" > Read more< / a >
< / div >
< div class = "card" >
2020-10-10 19:47:58 +00:00
< img src = "/images/pixelfed.jpg" >
2020-10-10 19:09:30 +00:00
< h3 > Pixelfed< br > Project Management< / h3 >
< p > After making a masterpost of bugs and issues, I turned Pixelfed from a one-person project into a team effort.< / p >
< a href = "" > Read more< / a >
< / div >
< div class = "card" >
2020-10-10 19:47:58 +00:00
< img src = "/images/namecheap.jpg" alt = "" >
2020-10-10 19:09:30 +00:00
< h3 > EFF Certbot< br > Namecheap Auth Hook< / h3 >
< p > A manual authorization hook for EFF Certbot, allowing DNS-01 challenge verification with Namecheap domains.< / p >
< a href = "https://github.com/trwnh/namecheap" > View source code< / a >
< / div >
< div class = "card" >
2020-10-10 19:47:58 +00:00
< img src = "/images/motarawneh.jpg" alt = "" >
2020-10-10 19:09:30 +00:00
< h3 > Mo Tarawneh< br > (motarawneh.org)< / h3 >
< p > A personal website for Mo Tarawneh, inaugural chairperson of the UN CRPD and twice-elected member.< / p >
< a href = "https://motarawneh.com" > View site< / a >
< / div >
< div class = "card" >
2020-10-10 19:47:58 +00:00
< img src = "/images/eqin.jpg" alt = "" >
2020-10-10 19:09:30 +00:00
< h3 > Equality Initiative< br > (equalityinitiative.org)< / h3 >
< p > Nonprofit website designed for Equality Initiative in February 2014. Built with Wordpress and Divi.< / p >
< a href = "https://sites.trwnh.com/equalityinitiative.org" > View site archive< / a >
< / div >
< div class = "card" >
2020-10-10 19:47:58 +00:00
< img src = "/images/birdsounds.jpg" alt = "" >
2020-10-10 19:09:30 +00:00
< h3 > birdsounds< br > (birdsounds.media)< / h3 >
< p > birdsounds.media is my concert photography showcase and portfolio website. Built using Koken.< / p >
< a href = "https://birdsounds.media" > View site< / a >
< / div >
< / div >
< / section >
< section class = "section" id = "praise" >
< div class = "container" >
< h2 class = "section-heading" style = "max-width: 15ch; margin: 0 auto 1em; text-align: center;" > what others have said about me:< / h2 >
< div class = "testimonials" >
< div class = "testimonial" >
2020-10-10 19:47:58 +00:00
< img class = "avatar" width = 32 height = 32 src = "/images/khalil.jpg" >
2020-10-10 19:09:30 +00:00
< p class = "name" > Khalil Saadiq< / p >
< blockquote class = "bubble" > it's scary how much you know.< / blockquote >
< / div >
< div class = "testimonial" >
2020-10-10 19:47:58 +00:00
< img class = "avatar" width = 32 height = 32 src = "/images/gargron.jpg" >
2020-10-10 19:09:30 +00:00
< p class = "name" > Eugen Rochko< / p >
< blockquote class = "bubble" > bless you for being here to work on the docs btw. it's a big relief.< / blockquote >
< / div >
< div class = "testimonial" >
2020-10-10 19:47:58 +00:00
< img class = "avatar" width = 32 height = 32 src = "/images/dansup.jpg" >
2020-10-10 19:09:30 +00:00
< p class = "name" > Daniel Supernault< / p >
< blockquote class = "bubble" > i don't trust anyone as much as you to shape the direction of the project.< / blockquote >
< / div >
< / div >
< / div >
< / section >
2020-10-10 23:43:26 +00:00
< section class = "section" id = "contact" >
< div class = "container" >
< h2 class = "section-heading" style = "font-weight: 700" > let's talk.< / h2 >
< p style = "max-width: 65ch; margin: 0 auto;" > if you'd like me to do something for you, then the best way to get in touch with me is to email a@trwnh.com with your proposal. i am currently open for hiring as well.< / p >
2020-10-10 23:58:00 +00:00
< a href = "https://resume.abdullahtarawneh.com" class = "cta button" style = "margin: 6em auto 0;" > view resume< / a >
2020-10-10 23:43:26 +00:00
< / div >
< / section >
2020-10-10 19:09:30 +00:00
< / main >
{{ end }}