diff --git a/assets/scss/work/index.scss b/assets/scss/work/index.scss index 2d849db..e5b2b82 100644 --- a/assets/scss/work/index.scss +++ b/assets/scss/work/index.scss @@ -135,7 +135,7 @@ font-weight: 700; background: hsl(120, 240, 80,); border-radius: 0.25em; - padding: 0.25em; + padding: .15em 0.5em 0.35em; } } .buttons { diff --git a/assets/scss/work/trilogy/index.scss b/assets/scss/work/trilogy/index.scss index c217cae..9674e8d 100644 --- a/assets/scss/work/trilogy/index.scss +++ b/assets/scss/work/trilogy/index.scss @@ -14,7 +14,7 @@ .page-title { color: white; line-height: 1.4; - font-weight: 400; + font-weight: 700; font-size: 1.75em; text-align: center; @media (min-width: 51.75em) { @@ -32,6 +32,46 @@ border: none; background: white; } + .title { + font-size: 2em; + font-weight: 700; + position: relative; + margin-bottom: 2em; + margin-top: 3em; + } + #about { + .title { + &:before { + content: 'intro'; + position: absolute; + top: -1.5em; + left: 0; + font-size: 2em; + font-weight: 900; + opacity: 0.5; + text-align: right; + } + } + .companies { + display: flex; + flex-flow: row wrap; + font-size: 3em; + font-family: monospace; + gap: 1em; + margin: 2em 0; + opacity: 0.5; + } + strong { + display: block; + font-weight: 700; + background: rgba(108, 255, 128, 0.2); + color: white; + white-space: pre; + padding: 0.25em 0.5em; + margin-top: 0.15em; + width: min-content; + } + } #responsibilities { display: flex; flex-flow: column; @@ -42,19 +82,15 @@ gap: 2em; } .title { - font-size: 2em; - font-weight: 700; - position: relative; - margin-bottom: 2em; - margin-top: 3em; &::before { - content: 'Responsibilities'; + content: 'what i do'; position: absolute; - top: -0.5em; - left: -0.5em; - font-size: 4em; + top: -1.5em; + right: -.2em; + font-size: 2em; font-weight: 900; - opacity: 0.2; + opacity: 0.5; + text-align: center; } } section { @@ -70,38 +106,40 @@ margin-bottom: 1em; position: relative; } - .blurb { + p { line-height: 1.4; max-width: 45ch; font-size: 1.2em; + margin-bottom: 1.4em; } #quick-learning { .subtitle { &:before { content: '01'; position: absolute; - top: -0.5em; - left: -0.25em; + top: -1em; + left: -0em; font-size: 4em; font-weight: 900; - opacity: 0.2; + opacity: 0.5; + color:lightgreen; } } } #problem-solving { text-align: right; - display: flex; - flex-flow: column; - align-items: end; + p {margin-left: auto;} .subtitle { + margin-top: 5em; &:before { content: '02'; position: absolute; - top: -0.5em; - right: -0.25em; + top: -1em; + right: 0em; font-size: 4em; font-weight: 900; - opacity: 0.2; + opacity: 0.5; + color: lightgreen; } } } @@ -110,14 +148,16 @@ flex-flow: column; align-items: center; .subtitle { + margin-top: 5em; &:before { content: '03'; position: absolute; - top: -0.5em; + top: -1em; right: calc(50% - 1ch); font-size: 4em; font-weight: 900; - opacity: 0.2; + opacity: 0.5; + color: lightgreen; } } } @@ -157,13 +197,19 @@ left: 0; font-size: 4em; font-weight: 900; - opacity: 0.15; + opacity: 0.35; + color: #002663; } } + .card__text { + margin-left: auto; + } } #tkb { + position: relative; .card__title { position: relative; + z-index: 1; &:before { content: 'TKB'; position: absolute; @@ -171,20 +217,24 @@ right: 0; font-size: 4em; font-weight: 900; - opacity: 0.15; + opacity: 0.35; + color: #002663; + z-index: -1; } } } #tnc { .subtitle { + margin-top: 5em; &:before { content: '04'; position: absolute; - top: -0.5em; - right: 0; + top: -1em; + left: 0; font-size: 4em; font-weight: 900; - opacity: 0.2; + opacity: 0.5; + color: lightgreen; } } } diff --git a/content/work/trilogy/index.html b/content/work/trilogy/index.html index a60371f..855c261 100644 --- a/content/work/trilogy/index.html +++ b/content/work/trilogy/index.html @@ -16,25 +16,50 @@ cover: "/images/trilogy.png"
+
+
+

+ A little bit about the role... +

+

Trilogy is the parent company of many other companies, and the list keeps growing.

+ +

Chiefly, Trilogy manages all of these companies under the banner of a Central Support Team, consisting of L1 and L2 support agents.

+

Above the support agents are the Product Knowledge Curators.

+

This role is also promoted as a Senior Technical Writer position, due to the nature of the work being performed by the PKCs.

+

This is a full-time contract position, with hiring, interviewing, productivity tracking, and weekly payments handled through the Crossover for Work platform (owned by Trilogy).

+
+
-

I had several responsibilities.

+

This role includes several responsibilities.

Being a quick learner.

-

Being responsible for several products under the banner of Central Support meant that I had to quickly and rapidly learn new products with limited information.

+

Being responsible for several products under the banner of Central Support means that I have to quickly and rapidly learn new products with limited information.

Analyzing real problems from real customers.

-

I was tasked with reading customer support tickets one by one, in order to document the problems and solutions faced by actual customers.

+

I am tasked with reading customer support tickets one by one, in order to document the problems and solutions faced by actual customers.

Writing clear and concise articles.

-

After reading each ticket, I would have to write two different types of articles:

+

After reading each ticket, I have to write two different types of articles:

@@ -48,7 +73,7 @@ cover: "/images/trilogy.png"

Training and certifying support agents.

-

Based on the amassed product knowledge within the articles written throughout the above process, I would create training units within a learning management system, consisting of either a test or a task based on each article/ticket pair.

+

Based on the amassed product knowledge within the articles written throughout the above process, I create training units within a learning management system, consisting of either a test or a task based on each article/ticket pair.