refactor work into timeline

This commit is contained in:
a 2021-12-13 05:17:15 -06:00
parent 6c59666342
commit 490bdc63b2
13 changed files with 481 additions and 0 deletions

0
.hugo_build.lock Normal file
View File

View File

@ -3,6 +3,10 @@ title: ""
summary: ""
author: "Abdullah Tarawneh"
date: ""
start: ""
end: ""
at: ""
position: ""
tags: []
category: "Work"
cover: ""

View File

@ -8,5 +8,7 @@
@import "index/cards.scss";
@import "index/testimonials.scss";
@import "work/index.scss";
@import "partials/site-header.scss";
@import "partials/site-footer.scss";

View File

@ -0,0 +1,95 @@
#work {
.timeline {
position: relative;
max-width: 60em;
margin: 0 auto;
&::after {
content: '';
position: absolute;
width: 0.5em;
background-color: #ddd;
top: 0;
bottom: 0;
left: 1.5em;
}
&-item {
padding: 1em 0;
position: relative;
margin-left: 2.5em;
margin-bottom: 2em;
@media (min-width: 30em) {
display: grid;
grid-template-areas:
"dates title title"
"at title title"
"readmore summary summary"
;
grid-template-columns: 20ch auto 1fr;
grid-template-rows: auto auto auto;
padding-top: 1.5em;
}
&::before {
content: " ";
position: absolute;
top: 1em;
width: 2em;
height: 2em;
z-index: 1;
left: -2.75em;
border-width: 1em;
border-color: #06f;
border-radius: 100em;
background-color: #06f;
}
&.worktrilogy::before {
background: url("/icons/trilogy.png");
background-size: cover;
}
&.workmastodon::before {
background: url("/icons/mastodon.png");
background-size: cover;
}
&.workpixelfed::before {
background: url("/icons/pixelfed.svg");
background-size: cover;
background-color: pink;
}
&.workeqin::before {
background: url("/icons/eqin.png");
background-size: cover;
box-shadow: 0px 0px 2px black;
}
&__daterange {
margin-left: 0em;
flex-basis: 10ch;
grid-area: dates;
text-transform: uppercase;
}
&__at {
display: block;
margin-bottom: 0.5em;
}
&__title {
font-size: 1.4em;
font-weight: 700;
margin-bottom: 0.5em;
grid-area: title;
@media (min-width: 30em) {
margin-top: -0.125em;
}
}
&__summary {
flex-basis: 30ch;
grid-area: summary;
line-height: 1.4
}
&__readmore {
width: 15ch;
grid-area: readmore;
}
}
}
}

View File

@ -3,6 +3,10 @@ title: "Director of Technology at Equality Initiative"
summary: "3 years helping a non-profit manage all technical aspects, from website to email."
author: "Abdullah Tarawneh"
date: "2014-02-20"
start: "Feb 2014"
end: "Feb 2017"
at: "Equality Initiative"
position: "Director of Technology"
tags: ["nonprofit"]
category: "Work"
cover: "/images/eqin.jpg"

View File

@ -3,6 +3,10 @@ title: "Mastodon documentation revamp"
summary: "Reorganizing the documentation for the Mastodon Project, while also rewriting significant portions of it."
author: "Abdullah Tarawneh"
date: "2020-01-04"
start: "Aug 2019"
end: "Jan 2020"
at: "Mastodon"
position: "Information Architect / Documentation Specialist"
tags: ["mastodon", "documentation", "information architecture", "rest api"]
category: "Work"
cover: "/images/mastodocs.jpg"

View File

@ -3,6 +3,10 @@ title: "Pixelfed team member"
summary: "After making a masterpost of bugs and issues, I turned Pixelfed from a one-person project into a team effort."
author: "Abdullah Tarawneh"
date: "2019-01-06"
start: "Jan 2019"
end: "current"
at: "Pixelfed"
position: "Product/Project Manager"
tags: ["pixelfed", "project management", "product management", "github issues", "documentation"]
category: "Work"
cover: "/images/pixelfed.jpg"

