sites/abdullahtarawneh.com
1
Fork 0
Code Issues Pull requests Releases Wiki Activity

more edits to work/trilogy

Browse source
This commit is contained in:
a 2021-12-15 04:00:41 -06:00
parent d603ef5966
commit e716903eb2
3 changed files with 111 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/scss/work/index.scss
View file

@ -135,7 +135,7 @@
font-weight: 700; font-weight: 700;
background: hsl(120, 240, 80,); background: hsl(120, 240, 80,);
border-radius: 0.25em; border-radius: 0.25em;
padding: 0.25em; padding: .15em 0.5em 0.35em;
} }
} }
.buttons { .buttons {

106
assets/scss/work/trilogy/index.scss
View file

@ -14,7 +14,7 @@
.page-title { .page-title {
color: white; color: white;
line-height: 1.4; line-height: 1.4;
font-weight: 400; font-weight: 700;
font-size: 1.75em; font-size: 1.75em;
text-align: center; text-align: center;
@media (min-width: 51.75em) { @media (min-width: 51.75em) {
@ -32,6 +32,46 @@
border: none; border: none;
background: white; 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 { #responsibilities {
display: flex; display: flex;
flex-flow: column; flex-flow: column;
@ -42,19 +82,15 @@
gap: 2em; gap: 2em;
} }
.title { .title {
font-size: 2em;
font-weight: 700;
position: relative;
margin-bottom: 2em;
margin-top: 3em;
&::before { &::before {
content: 'Responsibilities'; content: 'what i do';
position: absolute; position: absolute;
top: -0.5em; top: -1.5em;
left: -0.5em; right: -.2em;
font-size: 4em; font-size: 2em;
font-weight: 900; font-weight: 900;
opacity: 0.2; opacity: 0.5;
text-align: center;
} }
} }
section { section {
@ -70,38 +106,40 @@
margin-bottom: 1em; margin-bottom: 1em;
position: relative; position: relative;
} }
.blurb { p {
line-height: 1.4; line-height: 1.4;
max-width: 45ch; max-width: 45ch;
font-size: 1.2em; font-size: 1.2em;
margin-bottom: 1.4em;
} }
#quick-learning { #quick-learning {
.subtitle { .subtitle {
&:before { &:before {
content: '01'; content: '01';
position: absolute; position: absolute;
top: -0.5em; top: -1em;
left: -0.25em; left: -0em;
font-size: 4em; font-size: 4em;
font-weight: 900; font-weight: 900;
opacity: 0.2; opacity: 0.5;
color:lightgreen;
} }
} }
} }
#problem-solving { #problem-solving {
text-align: right; text-align: right;
display: flex; p {margin-left: auto;}
flex-flow: column;
align-items: end;
.subtitle { .subtitle {
margin-top: 5em;
&:before { &:before {
content: '02'; content: '02';
position: absolute; position: absolute;
top: -0.5em; top: -1em;
right: -0.25em; right: 0em;
font-size: 4em; font-size: 4em;
font-weight: 900; font-weight: 900;
opacity: 0.2; opacity: 0.5;
color: lightgreen;
} }
} }
} }
@ -110,14 +148,16 @@
flex-flow: column; flex-flow: column;
align-items: center; align-items: center;
.subtitle { .subtitle {
margin-top: 5em;
&:before { &:before {
content: '03'; content: '03';
position: absolute; position: absolute;
top: -0.5em; top: -1em;
right: calc(50% - 1ch); right: calc(50% - 1ch);
font-size: 4em; font-size: 4em;
font-weight: 900; font-weight: 900;
opacity: 0.2; opacity: 0.5;
color: lightgreen;
} }
} }
} }
@ -157,13 +197,19 @@
left: 0; left: 0;
font-size: 4em; font-size: 4em;
font-weight: 900; font-weight: 900;
opacity: 0.15; opacity: 0.35;
color: #002663;
} }
} }
.card__text {
margin-left: auto;
}
} }
#tkb { #tkb {
position: relative;
.card__title { .card__title {
position: relative; position: relative;
z-index: 1;
&:before { &:before {
content: 'TKB'; content: 'TKB';
position: absolute; position: absolute;
@ -171,20 +217,24 @@
right: 0; right: 0;
font-size: 4em; font-size: 4em;
font-weight: 900; font-weight: 900;
opacity: 0.15; opacity: 0.35;
color: #002663;
z-index: -1;
} }
} }
} }
#tnc { #tnc {
.subtitle { .subtitle {
margin-top: 5em;
&:before { &:before {
content: '04'; content: '04';
position: absolute; position: absolute;
top: -0.5em; top: -1em;
right: 0; left: 0;
font-size: 4em; font-size: 4em;
font-weight: 900; font-weight: 900;
opacity: 0.2; opacity: 0.5;
color: lightgreen;
} }
} }
} }

