2024-06-02 05:04:04 +00:00
+++
title = "Professional work"
summary = "Hire me to help you figure things out."
tags = []
weight = 20
layout = "custom_html"
+++
< main class = "work" >
< header id = "intro" >
< div class = "container" >
< h1 class = "tagline" > I can help you < em > figure out the hard parts.< / em > < / h1 >
< p class = "blurb" > Need something done? Perhaps some documentation, a static website, or simply advice on a project? I'm here for you.< / p >
{{< work / cta-button > }}
< / div >
< / header >
< section id = "services" class = "section" >
< div class = "container" >
< h2 class = "section__title" > Some of the things I can do for you...< / h2 >
< div class = "services" >
< section class = "service" >
2024-06-03 12:39:43 +00:00
< h3 class = "service__title" > Software and API docs< / h3 >
2024-06-02 05:04:04 +00:00
< p class = "service__summary" > Information architecture and technical writing, especially for software and APIs.< / p >
< div class = "service__icons" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "1em" height = "1em" viewBox = "0 0 16 16" > < title > oui:documentation< / title > < path fill = "currentColor" d = "M9 3.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0M9 5v3h1v1H8V6H7V5z" / > < path fill = "currentColor" d = "M13.855 14.147a1.3 1.3 0 0 1-.158-.246A2 2 0 0 1 13.5 13c0-.414.103-.713.197-.901a1.3 1.3 0 0 1 .158-.246l.003-.005A.5.5 0 0 0 14 11.5V.5a.5.5 0 0 0-.5-.5H3.461l-.083.005a3 3 0 0 0-1.102.298a2.26 2.26 0 0 0-.88.763C1.148 1.44 1 1.913 1 2.5V13c0 .463.117.843.318 1.145c.2.298.462.491.708.615a2.3 2.3 0 0 0 .94.24H3v-1l-.029-.002a1.3 1.3 0 0 1-.498-.133a.8.8 0 0 1-.323-.275C2.07 13.47 2 13.287 2 13s.07-.47.15-.59a.8.8 0 0 1 .324-.275A1.3 1.3 0 0 1 3 12h9.658c-.091.27-.158.605-.158 1s.067.73.158 1H8v1h5.5a.5.5 0 0 0 .359-.848zm-.001 0l.002.002zM2.724 1.197q.14-.068.276-.11C3 2.918 3.001 11 2.999 11h-.033a2 2 0 0 0-.283.03a2.3 2.3 0 0 0-.657.21L2 11.254V2.5c0-.413.102-.689.229-.879c.128-.193.304-.328.495-.424M4 11V1h9v10z" / > < path fill = "currentColor" d = "M7 13H4v2.5a.5.5 0 0 0 .854.354l.646-.647l.646.647A.5.5 0 0 0 7 15.5z" / > < / svg >
< svg xmlns = "http://www.w3.org/2000/svg" width = "1em" height = "1em" viewBox = "0 0 24 24" > < title > mynaui:api< / title > < path fill = "none" stroke = "currentColor" stroke-linecap = "round" stroke-linejoin = "round" stroke-width = "1.5" d = "M5.5 13L7 11.5l5.5 5.5l-1.5 1.5c-.75.75-3.5 2-5.5 0s-.75-4.75 0-5.5M3 21l2.5-2.5m13-7.5L17 12.5L11.5 7L13 5.5c.75-.75 3.5-2 5.5 0s.75 4.75 0 5.5m-6-3l-2 2M21 3l-2.5 2.5m-2.5 6l-2 2" / > < / svg >
< / div >
< / section >
< section class = "service" >
2024-06-03 12:39:43 +00:00
< h3 class = "service__title" > End-to-end static websites< / h3 >
2024-06-02 05:04:04 +00:00
< p class = "service__summary" > Artisinally hand-crafted websites that are sure to perform well without sacrificing UX.< / p >
< div class = "service__icons" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "1em" height = "1em" viewBox = "0 0 24 24" > < title > hugeicons:web-design-01< / title > < path fill = "none" stroke = "currentColor" stroke-linecap = "round" stroke-linejoin = "round" stroke-width = "1.5" d = "M2.5 12c0-4.478 0-6.718 1.391-8.109S7.521 2.5 12 2.5c4.478 0 6.718 0 8.109 1.391S21.5 7.521 21.5 12c0 4.478 0 6.718-1.391 8.109S16.479 21.5 12 21.5c-4.478 0-6.718 0-8.109-1.391S2.5 16.479 2.5 12m0-3h19M13 13h4m-4 4h2M7 6h.009M11 6h.009M9 9v12.5" color = "currentColor" / > < / svg >
< svg xmlns = "http://www.w3.org/2000/svg" width = "1em" height = "1em" viewBox = "0 0 24 24" style = "margin-block-start: 3px" > < title > hugeicons:web-design-02< / title > < g fill = "none" stroke = "currentColor" stroke-linecap = "round" stroke-linejoin = "round" stroke-width = "1.5" color = "currentColor" > < path d = "M20 10.128c0-3.832 0-5.747-1.172-6.938S15.771 2 12 2h-2C6.229 2 4.343 2 3.172 3.19S2 6.296 2 10.128s0 5.747 1.172 6.938c.47.477 1.054.763 1.828.934" / > < path d = "M22 17.5c0-1.875 0-2.812-.477-3.47a2.5 2.5 0 0 0-.553-.553C20.312 13 19.375 13 17.5 13h-5c-1.875 0-2.812 0-3.47.477a2.5 2.5 0 0 0-.553.553C8 14.689 8 15.626 8 17.5s0 2.812.477 3.47a2.5 2.5 0 0 0 .554.553C9.688 22 10.625 22 12.5 22h5c1.875 0 2.812 0 3.47-.477a2.5 2.5 0 0 0 .553-.553C22 20.312 22 19.375 22 17.5" / > < path d = "m16.5 16l.92.793c.387.333.58.5.58.707s-.193.374-.58.707L16.5 19m-3-3l-.92.793c-.387.333-.58.5-.58.707s.193.374.58.707l.92.793M2.5 6h17" / > < / g > < / svg >
< / div >
< / section >
< section class = "service" >
2024-06-03 12:39:43 +00:00
< h3 class = "service__title" > Social Web consultancy< / h3 >
2024-06-02 05:04:04 +00:00
< p class = "service__summary" > Get help implementing open web standards and technologies such as ActivityPub.< / p >
< div class = "service__icons" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "1em" height = "1em" viewBox = "0 0 256 256" > < title > ph:fediverse-logo< / title > < path fill = "currentColor" d = "M212 96a27.8 27.8 0 0 0-10.51 2L171 59.94A28 28 0 1 0 120 44a29 29 0 0 0 .15 2.94L73.68 66.3a28 28 0 1 0-28.6 44.83l1.85 46.38a28 28 0 1 0 32.74 41.42L128 212.47a28 28 0 1 0 49.13-18.79l27.21-42.75A28 28 0 1 0 212 96m-56 88h-.89l-16.18-48.53l46.65-2.22a27.9 27.9 0 0 0 5.28 9L163.65 185a28 28 0 0 0-7.65-1m-93.08-27.13l-1.85-46.38a28 28 0 0 0 10.12-6.13L113.72 129l-41.46 32.22a28 28 0 0 0-9.34-4.35M149.57 72a27.8 27.8 0 0 0 8.94-2L189 108.06a27.9 27.9 0 0 0-4.18 9.22l-46.57 2.22ZM82.09 173.85L124 141.26l15.94 47.83a28.2 28.2 0 0 0-7.6 8L84 183.53a28 28 0 0 0-1.91-9.68M148 32a12 12 0 1 1-12 12a12 12 0 0 1 12-12m-21.68 29.7a28.4 28.4 0 0 0 7.68 6.54l-11.3 47.45l-43.47-25.17A28 28 0 0 0 80 84a29 29 0 0 0-.15-2.94ZM40 84a12 12 0 1 1 12 12a12 12 0 0 1-12-12m16 112a12 12 0 1 1 12-12a12 12 0 0 1-12 12m100 28a12 12 0 1 1 12-12a12 12 0 0 1-12 12m56-88a12 12 0 1 1 12-12a12 12 0 0 1-12 12" / > < / svg >
< svg xmlns = "http://www.w3.org/2000/svg" width = "1em" height = "1em" viewBox = "0 0 32 32" style = "margin-block-start: 4px" > < title > carbon:cloud-services< / title > < path fill = "currentColor" d = "M25.822 10.124a10 10 0 0 0-19.644 0A7.496 7.496 0 0 0 7.5 25H8v-2h-.5a5.496 5.496 0 0 1-.377-10.98l.836-.057l.09-.833a7.998 7.998 0 0 1 15.902 0l.09.833l.836.058A5.496 5.496 0 0 1 24.5 23H24v2h.5a7.496 7.496 0 0 0 1.322-14.876" / > < path fill = "currentColor" d = "M23 22v-2h-2.101a5 5 0 0 0-.732-1.753l1.49-1.49l-1.414-1.414l-1.49 1.49A5 5 0 0 0 17 16.101V14h-2v2.101a5 5 0 0 0-1.753.732l-1.49-1.49l-1.414 1.414l1.49 1.49A5 5 0 0 0 11.101 20H9v2h2.101a5 5 0 0 0 .732 1.753l-1.49 1.49l1.414 1.414l1.49-1.49a5 5 0 0 0 1.753.732V28h2v-2.101a5 5 0 0 0 1.753-.732l1.49 1.49l1.414-1.414l-1.49-1.49A5 5 0 0 0 20.899 22Zm-7 2a3 3 0 1 1 3-3a3.003 3.003 0 0 1-3 3" / > < / svg >
< / div >
< / section >
< / div >
< / div >
< / section >
< section class = "section" id = "process" >
< div class = "container" >
< h2 class = "title" > A < strong > no-nonsense< / strong > approach to making things < em > make sense.< / em > < / h2 >
< section >
< h3 class = "subtitle" >
< strong > Your< / strong > needs come first.
< / h3 >
< p class = "blurb" > We'll sit down and figure out exactly what your problem is, and what your requirements are.< / p >
< / section >
< / div >
< / section >
< section class = "section" id = "praise" >
< div class = "container" >
< h2 class = "title" > What others have said:< / h2 >
< div class = "testimonials" >
< div class = "testimonial" >
{{< people / khalil > }}
< p class = "name" > Khalil Saadiq,< br > former classmate< / p >
< blockquote class = "bubble" > It's scary how much you know.< / blockquote >
< / div >
< div class = "testimonial" >
{{< people / gargron > }}
< p class = "name" > Eugen Rochko,< br > Mastodon developer< / 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" >
{{< people / dansup > }}
< p class = "name" > Daniel Supernault,< br > Pixelfed developer< / 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 >
< section class = "section" id = "interstitial" >
< div class = "container" >
< h2 class = "title" > I bet i can make < em class = "you" > you< / em > feel the same way.< / h2 >
< p class = "blurb" > Do you want a < span class = "me" > knowledgeable< / span > person you can < span class = "me" > trust< / span > to do the work < span class = "me" > right< / span > , as well? I'd love to add < em class = "you" > your< / em > praise above.< / p >
{{< work / cta-button > }}
< / div >
< / section >
< section class = "section" id = "examples" >
< div class = "container" >
< h2 class = "title" > Here's some of my more notable work.< / h2 >
< div class = "work-items" >
{{< work / work-items > }}
< section class = "your-item" >
< div >
< h3 class = "your-item__title" > You could be here.< / h3 >
< p class = "your-item__summary" > I'm currently < strong > available< / strong > for work. Let's get in touch.< / p >
{{< work / cta-button > }}
< / div >
< / section >
< / div >
< / div >
< / section >
< section class = "section" id = "hire-me" >
< div class = "container" >
< h2 > Got something more permanent in mind?< / h2 >
< p > I'm also open to remote work on a 1099 or W2. I'm particularly interested in software and API documentation / technical writing and information architecture!< / p >
< a href = "mailto:a@trwnh.com" class = "email button primary" > < svg xmlns = "http://www.w3.org/2000/svg" width = "1em" height = "1em" viewBox = "0 0 36 36" >
< title > clarity:email-solid< / title >
< path fill = "currentColor" d = "M32.33 6a2 2 0 0 0-.41 0h-28a2 2 0 0 0-.53.08l14.45 14.39Z" class = "clr-i-solid clr-i-solid-path-1" / >
< path fill = "currentColor" d = "m33.81 7.39l-14.56 14.5a2 2 0 0 1-2.82 0L2 7.5a2 2 0 0 0-.07.5v20a2 2 0 0 0 2 2h28a2 2 0 0 0 2-2V8a2 2 0 0 0-.12-.61M5.3 28H3.91v-1.43l7.27-7.21l1.41 1.41Zm26.61 0h-1.4l-7.29-7.23l1.41-1.41l7.27 7.21Z" class = "clr-i-solid clr-i-solid-path-2" / >
< path fill = "none" d = "M0 0h36v36H0z" / >
< / svg > < span > Offer me a job< / span > < / a >
< div class = "resume" >
< a href = "/resume" class = "resume button secondary" > < svg xmlns = "http://www.w3.org/2000/svg" width = "1em" height = "1em" viewBox = "0 0 24 24" >
< title > mdi:resume< / title >
< path fill = "currentColor" d = "M13 9h5.5L13 3.5zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2m8 18v-1c0-1.33-2.67-2-4-2s-4 .67-4 2v1zm-4-8a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2" / >
< / svg > < span > Résume (HTML)< / span > < / a >
< a href = "/resume/abdullah-tarawneh_resume.pdf" class = "resume button secondary" > < svg xmlns = "http://www.w3.org/2000/svg" width = "1em" height = "1em" viewBox = "0 0 24 24" >
< title > mdi:resume< / title >
< path fill = "currentColor" d = "M13 9h5.5L13 3.5zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2m8 18v-1c0-1.33-2.67-2-4-2s-4 .67-4 2v1zm-4-8a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2" / >
< / svg > < span > Résume (PDF)< / span > < / a >
< / div >
< div class = "writing-samples" >
< a href = "/resume/abdullah-tarawneh_writing-samples.pdf" class = "writing-samples button secondary" > < svg xmlns = "http://www.w3.org/2000/svg" width = "1em" height = "1em" viewBox = "0 0 24 24" >
< title > mdi:file-text-multiple< / title >
< path fill = "currentColor" d = "M4 4v18h16v2H4c-1.1 0-2-.9-2-2V4zm11 3h5.5L15 1.5zM8 0h8l6 6v12c0 1.11-.89 2-2 2H8a2 2 0 0 1-2-2V2c0-1.11.89-2 2-2m9 16v-2H8v2zm3-4v-2H8v2z" / >
< / svg > < span > Tech writing samples (PDF)< / span > < / a >
< / div >
< / div >
< / section >
< / main >