View File

@ -3,6 +3,10 @@ title: "Senior Technical Writer at Trilogy"
summary: "Managing knowledge bases for numerous products owned by Trilogy."
author: "Abdullah Tarawneh"
date: "2021-05-16"
start: "May 2021"
end: "current"
at: "Trilogy"
position: "Senior Technical Writer / Product Knowledge Curator"
tags: ["technical writing", "senior role", "customer support", "product knowledge", "knowledge base", "curator", "curation"]
category: "Work"
cover: "/images/trilogy.png"

24
layouts/work/list.html Normal file
View File

@ -0,0 +1,24 @@
{{ define "main" }}
<main id="work">
<header class="section page-header">
<div class="container">
<h1 class="page-title">{{ .Title }}</h1>
</div>
</header>
<section class="section timeline">
<div class="container">
{{ range .Pages }}
<article class="timeline-item {{ .Permalink | relURL | anchorize }}">
<span class="timeline-item__daterange">
<datetime class="timeline-item__date">{{ .Params.start }}</datetime> <datetime class="timeline-item__date">{{ .Params.end }}</datetime>
</span>
<span class="timeline-item__at">at {{ .Params.at }}</span>
<h2 class="timeline-item__title">{{ .Params.position }}</h2>
<p class="timeline-item__summary">{{.Summary}}</p>
<a class="timeline-item__readmore" href="{{ .Permalink }}">Read more...</a>
</article>
{{ end }}
</div>
</section>
</main>
{{ end }}

BIN
static/icons/eqin.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

BIN
static/icons/mastodon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

340
static/icons/pixelfed.svg Normal file
View File