39
content/work/trilogy/index.html
View file

@ -16,25 +16,50 @@ cover: "/images/trilogy.png"
<header class="page-header section"> <header class="page-header section">
<div class="container"> <div class="container">
<img src="/images/trilogy.png" alt="" class="cover-image"> <img src="/images/trilogy.png" alt="" class="cover-image">
<h1 class="page-title">I managed the knowledge bases for numerous enterprise applications owned by a company and its many subsidiaries.</h1> <h1 class="page-title">I manage the knowledge bases for a company with many subsidiaries and numerous enterprise applications within their portfolios.</h1>
</div> </div>
</header> </header>
<hr class="separator"> <hr class="separator">
<section class="section" id="about">
<div class="container">
<h2 class="title">
A little bit about the role...
</h2>
<p>Trilogy is the parent company of many other companies, and the list keeps growing.</p>
<ul class="companies">
<li>Aurea</li>
<li>Playbooks</li>
<li>CoreTrac</li>
<li>Kerio</li>
<li>Jive</li>
<li>IgniteTech</li>
<li>GFI Software</li>
<li>Exinda</li>
<li>Lyris</li>
<li>Versata</li>
<li>Avolin</li>
<li>...and more</li>
</ul>
<p>Chiefly, Trilogy manages all of these companies under the banner of a Central Support Team, consisting of L1 and L2 support agents.</p>
<p>Above the support agents are the <strong>Product Knowledge Curators.</strong></p>
<p>This role is also promoted as a <strong>Senior Technical Writer</strong> position, due to the nature of the work being performed by the PKCs.</p>
<p>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).</p>
</div>
</section>
<section id="responsibilities" class="section"> <section id="responsibilities" class="section">
<div class="container"> <div class="container">
<h2 class="title">I had several responsibilities.</h2> <h2 class="title">This role includes several responsibilities.</h2>
<section id="quick-learning"> <section id="quick-learning">
<h3 class="subtitle">Being a quick learner.</h3> <h3 class="subtitle">Being a quick learner.</h3>
<p class="blurb">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.</p> <p>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.</p>
</section> </section>
<section id="problem-solving"> <section id="problem-solving">
<h3 class="subtitle">Analyzing real problems from real customers.</h3> <h3 class="subtitle">Analyzing real problems from real customers.</h3>
<p class="blurb">I was tasked with reading customer support tickets one by one, in order to document the problems and solutions faced by actual customers.</p> <p>I am tasked with reading customer support tickets one by one, in order to document the problems and solutions faced by actual customers.</p>
</section> </section>
<section id="writing-articles"> <section id="writing-articles">
<h3 class="subtitle">Writing clear and concise articles.</h3> <h3 class="subtitle">Writing clear and concise articles.</h3>
<p class="blurb">After reading each ticket, I would have to write two different types of articles:</p> <p>After reading each ticket, I have to write two different types of articles:</p>
</section> </section>
<div class="kba-types" id="kba"> <div class="kba-types" id="kba">
<section class="card" id="skb"> <section class="card" id="skb">
@ -48,7 +73,7 @@ cover: "/images/trilogy.png"
</div> </div>
<section id="tnc"> <section id="tnc">
<h3 class="subtitle">Training and certifying support agents.</h3> <h3 class="subtitle">Training and certifying support agents.</h3>
<p class="blurb">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.</p> <p>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.</p>
</section> </section>
</div> </div>
</section> </section>