diff --git a/.hugo_build.lock b/.hugo_build.lock new file mode 100644 index 0000000..e69de29 diff --git a/archetypes/work.md b/archetypes/work.md index 8be0a45..6008d6c 100644 --- a/archetypes/work.md +++ b/archetypes/work.md @@ -3,6 +3,10 @@ title: "" summary: "" author: "Abdullah Tarawneh" date: "" +start: "" +end: "" +at: "" +position: "" tags: [] category: "Work" cover: "" diff --git a/assets/scss/main.scss b/assets/scss/main.scss index b34d41e..0abdc10 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -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"; \ No newline at end of file diff --git a/assets/scss/work/index.scss b/assets/scss/work/index.scss new file mode 100644 index 0000000..933d131 --- /dev/null +++ b/assets/scss/work/index.scss @@ -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; + + } + } + } +} \ No newline at end of file diff --git a/content/work/eqin/index.md b/content/work/eqin/index.md index 5b576e2..80c56a6 100644 --- a/content/work/eqin/index.md +++ b/content/work/eqin/index.md @@ -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" diff --git a/content/work/mastodon/index.md b/content/work/mastodon/index.md index cb75db8..4480437 100644 --- a/content/work/mastodon/index.md +++ b/content/work/mastodon/index.md @@ -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" diff --git a/content/work/pixelfed/index.md b/content/work/pixelfed/index.md index 6279553..8f1a52c 100644 --- a/content/work/pixelfed/index.md +++ b/content/work/pixelfed/index.md @@ -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" diff --git a/content/work/trilogy/index.md b/content/work/trilogy/index.md index 0e47aa4..89a75ec 100644 --- a/content/work/trilogy/index.md +++ b/content/work/trilogy/index.md @@ -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" diff --git a/layouts/work/list.html b/layouts/work/list.html new file mode 100644 index 0000000..1c31684 --- /dev/null +++ b/layouts/work/list.html @@ -0,0 +1,24 @@ +{{ define "main" }} +
+
+
+

{{ .Title }}

+
+
+
+
+ {{ range .Pages }} +
+ + {{ .Params.start }} – {{ .Params.end }} + + at {{ .Params.at }} +

{{ .Params.position }}

+

{{.Summary}}

+ Read more... +
+ {{ end }} +
+
+
+{{ end }} \ No newline at end of file diff --git a/static/icons/eqin.png b/static/icons/eqin.png new file mode 100644 index 0000000..609e745 Binary files /dev/null and b/static/icons/eqin.png differ diff --git a/static/icons/mastodon.png b/static/icons/mastodon.png new file mode 100644 index 0000000..1036df2 Binary files /dev/null and b/static/icons/mastodon.png differ diff --git a/static/icons/pixelfed.svg b/static/icons/pixelfed.svg new file mode 100644 index 0000000..7714b4f --- /dev/null +++ b/static/icons/pixelfed.svg @@ -0,0 +1,340 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/icons/trilogy.png b/static/icons/trilogy.png new file mode 100644 index 0000000..5860027 Binary files /dev/null and b/static/icons/trilogy.png differ