@ -0,0 +1,340 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
id="svg102"
version="1.1"
height="75"
width="75">
<metadata
id="metadata106">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs56">
<linearGradient
id="g1"
y2="0.60117739"
x2="0"
y1="0.55806792"
x1="1">
<stop
id="stop2"
offset="0"
stop-color="#FF5C34" />
<stop
id="stop4"
offset="1"
stop-color="#EB0256" />
</linearGradient>
<linearGradient
id="g2"
y2="0"
x2="0.30560157"
y1="1.1191301"
x1="0.5">
<stop
id="stop7"
offset="0"
stop-color="#FFB000" />
<stop
id="stop9"
offset="1"
stop-color="#FF7725" />
</linearGradient>
<filter
x="-0.266"
y="-0.189"
width="1.5319999"
height="1.472"
filterUnits="objectBoundingBox"
id="filter-18-3">
<feOffset
id="feOffset12"
dx="0"
dy="1"
in="SourceAlpha"
result="shadowOffsetOuter1" />
<feGaussianBlur
id="feGaussianBlur14"
stdDeviation="1.5"
in="shadowOffsetOuter1"
result="shadowBlurOuter1" />
<feColorMatrix
id="feColorMatrix16"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.298686594 0"
type="matrix"
in="shadowBlurOuter1" />
</filter>
<linearGradient
xlink:href="#g4"
id="g3"
gradientUnits="userSpaceOnUse"
gradientTransform="scale(0.85441985,1.1703848)"
x1="38.66045"
y1="42.313534"
x2="29.417906"
y2="17.769199" />
<linearGradient
x1="38.66045"
y1="42.313534"
x2="29.417906"
y2="17.769199"
id="g4"
gradientTransform="scale(0.85441985,1.1703848)"
gradientUnits="userSpaceOnUse">
<stop
id="stop20"
stop-color="#21EFE3"
offset="0%" />
<stop
id="stop22"
stop-color="#2598FF"
offset="100%" />
</linearGradient>
<linearGradient
x1="32.778084"
y1="31.292349"
x2="-5.737164"
y2="34.564075"
id="g5"
gradientTransform="scale(0.85441985,1.1703848)"
gradientUnits="userSpaceOnUse">
<stop
id="stop25"
stop-color="#A63FDB"
offset="0%" />
<stop
id="stop27"
stop-color="#FF257E"
offset="100%" />
</linearGradient>
<linearGradient
xlink:href="#g1"
id="g6"
gradientUnits="userSpaceOnUse"
gradientTransform="scale(0.85441985,1.1703848)"
x1="26.799479"
y1="19.639755"
x2="6.4907837"
y2="20.515251" />
<linearGradient
xlink:href="#g1"
id="g7"
x1="26.799479"
y1="19.639755"
x2="6.4907837"
y2="20.515251"
gradientTransform="matrix(0.73238181,-0.44005875,0.60279359,1.0032156,7.0612668,16.678016)"
gradientUnits="userSpaceOnUse" />
<linearGradient
xlink:href="#g2"
id="g8"
x1="15.185128"
y1="33.220253"
x2="9.5916662"
y2="1.0193164"
gradientTransform="matrix(0.87275201,0.73232484,-0.56419841,0.67238452,33.373061,2.1802866)"
gradientUnits="userSpaceOnUse" />
<linearGradient
xlink:href="#g10"
id="g9"
gradientUnits="userSpaceOnUse"
gradientTransform="scale(0.85441984,1.1703848)"
x1="16.690788"
y1="19.195547"
x2="57.873302"
y2="21.720842" />
<linearGradient
x1="16.690788"
y1="19.195547"
x2="57.873302"
y2="21.720842"
id="g10"
gradientTransform="scale(0.85441984,1.1703848)"
gradientUnits="userSpaceOnUse">
<stop
id="stop34"
stop-color="#9EE85D"
offset="0%" />
<stop
id="stop36"
stop-color="#0ED061"
offset="100%" />
</linearGradient>
<linearGradient
x1="40.01442"
y1="3.0503507"
x2="21.610674"
y2="22.693472"
id="g11"
gradientTransform="matrix(0.8028135,0.67363955,-0.61334952,0.73096044,33.373061,2.1802866)"
gradientUnits="userSpaceOnUse">
<stop
id="stop39"
stop-color="#17C934"
offset="0" />
<stop
id="stop41"
stop-color="#03FF6E"
offset="1" />
</linearGradient>
<linearGradient
x1="31.906258"
y1="22.861416"
x2="56.143276"
y2="28.198187"
id="g12"
gradientTransform="matrix(0.67306192,0.5647652,-0.7315899,0.87187364,33.373061,2.1802866)"
gradientUnits="userSpaceOnUse">
<stop
id="stop44"
stop-color="#00FFF0"
offset="0" />
<stop
id="stop46"
stop-color="#0087FF"
offset="1" />
</linearGradient>
<linearGradient
x1="18.604218"
y1="60.088772"
x2="29.551889"
y2="34.263325"
id="g13"
gradientTransform="matrix(0.93316856,0.78302028,-0.52767025,0.62885203,33.373061,2.1802866)"
gradientUnits="userSpaceOnUse">
<stop
id="stop49"
stop-color="#A63FDB"
offset="0" />
<stop
id="stop51"
stop-color="#FF257E"
offset="1" />
</linearGradient>
<linearGradient
xlink:href="#g1"
id="g14"
x1="30.973358"
y1="27.509178"
x2="1.1089396"
y2="28.796618"
gradientTransform="matrix(0.64006516,0.53707767,-0.76930493,0.9168206,33.373061,2.1802866)"
gradientUnits="userSpaceOnUse" />
<linearGradient
xlink:href="#g2"
id="g15"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.87275201,0.73232484,-0.56419841,0.67238452,33.373061,2.1802866)"
x1="15.185128"
y1="33.220253"
x2="9.5916662"
y2="1.0193164" />
</defs>
<path
id="path58"
d="M 37.344501,37.708859 C 33.27843,32.146166 25.502814,30.871306 19.977177,34.86138 14.451539,38.851453 13.268326,46.5955 17.334396,52.158194 l 0.307623,0.420851 C 11.011178,43.906438 10.684942,31.740724 17.295264,22.825752 l 0.117697,-0.1564 c 4.095389,-5.4421 11.877186,-6.487086 17.381128,-2.33404 5.503943,4.153045 6.6458,11.931447 2.550412,17.373547 z"
style="fill:url(#g14)" />
<path
id="path60"
d="m 37.344501,37.708859 c -6.472999,2.189353 -9.877881,9.222288 -7.605018,15.708503 2.272862,6.486214 9.362782,9.969509 15.835779,7.780157 l 0.428828,-0.145041 c -8.049827,2.880268 -17.427966,1.494994 -24.513119,-4.450146 -1.457037,-1.222598 -2.741004,-2.57418 -3.848952,-4.023287 L 17.334396,52.158194 C 13.268326,46.5955 14.451539,38.851453 19.977177,34.86138 25.502814,30.871306 33.27843,32.146166 37.344501,37.708859 Z"
style="fill:url(#g13)" />
<path
id="path62"
d="m 37.344501,37.708859 c 0.04163,6.84562 5.636761,12.42884 12.497071,12.470471 6.860311,0.04163 12.387942,-5.47409 12.346311,-12.319709 l -9.53e-4,-0.156747 c 0.07327,5.679151 -1.798009,11.388946 -5.714387,16.056296 -2.883411,3.436311 -6.515801,5.879029 -10.468453,7.293308 l -0.428828,0.145041 C 39.102265,63.386871 32.012345,59.903576 29.739483,53.417362 27.46662,46.931147 30.871502,39.898212 37.344501,37.708859 Z"
style="fill:url(#g12)" />
<path
id="path64"
d="M 37.344501,37.708859 C 43.881909,39.863866 50.867988,36.343413 52.948347,29.845706 55.028706,23.348 51.415553,16.33359 44.878144,14.178584 l -0.535192,-0.176422 c 3.149862,0.958982 6.167442,2.558035 8.855077,4.813224 5.838829,4.899353 8.898368,11.870026 8.988901,18.887488 l 9.53e-4,0.156747 c 0.04163,6.845619 -5.486,12.361341 -12.346311,12.319709 -6.86031,-0.04163 -12.45544,-5.624851 -12.497071,-12.470471 z"
style="fill:url(#g11)" />
<path
id="path66"
style="fill:url(#g15)"
d="m 37.344501,37.708859 c 4.095388,-5.4421 2.953531,-13.220502 -2.550412,-17.373547 -5.503942,-4.153046 -13.285739,-3.10806 -17.381128,2.33404 l -0.117698,0.156401 c 0.293382,-0.395668 0.600429,-0.784933 0.921193,-1.167205 6.528123,-7.779903 16.895374,-10.466821 26.126496,-7.656386 l 0.535192,0.176422 c 6.537409,2.155006 10.150562,9.169416 8.070203,15.667122 -2.080359,6.497707 -9.066438,10.01816 -15.603846,7.863153 z" />
<g
id="g72"
style="opacity:0.54425222;fill:none"
transform="matrix(-0.37460713,0.92718385,-0.92718518,-0.37460659,81.342244,14.622857)">
<path
id="path68"
d="m 28.379451,9.2701483 0.186983,-0.07462 c 6.393149,-2.551328 13.669757,0.4995351 16.252757,6.8142937 2.583,6.314759 -0.505736,13.502142 -6.898886,16.05347 -0.05343,-1.007011 -0.227732,-1.979458 -0.50829,-2.904343 3.429966,-1.856689 5.75552,-5.45605 5.75552,-9.591913 0,-6.036745 -4.954499,-10.9304939 -11.066184,-10.9304939 -1.305803,0 -2.558782,0.223396 -3.7219,0.6336062 z"
style="fill:url(#g9)" />
<path
id="path70"
d="m 28.379451,9.2701483 0.186983,-0.07462 c 6.393149,-2.551328 13.669757,0.4995351 16.252757,6.8142937 2.583,6.314759 -0.505736,13.502142 -6.898886,16.05347 -0.05343,-1.007011 -0.227732,-1.979458 -0.50829,-2.904343 3.429966,-1.856689 5.75552,-5.45605 5.75552,-9.591913 0,-6.036745 -4.954499,-10.9304939 -11.066184,-10.9304939 -1.305803,0 -2.558782,0.223396 -3.7219,0.6336062 z"
style="mix-blend-mode:overlay;fill:#000000;fill-opacity:0.49988679" />
</g>
<path
id="path74"
style="opacity:0.1;fill:url(#g8)"
d="m 37.344501,37.708859 c 4.095388,-5.4421 2.953531,-13.220502 -2.550412,-17.373547 -5.503942,-4.153046 -13.285739,-3.10806 -17.381128,2.33404 l -0.117698,0.156401 c 0.293382,-0.395668 0.600429,-0.784933 0.921193,-1.167205 6.528123,-7.779903 16.895374,-10.466821 26.126496,-7.656386 l 0.535192,0.176422 c 6.537409,2.155006 10.150562,9.169416 8.070203,15.667122 -2.080359,6.497707 -9.066438,10.01816 -15.603846,7.863153 z" />
<path
id="path76"
style="opacity:0.18013395;fill:url(#g7)"
d="m 17.324475,22.990984 0.121843,-0.160265 c 4.165973,-5.47963 11.974565,-6.61226 17.440978,-2.529799 5.466411,4.082461 6.520625,11.834067 2.354651,17.313698 -0.564448,-0.835659 -1.214702,-1.579436 -1.931538,-2.227718 1.983791,-3.358057 2.123373,-7.64106 -0.0068,-11.186188 -3.109159,-5.1745 -9.87647,-6.817505 -15.115214,-3.669755 -1.119294,0.672539 -2.07825,1.509358 -2.863963,2.460027 z" />
<g
id="g82"
style="opacity:0.18013395;fill:none"
transform="matrix(0.85716853,-0.51503807,0.51503881,0.8571673,7.2277095,16.834214)">
<path
id="path78"
d="m 5.5458544,10.697205 0.1869826,-0.07462 c 6.39315,-2.5513278 13.669757,0.499535 16.252757,6.814294 2.583,6.314758 -0.505736,13.502141 -6.898886,16.053469 -0.05343,-1.007011 -0.227732,-1.979458 -0.50829,-2.904342 3.429966,-1.856689 5.755521,-5.45605 5.755521,-9.591914 0,-6.036745 -4.9545,-10.930493 -11.0661847,-10.930493 -1.3058034,0 -2.5587821,0.223396 -3.7218999,0.633606 z"
style="fill:url(#g6)" />
<path
id="path80"
d="m 5.5458544,10.697205 0.1869826,-0.07462 c 6.39315,-2.5513278 13.669757,0.499535 16.252757,6.814294 2.583,6.314758 -0.505736,13.502141 -6.898886,16.053469 -0.05343,-1.007011 -0.227732,-1.979458 -0.50829,-2.904342 3.429966,-1.856689 5.755521,-5.45605 5.755521,-9.591914 0,-6.036745 -4.9545,-10.930493 -11.0661847,-10.930493 -1.3058034,0 -2.5587821,0.223396 -3.7218999,0.633606 z"
style="mix-blend-mode:multiply;fill:#000000;fill-opacity:0.77284307" />
</g>
<g
id="g88"
style="opacity:0.5841518;fill:none"
transform="matrix(-0.22495138,-0.97437006,0.97437146,-0.22495105,-3.413458,67.921439)">
<path
id="path84"
d="m 10.654093,23.764822 0.186983,-0.07462 c 6.393149,-2.551328 13.669757,0.499535 16.252757,6.814293 2.583,6.314759 -0.505736,13.502142 -6.898886,16.05347 -0.05343,-1.007011 -0.227732,-1.979458 -0.50829,-2.904343 3.429966,-1.856689 5.75552,-5.45605 5.75552,-9.591913 0,-6.036745 -4.954499,-10.930493 -11.066184,-10.930493 -1.305803,0 -2.558782,0.223396 -3.7219,0.633606 z"
style="fill:url(#g5)" />
<path
id="path86"
d="m 10.654093,23.764822 0.186983,-0.07462 c 6.393149,-2.551328 13.669757,0.499535 16.252757,6.814293 2.583,6.314759 -0.505736,13.502142 -6.898886,16.05347 -0.05343,-1.007011 -0.227732,-1.979458 -0.50829,-2.904343 3.429966,-1.856689 5.75552,-5.45605 5.75552,-9.591913 0,-6.036745 -4.954499,-10.930493 -11.066184,-10.930493 -1.305803,0 -2.558782,0.223396 -3.7219,0.633606 z"
style="mix-blend-mode:overlay;fill:#000000;fill-opacity:0.50308539" />
</g>
<g
id="g94"
style="opacity:0.56222097;fill:none"
transform="matrix(-0.99863096,-0.05233596,0.05233603,-0.99862953,69.65441,85.048735)">
<path
id="path90"
d="m 25.135241,22.73235 0.186983,-0.07462 c 6.39315,-2.551328 13.669757,0.499535 16.252757,6.814293 2.583001,6.314759 -0.505736,13.502142 -6.898886,16.05347 -0.05343,-1.007011 -0.227731,-1.979458 -0.50829,-2.904343 3.429966,-1.856689 5.755521,-5.45605 5.755521,-9.591913 0,-6.036745 -4.9545,-10.930494 -11.066185,-10.930494 -1.305803,0 -2.558782,0.223396 -3.7219,0.633607 z"
style="fill:url(#g3)" />
<path
id="path92"
d="m 25.135241,22.73235 0.186983,-0.07462 c 6.39315,-2.551328 13.669757,0.499535 16.252757,6.814293 2.583001,6.314759 -0.505736,13.502142 -6.898886,16.05347 -0.05343,-1.007011 -0.227731,-1.979458 -0.50829,-2.904343 3.429966,-1.856689 5.755521,-5.45605 5.755521,-9.591913 0,-6.036745 -4.9545,-10.930494 -11.066185,-10.930494 -1.305803,0 -2.558782,0.223396 -3.7219,0.633607 z"
style="mix-blend-mode:overlay;fill:#000000" />
</g>
<path
id="path96"
d="m 44.686954,14.115568 0.191202,0.06303 c 6.537408,2.155006 10.150561,9.169416 8.070202,15.667122 -2.080359,6.497706 -9.066438,10.01816 -15.603846,7.863153 0.606364,-0.805759 1.097919,-1.662736 1.477505,-2.551578 3.820968,0.782433 7.916076,-0.48 10.574561,-3.648255 3.88035,-4.624415 3.230624,-11.557934 -1.451204,-15.486449 -1.000306,-0.839354 -2.10374,-1.473623 -3.25842,-1.907021 z"
style="mix-blend-mode:overlay;fill:#000000;fill-opacity:0.49617866" />
<path
id="path98"
d="m 24.100846,55.523071 h 4.544831 c 4.281413,0 7.752184,-3.36365 7.752184,-7.512922 0,-4.149273 -3.470771,-7.512923 -7.752184,-7.512923 h -6.55954 c -2.470046,0 -4.472413,1.940568 -4.472413,4.334379 v 16.869977 z"
style="fill:#000000;filter:url(#filter-18-3)"
transform="matrix(1.0000014,0,0,1,11.284998,-12.5)" />
<path
id="path100"
d="m 35.385879,43.023071 h 4.544837 c 4.281419,0 7.752195,-3.36365 7.752195,-7.512922 0,-4.149273 -3.470776,-7.512923 -7.752195,-7.512923 h -6.559549 c -2.47005,0 -4.47242,1.940568 -4.47242,4.334379 v 16.869977 z"
style="fill:#ffffff" />
</svg>

After

Width:  |  Height:  |  Size: 15 KiB

BIN
static/icons/trilogy.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.6 KiB