Exterminators Arc One
New
Nobody Special
Mac
JOB BOARD
EXTERMINATORS ARC ONE | JOB ONE
JOB NAME: LET’S SPLIT UP
JOB DATE: AUGUST 15, XXXX
JOB LOCATION: ABANDONED ANT NEST [BLACK ZONE]
"Marwa here. We’ve received a work order to assist with a recovery for a traveling merchant. She lost an important piece of cargo that was meant to be transported to The Capital when she was attacked by an Ant Gigapod. Normally, it wouldn’t be such a big deal, but the cargo that was taken wasn’t some jewels or an artifact. A child with some… "abnormal variation of Alchemy" was taken away by the Gigapod.
We don’t know if The Capital’s actually paying merchants for people, or if this special alchemy is even real, but a life's at risk and it's something worth looking into. The merchant said she was camped outside of the Ant Nest, so meet up with her and get more details before heading in.
You all know how crazy Ant Nests can be. They split up into a bunch of different tunnels and it isn’t hard to get lost. So, I’m sending a large handful of our combatants on this job so that the nest can be efficiently searched.
Exterminate whatever you may find down there, but most importantly, find the kid. I’m guessing they have a means of defending themselves with their alchemy if the merchant even bothered calling us in. We’ll be the ones to determine if The Capital gets them or not.
...Oh, I forgot to mention. The Merchant's friends with a pretty important person in Haven, so you'll be accompanied by a few Shocktroops from their Sawyer Group. Be nice and treat them well, please.
Be safe."
JOB NAME: LET’S SPLIT UP
JOB DATE: AUGUST 15, XXXX
JOB LOCATION: ABANDONED ANT NEST [BLACK ZONE]
"Marwa here. We’ve received a work order to assist with a recovery for a traveling merchant. She lost an important piece of cargo that was meant to be transported to The Capital when she was attacked by an Ant Gigapod. Normally, it wouldn’t be such a big deal, but the cargo that was taken wasn’t some jewels or an artifact. A child with some… "abnormal variation of Alchemy" was taken away by the Gigapod.
We don’t know if The Capital’s actually paying merchants for people, or if this special alchemy is even real, but a life's at risk and it's something worth looking into. The merchant said she was camped outside of the Ant Nest, so meet up with her and get more details before heading in.
You all know how crazy Ant Nests can be. They split up into a bunch of different tunnels and it isn’t hard to get lost. So, I’m sending a large handful of our combatants on this job so that the nest can be efficiently searched.
Exterminate whatever you may find down there, but most importantly, find the kid. I’m guessing they have a means of defending themselves with their alchemy if the merchant even bothered calling us in. We’ll be the ones to determine if The Capital gets them or not.
...Oh, I forgot to mention. The Merchant's friends with a pretty important person in Haven, so you'll be accompanied by a few Shocktroops from their Sawyer Group. Be nice and treat them well, please.
Be safe."
ARC ONE
Hey! Welcome! Happy to have you! How was your fall? Did it hurt? See any bugs yet?
...Anyway, feel free to use this code, or use a different code if you don't like this one!
...Anyway, feel free to use this code, or use a different code if you don't like this one!
Code:
[comment][font=Barlow][font=Gugi]:][/font][/font][/comment][border=transparent;
/* Probably best if you don't change anything I haven't commented next to */
margin: auto;
box-sizing: border-box;
max-width: 780px; /* Max width */
padding: 0px var(--circle-d-1) 0px var(--circle-d-2);
--h: min(390px, 90vh);
/* Accent colours */
--c-1: #ff073a; /* Header text colour */
--c-2: #ff073a; /* Line colour */
--c-3: #1D1D1F; /* Body background colour */
--line-w: 3px;
--line-m-l: 10px;
--line-m-t: 12px;
--line-c-p: polygon(0 calc(var(--line-w) + 1px), 0 0, 100% 100%, calc(100% - var(--line-w) - 1px) 100%);
--circle-d-1: 1px;
--circle-d-2: 3px;
--circle-w: 12px;
--header-d: 6px;
--header-h: 50px;
--header-f-s: 1.6em;
--header-f: 'Gugi', sans-serif; /* Header font, change font tag above if you change this -- changing the header font may cause the line shift */
--p: 20px;
--d: max(5vw, 40px);
--c-p: polygon(0 0, calc(100% - var(--d)) 0%, 100% var(--d), 100% 100%, var(--d) 100%, 0% calc(100% - var(--d)));
--text-w: 200px;
--text-f-s: 1.05em; /* Text font size, increase or decrease by increments of .1 or .01 */
--text-f: 'Barlow', sans-serif; /* Body text font, change font tag above if you change this */
--text-c: #FFFFFF; /* Text colour */
--dialogue-c: #d1483a; /* Dialogue colour */
--img-w: 60px;
--img-h: 200px;
--img: url('https://i.imgur.com/uUCCrwG.jpeg') 50% 0% / cover; /* Image URL, first % is x-value position, second % is y-value position, after / is image size */][comment]-- Top Header --[/comment][border=transparent;
position: relative;
top: calc(var(--d) - var(--line-m-t) - var(--header-d));
box-sizing: border-box;
min-height: calc(var(--d) + var(--line-m-t));
padding: 0px;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;][comment]-- Circle --[/comment][border=transparent;
position: absolute;
top: calc(100% - var(--circle-w) - var(--header-d) - var(--circle-d-1));
left: calc(100% - var(--circle-w) + var(--circle-d-1));
width: var(--circle-w);
height: var(--circle-w);
border-radius: 50%;
background: var(--c-2);
padding: 0px;
z-index: 2;][/border][comment]-- Text --[/comment][border=transparent;
box-sizing: border-box;
max-width: -moz-fit-content;
max-width: fit-content;
padding: 0px;
color: var(--c-1);
font-size: var(--header-f-s);
font-family: var(--header-f);
line-height: 1.2;]NAME HERE[/border][comment]-- Line --[/comment][border=transparent;
margin-top: var(--line-m-t);
margin-left: var(--line-m-l);
box-sizing: border-box;
flex: 1 1;
height: var(--line-w);
background: var(--c-2);
padding: 0px;][/border][border=transparent;
margin-top: var(--line-m-t);
box-sizing: border-box;
flex: 0 0 calc(var(--d) - 9px);
height: calc(var(--d) - 9px);
background: var(--c-2);
padding: 0px;
-webkit-clip-path: var(--line-c-p);
clip-path: var(--line-c-p);][/border][/border][comment]
-- Content --[/comment][border=transparent;
box-sizing: border-box;
width: 100%;
height: var(--h);
padding: 0px;
background: var(--c-3);
-webkit-clip-path: var(--c-p);
clip-path: var(--c-p);
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
align-items: stretch;][comment]
-- Text Container --[/comment][border=transparent;
box-sizing: border-box;
flex: 2 1 var(--text-w);
height: var(--h);
padding: 0px;
overflow: hidden;][comment]-- Hidden Scroll --[/comment][border=transparent;
box-sizing: border-box;
width: calc(100% + 30px);
height: 100%;
padding: 0px;
overflow: auto;][comment]-- Text --[/comment][border=transparent;
box-sizing: border-box;
width: calc(100% - 30px);
padding: var(--p) var(--p) var(--d) var(--p);
color: var(--text-c);
font-size: var(--text-f-s);
font-family: var(--text-f);
font-kerning: normal;
line-height: 1.6;]
TEXT HERE
[/border][/border][/border][comment]
-- Image --[/comment][border=transparent;
box-sizing: border-box;
flex: 1 2 var(--img-w);
min-width: var(--d);
min-height: var(--img-h);
padding: 0px;
background: var(--img);][/border][/border][comment]-- Top Header --[/comment][border=transparent;
position: relative;
top: calc(0px - var(--d) + var(--line-m-t) + var(--header-d) + 1px);
box-sizing: border-box;
min-height: calc(var(--d) + var(--line-m-t));
padding: 0px;
display: flex;
flex-flow: row-reverse nowrap;
justify-content: flex-start;
align-items: flex-end;][comment]-- Circle --[/comment][border=transparent;
position: absolute;
top: calc(0px + var(--circle-d-2));
left: calc(0px - var(--circle-d-2));
width: var(--circle-w);
height: var(--circle-w);
border-radius: 50%;
background: var(--c-2);
padding: 0px;
z-index: 2;][/border][comment]-- Text --[/comment][border=transparent;
position: relative;
top: 1px;
box-sizing: border-box;
max-width: -moz-fit-content;
max-width: fit-content;
padding: 0px;
color: var(--c-1);
font-size: var(--header-f-s);
font-family: var(--header-f);
line-height: 1.2;]SCENE NAME HERE[/border][comment]-- Line --[/comment][border=transparent;
margin-bottom: var(--line-m-t);
margin-right: var(--line-m-l);
box-sizing: border-box;
flex: 1 1;
height: var(--line-w);
background: var(--c-2);
padding: 0px;][/border][border=transparent;
margin-bottom: calc(var(--line-m-t) - 1px);
box-sizing: border-box;
flex: 0 0 calc(var(--d) - 9px);
height: calc(var(--d) - 9px);
background: var(--c-2);
padding: 0px;
transform: scaleX(-1) rotate(90deg);
-webkit-clip-path: var(--line-c-p);
clip-path: var(--line-c-p);][/border][/border][/border]
[CENTER]