Reyn's Big Success House of Things That Work

new

« Prev
1
Next »

Reyn
Moderator

Sleepyhead

Beatmania IIDX 16: Empress is the 16th game in the Beatmania IIDX series of music video games. It wa

Posts: 612

Reyn's Big Success House of Things That Work Mar 10, 2022 16:02:00 GMT

Post by Reyn on Mar 10, 2022 16:02:00 GMT

Notice: Most images have been removed.

Welcome to my Success House- the thread where I post finished code/sheets that work and look cool. For conversation, rough tests, and broken scrapped content, visit my Test House. This is more of a curated collection of my favourites, along with a few comments.

Please don't copy the code here without asking me first + crediting me somewhere- I might say no. Templates you are free to use can be found here- most things here are designed to only really work with the content in them.

Index coming soon.

Last Edit: Dec 9, 2022 21:02:44 GMT by Reyn

Div Guide | Grid/Table Guide | Code Help | Div Templates | Code Resources

Reyn Moderator Sleepyhead Beatmania IIDX 16: Empress is the 16th game in the Beatmania IIDX series of music video games. It wa Posts: 612	Reyn's Big Success House of Things That Work Mar 10, 2022 16:03:01 GMT Select Post Deselect Post Link to Post Back to Top Post by Reyn on Mar 10, 2022 16:03:01 GMT [removed for maintenance]
	Last Edit: Dec 9, 2022 20:48:37 GMT by Reyn Div Guide \| Grid/Table Guide \| Code Help \| Div Templates \| Code Resources

Reyn
Moderator

Sleepyhead

Beatmania IIDX 16: Empress is the 16th game in the Beatmania IIDX series of music video games. It wa

Posts: 612

Reyn's Big Success House of Things That Work Mar 10, 2022 16:06:53 GMT

Post by Reyn on Mar 10, 2022 16:06:53 GMT

[nospaces]

[newclass=.AlvisGrid]max-width:1000px;height:550px;display:grid;grid-template-columns:40% 60%;grid-template-areas:'IMAGE CONTENT';margin:auto;color:#212121;font-size:13px;font-family:'Quicksand', sans-serif;[/newclass]

[newclass=.AlvisImage]grid-area:IMAGE;background-image:url(https://i.imgur.com/xeZCEtQ.jp.g);background-size:cover;background-position:center center;[/newclass]
[newclass=.AlvisContent]grid-area:CONTENT[/newclass]

[newclass=.AlvisBorder]background-color:white;padding-top:4px;padding-right:4px;padding-bottom:4px[/newclass]
[newclass=.AlvisGradient]background-image:linear-gradient(to bottom, rgba(175,171,168,1), rgba(115,35,49,1));padding-top:4px;padding-right:4px;padding-bottom:4px[/newclass]
[newclass=.AlvisBackground]background-color:white;height:534px;[/newclass]

[newclass=.AlvisContentMain]height:534px;position:relative;[/newclass]
[newclass=.AlvisSidePadding]height:534px;position:absolute;top:0px;left:0px;width:15%;[/newclass]
[newclass=.AlvisMorePadding]padding-left:32px;padding-top:32px;height:100%[/newclass]
[newclass=.AlvisSideGrid]height: calc(100% - 64px);background-color:#AFABA8;display:grid;grid-template-rows:50% 50%;grid-template-areas:'TITLE' 'BUTTON'[/newclass]
[newclass=.AlvisSideGrid a]color:transparent;[/newclass]

[newclass=.AlvisSideTitle]grid-area:TITLE;display:grid;place-items:center;text-align:center;[/newclass]
[newclass=.AlvisSideTitleText]writing-mode: vertical-rl;text-align:left;color:white;font-size:180%;font-family:'Megrim',sans-serif;[/newclass]
[newclass=.AlvisSideTitleLine]border-left:2px solid white;height:90px;[/newclass]
[newclass=.AlvisSideButton]grid-area:BUTTON;display:grid;place-items:center;padding-bottom:14px;padding-top:9px;[/newclass]

[newclass=.AlvisButtonItemOne]height:30px;width:60%;background-image:url(https://i.imgur.com/vEHBnlI.png);background-size:cover;background-position:center;overflow:hidden;[/newclass]
[newclass=.AlvisButtonItemTwo]height:30px;width:60%;background-image:url(https://i.imgur.com/t3u0opi.png);background-size:cover;background-position:center;overflow:hidden;[/newclass]
[newclass=.AlvisButtonItemThree]height:30px;width:60%;background-image:url(https://i.imgur.com/eeKEFLN.png);background-size:cover;background-position:center;overflow:hidden;[/newclass]
[newclass=.AlvisButtonItemFour]height:30px;width:60%;background-image:url(https://i.imgur.com/ZVY8a0z.png);background-size:cover;background-position:center;overflow:hidden;[/newclass]
[newclass=.AlvisButtonGap]height:16px;[/newclass]
[newclass=.AlvisButtonSpoiler]width:100%;font-size:35px;height:100px;display:inline;color:transparent;user-select:none;z-index:69;text-align:center;user-select:none;[/newclass]
[newclass=.AlvisButtonSpoiler:hover]color:rgba(175,171,168,0.5);transform:scale(1.5, 1.5);tranform-origin: bottom center;height:100px;[/newclass]
[newclass=.AlvisButtonSpoiler:hover .AlvisSpoilerButtonOneAfter]background-color:transparent[/newclass]
[newclass=.AlvisButtonSpoiler:hover .AlvisSpoilerButtonTwoAfter]background-color:transparent[/newclass]
[newclass=.AlvisButtonSpoiler:hover .AlvisSpoilerButtonThreeAfter]background-color:transparent[/newclass]
[newclass=.AlvisButtonSpoiler:hover .AlvisSpoilerButtonFourAfter]background-color:transparent[/newclass]
[newclass=.AlvisSpoilerText]width: 666.666%;height:100%;position:absolute;left:0px;top:0px;font-size:13px;pointer-events:none;[/newclass]

[newclass=.AlvisSpoilerButtonOneAfter]height:30px;width:9%;position:absolute;left:6%;top:53%;font-size:35px;background-color:rgba(175,171,168,0.5);overflow:hidden;[/newclass]
[newclass=.AlvisSpoilerButtonTwoAfter]height:30px;width:9%;position:absolute;left:6%;top:63%;font-size:35px;background-color:rgba(175,171,168,0.5);overflow:hidden;[/newclass]
[newclass=.AlvisSpoilerButtonThreeAfter]height:30px;width:9%;position:absolute;left:6%;top:74%;font-size:35px;background-color:rgba(175,171,168,0.5);overflow:hidden;[/newclass]
[newclass=.AlvisSpoilerButtonFourAfter]height:30px;width:9%;position:absolute;left:6%;top:86%;font-size:35px;background-color:rgba(175,171,168,0.5);overflow:hidden;[/newclass]

[newclass=.AlvisSpoilerButtonSticker]width:32px;height:100%;position:absolute;left:0px;top:0px;background-color:white;z-index:7000[/newclass]

[newclass=.AlvisSpoilerZ]z-index:700;background-color:white;position:relative;color:#212121;height:100%;[/newclass]

[newclass=.AlvisText]width: calc(85% - 48px);position:absolute;top:32px;right:32px;height: calc(100% - 64px);[/newclass]
[newclass=.AlvisScroll]height: 100%;overflow:auto;direction:rtl;pointer-events:auto;[/newclass]
[newclass=.AlvisScroll::-webkit-scrollbar]background-color:transparent;width:8px[/newclass]
[newclass=.AlvisScroll::-webkit-scrollbar-thumb]background-color:#AFABA8[/newclass]
[newclass=.AlvisBody]padding-left:16px;direction:ltr;background-color:white;text-align:justify;[/newclass]
[newclass=.AlvisTitleLine]background-image:url(https://i.imgur.com/Is0zbpL.png);background-position:center;background-repeat:repeat-x[/newclass]
[newclass=.AlvisTitle]color:#732331;font-size:180%;font-family:'Megrim',sans-serif;text-align:left;background-color:white;display:inline;text-align:left;[/newclass]

[attr="class",AlvisGrid]

[attr="class",AlvisImage]

[attr="class",AlvisContent]

[attr="class",AlvisBorder]

[attr="class",AlvisGradient]

[attr="class",AlvisBackground]

[attr="class",AlvisContentMain]

[attr="class",AlvisSidePadding]

[attr="class",AlvisMorePadding]

[attr="class",AlvisSideGrid]

[attr="class",AlvisSideTitle]

[attr="class",AlvisSideTitleText]..Alvis Holt

[attr="class",AlvisSideTitleLine]

[attr="class",AlvisSideButton]

[attr="class",AlvisButtonItemOne]

[attr="class",AlvisButtonSpoiler]

SPOILER: Click to show

{█}

[attr="class",AlvisSpoilerText]

[attr="class",AlvisSpoilerButtonOneAfter]

[attr="class",AlvisSpoilerButtonSticker]

[attr="class",AlvisText]

[attr="class",AlvisSpoilerZ]

[attr="class",AlvisScroll]

[attr="class",AlvisBody]

[attr="class",AlvisTitleLine]

[attr="class",AlvisTitle]The Silent Voice..

[break][break]
In much the same way as we have our own 'inner voice', Alvis can bring his inner voice into the minds of others, essentially talking from inside their head. It is important to note that this is different from a hallucination; his voice is clearly different to any external sounds, and its source being something internal is evident even from the first word. His voice isn't heard, exactly- rather, it is experienced... and, for that reason, he makes a habit of letting people know what's going on when he talks. Having someone else's thoughts ring out through your mind can be a little off-putting at first, and Alvis doesn't like being off-putting.
[break][break]
The voice is pleasant, at least, sounding exactly as one would expect Alvis's 'real' voice to sound like, if he had one. This usually makes him seem a little less unsettling.
[break][break]
He can speak to one person individually, or to everyone within what would otherwise be hearing distance. If he has already established a connection with a person, however, the distance at which they can communicate increases dramatically; Alvis can talk to someone several blocks down, if the connection between them is particularly strong.
[break][break]
The Silent Voice is Alvis' main method of communication, as most people he comes across are not fluent in sign language.

[attr="class",AlvisButtonGap]

[attr="class",AlvisButtonItemTwo]

[attr="class",AlvisButtonSpoiler]

SPOILER: Click to show

{█}

[attr="class",AlvisSpoilerText]

[attr="class",AlvisSpoilerButtonTwoAfter]

[attr="class",AlvisSpoilerButtonSticker]

[attr="class",AlvisText]

[attr="class",AlvisSpoilerZ]

[attr="class",AlvisScroll]

[attr="class",AlvisBody]

[attr="class",AlvisTitleLine]

[attr="class",AlvisTitle]The Wordless Thought..

[break][break]
Alvis can implant thoughts and assumptions into people's minds, simply by willing it.
[break][break]
These thoughts will appear to be both true and coming from an internal source (i.e. not implanted by Alvis) at first. However, they tend to not remain this way for long after the initial manifestation. An affected person is free to dismiss the thought just as they would dismiss any other, as long as they have the presence of mind to do so.
[break][break]
Alvis ensures that, whenever this is used in a clinical setting, the patients affected are alert and awake, and talks them through all of it- before, during, and after the procedure. Implanting thoughts in unknowing (or unwilling) people's minds, no matter how technically harmless, is far too morally grey for him to even consider. Though he does use this in therapy, he only does so with patient consent. A negative cycle of thoughts can be broken if new ones are introduced, he believes, but he isn't going to use his patients as guinea pigs on which to test this theory.
[break][break]
He already knows the results, after all.

[attr="class",AlvisButtonGap]

[attr="class",AlvisButtonItemThree]

[attr="class",AlvisButtonSpoiler]

SPOILER: Click to show

{█}

[attr="class",AlvisSpoilerText]

[attr="class",AlvisSpoilerButtonThreeAfter]

[attr="class",AlvisSpoilerButtonSticker]

[attr="class",AlvisText]

[attr="class",AlvisSpoilerZ]

[attr="class",AlvisScroll]

[attr="class",AlvisBody]

[attr="class",AlvisTitleLine]

[attr="class",AlvisTitle]The Beacon of Tranquility..

[break][break]
Alvis carries with him a calming presence, and can strengthen this presence at will.
[break][break]
At its usual, passive level, the effects are only slight; those in his presence are unlikely (but not unable) to feel any extreme emotion, and are generally quite a bit more calm than they would be elsewhere. People tend to feel at-ease around him because of this, which (as you can imagine) is quite helpful, considering his line of work. He is aware that a passive aura of peace can cloud his patients' judgement sometimes, however, and he offers sessions over text if either he or the patient feel as though this is going to be an issue.
[break][break]
With focus, the aura can be strengthened to be far more noticeable. It feels numbing, at high strength- people have described feeling dull and almost completely emotionless when affected like this. Furthermore, if Alvis focuses it enough, then, as long as he's not met with enough resistance, he can put people to sleep. Needless to say, he doesn't do this unless absolutely necessary. The passive aura is usually more than enough.
[break][break]
Though he seldom uses it, the inverse of this ability is also something he can harness. Alvis can amplify the emotional state of a person as much as he can dull it, though he has no control over what emotions this manifests as- he is only able to alter the levels of what is already there, not change it. As such, it is considered too much of a liability to use in self-defense.

[attr="class",AlvisButtonGap]

[attr="class",AlvisButtonItemFour]

[attr="class",AlvisButtonSpoiler]

SPOILER: Click to show

{█}

[attr="class",AlvisSpoilerText]

[attr="class",AlvisSpoilerButtonFourAfter]

[attr="class",AlvisSpoilerButtonSticker]

[attr="class",AlvisText]

[attr="class",AlvisSpoilerZ]

[attr="class",AlvisScroll]

[attr="class",AlvisBody]

[attr="class",AlvisTitleLine]

[attr="class",AlvisTitle]The Mind-Seeing Eye..

[break][break]
To Alvis, the human mind is like a series of locked cabinets. If someone hands him the keys to one of these cabinets, he can look at the thoughts and memories within.
[break][break]
This ability requires explicit and constant consent for it to work- and not just for ethical reasons. It is very easy for someone to deny access to their internal thoughts, especially ones they have locked away, and resisting this ability is far easier than resisting the others. Anyone can do it, if they know he's in there.
[break][break]
Strangely enough, this ability doesn't work all that well for people with particularly abnormal minds or spirits. Aliens, gods, eldritch horrors, and other things of that nature have a different sort of 'code' in their minds that Alvis is unable to parse. In many cases, trying to decipher what these memories mean gives him a headache, and produces a high-pitched whine in the back of the being's mind that grows in volume until they shut him out.
[break][break]
Perhaps due to this ability, or perhaps due to the psychic nature of all of his abilities, Alvis is completely resistant to all kinds of psychic influence. The cabinets in his own mind are firmly shut, and anything that tries to access or change them will react the same way as Alvis does when he's unable to parse an entity's mind- they will receive a splitting headache, and Alvis will hear that high-pitched whine until they stop.

[attr="class",AlvisText]

[attr="class",AlvisScroll]

[attr="class",AlvisBody]

[attr="class",AlvisTitleLine]

[attr="class",AlvisTitle]The Good Doctor..

[break][break]
Name: Dr. Alvis Holt.
[break]
Age: 80, approximately.
[break]
Gender: Male.
[break]
Nationality: Danish/British.
[break]
Occupation: Psychiatric therapist.
[break][break]
Alvis is a licensed therapist who runs the Hope's Garden therapy centre in Millennium City. He is a kind and peaceful man, determined to use his abilities to help those around him and better the world in whatever way he can, namely by offering specialised therapy and psychiatric help to those affected by metahumans and the state of the world around them. As a metahuman himself, he offers a particular kind of understanding to these plights, and is able to help in ways that someone without his gifts would find impossible.
[break][break]
Though he is physically mute, he is able to communicate to others through these gifts, 'speaking' as a silent voice in their heads, though he is also fluent in American, British, and Danish sign language as well. No matter how he speaks, Alvis usually comes across the same to everyone; a polite, soft-spoken individual, with a calm disposition and overall good intentions, even if he is a little secretive sometimes.
[break][break]
Alvis is a very private man. Though his job is to help others confront their demons, it is often speculated that he has demons of his own that he has long since neglected.

[break][break]

(Please click on the buttons from top to bottom.)
[break]
IMAGE SOURCE

[break][break][break]

Everyone's favourite normal man. I went through hell to get this to work.

Last Edit: Dec 9, 2022 20:46:58 GMT by Reyn

Div Guide | Grid/Table Guide | Code Help | Div Templates | Code Resources

Reyn
Moderator

Sleepyhead

Beatmania IIDX 16: Empress is the 16th game in the Beatmania IIDX series of music video games. It wa

Posts: 612

Reyn's Big Success House of Things That Work Mar 10, 2022 16:08:36 GMT

Post by Reyn on Mar 10, 2022 16:08:36 GMT

[nospaces]

[newclass=.MiniSheetOverflow]overflow-y:hidden[/newclass]
[newclass=.MiniSheetMain]width:600px;height:400px;background-color:#F2F1F0;margin:auto;position:relative;color:#13031D;font-size:11px;--padding-value:40px;font-family:quicksand;cursor: url('https://64.media.tumblr.com/cea2fe832cbd695199b177a206748cd9/83772f8b4002f48a-7f/s75x75_c1/47698278b6ee7f2a7533e4c3adb4136dc5d4f846.png'), auto;[/newclass]
[newclass=.MiniSheetMain:hover .MiniSheetSideContainment]pointer-events:none;[/newclass]

[newclass=.MiniSheetSideContainment]width:670px;overflow:hidden;height:100%;position:absolute;left:-70px;z-index:69;color:#F2F1F0[/newclass]
[newclass=.MiniSheetSide]width:70px;height:100%;pointer-events:auto;[/newclass]
[newclass=.MiniSheetSideImg]width:70px;height:100%;background-color:#13031D;background-image:url(https://i.imgur.com/14FgOiE.jpg);background-position:left;background-size:cover;z-index:420;position:absolute;left;-70px;transition:0.3s ease-out[/newclass]
[newclass=.MiniSheetSidePanel]width:600px;height:100%;background-color:#3E2F41;position:absolute;left:-670px;pointer-events:none;transition:left 0.4s ease-out;[/newclass]
[newclass=.MiniSheetSide:hover .MiniSheetSidePanel]position:absolute;left:70px;pointer-events:none;[/newclass]
[newclass=.MiniSheetSide:hover .MiniSheetSideImg]background-image:url(https://i.imgur.com/nQgbZ4A.png)[/newclass]

[newclass=.MiniSheetImg]position:absolute;bottom:-3px;right:-70px;width:360px;z-index:420;filter: drop-shadow(-5px 5px 5px rgba(19, 3, 29, 0.5)) drop-shadow(-2px 2px 2px rgba(19, 3, 29, 0.7));[/newclass]
[newclass=.MiniSheetImgTwo]position:absolute;bottom:-3px;right:-70px;width:360px;opacity:0;transition:0.3s ease-out;z-index:421;[/newclass]
[newclass=.MiniSheetImgTwo:hover]opacity:1[/newclass]
[newclass=.MiniSheetImgInfo]position:absolute;bottom:-3px;width:360px;z-index:421;color:#F2F1F0;opacity:0;text-align:center;padding-bottom:50px;font-family:raleway;font-size:17px;font-weight:200;transition:0.3s ease-out;[/newclass]
[newclass=.MiniSheetImgInfoBlock]display:inline-block[/newclass]
[newclass=.MiniSheetImgInfoText]text-align:left;[/newclass]
[newclass=.MiniSheetImgTwo:hover .MiniSheetImgInfo]opacity:1[/newclass]

[newclass=.MiniSheetGrid]display:grid;grid-template-columns:360px auto;grid-template-areas:'LEFT RIGHT';[/newclass]
[newclass=.MiniSheetGridLeft]grid-area:LEFT;[/newclass]
[newclass=.MiniSheetGridRight]grid-area:RIGHT;[/newclass]

[newclass=.MiniSheetTitleBlock]height:100px;display:grid;place-items:center;padding-left:24px;padding-right:var(--padding-value);font-family:raleway;[/newclass]
[newclass=.MiniSheetTitleLine]line-height:20px;display:inline-block;width:100%;[/newclass]
[newclass=.MiniSheetTitle]font-size:40px;font-weight:300;display:inline[/newclass]
[newclass=.MiniSheetSubtitle]font-size:22px;font-weight:200;text-align:right[/newclass]
[newclass=.MiniSheetTitleMid]font-size:30px;font-weight:200;padding-left:12px[/newclass]

[newclass=.MiniSheetContentGrid]display:grid;grid-template-columns:24px auto var(--padding-value);grid-template-rows:0px 270px var(--padding-value);grid-template-areas:'TL TC TR' 'CL CC CR' 'BL BC BR';max-height:400px;[/newclass]
[newclass=.MiniSheetContentTL]grid-area:TL;[/newclass]
[newclass=.MiniSheetContentTC]grid-area:TC;[/newclass]
[newclass=.MiniSheetContentTR]grid-area:TR;[/newclass]
[newclass=.MiniSheetContentCR]grid-area:CL;[/newclass]
[newclass=.MiniSheetContentCC]grid-area:CC;overflow:auto;direction:rtl;[/newclass]
[newclass=.MiniSheetContentCR]grid-area:CR;[/newclass]
[newclass=.MiniSheetContentBL]grid-area:BL;[/newclass]
[newclass=.MiniSheetContentBC]grid-area:BC;[/newclass]
[newclass=.MiniSheetContentBR]grid-area:BR;[/newclass]

[newclass=.MiniSheetContent]direction:ltr;text-align:justify;padding-right:10px;padding-left:14px;[/newclass]
[newclass=.MiniSheetContentCC::-webkit-scrollbar]background-color:transparent;width:2px[/newclass]
[newclass=.MiniSheetContentCC::-webkit-scrollbar-thumb]background-color:#13031D[/newclass]

[attr="class",MiniSheetOverflow][break][break][break][break][break][break]

[attr="class",MiniSheetMain]

[attr="class",MiniSheetImg]

[attr="class",MiniSheetImgTwo]

[attr="class",MiniSheetImgInfo]

[attr="class",MiniSheetImgInfoBlock]

[attr="class",MiniSheetImgInfoText]

Quinn Sawyer[break]

32 years[break]

Male[break]

Bee

[attr="class",MiniSheetSideContainment]

[attr="class",MiniSheetSide]

[attr="class",MiniSheetSidePanel]

[attr="class",MiniSheetGrid]

[attr="class",MiniSheetGridLeft]

[attr="class",MiniSheetTitleBlock]

[attr="class",MiniSheetTitleLine]

[attr="class",MiniSheetTitleMid]A buried legacy.

[attr="class",MiniSheetContentGrid]

[attr="class",MiniSheetContentCC]

[attr="class",MiniSheetContent]Whilst he may be best known as a police overseer in the districts of Hiveholm, there is another notable period of Quinn's career that is a little less public. He spent a few years working in the Core Labour Facility, watching over the inmates and enforcing the strict rules of the establishment with a somewhat more elevated brand of his usual neurotic perfectionism.
[break][break]
It is likely that the worsening of these tendencies was what drove him to return to a surface job, but there is little evidence to confirm this. What is clear, however, is that Quinn thoroughly despised his time working in the Core, and appears to be just as afraid of returning there himself as those he apprehends are. Still, those who are aware of his sordid history tend to treat him with a little more caution than most. Though he may appear to be just another melancholic enforcer, his connection to the hidden atrocities of Hiveholm make his occasional outburst of fury all the more dangerous.

[attr="class",MiniSheetContentBC]

[attr="class",MiniSheetSideImg]

[attr="class",MiniSheetGrid]

[attr="class",MiniSheetGridLeft]

[attr="class",MiniSheetTitleBlock]

[attr="class",MiniSheetTitleLine]

[attr="class",MiniSheetTitle]Quinn Sawyer,

[break]

[attr="class",MiniSheetSubtitle]the Glasswing Overseer.

[attr="class",MiniSheetContentGrid]

[attr="class",MiniSheetContentCC]

[attr="class",MiniSheetContent]Though his sphere of influence may be rather small, you would be hard pressed to find anyone within who doesn't have something to say about Quinn Sawyer. As the appointed Bee overseer of a moderately sized Yellowjacket squad, he is known throughout the areas he patrols as an uptight and miserable man whos only redeeming quality is the irregularity with which he carries out his job. Quinn has sometimes been noted to walk right past certain openly criminal actions to save him having to deal with them- most often at the end of his shift when he would clearly much rather go home.
[break][break]
None of this has been reported, of course. For one, his selective blind eye has saved many a citizen from forced re-education, and... well, if he was to be reported, he would probably come down pretty hard on whoever blew the whistle. That's not something anyone wants.
[break][break]
For as disinterested as Quinn appears for the most part, there is the odd occasion where he actually takes his job seriously- and perhaps a bit too far. Nobody knows what exactly will send him flying off the handle. Sure, there are certain things that usually correlate--he absolutely despises uncleanliness, for example--but sometimes it appears as though he would explode into violent rage over absolutely nothing at all. The Hornets in his squad know to keep their distance whenever he seems a bit off, but there have been many a time where a minorly felonious citizen wouldn't have got the memo- and would have got a far more severe and immediate punishment than they were expecting.
[break][break]
In his private life, Quinn is pretty much how one would expect him to be: a quiet, private man with unchecked trauma and an almost disordered obsession with cleanliness. He has very few friends, though many lower-ranking Bees look up to him as a shining example of... something. Knowing them, it's probably one of arrogance. Knowing him, they're probably just as delusional as he... was. As he was.
[break][break]
Ah, where were we?
[break][break]
Bees of his position are not issued a Stinger or a Royal Halberd, but that doesn't mean he's not armed. Quinn carries with him a long pole-axe with a large head bearing an intricate design- the folded wings of a butterfly, with a blade on the outer border and clear, refractive crystal filling in the gaps. The distinctiveness of this weapon is where he got his nickname, the Glasswing Overseer, from, but he never mentions where the weapon is from.
[break][break]
He... well, he never mentions a lot of things, actually. He never mentions the weapon, nor how he got to his position so quickly, nor where he was during a mysterious five-year gap in his service. Ah, that's another thing to avoid if you'd rather not be on the receiving end of that pole-axe- Quinn doesn't take too kindly to people who ask questions.
[break][break]
He doesn't take too kindly to people at all.

[attr="class",MiniSheetContentBC]

[break][break]

(Hover over the sidebar and the image for more information.)
[break][break]
Art by Sinbaru.
[break]
Icons from The Noun Project:[break]
Person by Clockwise
[break]
Calendar by Alice Design
[break]
Gender Neutral by Patrick McDonnell
[break]
Bee by Ben Davis

[break][break][break]

Simple business card sheet. Gave me more trouble than it's worth, but I still like the result.

Last Edit: Dec 9, 2022 20:46:03 GMT by Reyn

Div Guide | Grid/Table Guide | Code Help | Div Templates | Code Resources

Reyn
Moderator

Sleepyhead

Beatmania IIDX 16: Empress is the 16th game in the Beatmania IIDX series of music video games. It wa

Posts: 612

Reyn's Big Success House of Things That Work Mar 10, 2022 16:11:45 GMT

Post by Reyn on Mar 10, 2022 16:11:45 GMT

[nospaces][googlefont="Sarpanch"][googlefont="Diplomata SC"]

[newclass=.NeonVar]--mainbright:#C7FF00;--mainback:#000000[/newclass]
[newclass=.NeonMain]width:600px;height:600px;margin:auto;color:var(--mainbright);background-color:var(--mainback);position:relative;overflow:hidden;position:relative;[/newclass]

[newclass=.NeonBackMargin]margin:auto;text-align:center;[/newclass]
[newclass=.NeonBackText]font-family:Sarpanch, sans-serif;font-size:53px;font-weight:700;line-height:75%;transform: scale(2, 1);transform-origin: center;display:inline-block;[/newclass]
[newclass=.NeonBackTextOut]-webkit-text-stroke-width: 0.5px;-webkit-text-stroke-color:var(--mainbright);-webkit-text-fill-color: transparent;[/newclass]
[newclass=.NeonBackTextBottom]position:absolute;top:439px;margin-bottom: 0;[/newclass]

[newclass=.NeonFrontMain]height:400px;width:580px;position:absolute;top:100px;left:10px;background-image:url(https://i.imgur.com/apbUQXR.png);background-size:cover;outline:2px solid var(--mainbright);font-family:Open Sans, sans-serif;letter-spacing:1px;[/newclass]

[newclass=.NeonFrontLower]position:absolute;top:275px;left:10px[/newclass]
[newclass=.NeonFrontLowerPlus]font-size:23px;letter-spacing:5px;font-family:Diplomata SC One, monospace;padding-left:1px;padding-bottom:2px[/newclass]
[newclass=.NeonFrontLowerTitle]font-weight:700;font-size:23px;left:20px;letter-spacing:2px[/newclass]
[newclass=.NeonFrontLowerTitleOut]-webkit-text-stroke-width: 0.75px;-webkit-text-stroke-color:var(--mainbright);-webkit-text-fill-color: transparent;display:inline;[/newclass]
[newclass=.NeonFrontLowerTitleFill]-webkit-text-fill-color:var(--mainbright);display:inline;[/newclass]
[newclass=.NeonFrontLowerPara]width:300px;text-align:justify;font-size:8px;[/newclass]

[newclass=.NeonFrontTopRight]writing-mode: vertical-rl;position:absolute;top:10px;right:10px;height:170px;font-size:10px;line-height:175%[/newclass]

[newclass=.NeonFrontTopLeft]position:absolute;top:-10px;left:10px;font-size:100px[/newclass]

[newclass=.NeonFrontPlus]font-size:75px;font-family:Diplomata SC, monospace;line-height:402px[/newclass]
[newclass=.NeonFrontPlusL]position:absolute;left:-8px;z-index:69[/newclass]
[newclass=.NeonFrontPlusR]position:absolute;right:-10px;z-index:69[/newclass]

[newclass=.NeonFrontImage]height:500px;position:absolute;top:-82px;[/newclass]

[attr="class",NeonVar]

[attr="class",NeonMain]

[attr="class",NeonBackMargin]

[attr="class",NeonBackText]

[attr="class",NeonBackTextOut]UNKNOWN[break]
UNKNOWN[break]
UNKNOWN[break]
UNKNOWN[break]

[attr="class",NeonBackTextBottom]UNKNOWN[break]
UNKNOWN[break]
UNKNOWN[break]
UNKNOWN[break]

[attr="class",NeonFrontMain]

[attr="class",NeonFrontImage]

[attr="class",NeonFrontLower]

[attr="class",NeonFrontLowerTitle]

[attr="class",NeonFrontLowerTitleOut]un

[attr="class",NeonFrontLowerTitleFill]known

[attr="class",NeonFrontLowerPlus]+++++

[attr="class",NeonFrontLowerPara]Project CAIN was a success. A walking armoury with an advanced AI, both capable of feats the human mind cannot begin to comprehend. He was a cop, once, under a different name. It didn't last. Instance "NOVA" had a shell that was too weak, too human to contain the network within. Instance "UNKNOWN" is far more... adaptable.

[attr="class",NeonFrontPlus]

[attr="class",NeonFrontPlusL]+

[attr="class",NeonFrontPlusR]+

[attr="class",NeonFrontTopRight]■ The unrelenting nexus[break]
■ Beyond the limits of man[break]
■ Technopath[break]
■ Ever-living intelligence

[attr="class",NeonFrontTopLeft]⌦

[break][break]

Design HEAVILY inspired by parvorbital

[break][break][break]

Knocked this out in one 7 hour sitting. Deviated a bit from the original image, but I had to find a way to add some text in there.

Last Edit: Jun 9, 2022 11:10:39 GMT by Reyn

Div Guide | Grid/Table Guide | Code Help | Div Templates | Code Resources

Reyn
Moderator

Sleepyhead

Beatmania IIDX 16: Empress is the 16th game in the Beatmania IIDX series of music video games. It wa

Posts: 612

Reyn's Big Success House of Things That Work Mar 10, 2022 16:13:52 GMT

Post by Reyn on Mar 10, 2022 16:13:52 GMT

[nospaces][googlefont=Noto Sans Symbols]

[newclass=.AlaricVariables]/*THESE ARE THE VALUES YOU CAN CHANGE! (do not remove the slashes and asterisks)

NOTE: I'd recommend sticking to portrait-oriented images, since they're less likely to be cut off. If the image is being cut off, then go to the AlaricImage class and add/change the background positioning there. Check the div guide for how to do that, the link is in my (Reyn's) signature.

*/--background:#FAFAFA;/*
*/--backgroundtwo:#E7E3DD;/*
*/--text:#110715;/*
*/--texttwo:#F2DAA4;/*
*/--fontbody:quicksand;/*
*/--fonttitle:megrim;/*
*/--image:url(https://i.imgur.com/xSITKCq.pn.g)[/newclass]

[newclass=.AlaricWrap]width:910px;height:550px;display:grid;grid-template-columns:60px auto;grid-template-areas:'SIDE MAIN';margin:auto;color:var(--text);cursor: context-menu;font-family:var(--fontbody);font-size:13px[/newclass]
[newclass=.AlaricSide]grid-area:SIDE;background-color:var(--text);position:relative;[/newclass]
[newclass=.AlaricMain]grid-area:MAIN;background-color:var(--background);font-size:13px[/newclass]

[newclass=.AlaricSideTitle]writing-mode: vertical-rl;text-align:left;font-size:27px;color:var(--texttwo);transform:rotate(180deg);position:absolute;top:15px;left:15px;background-color:var(--text);font-family:var(--fonttitle)[/newclass]
[newclass=.AlaricSidePadding]padding-left:29px;padding-right:29px;padding-bottom:15px;padding-top:20px;[/newclass]
[newclass=.AlaricSideLine]background-color:var(--texttwo);height:515px;width:1.5px;[/newclass]
[newclass=.AlaricSideSymbol]font-size:37px;color:var(--texttwo);position:absolute;bottom:15px;left:0;background-color:var(--text);font-family:Noto Sans Symbols;padding-top:6px;text-align:center;width:60px[/newclass]

[newclass=.AlaricMainGrid]display:grid;grid-template-columns:300px auto;grid-template-areas:'MENU GAP';height:550px;[/newclass]
[newclass=.AlaricGap]grid-area:GAP;background-color:var(--background);height:100%[/newclass]

[newclass=.AlaricMenu]grid-area:MENU;background-color:var(--backgroundtwo);height:100%;font-size:15px[/newclass]
[newclass=.AlaricMenuPadding]height:200px;padding-left:12px;padding-right:6px[/newclass]
[newclass=.AlaricImageHeight]height:350px;[/newclass]
[newclass=.AlaricImagePadding]height:100%;width:100%;padding-left:15px;padding-top:42px[/newclass]
[newclass=.AlaricImage]background-image:var(--image);background-size:cover;width:calc(100% - 30px);height:calc(100% - 57px);[/newclass]

[newclass=.AlaricMenuContent]position:absolute;top:-353px;right:-559px;width:550px;height:550px;background-color:var(--background);font-size:13px;[/newclass]
[newclass=.AlaricMenuContentPadding]padding:15px;position:relative;font-size:13px[/newclass]

[newclass=.AlaricContentTitle]font-family:var(--fonttitle);background-color:var(--background);position:absolute;top:20px;left:15px;font-size:26px[/newclass]
[newclass=.AlaricContentTitleGap]height:50px;width:100%[/newclass]

[newclass=.AlaricContentBody]overflow:auto;text-align:justify;height:460px;font-size:13px[/newclass]
[newclass=.AlaricContentBodyFontSize]font-size:13px[/newclass]
[newclass=.AlaricContentBody::-webkit-scrollbar]width:17px;[/newclass]
[newclass=.AlaricContentBody::-webkit-scrollbar-thumb]background-color:var(--text);width:17px;border-left: 15px solid rgba(0, 0, 0, 0);background-clip: padding-box;[/newclass]

[newclass=.AlaricContentBodyQuote]font-size:15px;font-style:italic;text-align:center;padding:15px;[/newclass]
[newclass=.AlaricContentBodySymbol]font-size:23px;font-family:Noto Sans Symbols;text-align:center;font-style:normal;[/newclass]

[newclass=.AlaricContentBodyGrid]display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:'LEFT CENTRE RIGHT';[/newclass]
[newclass=.AlaricContentBodyGridLeft]grid-area:LEFT;padding-right:7.5px[/newclass]
[newclass=.AlaricContentBodyGridCentre]grid-area:CENTRE;padding-left:7.5px;padding-right:7.5px[/newclass]
[newclass=.AlaricContentBodyGridRight]grid-area:RIGHT;padding-left:7.5px[/newclass]
[newclass=.AlaricContentBodyGridHeader]background-color:var(--backgroundtwo);padding:5px;font-size:15px;[/newclass]
[newclass=.AlaricContentBodyGridPadding]height:15px;width:100%[/newclass]

[newclass=.AlaricContentBodyStatGrid]display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-areas:'ONE TWO THREE FOUR FIVE SIX';font-size:14px;text-align:center;[/newclass]
[newclass=.AlaricContentBodyStatGridOne]grid-area:ONE;padding-right:7.5px;[/newclass]
[newclass=.AlaricContentBodyStatGridTwo]padding-left:7.5px;grid-area:TWO;padding-right:7.5px;[/newclass]
[newclass=.AlaricContentBodyStatGridThree]padding-left:7.5px;grid-area:THREE;padding-right:7.5px;[/newclass]
[newclass=.AlaricContentBodyStatGridFour]padding-left:7.5px;grid-area:FOUR;padding-right:7.5px;[/newclass]
[newclass=.AlaricContentBodyStatGridFive]padding-left:7.5px;grid-area:FIVE;padding-right:7.5px;[/newclass]
[newclass=.AlaricContentBodyStatGridSix]padding-left:7.5px;grid-area:SIX;[/newclass]

[attr="class",AlaricVariables]

[attr="class",AlaricWrap]

[attr="class",AlaricSide]

[attr="class",AlaricSideTitle]⠀The Gilded Hermit

[attr="class",AlaricSidePadding]

[attr="class",AlaricSideLine]

[attr="class",AlaricSideSymbol]⛥

[attr="class",AlaricMain]

[attr="class",AlaricMainGrid]

[attr="class",AlaricMenu]

[attr="class",AlaricImageHeight]

[attr="class",AlaricImagePadding]

[attr="class",AlaricImage]

[attr="class",AlaricMenuPadding]

[PTabbedContent]
[PTab=

⠀🜚⠀SURFACE

]

[attr="class",AlaricMenuContent]

[attr="class",AlaricMenuContentPadding]

[attr="class",AlaricContentTitle]The Being

[attr="class",AlaricContentTitleGap]

[attr="class",AlaricContentBody]

[attr="class",AlaricContentBodyQuote]"If you need an introduction, you should get it from someone else. At least that way you might get a bounty out of it."

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodySymbol]🜚

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyGrid]

[attr="class",AlaricContentBodyGridLeft]

[attr="class",AlaricContentBodyGridHeader]🜞 NAME

[attr="class",AlaricContentBodyGridPadding]

- Alaric Byrne-Moreau.

[attr="class",AlaricContentBodyGridCentre]

[attr="class",AlaricContentBodyGridHeader]🜞 AGE

[attr="class",AlaricContentBodyGridPadding]

- 29 years.

[attr="class",AlaricContentBodyGridRight]

[attr="class",AlaricContentBodyGridHeader]🜞 GENDER

[attr="class",AlaricContentBodyGridPadding]

- Male.

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyGrid]

[attr="class",AlaricContentBodyGridLeft]

[attr="class",AlaricContentBodyGridHeader]🜞 SPECIES

[attr="class",AlaricContentBodyGridPadding]

- Tiefling.

[attr="class",AlaricContentBodyGridCentre]

[attr="class",AlaricContentBodyGridHeader]🜞 HOME

[attr="class",AlaricContentBodyGridPadding]

- Highroad.

[attr="class",AlaricContentBodyGridRight]

[attr="class",AlaricContentBodyGridHeader]🜞 ALIGNMENT

[attr="class",AlaricContentBodyGridPadding]

- Neutral Evil.

[break][break]

[attr="class",AlaricContentBodyFontSize]
You'd be hard-pressed to find a soul in Upper Ward who hasn't heard of Alaric Byrne. A mysterious and thoroughly unpleasant nobleman, he moved to Praach somewhat recently following the death of foreign Lord, Sullivan Moreau, to whom he was the sole heir. At present, he lives alone in Moreau's Highroad manor, where the old Lord would reside when doing business in the port city.
[break][break]
Like his predecessor, Alaric is moreso known for his talent than his wealth. He is an incredibly skilled musician—some would say a genius—and a great many nobles in Praach have seen him in concert. As such, he has become the topic of much discussion among young socialites, though he outwardly abhors the attention.

[/PTab={tab-background-color:var(--backgroundtwo);tab-selected-background-color:var(--text);tab-selected-color:var(--backgroundtwo);tab-hover-background-color:var(--text);tab-hover-color:var(--backgroundtwo);tab-height:25px;tab-width:300px;}]

[PTab=

⠀🜚⠀HISTORY

]

[attr="class",AlaricMenuContent]

[attr="class",AlaricMenuContentPadding]

[attr="class",AlaricContentTitle]The Memoir

[attr="class",AlaricContentTitleGap]

[attr="class",AlaricContentBody]

[attr="class",AlaricContentBodyQuote]"I despise the concept of a written legacy. Mine shall persist only as notes on a stave, lest its next chapter be penned in blood."

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodySymbol]🜚

[attr="class",AlaricContentBodyFontSize]
A tiefling born with golden horns is a rarity, but far from undocumented. Nobody really knows why it happens. Some theorise that it's an inherited trait which remains dormant for generations, others believe it to be a gift from the gods bestowed upon the destined, but neither of those particularly matter when it actually occurs. No, when a child with these traits is discovered, their parents only view the reason as one thing: a stroke of good fortune.
[break][break]
Perhaps due to their rarity—or, most likely, due to their extravagant appearance—golden-horned tieflings are a popular novelty among the upper class, and are highly valued as servants. Therefore, when Alaric's parents first noticed the gold tint to his newly-grown horns, he never saw them again.
[break][break]
He was sold to a Lord named Sullivan Moreau; an eccentric socialite once famous for his musical prowess, before a duel (or so he claimed) cost him his right hand. His mansion was the largest and most extravagant in the mountain kingdom of L'avrynn, but none of that ever translated into better conditions for his servants. Moreau made sure of that. He was a deeply cruel man, despite his jovial façade; as cold as the mountains that enshrined the manor walls. Labour was hard and often completely unnecessary, with any perceived missteps punishable by what ultimately amounted to torture. The Lord seemed feverishly determined to ensure that life for his servants within the manor was a thousand times harder than whatever last-resort poorhouse they had chosen him over.
[break][break]
Moreau was a man utterly enraptured by regret.
[break][break]
Under these conditions, Alaric became despondent and isolated, refusing to talk to the other servants unless absolutely necessary. His work was much the same as theirs, only he was always the one sent out to serve at those parties that seemed to be thrown in hellish perpetuity in the banquet hall. He hated those parties. Even then, when he was too young to understand why, Alaric hated those damned parties. The way he was paraded around like a living statue, serving food and drink to people who looked at him with sickening jealousy- not of him, but of Moreau, for owning such a pristine specimen.
[break][break]
It was at one such party that everything changed for Alaric. Moreau's estranged daughter, Blanche, had arranged to meet with her father against the will of her mother, and was sitting at the banquet table surrounded by his usual crowd of nobles. She was still rather young; only a few years older than Alaric, who was around fifteen at the time. She seemed to share that deep disgust for those around her, though something about her seemed to suggest that, unlike him, she knew what was going on. Blanche regretted coming here, much to the delight of her father. Alaric couldn't blame her.
[break][break]
Eventually, she left the banquet hall, excusing herself to wander around the manor for a bit. Though Moreau seemed happy to let her go, that mask dropped as soon as she left the door- he immediately called Alaric to his side and instructed him to go out and find her. Alaric, of course, complied.
[break][break]
He found her in a room towards the back; a disused music room, with dozens of expensive instruments out on display. The room's grand centrepiece was an ornate piano that faced the window, at which Blanche was sitting, playing a melancholy tune so quietly that only she could hear it. She was startled as he stepped through the door. Again, Alaric couldn't blame her. He didn't want to send her back to that room with those people, with those whispers, with those looks. So, instead, he silently pulled up a chair and sat down next to her at the piano.
[break][break]
"Would you like to play?"
[break][break]
The question seemed so insignificant at the time. A friendly offer from a kindred soul, just to lift their spirits for a few moments- nothing more. Alaric accepted, though he needed guidance. Blanche was happy to provide. Seamlessly, wordlessly, she guided his hands across the keys to play the song; quietly, at first, but slowly growing louder and louder as Alaric learned to stray from her guidance. After a mere few minutes, she sat back, realising that she no longer needed to provide assistance. Alaric was a prodigy, if such a word was even enough to describe him. When the piece was over, he was greeted with delighted applause... from two different people.
[break][break]
Moreau was at the door. There was no telling how long he had been standing there for, but he had clearly heard enough. Alaric wished he was angry. Anger was momentary, predictable; anger would've meant punishment, then a return to how things were before. Moreau wasn't angry. He was enamoured.

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyQuote]"Music was the first thing that mattered. Perhaps it should also be the last. Wouldn't that be poetic?"

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodySymbol]🜚

It was strange at first, being his favourite. At the time, Alaric didn't know why the other servants felt more pity than envy. After all, whilst they were out doing their miserable duties, he was sitting in the music room with Moreau, learning how to play each and every instrument there was, all the while recieving friendly correspondence from the Lord's daughter- how was that a worse way to live? For a short while, Alaric retained his blissful naïveté. For an even shorter while, he retained his bliss.
[break][break]
It wasn't gradual. Moreau didn't do gradual. Even the lessons themselves became strange and twisted- Alaric wasn't treated like a person, but as an extension of the body of that hateful Lord, as a capable pair of hands to play whatever motions he missed from his prime. When he wasn't being showered with backhanded vicarious praise, he was being punished for Moreau's misguided envy. How could this servant boy be more talented than he? How could he learn so quickly, when all he had known was poverty and malaise?
[break][break]
And, so, they continued; a ten-year dance of hatred and admiration, of rage, of envy, of raucous applause. As much as he despised his position at the Lord's side, Moreau had granted him one good thing: he was no longer a spectacle for his horns, but for his hands. At those parties, he would be instructed to play music, instead of merely serve the guests. He wasn't a servant anymore. He was Alaric Byrne-Moreau, prodigal student of the great Sullivan Moreau. He was a musician, and he was that bastard's whole legacy.
[break][break]
Why wouldn't he make the most of a situation like that?

⠀🜚⠀WHISPERS

]

[attr="class",AlaricMenuContent]

[attr="class",AlaricMenuContentPadding]

[attr="class",AlaricContentTitle]The Myth

[attr="class",AlaricContentTitleGap]

[attr="class",AlaricContentBody]

[attr="class",AlaricContentBodyQuote]"If only their sins were known; then, any fool would call me Justice."

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodySymbol]🜚

[attr="class",AlaricContentBodyFontSize]Whilst most may know of Alaric's seething hatred for his teacher, very few know what came of it. Towards the end of Moreau's life, disaster seemed to follow him wherever he went. Alaric followed too, of course. It never once clicked that the two were so intricately connected.
[break][break]
His daughter was the first to fall. She had been invited over for a private concert, on Alaric's request, since she was the one to introduce him to the art- something which he took great pleasure in reminding Moreau of, whenever he got too arrogant. He played for her in the music room, insisting that the two be alone for some time. She spoke to him, as she had been for a while. The culmination of years of impassioned letters, of a love story that had played out so far beneath the surface of his life that he had barely even noticed it was there. Blanche had noticed, though. She couldn't do anything but notice.
[break][break]
Moreau had sent assassins after his own daughter, she told him, ever since they started writing to each other. She had to move so many times- that was why she couldn't visit, that was why she hadn't written in a while, that was why she was so hesitant to come here now, despite everything, despite Alaric. She wanted to run away with him. Of course.
[break][break]
Upon hearing this, Alaric stood up. He stopped playing, closing the lid of the piano down over the keys, and held out his hand towards Blanche. From then, they danced; alone, in silence, with only their own reassuring whispers to guide them. She was a far better dancer than he, far more practiced than the prodigal hermit in her arms. A decade spent hiding, spent fighting those her father had sent against her, all of it had made her stronger.
[break][break]
Still, it wasn't enough.

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyQuote]"To act from rage is to commit yourself to failure. To plan from rage, however, is to commit yourself to victory."

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodySymbol]🜚

The next to fall, in part, were Moreau's outer circle; friends of friends, people whose only connection to the Lord was monetary. Moreau barely spoke to them. To him, they were just more seats at the table to make his gatherings seem more lavish, and they were more hands at his concerts to add to the applause. Indeed, just as they were dealt with so indirectly by the Lord, so too were they dealt with by fate. They weren't all taken, of course. If that many people with such importance met such a terrible fate in such short time, there would obviously be a few questions to ask. So, it seemed only wise to pierce them with whispers, not blades; that way, the only question one could ask was why this didn't happen any sooner.
[break][break]
Following the tragic demise of his daughter, Moreau leaned even further into his hedonistic vices, and his crowd of miserable sycophants were quick to stoop to his level. In no short time, Alaric, the faithful and ever-present servant, became privy to certain happenings that never should have happened in the first place, let alone be intruded upon by an outsider. He made a vow not to tell, of course; and his word, of course, was gold.
[break][break]
It's hard to pinpoint exactly which card fell first, when the whole house fell so quickly. Rumours merged with the truth, history merged with the myth, and, before long, the nobility of L'avrynn were at each others throats with the ferocity one would expect from ever-warring kingdoms. When the murders finally broached the apparent sanctity of Moreau's manor, as a guest was stabbed to death during a banquet, he finally stopped hosting these events. It was all too dangerous- not just for his safety, but his reputation as well. What if they spoke of what he was doing as well? Moreau's name was hardly the cleanest, but up until now he had enjoyed the silence that wealth had brought. Now the silence had been broken, how could he risk having people around to watch?
[break][break]
His only solace came from his student. Alaric went about his work in almost complete silence, only ever talking to him; and, even then, he mostly just gave sarcastic retorts. He was far from a gossip. He could be trusted- far more than these self-interested nobles trying to clear their names by dragging others down with them. Alaric barely had a name of his own to clear.
[break][break]
Moreau decided to give him his.

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyQuote]"Perhaps, I were a better man, I'd be chronicled as a hero... although, if I were a better man, I'd be dead by now."

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodySymbol]🜚

In an ideal world, the last to fall would be Moreau's inner circle. Unfortunately, they weren't foolish enough to stick by his side during all of this; they saw the writing on the wall as soon as their inferiors started eating each other, and decided to cut ties. Moreau was only able to convince a few to attend a private concert, and even then, it was a struggle to get them to arrive. They all brought bodyguards, of course, though those guards were easily distracted- not quite enough to stop serving their masters right away, but enough to be persuaded away for a few moments to speak with Alaric away from prying eyes.
[break][break]
They were like him, you see; servants to the rich, exploited by the very monsters they had sworn an oath to protect. All it took was few words about inheritance, about the impossible wealth written in the will of this madman, much of which could fall into their hands if they turned a blind eye and let fate run its course.
[break][break]
All Alaric had to do was sit there and play.

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyQuote]"Should I fear what I have become? Should I despise the fact I became just as voracious as he?"

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodySymbol]🜚

He dragged Moreau out from the burning concert hall, his own hands causing more blistering heat than the flames ever could. They both knew this was not an act of mercy. They both knew it couldn't be. Moreau's wounds were deep and wide, covering most of his body as the gold hardware of his robe melted into his skin. Even if he did survive, infection would kill him soon enough. Even if it didn't, the cold would get to him sooner.
[break][break]
Alaric lay his body down in the snow, hoping that the cold against his burning flesh would be the last bit of satisfaction that miserable bastard would ever feel in his life- but, oh, it wasn't that simple. Moreau was smiling, you see. Alaric couldn't tell as he was carrying him outside, but, now that he was lying down to face him, he could see it, clear as day. He was enjoying this; somehow, that twisted old monster was enjoying this. Alaric reared back like a startled snake, hissing insults under his breath as the Lord lay dying, before he was stopped by a trembling arm beckoning him closer.
[break][break]
"My hand, Alaric."
[break][break]
The tiefling said nothing.
[break][break]
"It's been thirty years since I've lost it, you know, almost to the day- and not a day goes by that I don't think about it. It's quite hard to ignore, and, I must say, you've only served to make that worse. Watching you play the things I used to play, do the things I used to do, feel the things I used to feel... oh, Alaric, it makes me sick. You know it makes me sick, don't you? Do you know what happened to my hand?"
[break][break]
He laughed. That son of a bitch laughed.
[break][break]
"I cut it off myself."
[break][break]
Of course. Of course he had- Alaric could've told you that six years ago, but that didn't make it sting any less. Moreau didn't just view Alaric as a second self, he was using him as a way to remind himself of his own sick, hedonistic regret. Well, he didn't need to say anything else on the matter. In a fit of rage, the first outburst of his that ever turned immediately violent, Alaric strode over to the Lord's grinning face, ramming the point of his boot-heel into his skull like a gilded chisel.

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyQuote]"Wealth brings power, power brings silence, and silence brings freedom. Was it not freedom for which I have longed all this time?"

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodySymbol]🜚

⠀🜚⠀ABILITIES

]

[attr="class",AlaricMenuContent]

[attr="class",AlaricMenuContentPadding]

[attr="class",AlaricContentTitle]The Strength

[attr="class",AlaricContentTitleGap]

[attr="class",AlaricContentBody]

[attr="class",AlaricContentBodyQuote]"Magic is, by its very nature, a tool for the underhanded; using it defies the Gods themselves. I find it fascinating."

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodySymbol]🜚

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyStatGrid]

[attr="class",AlaricContentBodyStatGridOne]

[attr="class",AlaricContentBodyGridHeader]STR

[attr="class",AlaricContentBodyGridPadding]

08 (-1)

[attr="class",AlaricContentBodyStatGridTwo]

[attr="class",AlaricContentBodyGridHeader]DEX

[attr="class",AlaricContentBodyGridPadding]

18 (+4)

[attr="class",AlaricContentBodyStatGridThree]

[attr="class",AlaricContentBodyGridHeader]CON

[attr="class",AlaricContentBodyGridPadding]

10 (+0)

[attr="class",AlaricContentBodyStatGridFour]

[attr="class",AlaricContentBodyGridHeader]INT

[attr="class",AlaricContentBodyGridPadding]

14 (+2)

[attr="class",AlaricContentBodyStatGridFive]

[attr="class",AlaricContentBodyGridHeader]WIS

[attr="class",AlaricContentBodyGridPadding]

18 (+4)

[attr="class",AlaricContentBodyStatGridSix]

[attr="class",AlaricContentBodyGridHeader]CHA

[attr="class",AlaricContentBodyGridPadding]

20 (+5)

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyGridHeader]🜞 Silver Tongue

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyFontSize]
To the untrained ear, Alaric is all but incapable of telling a lie. His proficiency in both persuasion and deception err on the supernatural, though they rarely cross that line. Invoking the use of magic to bolster his words is a feat he can attain, but performing such magic is illegal, and the cost of being discovered often far outweighs the benefits. It's a risky move, and it's not one he makes frequently or without caution. Besides, his natural charisma is enough to get by most of the time, despite his icy demeanour.
[break][break]
Such proficiency has granted him certain magical immunities; Alaric cannot be charmed or frightened, and possesses a strong resistance to psychic damage.

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyGridHeader]🜞 Gold-Cast Puppet

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyFontSize]
Alaric can summon a glimmering doppelgänger of himself that appears to be made of living gold, and can move it if it were an extension of his own body. The Puppet cannot speak, nor harness any of its master's abilities, though it makes up for this by being far stronger and heavier than he could ever be. By the same magic that allows its metal body to move as if it were human, it is able to shift its body into more advantageous forms; usually by morphing its arms into long, elegant blades. It is resistant to physical damage, but weak to magical damage, though it can be susceptible to both. Incidentally, its masters weaknesses are exactly the opposite, as he possesses a resistance to magical damage, but is vulnerable to physical attack.

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyGridHeader]🜞 Mercurial Sculptor

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyFontSize]
A fluid, shifting metal, able to form itself into any imaginable structure, according to Alaric's will. The secret to its fluidity is rather mundane; the metal is heated up to melting point before it is manipulated, and can instantly be cooled down by the same process. When hardened, it behaves just as any other metal would; protective when formed as an armour, sharp when formed as a blade. Alaric cannot summon a limitless quantity of this metal, as much as he would like to. He is only able to summon enough to form one basic weapon, and one piece of armour, though its versatility and ability to be moved at will more than make up for this limitation. The metal, naturally, appears as shimmering gold, and usually manifests as a delicate rapier, as Alaric is a trained and skilled fencer.

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyGridHeader]🜞 Infernal Grasp

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyFontSize]
Alaric's body can be heated and cooled at will, with the most extreme temperature shifts manifesting in his palms. At its hottest, his hands can melt through steel, severely burn the skin, and even start a fire, when provided with burnable fuel. At its coldest, they can freeze a torrent, cause extreme frostbite on direct contact, and can cause potential hypothermia, if he's able to hold on for long enough. It's difficult for him to retain these temperatures for very long, however, due to the inevitable dissipation of heat. It may be easy for him to reach these extremes momentarily, but it takes a hell of a lot out of him to maintain it.
[break][break]
To be able to withstand such extremes, Alaric possesses a resistance to both fire and cold- whether it has been internally caused or externally inflicted. He was able to survive that concert-fire, after all.

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyGridHeader]🜞 Symphony of the Damned

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyFontSize]
When Alaric plays, people will listen. His infernal tones are enough to weaken the resolve of even the strongest men, bewitch even the most ardent of sceptics, and strike at the soul in a way that rivals even the sharpest of blades. Many would describe his music as enchanted, purely as a matter of speech; though there are whispers that this choice of phrase might be more apt than it appears. Indeed, Alaric's symphonic repertoire is more than meets the ear. There is powerful, forbidden magic entwined with certain melodies he can play, deftly woven betwixt the notes in such a way that curse and song cannot be separated.
[break][break]
Of course, not every song he performs is laced in such a way. That would be foolish; such magic is illegal in most places, and Alaric's rather public career means that attempting to inflict these songs upon the masses would likely end in his untimely execution. No, he prefers to keep them hidden- practised away from prying eyes, performed only when absolutely necessary. Besides, the songs are... imperfect, at present. Alaric has only had time to master the first.
[break][break]

Dissonant Fugue - An unstable, ever-shifting piece, and Alaric's personal favourite. Strikes a paralysing terror into all who hear it, which must be overcome through contrasting wisdom. Each verse brings with it a new wave of unease- and, if the song is allowed to reach its final crescendo, this unease will give way to madness.
Siren's Echo - An ethereally beautiful piece which compels unwary listeners to draw closer to its source. Its melody is inexplicably addictive, leaving those afflicted hanging on the musician's every note- or, once the song has finally ended, his every word.
Dirge of a Thousand Blades - A quick and percussive piece, each note striking those who hear them like spectral blades. The louder it's played, the more damage it causes, but Alaric must be careful- though its final notes are often fatal, failing to reach them will turn the damage on him instead.
Call of Ire - A loud and aggressive piece, stirring its listeners into a violent frenzy, causing them to doggedly attack whoever's playing it until either the curse, the musician, or the attacker has been broken. Alaric rarely plays this himself, save for very specific circumstance- its main purpose is to be played by others, to lure a violent crowd towards them instead.
Adrift - A fast and energetic piece... at first. Its power lies in its misdirection- those familiar with Alaric's magical repertoire may assume the piece is driving them into aggression, and feel comfort in their ability to overcome it, but that comfort will soon give into exhaustion as it slows to a soporific crawl, dragging them down with it.

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyGridHeader]🜞 ...or, perhaps, the Blessed?

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyFontSize]
Oh, as if this will ever be relevant to know. By playing a different tune, Alaric can provide his 'allies', should there ever be such a thing, with the resolve to fight more skilfully than they would otherwise be able to.

[attr="class",AlaricContentBodyGridPadding]

⠀🜚⠀POSSESSIONS

]

[attr="class",AlaricMenuContent]

[attr="class",AlaricMenuContentPadding]

[attr="class",AlaricContentTitle]The Wealth

[attr="class",AlaricContentTitleGap]

[attr="class",AlaricContentBody]

[attr="class",AlaricContentBodyQuote]"It seems fitting, to me, that an inheritance as bloodstained as his should fall into hands as bloodstained as mine."

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodySymbol]🜚

[attr="class",AlaricContentBodyGridHeader]🜞 Personal Equipment

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyFontSize]
Alaric carries with him a gilded dagger, gold-clawed hand jewellery which bolster his unarmed strikes, more than enough gold to get him through the day, a notebook, pen and ink, gold-leaf wax seals, and a violin. The only day to day variation to this equipment would be the particular type of musical instrument he carries; everything else tends to stay much the same.

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyGridHeader]🜞 Moreau Estate

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyFontSize]
Alaric is in possession of a large manor house in Highroad, where he hides himself away, earning the rather derisive title the Gilded Hermit. In his defence, there are very few places he could go that are better than the Moreau Estate. It is a vast, luxurious, and secure manor, with enough music rooms and disused banquet halls for Alaric to be more than satisfied with his surroundings. Perhaps, one day, he will use it for the same gatherings his predecessor used to host, though he's hardly one to do such things for their own sake; there'd have to be something in it for him.
[break][break]
And, no, he doesn't have any servants. If one of them stabbed him in the back as he did Moreau, he'd never hear the end of it.

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyGridHeader]🜞 Sullivan's Fortune

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyFontSize]
Aside from the manor, connections, and instrument collection, Alaric also recieved a frankly disgusting amount of capital. He is as rich as any Lord could be, though he refuses the title. As such, he enjoys a lavish, yet solitary lifestyle; his clothes are spun from the finest silk, his food is fresh and plentiful, and he has enough wealth to hold over the heads of most others, should they get a bit too bold in his presence. The notoriety has also put his music in the minds of the more cultured nobility, and he has received many offers to perform both public and private concerts for their enjoyment- all of which he takes great pleasure in refusing.

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyGridHeader]🜞 Highroad Symphony Orchestra

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyFontSize]
Though he is not the owner, Alaric has been granted permission to use (or, 'work with', in their terms) the Highroad Symphony Orchestra for any musical project that may require them. So far, he has exercised this power twice: once for a series of three public concerts, and again for a personal project- of which they have yet to speak, likely from fear of what Alaric would do if he found out they did.

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyGridHeader]🜞 Personal Works

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricContentBodyFontSize]
A prolific musician, Alaric has kept every piece of music he has ever written, and collects sheet music from other composers as well. His personal collection has replaced much of the old library in the manor.

[attr="class",AlaricContentBodyGridPadding]

[attr="class",AlaricGap]

Art by SINBARU
[break][break]
NOTE: This sheet is not designed for use with Brutalist Dark Theme. Please change to another theme to view as intended.

[break][break][break]

I've edited this sheet more times than I can count. Editable template version here

Last Edit: Dec 9, 2022 20:44:49 GMT by Reyn

Div Guide | Grid/Table Guide | Code Help | Div Templates | Code Resources

Reyn
Moderator

Sleepyhead

Beatmania IIDX 16: Empress is the 16th game in the Beatmania IIDX series of music video games. It wa

Posts: 612

Reyn's Big Success House of Things That Work Apr 15, 2022 19:39:01 GMT

Post by Reyn on Apr 15, 2022 19:39:01 GMT

[nospaces][googlefont=Rubik][googlefont=New Rocker]

[newclass=.EviusVar]/*hi by the way um this is just for spacing but im gonna take it as a chance to tell you to pls not copy this code it is mine

*/--background:#080808;/*
*/--outline:#222222;/*
*/--text:#555555;/*
*/--accent:#CFFF00;/*
*/--shadow:#131313;/*
*/--outlinergba:rgba(34,34,34,1);/*
*/--fontbody:rubik;/*
*/--fonttitle:new rocker;/*
*/--imagemain:url(https://i.imgur.com/UBB6CU9.png);/*
*/--imageicon:url(https://i.imgur.com/08U5B2N.png);/*
*/--imagebody:url(https://i.imgur.com/0HoWu7B.png);/*
*/--imagebackground:url(https://i.imgur.com/ruiaSRz.png);[/newclass]

[newclass=.EviusWrap]margin:auto;font-family:var(--fontbody),sans serif;color:var(--text);display:grid;grid-template-columns:560px 600px;grid-template-areas:'MAIN SIDE';background-color:var(--background);max-width:1160px;[/newclass]
[newclass=.EviusMainSide]grid-area:MAIN;border:1px solid var(--outline);background-image:var(--imagebackground);height:702px;[/newclass]
[newclass=.EviusMainContent]grid-area:SIDE;height:702px;background-color:var(--background);border-right:1px solid var(--outline);border-top:1px solid var(--outline);border-bottom:1px solid var(--outline);[/newclass]

[newclass=.EviusAccentText]display:inline;color:var(--accent);[/newclass]

[newclass=.EviusSideGrid]padding:40px;display:grid;grid-template-rows:7% 52% 42%;grid-template-areas:'TITLE' 'IMAGE' 'SUBGRIDS';height:620px;[/newclass]
[newclass=.EviusSideTitle]grid-area:TITLE;border:1px solid var(--outline);background-color:var(--background);display:grid;grid-template-columns:45px auto;grid-template-areas:'LEFT RIGHT';[/newclass]
[newclass=.EviusSideTitleLeft]grid-area:LEFT;border-right:1px solid var(--outline);width:calc(100% - 1px);font-size:18px;text-align:center;background:linear-gradient(to top left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - 0.8px),var(--outlinergba) 50%,rgba(0,0,0,0) calc(50% + 0.8px),rgba(0,0,0,0) 100%),linear-gradient(to top right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - 0.8px),var(--outlinergba) 50%,rgba(0,0,0,0) calc(50% + 0.8px),rgba(0,0,0,0) 100%), var(--background);height:100%;[/newclass]
[newclass=.EviusSideTitleRight]grid-area:RIGHT;font-size:19px;width:100%;font-weight:300;padding-top:11px[/newclass]
[newclass=.EviusSideImage]grid-area:IMAGE;padding-top:20px;position:relative;[/newclass]
[newclass=.EviusSideSubgrids]grid-area:SUBGRIDS;padding-top:10px[/newclass]

[newclass=.EviusSideImageFrame]background-image:var(--imagemain);background-size:cover;background-position:center;border:1px solid var(--outline);height:calc(100% - 20px);width:calc(100% - 40px);background-repeat:no-repeat;[/newclass]
[newclass=.EviusSideImageTitleShadow]position:absolute;right:10px;bottom:10px;color:var(--shadow);font-size:50px;font-style:italic;text-align:right;line-height:60%;mix-blend-mode:darken;font-family:var(--fonttitle);font-weight:700;[/newclass]
[newclass=.EviusSideImageTitle]position:absolute;right:0;bottom:0;color:var(--accent);font-size:50px;font-style:italic;text-align:right;line-height:80%;font-family:var(--fonttitle);font-weight:700;z-index:69[/newclass]

[newclass=.EviusSubgrid]display:grid;grid-template-columns:60% 20px auto;grid-template-areas:'LEFT GAP RIGHT';height:100%;[/newclass]
[newclass=.EviusSubLeft]grid-area:LEFT;height:100%;[/newclass]
[newclass=.EviusSubRight]grid-area:RIGHT;height:100%;[/newclass]

[newclass=.EviusSubLeftSub]display:grid;grid-template-rows:10% 20px 2px 20px auto;grid-template-areas:'TOP' 'GAP1' 'LINE' 'GAP2' 'BOTTOM';height:100%;[/newclass]
[newclass=.EviusSubRightSub]display:grid;grid-template-rows:auto 20px 2px 20px 10%;grid-template-areas:'TOP' 'GAP1' 'LINE' 'GAP2' 'BOTTOM';height:100%;[/newclass]
[newclass=.EviusSubLine]grid-area:LINE;background-color:var(--accent);height:100%;[/newclass]

[newclass=.EviusSubLeftTop]grid-area:TOP;border:1px solid var(--outline);height:100%;background-color:var(--background);[/newclass]
[newclass=.EviusSubLeftBottom]grid-area:BOTTOM;height:100%;[/newclass]
[newclass=.EviusSubLeftTopGrid]display:grid;grid-template-columns:auto 30px;grid-template-areas:'LEFT RIGHT';height:100%;place-items:center[/newclass]
[newclass=.EviusSubLeftTopGridLeft]grid-area:LEFT;text-align:right;width:100%;font-size:10px;[/newclass]
[newclass=.EviusSubLeftTopGridRight]grid-area:RIGHT;border-left:1px solid var(--outline);width:calc(100% - 1px);text-align:center;background:linear-gradient(to top right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - 0.8px),var(--outlinergba) 50%,rgba(0,0,0,0) calc(50% + 0.8px),rgba(0,0,0,0) 100%), var(--background);height:100%;[/newclass]

[newclass=.EviusSubRightTop]grid-area:TOP;border:1px solid var(--outline);height:calc(100% - 2px);background-color:var(--background);[/newclass]
[newclass=.EviusSubRightBottom]grid-area:BOTTOM;border:1px solid var(--outline);height:calc(100% - 4px);background:linear-gradient(to top left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - 0.8px),var(--outlinergba) 50%,rgba(0,0,0,0) calc(50% + 0.8px),rgba(0,0,0,0) 100%), var(--background);[/newclass]
[newclass=.EviusSubRightTopGrid]display:grid;grid-template-rows:auto 40px;grid-template-areas:'TOP' 'BOTTOM';[/newclass]
[newclass=.EviusSubRightTopGridTop]grid-area:TOP;border-bottom:1px solid var(--outline);padding-left:18px;padding-right:18px;padding-bottom:20px;padding-top:16px;font-size:15px;font-weight:300;height:calc(100% - 42px);[/newclass]
[newclass=.EviusSubRightTopGridBottom]grid-area:BOTTOM;font-size:9px;line-height:85%;padding:4px;text-align:justify;[/newclass]

[newclass=.EviusSubLeftBottomSub]display:grid;grid-template-columns:auto 20px 110px;grid-template-rows:auto 20px auto;grid-template-areas:'TL TG TR' 'GL GG GR' 'BL BG BR';height:100%;[/newclass]
[newclass=.EviusSubLeftBottomLeftTop]grid-area:TL;border:1px solid var(--outline);height:calc(100% - 22px);background-color:var(--background);font-size:10px;padding-left:10px;padding-right:10px;padding-bottom:8px;padding-top:12px;text-align:justify;[/newclass]
[newclass=.EviusSubLeftBottomLeftBottom]grid-area:BL;border:1px solid var(--outline);height:100%;background-color:var(--background);[/newclass]
[newclass=.EviusSubLeftBottomRight]grid-area:TR/GR/BR;border:1px solid var(--outline);height:100%;background: var(--imageicon), var(--shadow);background-size:cover;background-position:center;background-repeat:no-repeat;[/newclass]

[newclass=.EviusSubLeftBottomLeftBottomGrid]display:grid;grid-template-columns:40px auto;grid-template-areas:'LEFT RIGHT';height:100%;[/newclass]
[newclass=.EviusSubLeftBottomLeftBottomGridLeft]grid-area:LEFT;background:linear-gradient(to top left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - 0.8px),var(--outlinergba) 50%,rgba(0,0,0,0) calc(50% + 0.8px),rgba(0,0,0,0) 100%),linear-gradient(to top right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - 0.8px),var(--outlinergba) 50%,rgba(0,0,0,0) calc(50% + 0.8px),rgba(0,0,0,0) 100%), var(--background);height:100%;border-right:1px solid var(--outline)[/newclass]
[newclass=.EviusSubLeftBottomLeftBottomGridRight]grid-area:RIGHT;font-size:12px;font-weight:300;padding-left:15px;margin-top:10px;[/newclass]

[newclass=.EviusContentPadding]overflow:auto;padding-left:40px;padding-right:20px;height:100%;font-size:12px;text-align:justify;[/newclass]
[newclass=.EviusContentPadding::-webkit-scrollbar]width:42px;[/newclass]
[newclass=.EviusContentPadding::-webkit-scrollbar-thumb]background-color:var(--accent);width:17px;border-right: 40px solid rgba(0, 0, 0, 0);border-top: 40px solid rgba(0, 0, 0, 0);border-bottom: 40px solid rgba(0, 0, 0, 0);background-clip: padding-box;[/newclass]
[newclass=.EviusContentInteriorPadding]padding-top:40px;padding-bottom:40px;[/newclass]

[newclass=.EviusContentBoxGrid]display:grid;grid-template-rows:42px auto;grid-template-areas:'TOP' 'BOTTOM';[/newclass]
[newclass=.EviusContentBoxTop]grid-area:TOP;height:100%;width:100%;border:1px solid var(--outline);[/newclass]
[newclass=.EviusContentBoxBottom]grid-area:BOTTOM;padding:20px;width:calc(100% - 40px);border:1px solid var(--outline);background-image:var(--imagebackground);[/newclass]

[newclass=.EviusContentBoxTopGridA]display:grid;grid-template-columns:45px auto;grid-template-areas:'SIDE TEXT';height:42px;[/newclass]
[newclass=.EviusContentBoxTopGridB]display:grid;grid-template-columns:auto 45px;grid-template-areas:'TEXT SIDE';height:42px;[/newclass]
[newclass=.EviusContentBoxTopGridSide]grid-area:SIDE;height:42px;background:linear-gradient(to top left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - 0.8px),var(--outlinergba) 50%,rgba(0,0,0,0) calc(50% + 0.8px),rgba(0,0,0,0) 100%),linear-gradient(to top right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - 0.8px),var(--outlinergba) 50%,rgba(0,0,0,0) calc(50% + 0.8px),rgba(0,0,0,0) 100%), var(--background);height:100%;[/newclass]
[newclass=.EviusContentBoxTopGridTextA]grid-area:TEXT;text-align:left;padding-top:11px;border-left:1px solid var(--outline);font-size:19px;font-weight:300;[/newclass]
[newclass=.EviusContentBoxTopGridTextB]grid-area:TEXT;text-align:right;padding-top:11px;border-right:1px solid var(--outline);font-size:19px;font-weight:300;[/newclass]

[newclass=.EviusContentGap]height:20px;width:100%;[/newclass]

[newclass=.EviusContentImageGrid]display:grid;grid-template-columns:160px auto;grid-template-areas:'IMAGE SIDE';[/newclass]
[newclass=.EviusContentImage]grid-area:IMAGE;height:560px;width:160px;background:var(--imagebody), var(--shadow);background-size:cover;background-position:center;border:1px solid var(--outline);[/newclass]
[newclass=.EviusContentSide]grid-area:SIDE;margin-left:22px;width:calc(100% - 20px);height:560px;[/newclass]

[newclass=.EviusContentSideGrid]display:grid;grid-template-rows:auto 20px 2px 20px 1fr;height:560px;grid-template-areas:'TOP' 'GAP1' 'LINE' 'GAP2' 'BOTTOM';[/newclass]
[newclass=.EviusContentSideGridTop]grid-area:TOP;border:1px solid var(--outline);background-image:var(--imagebackground);padding:20px;[/newclass]
[newclass=.EviusContentSideGridBottom]grid-area:BOTTOM;border:1px solid var(--outline);background:linear-gradient(to top right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - 0.8px),var(--outlinergba) 50%,rgba(0,0,0,0) calc(50% + 0.8px),rgba(0,0,0,0) 100%), var(--background);height:100%[/newclass]

[attr="class",EviusVar]

[attr="class",EviusWrap]

[attr="class",EviusMainSide]

[attr="class",EviusSideGrid]

[attr="class",EviusSideTitle]

[attr="class",EviusSideTitleLeft]

[attr="class",EviusSideTitleRight]⠀

[attr="class",EviusAccentText]EVIUS HALLOW,

ONCE CALLED.

[attr="class",EviusSideImage]

[attr="class",EviusSideImageFrame]

[attr="class",EviusSideImageTitleShadow]SCION OF THE⠀
[break] BLIGHT

[attr="class",EviusSideImageTitle]SCION OF THE⠀
[break] BLIGHT

[attr="class",EviusSideSubgrids]

[attr="class",EviusSubgrid]

[attr="class",EviusSubLeft]

[attr="class",EviusSubLeftSub]

[attr="class",EviusSubLeftTop]

[attr="class",EviusSubLeftTopGrid]

[attr="class",EviusSubLeftTopGridLeft]AFFLICTED WITH TERRIBLE MAJESTY.⠀

[attr="class",EviusSubLeftTopGridRight]

[attr="class",EviusSubLine]

[attr="class",EviusSubLeftBottom]

[attr="class",EviusSubLeftBottomSub]

[attr="class",EviusSubLeftBottomLeftTop]He is more than the mere man he was, now existing in fatal symbiosis with the plague which warps his being; in body and in soul.

[attr="class",EviusSubLeftBottomLeftBottom]

[attr="class",EviusSubLeftBottomLeftBottomGrid]

[attr="class",EviusSubLeftBottomLeftBottomGridLeft]

[attr="class",EviusSubLeftBottomLeftBottomGridRight]

[attr="class",EviusAccentText]▪

⠀"HUMAN"[break]

[attr="class",EviusAccentText]▪

⠀"WARLOCK"[break]

[attr="class",EviusAccentText]▪

⠀"DEAD"[break]

[attr="class",EviusAccentText]▪

⠀"ALIVE"[break]

[attr="class",EviusSubLeftBottomRight]

[attr="class",EviusSubRight]

[attr="class",EviusSubRightSub]

[attr="class",EviusSubRightTop]

[attr="class",EviusSubRightTopGrid]

[attr="class",EviusSubRightTopGridTop]

[attr="class",EviusAccentText]▪

⠀STR [06][break]

[attr="class",EviusAccentText]▪

⠀DEX [10][break]

[attr="class",EviusAccentText]▪

⠀CON [XX]

[attr="class",EviusAccentText] †

[break]

[attr="class",EviusAccentText]▪

⠀INT [23][break]

[attr="class",EviusAccentText]▪

⠀WIS [08][break]

[attr="class",EviusAccentText]▪

⠀CHA [04]

[attr="class",EviusSubRightTopGridBottom]

[attr="class",EviusAccentText]†

The Malady, she treats him well. As long as it is present, so too is his soul; his body cannot be permitted to fall so easily.

[attr="class",EviusSubLine]

[attr="class",EviusSubRightBottom]

[attr="class",EviusMainContent]

[attr="class",EviusContentPadding]

[attr="class",EviusContentInteriorPadding]

[attr="class",EviusContentBoxGrid]

[attr="class",EviusContentBoxTop]

[attr="class",EviusContentBoxTopGridB]

[attr="class",EviusContentBoxTopGridSide]

[attr="class",EviusContentBoxTopGridTextB]WHERE

[attr="class",EviusAccentText]GHOULS

FEAR TO TREAD.⠀

[attr="class",EviusContentBoxBottom]There is a dam built deep within the Catacombs.
[break][break]
Verily; it seems that there are some contaminants too carious even for a place like that. Oh, a thousand corpses can lie and rot and pollute the stagnant water, but the mere presence of anything beyond that boundary is unthinkable- truly, truly unthinkable.
[break][break]
The water has been tainted enough, they say. The water has been tainted enough, by him. By that. It's too dangerous to be let through, else it will contaminate the rest of us. (Them.) It might spread to the river, to the surface, to those who cast us aside like carrion, who turned us away, who left us to die down here in the darkness.
[break][break]
There is a dam built deep within the Catacombs.
[break][break]
What lies beyond is spoken of only in whispers, in the ghost-stories of story-ghosts, all so that denizens of the world beneath know better than to cross that sacred barrier. There is no honour to be found beyond, no great secret that will inspire and sate any level of curiosity. There is an Evil there, but it is an Evil that cannot be slain, that cannot be overcome, that cannot even be battled with- for what is there to even fight?
[break][break]
He is often heard, but rarely seen; a madness murmuring between hoarse, heavy breaths. He is his own sole survivor, his own sharpened blade, his own lethal contaminant, and he must. Not. Leave.
[break][break]
There is a dam built deep within the Catacombs.
[break][break]
Evius does not breach it.

[attr="class",EviusContentGap]

[attr="class",EviusContentImageGrid]

[attr="class",EviusContentImage]

[attr="class",EviusContentSide]

[attr="class",EviusContentSideGrid]

[attr="class",EviusContentSideGridTop]He is but one man- but, you see, he was chosen. He never used to think himself special. It took a while before such grandeur could penetrate his feverish mind, before the evidence could present itself to him. Oh, how he doubted her! How foolish he was, how he doubted Her!
[break][break]
Ah, the Malady! The bless'ed plague, the glorious Ever-Rot! Such a generous being she is, to bestow upon a wretch like him such gifts! Evius is ever in her debt, for she hath raised him up from the misery of health; cured the human condition!
[break][break]
So far, he is the only one to have survived her blessing. The Malady, see... she takes as much as she gives. Whilst Evius had the faith and strength to withstand her embrace, he has yet to find another lucky enough to emerge at the other side of their symptoms. Even Evius himself did not come out unscathed, though he fared far better than the rest.
[break][break]
Ergo, he must have been chosen; the Priest of the Malady, the Scion of the Blight.
[break][break]
What a pity, that nobody will heed his sermon. They hear his feverish mutterings and simply assume he's gone mad; and, fine- fine, maybe he has... but is he not better off this way? Wouldn't you be?

[attr="class",EviusSubLine]

[attr="class",EviusContentSideGridBottom]

[attr="class",EviusContentGap]

[attr="class",EviusContentBoxGrid]

[attr="class",EviusContentBoxTop]

[attr="class",EviusContentBoxTopGridA]

[attr="class",EviusContentBoxTopGridSide]

[attr="class",EviusContentBoxTopGridTextA]⠀PREACHER OF THE

[attr="class",EviusAccentText]ROT.

[attr="class",EviusContentBoxBottom]She has given him her power to wield, trusting in his skill to use it. He is a vector for her, an avatar, a plague-rat with the power to produce and inflict a number of diseases upon those who draw her ire.
[break][break]
He is forever cloaked in a virulent miasma, which appears—when closely observed—as a haze of faint, grey spores. Symptoms appear almost immediately; severe, but rarely fatal. The fever, the tension-ache, the magical instability, the painful, scratching cough; all unpleasant, certainly, but deadly only to those who are particularly susceptible. No, its main purpose is to weaken, not to kill, and it serves that function well.
[break][break]
Not all of his blights are so kind, however. Indeed; most of them are dangerous enough that one could almost justify his exile from the exiled. Some can be carried through water, others through air, others yet through touch, but all can be carried through blood. As such, he carries around a modified crossbow; black metal, lacking limbs, with a narrow barrel and enclosed groove, designed to retain and fire infected bolts with the force and accuracy required to hit its target... when the hand-tremors have died down enough to fire straight, that is.
[break][break]
Last, and most importantly, is, of course, the Malady.
[break][break]
But you'll have to let her in before you can know her secrets.

[attr="class",EviusContentGap]

[attr="class",EviusContentBoxGrid]

[attr="class",EviusContentBoxTop]

[attr="class",EviusContentBoxTopGridB]

[attr="class",EviusContentBoxTopGridSide]

[attr="class",EviusContentBoxTopGridTextB]THE MAN OF

[attr="class",EviusAccentText]MANY

SICKNESSES.⠀

[attr="class",EviusContentBoxBottom]Of course, there exist some in this world who are immune to conventional pestilence. The Malady knows this. Therefore Evius, her ever-loyal servant, has been granted a few other means in which to defend himself; most of which deadly, all of which painful.
[break][break]
Aside from the requisite plagues, Evius can also produce a number of poisons, which can be carried in the same forms. Though their effects may seem similar to those unfortunately afflicted, their appearances are fairly different; the diseases are always grey or muted brown, and the poisons are always pitch black or a sickly, greenish yellow. Sickening, but not infectious.
[break][break]
His touch also carries with it a necrotic blight, withering all he lays his hands on. He mostly keeps them bandaged for that reason, unless he needs a simple way to ensure an open wound.

[attr="class",EviusContentGap]

[attr="class",EviusContentBoxGrid]

[attr="class",EviusContentBoxTop]

[attr="class",EviusContentBoxTopGridA]

[attr="class",EviusContentBoxTopGridSide]

[attr="class",EviusContentBoxTopGridTextA]⠀A

[attr="class",EviusAccentText]FAITH

MOST POWERFUL.

[attr="class",EviusContentBoxBottom]Evius's unending service to the Malady has granted him magical abilities that are most in line with what one would expect from a Warlock, though many of them simply arise from his control over poison and sickness. His body has also been altered; physically weaker, yet almost impossible to slay, with a number of resistances and weaknesses that were not present before.
[break][break]

[attr="class",EviusAccentText]▪

KNOWN CANTRIPS: Acid Splash, Chill Touch, Eldritch Blast, Poison Spray.
[break][break]

[attr="class",EviusAccentText]▪

KNOWN SPELLS: Blight, Cloudkill, Enervation, Finger of Death, Hold Person, Misty Step, Ray of Enfeeblement, Ray of Sickness, Sickening Radiance.
[break][break]

[attr="class",EviusAccentText]▪

RESISTANCES: Disease (immune), Poison (immune), Necrotic.
[break][break]

[attr="class",EviusAccentText]▪

WEAKNESSES: Fire, Cold.

[attr="class",EviusContentGap]

[attr="class",EviusContentBoxGrid]

[attr="class",EviusContentBoxTop]

[attr="class",EviusContentBoxTopGridB]

[attr="class",EviusContentBoxTopGridSide]

[attr="class",EviusContentBoxTopGridTextB]UNWILLING

[attr="class",EviusAccentText]PANACAEA.

⠀

[attr="class",EviusContentBoxBottom]There are rumours that Evius is able to cure as many diseases as he can create; that is, to say, all. Sometimes, he has to cure those he infects, and is able to do so with observable, yet reluctant ease. Still, such rumours are not worth chasing.
[break][break]
After all, there is a dam built deep in the Catacombs.
[break][break]
And it was built there for a reason.

[break][break]

NOTE: This sheet is not designed for use with Brutalist Dark Theme. Please change to another theme to view as intended.

[break][break][break]
Evius moment... changed it to the grid version lol

Last Edit: Aug 6, 2022 21:16:38 GMT by Reyn

Div Guide | Grid/Table Guide | Code Help | Div Templates | Code Resources

Reyn
Moderator

Sleepyhead

Beatmania IIDX 16: Empress is the 16th game in the Beatmania IIDX series of music video games. It wa

Posts: 612

Reyn's Big Success House of Things That Work May 19, 2022 12:13:17 GMT

Post by Reyn on May 19, 2022 12:13:17 GMT

[nospaces]

[newclass=.CharonVar]/*
*/--image:url(https://i.imgur.com/jlL7uUY.pn.g);/*
*/--fonttitle:Cormorant Garamond;/*
*/--fontmain:EB Garamond;/*
*/--background:white;/*
*/--text:black;[/newclass]
[newclass=.CharonWrap]max-width:900px;background-color:var(--background);height:500px;margin:auto;display:grid;grid-template-columns:auto 540px;grid-template-areas:'IMG MAIN';font-family:var(--fontmain);color:var(--text)[/newclass]
[newclass=.CharonImg]grid-area:IMG;background-image:var(--image);height:100%;background-size:cover;background-position:80% center;[/newclass]

[newclass=.CharonMain]grid-area:MAIN;height:460px;padding-left:40px;padding-top:40px;padding-right:40px;overflow:auto;direction:rtl;[/newclass]
[newclass=.CharonMain::-webkit-scrollbar]width:41px;[/newclass]
[newclass=.CharonMain::-webkit-scrollbar-thumb]background-color:var(--text);width:17px;border-left: 40px solid rgba(0, 0, 0, 0);border-top:40px solid rgba(0, 0, 0, 0);border-bottom:40px solid rgba(0, 0, 0, 0);background-clip: padding-box;[/newclass]
[newclass=.CharonMainDir]direction:ltr;[/newclass]
[newclass=.CharonTitle]font-size:56px;font-family:var(--fonttitle);line-height:0.7;[/newclass]
[newclass=.CharonSubtitle]font-size:20px;[/newclass]
[newclass=.CharonDesc]font-size:14px;text-align:justify;[/newclass]
[newclass=.CharonCite]font-size:12px;line-height:2;[/newclass]

[newclass=.CharonBreak]height:40px;width:100%;[/newclass]
[newclass=.CharonBreakLite]height:20px;width:100%;[/newclass]

[newclass=.CharonGrid]display:grid;grid-template-columns:repeat(3, 1fr);grid-template-areas:'LEFT CENTRE RIGHT';font-size:14px;[/newclass]
[newclass=.CharonGridLeft]grid-area:LEFT;[/newclass]
[newclass=.CharonGridCentre]grid-area:CENTRE;[/newclass]
[newclass=.CharonGridRight]grid-area:RIGHT;[/newclass]
[newclass=.CharonGridTitle]font-size:24px;font-family:var(--fontmain);[/newclass]

[newclass=.CharonBody]font-size:14px;text-align:justify;[/newclass]

[attr="class",CharonVar]

[attr="class",CharonWrap]

[attr="class",CharonImg]

[attr="class",CharonMain]

[attr="class",CharonMainDir]

[attr="class",CharonTitle]Charon

[attr="class",CharonSubtitle]/ˈkɛərɒn, -ən/

[attr="class",CharonDesc][break]Charon, in Greek mythology, the son of Erebus and Nyx (Night), whose duty it was to ferry over the Rivers Styx and Acheron those souls of the deceased who had received the rites of burial. In payment he received the coin that was placed in the mouth of the corpse.†

[attr="class",CharonCite]†Encyclopedia Britannica, 28 Feb. 2020.

[attr="class",CharonBreak]

[attr="class",CharonGrid]

[attr="class",CharonGridLeft]

[attr="class",CharonGridTitle]Name

Dr. Cameron Bates

[attr="class",CharonGridCentre]

[attr="class",CharonGridTitle]Age

41 years

[attr="class",CharonGridRight]

[attr="class",CharonGridTitle]Gender

Male

[attr="class",CharonBreakLite]

[attr="class",CharonGrid]

[attr="class",CharonGridLeft]

[attr="class",CharonGridTitle]Alias

"Charon"

[attr="class",CharonGridCentre]

[attr="class",CharonGridTitle]Position

Medic

[attr="class",CharonGridRight]

[attr="class",CharonGridTitle]Mass

Just enough, right?

[attr="class",CharonBreak]

[attr="class",CharonBody]I mean... it was, last time I checked. 50kg- erring on underweight for my height, but nothing drastic. Nothing worth worrying about. Unless... gah, look what you've done, you've got me started again. I need to do another physical. Weigh-in, blood pressure, blood test, bone scan, full MRI, tissue sample, do you have any idea how long that's going to take? Do you? Fucking hell, don't spring questions like that on me again, you know how it makes me feel. Just... just wait there, I'll be back in five.
[break][break]
Hours. I'll be back in five hours.

[attr="class",CharonBreak]

[attr="class",CharonGrid]

[attr="class",CharonGridLeft]

[attr="class",CharonGridTitle]Mass

48.987kg

[attr="class",CharonGridCentre]

[attr="class",CharonGridTitle]Height

170.21m

[attr="class",CharonGridRight]

[attr="class",CharonGridTitle]Blood Type

AB-

[attr="class",CharonBreakLite]

[attr="class",CharonGrid]

[attr="class",CharonGridLeft]

[attr="class",CharonGridTitle]Prosthetics

One: right arm

[attr="class",CharonGridCentre]

[attr="class",CharonGridTitle]Condition

Healthy

[attr="class",CharonGridRight]

[attr="class",CharonGridTitle]Are you sure?

...

[attr="class",CharonBreak]

[attr="class",CharonBody]Look, I- it was a normal fluctuation. Normal. Hear that? One kilo- that's well within the range of routine fluctuations that happen every day, to every body, due to perfectly innocuous factors like drinking water, eating food... I know this, for fuck's sake, I went to fucking medical school. They wouldn't let me on this ship if I didn't know what I was doing.
[break][break]
Right, right. Let's get back to business, shall we? It was an introduction you wanted, wasn't it? Some... ah, what was the word you used- was it a bio? Personal... personal bio? Something like that? Well, I already gave you one type of bio, didn't I? Do you really want the other type? All the boring nitty-gritty about what sort of person I am, what I do here, what my drive and purpose and reason for being on this stupid thing in the first place are? Well, I'm a doctor- your doctor, thank you very much. The only thing keeping you folk from falling apart down here. I'm familiar with it all, you know- oh yes. Very... very familiar.
[break][break]
Anyway.
[break][break]
I was college buddies with Taylan, way back when. That's how I got here, in case you were wondering. Not that you should be wondering- are you? Are you wondering? I'm qualified. I'd offer to show you my certificates and all, but I recently had to get rid of them. I know you people don't like to run on blind trust alone, but I'm afraid I'm the only guy you've got. Can't exactly call an ambulance, can you?
[break][break]
It's my job to keep you all in good health. If you want to avoid going to your scheduled check-ups, then be my guest, but don't expect me to just sit here twiddling my thumbs about it.

[attr="class",CharonBreak]

[attr="class",CharonGrid]

[attr="class",CharonGridLeft]

[attr="class",CharonGridTitle]Studies

Medicine, physics

[attr="class",CharonGridCentre]

[attr="class",CharonGridTitle]Interests

Human biology

[attr="class",CharonGridRight]

[attr="class",CharonGridTitle]Hobbies

N/A

[attr="class",CharonBreakLite]

[attr="class",CharonGrid]

[attr="class",CharonGridLeft]

[attr="class",CharonGridTitle]Neuroses

I'm not- no.

[attr="class",CharonGridCentre]

[attr="class",CharonGridTitle]Disorders

Stop asking this shit.

[attr="class",CharonGridRight]

[attr="class",CharonGridTitle]Remedies

For what?

[attr="class",CharonBreak]

[attr="class",CharonBody]I mean, I suppose I'm technically on a couple things right now, but they're not for any sort of psychiatric condition, and I really do not appreciate that implication. I'm on anti-rejection drugs for my prosthetic, a few vitamin supplements in case I fumble my diet, and- fine, I suppose I was put on some old anti-anxiety drug when I was younger, but that's not the reason I take it anymore. The only anxiety it relieves is the quite rational fear of withdrawal.
[break][break]
That can kill you, you know. With this drug. Four missed doses, and you start throwing up. Double that, and you're physically unable to sleep. Any more, and it's highly likely that you're going to have a seizure, and a heart attack, and organ failure, and...
[break][break]
It's fine, though. I can synthesise it- I have the equipment, and more than enough raw ingredients to last me several journeys. I wouldn't be here if I wasn't... if I wasn't sure... ah, hang on, can you give me five again? Minutes, this time- I just need to check my supplies...

[attr="class",CharonBreak]

[attr="class",CharonGrid]

[attr="class",CharonGridLeft]

[attr="class",CharonGridTitle]Prior Work

Okay, that's it. I'm out.

[attr="class",CharonGridCentre]

[attr="class",CharonGridTitle]Prior Work

Fuck you.

[attr="class",CharonGridRight]

[attr="class",CharonGridTitle]Prior Work

Fuck. You.

[attr="class",CharonBreakLite]

[attr="class",CharonGrid]

[attr="class",CharonGridLeft]

[attr="class",CharonGridTitle]Prior Work

Fine, FINE. It was Styx.

[attr="class",CharonGridCentre]

[attr="class",CharonGridTitle]That Styx?

Yes.

[attr="class",CharonGridRight]

[attr="class",CharonGridTitle]Good Lord...

[attr="class",CharonBreak]

[attr="class",CharonBreakLite]

Art by Kaneoya Sachiko.

[break][break][break]
Minimalism is good when you use the right font

Last Edit: Dec 9, 2022 20:44:34 GMT by Reyn

Div Guide | Grid/Table Guide | Code Help | Div Templates | Code Resources

Reyn
Moderator

Sleepyhead

Beatmania IIDX 16: Empress is the 16th game in the Beatmania IIDX series of music video games. It wa

Posts: 612

Reyn's Big Success House of Things That Work Aug 6, 2022 14:38:09 GMT

Post by Reyn on Aug 6, 2022 14:38:09 GMT

[nospaces][googlefont=Flavors][googlefont=Architects Daughter][googlefont=EB Garamond][googlefont=Cormorant Garamond]

[newclass=.GlassVar]/*DONT USE THIS CODE ITS NOT VERY GOOD AND IT WILL BREAK. I HAVE AN EXISTING DESKTOP CODE IN DIV TEMPLATES USE THAT INSTEAD
*/--monitorheight:600px;/*
*/--totaltabwidth:700px;/*
*/--fontmain:Open Sans;/*
*/--fontnote:Architects Daughter;/*
*/--tabneutral:#222222;/*
*/--tabselected:#353535;/*
*/--textlight:#FFFFFF;/*
*/--textdark:#000000;/*
*/--pageonebackground:#0C100B;/*
*/--pagetwobackground:#444444;/*
*/--pagethreebackground:#151E26;/*
*/--desktopbackground:url(https://i.imgur.com/6lxC7gE.jpg);/*
*/--desktopbrowsericon:url(https://i.imgur.com/0JAqrDv.png);/*
*/--desktoptaskbarpower:url(https://i.imgur.com/d0mbHAX.png);/*
*/--desktoptaskbarvol:url(https://i.imgur.com/gP7jlrR.png);/*
*/--desktoptaskbarwifi:url(https://i.imgur.com/SaQs1bP.png);/*
*/--termitariaaccent:#8bbb7d;/*
*/--termitariaaccenttwo:#1E241C;/*
*/--emaildark:#353535;/*
*/--emailmid:#696969;/*
*/--whatsmid:#142635;/*
*/--whatsdark:#0C1622;/*
*/--whatsaccent:#114223;/*
*/--glowdesktop:rgba(214,210,221, 0.7);/*
*/--glowpageone:rgba(139,187,125, 0.2);/*
*/--glowpagetwo:rgba(184, 184, 184, 0.3);/*
*/--glowpagethree:rgba(134,179,215, 0.2);/*
*/--sheetfonttitle:Cormorant Garamond;/*
*/--sheetfontmain:EB Garamond;/*
*/--sheettext:#07060C;/*
*/--sheetbackground:#131022;/*
*/--sheetimage:url(https://i.imgur.com/HsavCQq.jp.g);[/newclass]

[newclass=.GlassScroll]overflow:auto;--monitorwidth:900px;[/newclass]
[newclass=.GlassScroll::-webkit-scrollbar]width:1px;height:2px;background-color:transparent[/newclass]
[newclass=.GlassScroll::-webkit-scrollbar-thumb]background-color:transparent[/newclass]
[newclass=.GlassScroll::-webkit-scrollbar-thumb:horizontal]background-color:var(--tabneutral)[/newclass]

[newclass=.GlassBack]padding-top:200px;max-width:1300px;min-width:940px;background-image:url(https://i.imgur.com/3mj2eVL.jpg);background-size:cover;cursor: url('https://i.imgur.com/YKap25B.png'), auto;font-family:var(--fontmain);color:var(--textlight);margin:auto;overflow:auto;[/newclass]
[newclass=.GlassBack::-webkit-scrollbar]width:1px;height:1px;background-color:transparent[/newclass]
[newclass=.GlassBack::-webkit-scrollbar-thumb]background-color:transparent[/newclass]
[newclass=.GlassBack::-webkit-scrollbar-thumb:horizontal]background-color:transparent[/newclass]

[newclass=.GlassMonitorBorder]outline:20px solid black;width:100%;height:100%;position:absolute;top:0;left:0;z-index:909;pointer-events:none;[/newclass]
[newclass=.GlassMonitorStand]width:150px;height:200px;margin:auto;background-color:black;position:relative;z-index:1[/newclass]
[newclass=.GlassDesk]width:100%;height:200px;background-image:url(https://i.imgur.com/daZiz8v.jpg);background-size:cover;position:relative;z-index:1[/newclass]
[newclass=.GlassMonitorStandBottom]width:150px;height:20px;margin:auto;background-color:black;[/newclass]
[newclass=.GlassMonitorStandBase]width:400px;margin:auto;border-bottom: 60px solid black;border-left: 40px solid transparent;border-right: 40px solid transparent;[/newclass]
[newclass=.GlassMonitorStandBaseTwo]width:480px;height:15px;background-color:black;margin:auto;position:relative;z-index:2000;[/newclass]

[newclass=.GlassMain]width:var(--monitorwidth);height:var(--monitorheight);position:relative;background-color:var(--tabneutral);margin:auto;cursor:default;[/newclass]

[newclass=.GlassTabIndex]position:absolute;z-index:400;[/newclass]

[newclass=.GlassTabPageOne]position:absolute;z-index:100;left:-3px;top:-6px;height:calc(var(--monitorheight) - 34px);width:var(--monitorwidth);background-color:var(--pageonebackground);color:var(--textdark);[/newclass]
[newclass=.GlassTabOneBackGlow]height:var(--monitorheight);width:var(--monitorwidth);box-shadow:0px 0px 300px 20px var(--glowpageone),0px 0px 100px 10px var(--glowpageone);position:absolute;top:-40px;left:-3px;z-index:2;pointer-events:none;[/newclass]
[newclass=.GlassTabPageTwo]position:absolute;z-index:100;left:-3px;top:-6px;height:calc(var(--monitorheight) - 34px);width:var(--monitorwidth);background-color:var(--pagetwobackground);color:var(--textdark);[/newclass]
[newclass=.GlassTabTwoBackGlow]height:var(--monitorheight);width:var(--monitorwidth);box-shadow:0px 0px 300px 20px var(--glowpagetwo),0px 0px 100px 10px var(--pagetwobackground);position:absolute;top:-40px;left:-3px;z-index:2;pointer-events:none;[/newclass]
[newclass=.GlassTabPageThree]position:absolute;z-index:100;left:-3px;top:-6px;height:calc(var(--monitorheight) - 34px);width:var(--monitorwidth);background-color:var(--pagethreebackground);color:var(--textdark);[/newclass]
[newclass=.GlassTabThreeBackGlow]height:var(--monitorheight);width:var(--monitorwidth);box-shadow:0px 0px 300px 20px var(--glowpagethree),0px 0px 100px 10px var(--pagethreebackground);position:absolute;top:-40px;left:-3px;z-index:2;pointer-events:none;[/newclass]

[newclass=.GlassTabOneCover]position:absolute;left:0px;top:-13px;height:10px;width:calc((var(--totaltabwidth) / 3) - 2px);background-color:var(--tabselected);[/newclass]
[newclass=.GlassTabTwoCover]position:absolute;left:calc((var(--totaltabwidth) / 3) - 2px);top:-13px;height:10px;width:calc((var(--totaltabwidth) / 3) - 2px);background-color:var(--tabselected);[/newclass]
[newclass=.GlassTabThreeCover]position:absolute;left:calc(((var(--totaltabwidth) / 3) * 2) - 4px);top:-13px;height:10px;width:calc((var(--totaltabwidth) / 3) - 1px);background-color:var(--tabselected);[/newclass]

[newclass=.GlassTabSearchGrid]background-color:var(--tabselected);display:grid;height:40px;width:var(--monitorwidth);padding-top:5px;grid-template-columns:50px 40px 50px 1fr 10px;grid-template-areas:'BACK FORWARD REFRESH TEXT GAP';[/newclass]
[newclass=.GlassTabSearchBack]grid-area:BACK;height:100%;background-image:url(https://i.imgur.com/g2LaMuv.png);[/newclass]
[newclass=.GlassTabSearchForward]grid-area:FORWARD;height:100%;background-image:url(https://i.imgur.com/IjA6MtW.png);[/newclass]
[newclass=.GlassTabSearchRefresh]grid-area:REFRESH;height:100%;background-image:url(https://i.imgur.com/99Bs5Po.png);[/newclass]
[newclass=.GlassTabSearchText]grid-area:TEXT;height:100%;[/newclass]
[newclass=.GlassTabSearchTextPad]padding-top:5px;padding-bottom:8px;[/newclass]
[newclass=.GlassTabSearchTextBox]background-color:var(--tabneutral);height:27px;width:100%;border-radius:30px;color:var(--textlight);font-size:13px;[/newclass]
[newclass=.GlassTabSearchTextBoxPad]padding-top:6px;[/newclass]

[newclass=.GlassButtonGrid]position:absolute;right:0;top:0;width:150px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:'MIN WINDOW CLOSE';height:100%[/newclass]
[newclass=.GlassButtonGridMin]grid-area:MIN;background-color:var(--tabneutral);width:100%;height:100%;text-align:center;font-size:17px;cursor:no-drop;[/newclass]
[newclass=.GlassButtonGridWindow]grid-area:WINDOW;background-color:var(--tabneutral);width:100%;height:100%;text-align:center;font-size:15px;cursor:no-drop;padding-top:7px;[/newclass]
[newclass=.GlassButtonGridClose]grid-area:CLOSE;background-color:var(--tabneutral);width:100%;height:100%;text-align:center;font-size:20px;cursor:no-drop;padding-top:5px;[/newclass]

[newclass=.GlassButtonGridMin:hover]background-color:var(--tabselected)[/newclass]
[newclass=.GlassButtonGridWindow:hover]background-color:var(--tabselected)[/newclass]
[newclass=.GlassButtonGridClose:hover]background-color:#E81123[/newclass]

[newclass=.GlassClose]font-size:70px;width:50px;height:28px;position:absolute;right:0;top:-5px;z-index:900;user-select:none;[/newclass]
[newclass=.GlassDesktop]height:var(--monitorheight);width:var(--monitorwidth);position:absolute;top:5px;left:calc(50px - var(--monitorwidth));background-color:var(--textlight);background-image:var(--desktopbackground);background-size:cover;pointer-events:none;background-position:bottom;[/newclass]
[newclass=.GlassDesktopNoClick]width:var(--monitorwidth);height:500px;position:absolute;bottom:35px;pointer-events:all;cursor:default;[/newclass]
[newclass=.GlassDesktopStickyNote]overflow:auto;background-color:var(--termitariaaccent);color:black;width:220px;height:200px;font-size:14px;position:absolute;left:70px;text-align:left;padding:15px;font-family:var(--fontnote);box-shadow:-2px 2px 5px 0px black[/newclass]
[newclass=.GlassDesktopStickyNoteClose]position:absolute;left:290px;top:10px;font-size:20px;cursor:no-drop;color:black;[/newclass]
[newclass=.GlassDesktopSpotify]position:absolute;top:100px;left:570px;pointer-events:all;box-shadow:-2px 2px 5px 0px black;background-color:#100E0B[/newclass]

[newclass=.GlassDesktopBrowser]color:var(--textlight);text-shadow:0px 1px 2px var(--textdark);pointer-events:none;position:absolute;right:0;top:0;width:50px;font-size:12px;[/newclass]
[newclass=.GlassDesktopBrowserIcon]height:50px;width:50px;background-image:var(--desktopbrowsericon);background-size:cover;border-bottom:5px transparent solid;[/newclass]
[newclass=.GlassDesktopBackGlow]height:var(--monitorheight);width:var(--monitorwidth);box-shadow:0px 0px 500px 20px var(--glowdesktop),0px 0px 100px 10px var(--glowdesktop);-webkit-text-fill-color:var(--textlight);position:absolute;top:0;left:0;z-index:2;pointer-events:none;[/newclass]

[newclass=.GlassDesktopTaskbar]height:35px;width:var(--monitorwidth);position:absolute;top:calc(var(--monitorheight) - 30px);left:calc(50px - var(--monitorwidth));background-color:var(--tabneutral);display:grid;grid-template-columns:50px 1fr 140px 35px 35px 90px;grid-template-areas:'HOME GAP WEATHER VOL WIFI TIME';font-size:30px[/newclass]
[newclass=.GlassDesktopTaskbarHome]grid-area:HOME;height:100%;width:100%;background:var(--desktoptaskbarpower), var(--tabselected);background-size:contain;background-repeat:no repeat;background-position:center center;[/newclass]
[newclass=.GlassDesktopTaskbarGap]grid-area:GAP;[/newclass]
[newclass=.GlassDesktopTaskbarWeather]grid-area:WEATHER;height:100%;width:100%;font-size:13px;background-color:var(--tabneutral);padding-top:10px;text-align:right;[/newclass]
[newclass=.GlassDesktopTaskbarVol]grid-area:VOL;height:100%;width:100%;background-image:var(--desktoptaskbarvol);background-size:contain;background-position:center center;[/newclass]
[newclass=.GlassDesktopTaskbarWifi]grid-area:WIFI;height:100%;width:100%;background-image:var(--desktoptaskbarwifi);background-size:contain;background-position:center center;[/newclass]
[newclass=.GlassDesktopTaskbarTime]grid-area:TIME;height:100%;width:100%;background-color:var(--tabneutral);font-size:11px;text-align:center;padding-top:4px;[/newclass]

[newclass=.GlassShutdown]background-image:url(https://i.imgur.com/vQL2w5G.jpg);background-size:cover;height:1085px;width:1300px;position:absolute;top:calc(0px - 250px - var(--monitorheight));left:-200px;z-index:3;cursor: url('https://i.imgur.com/YKap25B.png'), auto;[/newclass]
[newclass=.GlassShutdownRelative]position:relative;[/newclass]
[newclass=.GlassDeadMonitor]width:var(--monitorwidth);height:var(--monitorheight);position:absolute;top:285px;left:200px;background-image:url(https://i.imgur.com/n5Os6Xv.png);background-size:cover;margin:auto;[/newclass]
[newclass=.GlassDarkMonitorStand]width:150px;height:200px;margin:auto;background-color:black;transform:translate(0px, 900px);z-index:1090;position:relative;[/newclass]
[newclass=.GlassDarkDesk]width:100%;height:200px;background-image:url(https://i.imgur.com/5ausfT6.jpg);position:absolute;top:calc(var(--monitorheight) + 485px);background-size:cover;z-index:1090[/newclass]

[newclass=.GlassTermitariaPosition]height:calc(var(--monitorheight) - 119px);position:relative;[/newclass]
[newclass=.GlassTermitariaMain]background-color:var(--pageonebackground);height:calc(var(--monitorheight) - 119px);overflow:auto;padding-left:20px;padding-top:20px;padding-right:20px;padding-bottom:20px;font-size:13px;[/newclass]
[newclass=.GlassTermitariaTitle]font-family:Flavors, sans-serif;font-size:60px;color:var(--textlight);padding-left:10px;padding-bottom:10px;[/newclass]
[newclass=.GlassTermitariaInfoBar]background-color:var(--termitariaaccent);height:20px;width:100%;border-radius:5px;padding-top:3px;font-weight:500;[/newclass]
[newclass=.GlassTermitariaNavBar]background-color:var(--termitariaaccenttwo);height:15px;width:100%;border-radius:5px;padding-top:2px;font-size:9px;color:var(--textlight);[/newclass]
[newclass=.GlassTermitariaPostGrid]width:100%;display:grid;grid-template-columns:20% 80%;grid-template-areas:'USER CONTENT';background-color:var(--termitariaaccenttwo);border-radius:5px;color:var(--textlight);[/newclass]
[newclass=.GlassTermitariaPostUser]grid-area:USER;padding-top:20px;padding-bottom:20px;padding-left:20px;[/newclass]
[newclass=.GlassTermitariaPostContent]grid-area:CONTENT;border-left:1px solid var(--termitariaaccent);padding-left:20px;padding-top:20px;padding-bottom:20px;padding-right:20px;[/newclass]
[newclass=.GlassTermitariaPostReply]padding-bottom:10px;float:right;font-size:14px;color:var(--termitariaaccent);[/newclass]

[newclass=.GlassTermitariaMessageIcon]position:absolute;bottom:-20px;right:35px;height:50px;width:50px;background-image:url(https://i.imgur.com/skHlRsV.png);font-size:70px;user-select:none;[/newclass]
[newclass=.GlassTermitariaMessageBox]position:absolute;bottom:0;right:60px;width:260px;height:380px;overflow:auto;background-color:var(--textlight);font-size:13px;padding:20px;border-radius:5px;[/newclass]
[newclass=.GlassTermitariaMessageOutAlign]text-align:right;margin-left:40px;margin-right:auto;[/newclass]
[newclass=.GlassTermitariaMessageOut]max-width:200px;background-color:var(--termitariaaccent);border-radius:5px;display:inline-block;padding:10px;text-align:left;[/newclass]
[newclass=.GlassTermitariaMessageIn]max-width:200px;background-color:#cccccc;border-radius:5px;display:inline-block;padding:10px;[/newclass]

[newclass=.GlassEmailMainGrid]display:grid;height:calc(var(--monitorheight) - 79px);width:var(--monitorwidth);grid-template-columns:30% 70%;grid-template-rows:70px auto;grid-template-areas: 'TOPSIDE TOPMAIN' 'SIDE MAIN';color:white;[/newclass]
[newclass=.GlassEmailMainGridTopSide]grid-area:TOPSIDE;width:100%;height:100%;background-color:var(--pagetwobackground);padding:10px;font-size:40px;font-weight:300;[/newclass]
[newclass=.GlassEmailMainGridTopMain]grid-area:TOPMAIN;width:100%;height:100%;background-color:var(--pagetwobackground);padding:10px[/newclass]
[newclass=.GlassEmailMainGridSide]grid-area:SIDE;width:100%;height:100%;background-color:var(--pagetwobackground);font-size:14px;position:relative;[/newclass]
[newclass=.GlassEmailMainGridMain]grid-area:MAIN;width:100%;height:100%;background-color:var(--emaildark);overflow-y:auto;overflow-x:hidden;[/newclass]

[newclass=.GlassEmailSearch]background-color:var(--emaildark);width:610px;height:32px;padding-top:12px;font-size:15px;font-weight:300;cursor:no-drop;[/newclass]

[newclass=.GlassEmailSideInbox]background-color:var(--emailmid);padding:5px;border-radius:0px 10px 10px 0px;width:250px;[/newclass]
[newclass=.GlassEmailSideRest]padding:5px;width:240px;border-radius:0px 10px 10px 0px;cursor:no-drop;[/newclass]
[newclass=.GlassEmailSideRest:hover]background-color:var(--emaildark)[/newclass]
[newclass=.GlassEmailProfile]position:absolute;bottom:0;font-size:15px;padding:15px;[/newclass]
[newclass=.GlassEmailProfileIcon]height:37px;width:50px;background-color:var(--termitariaaccent);border-radius:50%;text-align:center;display:inline-block;padding-top:12px;font-size:20px;[/newclass]

[newclass=.GlassEmailEmail]height:25px;padding:7px;font-size:15px;width:100%;border-bottom:1px solid var(--emailmid);[/newclass]
[newclass=.GlassEmailOpenEmail]font-size:15px;width:100%;border-bottom:1px solid var(--emailmid);[/newclass]
[newclass=.GlassEmailOpenEmailPadding]padding:7px;[/newclass]
[newclass=.GlassEmailOpenEmailMain]font-size:13px;padding:17px;[/newclass]
[newclass=.GlassEmailMore]height:25px;padding:7px;font-size:15px;width:100%;cursor:no-drop;[/newclass]
[newclass=.GlassEmailMore:hover]background-color:var(--pagetwobackground)[/newclass]

[newclass=.GlassWhatsGrid]display:grid;grid-template-columns:65% 35%;grid-template-areas:'MAIN SIDE';height:calc(var(--monitorheight) - 79px);width:var(--monitorwidth);color:var(--textlight);[/newclass]
[newclass=.GlassWhatsMain]grid-area:MAIN;background-color:var(--whatsdark);[/newclass]
[newclass=.GlassWhatsSide]grid-area:SIDE;background-color:var(--whatsmid);height:100%[/newclass]

[newclass=.GlassWhatsMainHeader]height:35px;padding:10px;width:100%;background-color:var(--whatsmid);font-size:15px[/newclass]

[newclass=.GlassWhatsSideHeader]font-size:15px;padding-top:20px;[/newclass]
[newclass=.GlassWhatsSideHeaderImage]height:200px;width:200px;background-image:url(https://i.imgur.com/jXOIqLj.jpg);border-radius:50%;[/newclass]
[newclass=.GlassWhatsSidePadding]padding:20px;[/newclass]
[newclass=.GlassWhatsSideBreak]background-color:var(--whatsdark);height:5px;width:100%;[/newclass]
[newclass=.GlassWhatsSideButton]padding:20px;cursor:no-drop;font-size:15px;[/newclass]
[newclass=.GlassWhatsSideButton:hover]background-color:var(--whatsdark)[/newclass]

[newclass=.GlassWhatsMainMessage]overflow:auto;height:426px;padding:20px;[/newclass]

[newclass=.GlassWhatsMessageOutAlign]text-align:right;margin-left:40px;margin-right:auto;[/newclass]
[newclass=.GlassWhatsMessageOut]max-width:400px;background-color:var(--whatsaccent);border-radius:5px;display:inline-block;padding:10px;text-align:left;[/newclass]
[newclass=.GlassWhatsMessageIn]max-width:400px;background-color:var(--whatsmid);border-radius:5px;display:inline-block;padding:10px;[/newclass]

[newclass=.GlassComputerText]font-size:30px;font-family:var(--sheetfonttitle);padding-top:250px;padding-bottom:250px;[/newclass]
[newclass=.GlassCloseText]background-color:black;height:100px;padding-left:15px;padding-right:10px;position:absolute;bottom:-750px;left:180px;color:var(--textlight);z-index:2000;font-size:30px;font-family:var(--sheetfonttitle)[/newclass]

[newclass=.GlassBlack]background-color:black;max-width:1300px;color:var(--textlight);margin:auto;text-align:center;[/newclass]

[newclass=.GlassSheetWrap]max-width:900px;background-color:var(--textlight);height:500px;margin:auto;display:grid;grid-template-columns:auto 540px;grid-template-areas:'IMG MAIN';font-family:var(--sheetfontmain);color:var(--sheettext)[/newclass]
[newclass=.GlassSheetImg]grid-area:IMG;background-image:var(--sheetimage);height:100%;background-size:cover;background-position:80% center;[/newclass]

[newclass=.GlassSheetMain]grid-area:MAIN;height:460px;padding-left:40px;padding-top:40px;padding-right:40px;overflow:auto;direction:rtl;text-align:left;[/newclass]
[newclass=.GlassSheetMain::-webkit-scrollbar]width:41px;[/newclass]
[newclass=.GlassSheetMain::-webkit-scrollbar-thumb]background-color:var(--sheettext);width:17px;border-left: 40px solid rgba(0, 0, 0, 0);border-top:40px solid rgba(0, 0, 0, 0);border-bottom:40px solid rgba(0, 0, 0, 0);background-clip: padding-box;[/newclass]
[newclass=.GlassSheetMainDir]direction:ltr;[/newclass]
[newclass=.GlassSheetTitle]font-size:56px;font-family:var(--sheetfonttitle);line-height:0.7;[/newclass]
[newclass=.GlassSheetSubtitle]font-size:20px;[/newclass]
[newclass=.GlassSheetDesc]font-size:14px;text-align:justify;[/newclass]
[newclass=.GlassSheetCite]font-size:12px;line-height:2;[/newclass]

[newclass=.GlassSheetBreak]height:40px;width:100%;[/newclass]
[newclass=.GlassSheetBreakLite]height:20px;width:100%;[/newclass]

[newclass=.GlassSheetGrid]display:grid;grid-template-columns:repeat(3, 1fr);grid-template-areas:'LEFT CENTRE RIGHT';font-size:14px;[/newclass]
[newclass=.GlassSheetGridLeft]grid-area:LEFT;[/newclass]
[newclass=.GlassSheetGridCentre]grid-area:CENTRE;[/newclass]
[newclass=.GlassSheetGridRight]grid-area:RIGHT;[/newclass]
[newclass=.GlassSheetGridTitle]font-size:24px;font-family:var(--sheetfontmain);[/newclass]

[newclass=.GlassSheetBody]font-size:14px;text-align:justify;[/newclass]

[newclass=.GlassFloatRight]float:right;[/newclass]

[newclass=.GlassTinierGap]height:2px;[/newclass]
[newclass=.GlassTinyGap]height:5px;[/newclass]
[newclass=.GlassSmallGap]height:12px;[/newclass]
[newclass=.GlassHugeGap]height:200px;[/newclass]

SPOILER: Click to show

{Help(+)}How to use this thing:[break]
- Click between the three Chrome tabs and scroll to read[break]
- Click the DM icon in the corner of Termitaria[break]
- Click the Close button of Chrome[break]
- Click the Spotify player[break]
- Click the Power button[break]
- Scroll down for the actual sheet!
[break][break]
I am aware this looks like shit on mobile but I'm not fixing it.

[break][break]

[attr="class",GlassVar]

[attr="class",GlassScroll]

[attr="class",GlassBack]

[attr="class",GlassMain]

[attr="class",GlassMonitorBorder]

[attr="class",GlassButtonGrid]

[attr="class",GlassButtonGridMin]_

[attr="class",GlassButtonGridWindow]▢

[attr="class",GlassButtonGridClose]×

[attr="class",GlassClose]

SPOILER: Click to show

{⠀}

[attr="class",GlassDesktop]

[attr="class",GlassDesktopNoClick]

[attr="class",GlassDesktopSpotify]

[attr="class",GlassDesktopStickyNote]GROCERY LIST (IMPORTANT)
[break][break]
- bread[break]
- eggs?[break]
- lettuce[break]
- dont get the diet monster again get the real one[break]
- meat (any) (beef preferred)[break]
- fruit (any) (and every)[break]
- baking stuff?[break]
- gift for jeanne

[attr="class",GlassDesktopStickyNoteClose]×

[attr="class",GlassDesktopBackGlow]

[attr="class",GlassDesktopBrowser]

[attr="class",GlassDesktopBrowserIcon]

Chrome.

[attr="class",GlassDesktopTaskbar]

[attr="class",GlassDesktopTaskbarHome]

SPOILER: Click to show

{⠀}

[attr="class",GlassShutdown]

[attr="class",GlassShutdownRelative]

[attr="class",GlassDarkMonitorStand]

[attr="class",GlassDarkDesk]

[attr="class",GlassMonitorStandBottom]

[attr="class",GlassMonitorStandBase]

[attr="class",GlassMonitorStandBaseTwo]

[attr="class",GlassDeadMonitor]

[attr="class",GlassCloseText]Huh. Could've sworn I

[attr="class",GlassDesktopTaskbarGap]

[attr="class",GlassDesktopTaskbarWeather]16°C⠀Cloudy⠀

[attr="class",GlassDesktopTaskbarVol]

[attr="class",GlassDesktopTaskbarWifi]

[attr="class",GlassDesktopTaskbarTime]03:28[break]
28/06/2022

[attr="class",GlassTabIndex][PTabbedContent][PTab=

Bugposting - Termitaria⠀×⠀

]

[attr="class",GlassTabOneCover]

[attr="class",GlassTabOneBackGlow]

[attr="class",GlassTabPageOne]

[attr="class",GlassTabSearchGrid]

[attr="class",GlassTabSearchBack]

[attr="class",GlassTabSearchForward]

[attr="class",GlassTabSearchRefresh]

[attr="class",GlassTabSearchText]

[attr="class",GlassTabSearchTextPad]

[attr="class",GlassTabSearchTextBox]

[attr="class",GlassTabSearchTextBoxPad]⠀https://termitaria.net/thread/1048/bugposting?page=15

[attr="class",GlassTermitariaPosition]

[attr="class",GlassTermitariaMain]

[attr="class",GlassTermitariaTitle]Termitaria

[attr="class",GlassTermitariaInfoBar]⠀glassw1ng | Members | Bookmarks | Recent | Search

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaNavBar]⠀⠀Termitaria⠀>⠀General⠀>⠀Off Topic⠀>⠀Bugposting

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaInfoBar]⠀Bugposting | Page 15

[attr="class",GlassFloatRight]Reply⠀

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaPostGrid]

[attr="class",GlassTermitariaPostUser]

[attr="class",GlassSmallGap]

antttt_mal[break]
Member

[attr="class",GlassTermitariaPostContent]

[attr="class",GlassTermitariaPostReply]Reply

oh yeah for sure we can be held liable if any of us are actually like. beetle menaces. but thats not gonna happen though im sure they understand this is all jokes right
[break][break]
RIGHT GUYS
[break][break][break][break]
hi im mallory and youre watching disney channel

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaPostGrid]

[attr="class",GlassTermitariaPostUser]

[attr="class",GlassSmallGap]

4getfulm0th[break]
Member

[attr="class",GlassTermitariaPostContent]

[attr="class",GlassTermitariaPostReply]Reply

DEAR FBI: everything I post is serious and I am a threat
[break][break]
A threat to lamps and wood structures everywhere lol
[break][break]
nah dw Mal, I don't have much faith in the cops but I assume they can at least pick up satire when they see it
[break][break][break][break]
what the

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaPostGrid]

[attr="class",GlassTermitariaPostUser]

[attr="class",GlassSmallGap]

antttt_mal[break]
Member

[attr="class",GlassTermitariaPostContent]

[attr="class",GlassTermitariaPostReply]Reply

NII omg
[break][break][break][break][break][break][break]
hi im mallory and youre watching disney channel

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaPostGrid]

[attr="class",GlassTermitariaPostUser]

[attr="class",GlassSmallGap]

Little_FURY[break]
Member

[attr="class",GlassTermitariaPostContent]

[attr="class",GlassTermitariaPostReply]Reply

Don't do anything stupid, regardless. Honestly this whole thread was a mistake.
[break][break]
Quit it with the whole "unleashing an army of termites on Central Park" bit as well. It's not funny. We all know you're just larping.
[break][break]
Post something like that again and I'll call in the mods.
[break][break][break][break]
>:(

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaPostGrid]

[attr="class",GlassTermitariaPostUser]

[attr="class",GlassSmallGap]

4getfulm0th[break]
Member

[attr="class",GlassTermitariaPostContent]

[attr="class",GlassTermitariaPostReply]Reply

>It's not funny
[break][break]
yes it is
[break][break]
>just larping
[break][break]
Larping requires touching grass
[break][break]
>I'll call the mods
[break][break]
Cricket thinks this shit is hilarious and Celeste doesn't give a flying fuck lmao. cope and seethe
[break][break][break][break]
what the

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaPostGrid]

[attr="class",GlassTermitariaPostUser]

[attr="class",GlassSmallGap]

Little_FURY[break]
Member

[attr="class",GlassTermitariaPostContent]

[attr="class",GlassTermitariaPostReply]Reply

Glass will have your fucking head for this.
[break][break]
@glassw1ng
[break][break][break][break]
>:(

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaPostGrid]

[attr="class",GlassTermitariaPostUser]

[attr="class",GlassSmallGap]

Cricket[break]
Moderator

[attr="class",GlassTermitariaPostContent]

[attr="class",GlassTermitariaPostReply]Reply

Fury, please stop threatening other members. Leave that to us.
[break][break]
Also, Glass isn't a moderator anymore- she stepped down last month. I'm sure she'd prefer if you didn't harass her about it.
[break][break][break][break]
Welcome to the site!

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaPostGrid]

[attr="class",GlassTermitariaPostUser]

[attr="class",GlassSmallGap]

antttt_mal[break]
Member

[attr="class",GlassTermitariaPostContent]

[attr="class",GlassTermitariaPostReply]Reply

aw i hope shes ok :( havent heard from her in ages
[break][break][break][break][break][break][break]
hi im mallory and youre watching disney channel

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaPostGrid]

[attr="class",GlassTermitariaPostUser]

[attr="class",GlassSmallGap]

fr1da_y[break]
Member

[attr="class",GlassTermitariaPostContent]

[attr="class",GlassTermitariaPostReply]Reply

Hey, are mod applications open yet cricket?
[break][break][break][break][break][break][break]
it's

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaPostGrid]

[attr="class",GlassTermitariaPostUser]

[attr="class",GlassSmallGap]

4getfulm0th[break]
Member

[attr="class",GlassTermitariaPostContent]

[attr="class",GlassTermitariaPostReply]Reply

glass doesn't care either dickhead
[break][break]
Also idk if they even are going to run a new mod this time, this site has been bleeding members for the past few years I don't think there's much need
[break][break]
but just in case they're not, uh... hiiiii besties :)
[break][break][break][break]
what the

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaPostGrid]

[attr="class",GlassTermitariaPostUser]

[attr="class",GlassSmallGap]

_moravi_[break]
Member

[attr="class",GlassTermitariaPostContent]

[attr="class",GlassTermitariaPostReply]Reply

Nii, you're the last person I'd want in charge of anything.
[break][break]
I love you man, but you would not be good in power. You'd forget your duties as soon as they're given lmao
[break][break]
I kinda hope glass comes back. Not to stir the pot, but didn't she say she was unwell? What was that all about? Mental health, I assume?
[break][break][break][break]
DMs are closed.

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaPostGrid]

[attr="class",GlassTermitariaPostUser]

[attr="class",GlassSmallGap]

twilitDance[break]
Member

[attr="class",GlassTermitariaPostContent]

[attr="class",GlassTermitariaPostReply]Reply

A vote for Nii is a vote for anarchy.
[break][break][break][break][break][break][break]
...

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaPostGrid]

[attr="class",GlassTermitariaPostUser]

[attr="class",GlassSmallGap]

antttt_mal[break]
Member

[attr="class",GlassTermitariaPostContent]

[attr="class",GlassTermitariaPostReply]Reply

a vote for nii is a vote for anarchy!
[break][break][break][break][break][break][break]
hi im mallory and youre watching disney channel

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaMessageIcon]

SPOILER: Click to show

{⠀}

[attr="class",GlassTermitariaMessageBox]

@vignette_03

[attr="class",GlassSmallGap]

26/06/2022

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaMessageIn]Glass, it's me, it's vignette.

[attr="class",GlassTinyGap]

[attr="class",GlassTermitariaMessageIn]Look, I know it's been a long time since we talked, and I know that block-evading probably isn't the best way to get you to chat, but I'm really worried about you.

[attr="class",GlassTinyGap]

[attr="class",GlassTermitariaMessageIn]Unless I've done something serious that I don't know about, is it safe to assume that you blocked me because you hit a low point again?

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaMessageOutAlign]

[attr="class",GlassTermitariaMessageOut]youre right i did

[attr="class",GlassTinyGap]

[attr="class",GlassTermitariaMessageOut]im sorry man i just

[attr="class",GlassTinyGap]

[attr="class",GlassTermitariaMessageOut]thanks for getting in touch. i really appreciate it

[attr="class",GlassTinyGap]

[attr="class",GlassTermitariaMessageOut]i know i can be a lot sometimes and im sorry i blocked your main. i can unblock now if you want

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaMessageIn]It's fine, I'll keep using this alt for now.

[attr="class",GlassTinyGap]

[attr="class",GlassTermitariaMessageIn]How are you holding up?

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaMessageOutAlign]

[attr="class",GlassTermitariaMessageOut]uh. not too great, to be perfectly honest.

[attr="class",GlassTinyGap]

[attr="class",GlassTermitariaMessageOut]idk everythings just been sort of falling apart yknow

[attr="class",GlassTinyGap]

[attr="class",GlassTermitariaMessageOut]sorry to spring thids on youi like that

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaMessageIn]It's alright, that's why I reached out isn't it?

[attr="class",GlassTinyGap]

[attr="class",GlassTermitariaMessageIn]Was there anything specific that happened?

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaMessageOutAlign]

[attr="class",GlassTermitariaMessageOut]was there fuck

[attr="class",GlassTinyGap]

[attr="class",GlassTermitariaMessageOut]out of a fuciking job now. great,

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaMessageIn]Oh man, I'm so sorry.

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaMessageOutAlign]

[attr="class",GlassTermitariaMessageOut]is alright, not your fault

[attr="class",GlassTinyGap]

[attr="class",GlassTermitariaMessageOut]unless you idk

[attr="class",GlassTinyGap]

[attr="class",GlassTermitariaMessageOut]fucking snuck in there yoursel f or some shit lol

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaMessageIn]Snuck in where?

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaMessageOutAlign]

[attr="class",GlassTermitariaMessageOut]it doesnt matter

[attr="class",GlassTinyGap]

[attr="class",GlassTermitariaMessageOut]fucking

[attr="class",GlassTinyGap]

[attr="class",GlassTermitariaMessageOut]who cares, really

[attr="class",GlassTinyGap]

[attr="class",GlassTermitariaMessageOut]who gives a shit anymore

[attr="class",GlassTinyGap]

[attr="class",GlassTermitariaMessageOut]it was bound to happen. as soon as i get some fucking stability. as soon as ican catxh a break

[attr="class",GlassTinyGap]

[attr="class",GlassTermitariaMessageOut]whas even the point lmao

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaMessageIn]These things happen.

[attr="class",GlassTinyGap]

[attr="class",GlassTermitariaMessageIn]I mean, you've picked yourself up from worse, haven't you?

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaMessageIn]Hey, you still there?

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaMessageOutAlign]

[attr="class",GlassTermitariaMessageOut]this is all so stupis

[attr="class",GlassTinyGap]

[attr="class",GlassTermitariaMessageOut]stupid*

[attr="class",GlassTinyGap]

[attr="class",GlassTermitariaMessageOut]fucj

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaMessageIn]You alright?

[attr="class",GlassTinyGap]

[attr="class",GlassTermitariaMessageIn]Glass?

[attr="class",GlassSmallGap]

[attr="class",GlassTermitariaMessageIn]Edain?

[attr="class",GlassSmallGap]

User @vignette_03 has been blocked.

[attr="class",GlassSmallGap]

28/07/2022

[attr="class",GlassSmallGap]

User @vignette_03 has been unblocked.

[attr="class",GlassSmallGap]

Inbox (999+) - e.Callaghan@...⠀×⠀

]

[attr="class",GlassTabTwoCover]

[attr="class",GlassTabTwoBackGlow]

[attr="class",GlassTabPageTwo]

[attr="class",GlassTabSearchGrid]

[attr="class",GlassTabSearchBack]

[attr="class",GlassTabSearchForward]

[attr="class",GlassTabSearchRefresh]

[attr="class",GlassTabSearchText]

[attr="class",GlassTabSearchTextPad]

[attr="class",GlassTabSearchTextBox]

[attr="class",GlassTabSearchTextBoxPad]⠀https://mail.google.com/mail/u/0/#inbox

[attr="class",GlassEmailMainGrid]

[attr="class",GlassEmailMainGridTopSide]⠀

Gmail

[attr="class",GlassEmailMainGridTopMain]

[attr="class",GlassEmailSearch]⠀Search mail

[attr="class",GlassEmailMainGridSide]

[attr="class",GlassSmallGap]

[attr="class",GlassEmailSideInbox]⠀⠀Inbox

[attr="class",GlassFloatRight](999+)⠀⠀

[attr="class",GlassEmailSideRest]⠀⠀Marked

[attr="class",GlassEmailSideRest]⠀⠀Important

[attr="class",GlassFloatRight](110)⠀⠀

[attr="class",GlassEmailSideRest]⠀⠀Muted

[attr="class",GlassEmailSideRest]⠀⠀Sent

[attr="class",GlassEmailSideRest]⠀⠀Drafts

[attr="class",GlassFloatRight](573)⠀⠀

[attr="class",GlassEmailSideRest]⠀⠀All Mail

[attr="class",GlassEmailProfile]

[attr="class",GlassEmailProfileIcon]E

⠀Edain Callaghan ⠀⠀⠀⠀+

[attr="class",GlassEmailMainGridMain]

[attr="class",GlassEmailEmail]▢⠀☆⠀PCBR Inquiries - Dear Dr. Callaghan, Thank you for the quick response. This does not...

[attr="class",GlassEmailEmail]▢⠀☆⠀PCBR Inquiries - Dear Dr. Callaghan, After reviewing your paper, we are willing to gi...

[attr="class",GlassEmailEmail]▢⠀☆⠀subscriptions@recipenet.com - Thank you for your recent subscription! You...

[attr="class",GlassEmailEmail]▢⠀☆⠀WordBot - Hello, glassw1ng- the Weekly Cryptic is ready and waiting! Find this puzz...

[attr="class",GlassEmailEmail]▢⠀☆⠀newsletter@cookielife.com - Hello, Glasswing, welcome to the family! Your...

[attr="class",GlassEmailEmail]▢⠀☆⠀donotreply@pcbr.com - THIS IS AN AUTOMATED EMAIL. We have received your req...

[attr="class",GlassEmailEmail]▢⠀☆⠀Termitaria - glassw1ng, you have unread notifications! Log in to view th...

[attr="class",GlassEmailEmail]▢⠀☆⠀donotreply@crisisline.com - Thank you for your email! We are processing your re...

[attr="class",GlassEmailOpenEmail]

[attr="class",GlassEmailOpenEmailPadding]▢⠀☆⠀PCBR Inquiries - Dear Dr. Callaghan, We understand that this is a very serious ma...

[attr="class",GlassEmailOpenEmailMain]Dear Dr. Callaghan,
[break][break]
We understand that this is a very serious matter, and it is not a decision we have made lightly, nor is it an indictment of your personal work. Your firing was a direct result of the sabotage accusations held against you regarding the destruction of Dr. Pierce's work last week. We shouldn't have to spell this out for you so many times, especially not over email, but the evidence was more than enough to convince the panel of your involvement with this incident.
[break][break]
We are still investigating the incident, and will provide more information to you when it surfaces, but it is highly unlikely that this decision will be undone, unless your innocence is proven beyond any possible doubt. These are the standards this institute has held itself to for the past half-century. You are lucky we have not blacklisted you.
[break][break]
Please do not contact us about this again.
[break][break]
- Dr. Clarke,
[break]On behalf of the Pittsburgh Institute of Biological Research.

[attr="class",GlassEmailEmail]▢⠀☆⠀Netflix - Confirmation of account cancellation. Hello, glassw1ng, sorry to s...

[attr="class",GlassEmailEmail]▢⠀☆⠀Termitaria - glassw1ng, you have unread notifications! Log in to view th...

[attr="class",GlassEmailEmail]▢⠀☆⠀PCBR Inquiries - Dear Dr. Callaghan, We are unable to schedule another meeting, a...

[attr="class",GlassEmailEmail]▢⠀☆⠀PCBR Inquiries - Dear Dr. Callaghan, Following our meeting yesterday, we are sti...

[attr="class",GlassEmailEmail]▢⠀☆⠀BugDirect - Your BugDirect order of 2 items has been delivered. Hello, Edain...

[attr="class",GlassEmailEmail]▢⠀☆⠀Termitaria - glassw1ng, you have unread notifications! Log in to view th...

[attr="class",GlassEmailEmail]▢⠀☆⠀Cricket - Thanks for replying, Edain. Are you sure everything's alright? I'm always...

[attr="class",GlassEmailMore]Load More...

jeanne neighbour - WhatsA...⠀×⠀

]

[attr="class",GlassTabThreeCover]

[attr="class",GlassTabThreeBackGlow]

[attr="class",GlassTabPageThree]

[attr="class",GlassTabSearchGrid]

[attr="class",GlassTabSearchBack]

[attr="class",GlassTabSearchForward]

[attr="class",GlassTabSearchRefresh]

[attr="class",GlassTabSearchText]

[attr="class",GlassTabSearchTextPad]

[attr="class",GlassTabSearchTextBox]

[attr="class",GlassTabSearchTextBoxPad]⠀https://web.whatsapp.com/contact/jeanne-neighbour

[attr="class",GlassWhatsGrid]

[attr="class",GlassWhatsMain]

[attr="class",GlassWhatsMainHeader]⠀⠀jeanne neighbour ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀☆

[attr="class",GlassWhatsMainMessage]

26/06/2022

[attr="class",GlassSmallGap]

[attr="class",GlassWhatsMessageIn]Hello Edain,
[break][break]
I don't know if it will show up on your phone, but this is Jeanne from upstairs. I'm just texting you to ask about the noise- these walls are quite thin and I can hear an awful lot of banging and crashing down there. Some buzzing too, but that might just be my light.

[attr="class",GlassTinyGap]

[attr="class",GlassWhatsMessageIn]I'm not angry with you dear, I just want to know if everything is okay.

[attr="class",GlassSmallGap]

[attr="class",GlassWhatsMessageIn]Edain? Are you there? Do you want me to try and call you?

[attr="class",GlassSmallGap]

[attr="class",GlassWhatsMessageIn]Ah, can you hear your phone over all that buzzing? Sorry if I'm adding to the noise. Can I call you?

[attr="class",GlassSmallGap]

[attr="class",GlassWhatsMessageOutAlign]

[attr="class",GlassWhatsMessageOut]hji jeaqnejne

[attr="class",GlassTinyGap]

[attr="class",GlassWhatsMessageOut]noo cal;ll;s [;ease

[attr="class",GlassSmallGap]

[attr="class",GlassWhatsMessageIn]I'm afraid I can't understand a word you're saying.

[attr="class",GlassSmallGap]

[attr="class",GlassWhatsMessageOutAlign]

[attr="class",GlassWhatsMessageOut]ello jeannne no call;s

[attr="class",GlassTinyGap]

[attr="class",GlassWhatsMessageOut]donrt call please

[attr="class",GlassSmallGap]

[attr="class",GlassWhatsMessageIn]Alright, that's a bit clearer.

[attr="class",GlassTinyGap]

[attr="class",GlassWhatsMessageIn]Are you well down there? Is everything okay?

[attr="class",GlassSmallGap]

[attr="class",GlassWhatsMessageOutAlign]

[attr="class",GlassWhatsMessageOut]yes everythigns fine dont worry

[attr="class",GlassTinyGap]

[attr="class",GlassWhatsMessageOut]yes its alright, sorry about the noise. it wont happen again- just dropped a couple of glass boxes thats all.

[attr="class",GlassTinyGap]

[attr="class",GlassWhatsMessageOut]ill be more careful next time.

[attr="class",GlassSmallGap]

[attr="class",GlassWhatsMessageIn]Oh, you don't need to apologise to me, I'm just glad you're still in one piece. A fall like that can be quite the shock.

[attr="class",GlassTinyGap]

[attr="class",GlassWhatsMessageIn]Though, that might just be my age talking. Ha ha!

[attr="class",GlassSmallGap]

[attr="class",GlassWhatsMessageOutAlign]

[attr="class",GlassWhatsMessageOut]haha yeah no it wasnt anything serious

[attr="class",GlassTinyGap]

[attr="class",GlassWhatsMessageOut]slashed up my sleeve a bit on the glass but its alright ill wash it and fix it later

[attr="class",GlassSmallGap]

[attr="class",GlassWhatsMessageIn]I could fix it for you, if you want. I need something to do this week.

[attr="class",GlassTinyGap]

[attr="class",GlassWhatsMessageIn]Well, something that isn't baking.

[attr="class",GlassTinyGap]

[attr="class",GlassWhatsMessageIn]I don't suppose I can tempt you with a scone this time, can I? I know you've never been too keen before, but the offer's there.

[attr="class",GlassSmallGap]

[attr="class",GlassWhatsMessageOutAlign]

[attr="class",GlassWhatsMessageOut]oh that would be great, i will need to wash it though i think i stained it quite bad

[attr="class",GlassTinyGap]

[attr="class",GlassWhatsMessageOut]what kind of scones are they can i ask?

[attr="class",GlassSmallGap]

[attr="class",GlassWhatsMessageIn]Half mixed fruit and half lemon and lavender. They're quite nice.

[attr="class",GlassTinyGap]

[attr="class",GlassWhatsMessageIn]Do you want to come over? It might do you some good to get away from all that broken glass. You can clean up the rest when it's a bit brighter outside- I know these lightbulbs really aren't good for much.

[attr="class",GlassSmallGap]

[attr="class",GlassWhatsMessageOutAlign]

[attr="class",GlassWhatsMessageOut]actually i think ill take you up on that, thank you!

[attr="class",GlassTinyGap]

[attr="class",GlassWhatsMessageOut]ive been craving something sweet

[attr="class",GlassTinyGap]

[attr="class",GlassWhatsMessageOut]want me to bring anything up for you?

[attr="class",GlassSmallGap]

[attr="class",GlassWhatsMessageIn]Just yourself.

[attr="class",GlassTinyGap]

[attr="class",GlassWhatsMessageIn]And an appetite!

[attr="class",GlassSmallGap]

27/06/2022

[attr="class",GlassSmallGap]

[attr="class",GlassWhatsMessageIn]Recipe Net

[attr="class",GlassTinyGap]

[attr="class",GlassWhatsMessageIn]Cookie Life

[attr="class",GlassTinyGap]

[attr="class",GlassWhatsMessageIn]The Bakehouse (that's the one with the paid subscription)

[attr="class",GlassSmallGap]

[attr="class",GlassWhatsMessageOutAlign]

[attr="class",GlassWhatsMessageOut]Thank you!

[attr="class",GlassSmallGap]

[attr="class",GlassWhatsMessageIn]Are you feeling any better, dear?

[attr="class",GlassTinyGap]

[attr="class",GlassWhatsMessageIn]Thank you for talking to me last night- sometimes it really does help to get these things off your chest.

[attr="class",GlassSmallGap]

[attr="class",GlassWhatsMessageOutAlign]

[attr="class",GlassWhatsMessageOut]I am, i think.

[attr="class",GlassTinyGap]

[attr="class",GlassWhatsMessageOut]it's going to be weird but i've done weird before

[attr="class",GlassSmallGap]

[attr="class",GlassWhatsMessageIn]Well, if you ever want any more cakes, I'm always around.

[attr="class",GlassTinyGap]

[attr="class",GlassWhatsMessageIn]Though I'd also like to see what you make yourself!

[attr="class",GlassSmallGap]

[attr="class",GlassWhatsMessageOutAlign]

[attr="class",GlassWhatsMessageOut]I'll let you know

[attr="class",GlassSmallGap]

[attr="class",GlassWhatsSide]

[attr="class",GlassWhatsSideHeader]

[attr="class",GlassWhatsSideHeaderImage]

[attr="class",GlassWhatsSidePadding]jeanne neighbour
[break]
Hey there! I'm using WhatsApp!

[attr="class",GlassWhatsSideBreak]

[attr="class",GlassWhatsSideButton]Mute notifications

[attr="class",GlassWhatsSideButton]Bookmarked messages

[attr="class",GlassWhatsSideBreak]

[attr="class",GlassWhatsSidePadding]2 participants

[/PTab={tab-background-color:var(--tabneutral);tab-hover-background-color:var(--tabselected);tab-selected-background-color:var(--tabselected);tab-color:var(--textlight);tab-height:25px;z-index:400;tab-selected-border-radius:10px;}]
[/PTabbedContent={position:absolute;z-index:900;width:var(--totaltabwidth);height:var(--monitorheight);border:0px solid transparent;padding:0px;}]

[attr="class",GlassMonitorStand]

[attr="class",GlassDesk]

[attr="class",GlassMonitorStandBottom]

[attr="class",GlassMonitorStandBase]

[attr="class",GlassMonitorStandBaseTwo]

[attr="class",GlassBlack]

[attr="class",GlassComputerText]Huh. Suppose I must've left the computer on.

[attr="class",GlassBlack]

[attr="class",GlassSheetWrap]

[attr="class",GlassSheetImg]

[attr="class",GlassSheetMain]

[attr="class",GlassSheetMainDir]

[attr="class",GlassSheetTitle]Glasswing

[attr="class",GlassSheetBreak]

[attr="class",GlassSheetGrid]

[attr="class",GlassSheetGridLeft]

[attr="class",GlassSheetGridTitle]Name

Dr. Edain Callaghan.

[attr="class",GlassSheetGridCentre]

[attr="class",GlassSheetGridTitle]Age

31 years.

[attr="class",GlassSheetGridRight]

[attr="class",GlassSheetGridTitle]Gender

Female.

[attr="class",GlassSheetBreakLite]

[attr="class",GlassSheetGrid]

[attr="class",GlassSheetGridLeft]

[attr="class",GlassSheetGridTitle]Occupation

Entomologist.

[attr="class",GlassSheetGridCentre]

[attr="class",GlassSheetGridTitle]Nationality

Irish.

[attr="class",GlassSheetGridRight]

[attr="class",GlassSheetGridTitle]Species

Plural, yes.

[attr="class",GlassSheetBreak]

[attr="class",GlassSheetBody]It had always been a curse, albeit one she never much minded herself. Insects always seemed drawn to her, even when she was a girl- wonderful news for a bright-eyed child with a fascination for that sort of thing, but not great news for said child's social life.
[break][break]
That being said, Edain hardly did herself any favours. She was shy and awkward and never quite knew how to fit in, even when she wasn't being followed by bugs. So she was bullied, of course. And she resented that, of course. And she never quite got over it, of course. Even in adulthood, when she found her people and her doctorate, there was always those walls around her.
[break][break]
It was only since her metamorphosis that those walls started to crack.

[attr="class",GlassSheetBreak]

[attr="class",GlassSheetGridTitle]Hivequeen's Ichor

[attr="class",GlassTinierGap]

[attr="class",GlassSheetBody]A strange insect pheromone, quite unlike any that have been documented before. Edain never knew what it did before. She never even knew she had it, and, even when it manifested, it was never anything spectacular. As a girl, whenever she bled, insects would swarm towards her, descending upon her flesh as if she were a corpse long-dead.
[break][break]
The irony being that, on death, she barely had time to decay before they took her form.
[break][break]
The pheromone—Hivequeen's Ichor, for a more poetic name—had a very particular purpose. It drove any insects exposed to take a particular form, a particular structure: to rebuild her conscious mind, and give her a new body of many. Edain is not just the queen, but the hive as a whole- the waking dream of thousands of tiny minds, each extending to her the same care and mercy she had shown them through her life and work. Any insects exposed to the pheromone will be drawn into the gestalt. They will make her whole.
[break][break]
Oh, it also seems to act as a mild deliriant. Not enough to be noticeable, but enough to smooth out any... imperfections her form may have to the eyes of those who look too closely.

[attr="class",GlassSheetBreak]

[attr="class",GlassSheetGridTitle]The Lucid Swarm

[attr="class",GlassTinierGap]

[attr="class",GlassSheetBody]Edain does not have a human body. Not anymore. The swarm first consumed her, using her flesh to map out their path, then rebuilt her where she lay, their bodies constructing hers.
[break][break]
Face to face, due to the pheromone's milder effects, she appears to be perfectly human- a little strange, perhaps, but human. When viewed at a distance, or through a barrier, however, Edain seems... uncanny. It is never immediately obvious just what is wrong with her, but something seems wrong.
[break][break]
Thankfully, due to being a socially-reclusive, overly-passionate entomologist, Edain is used to being off-putting.
[break][break]
Besides, despite some skin-deep flaws, this really is a better way to be. She doesn't have to sleep, only set certain parts of her to rest. She's able to detach parts of her to enter locations a normal human body may struggle getting into. She can shapeshift, effectively, changing her form at will for aesthetic or practical purposes. Most pertinently, of course; she's an awful lot harder to kill now. Sure, insects tend to be a tad less hardy than humans, but swatting a fly is one thing.
[break][break]
Stopping a swarm is another.

[attr="class",GlassSheetBreak]

Art by Cosmogirll

[attr="class",GlassHugeGap]

[break][break][break]
Oh yeah, this should go here too

Last Edit: Dec 9, 2022 20:47:46 GMT by Reyn

Div Guide | Grid/Table Guide | Code Help | Div Templates | Code Resources

Reyn
Moderator

Sleepyhead

Beatmania IIDX 16: Empress is the 16th game in the Beatmania IIDX series of music video games. It wa

Posts: 612

Reyn's Big Success House of Things That Work Aug 18, 2022 12:01:57 GMT

Post by Reyn on Aug 18, 2022 12:01:57 GMT

[nospaces][googlefont="Sarpanch"][googlefont="Diplomata SC"]

Art by hotake6379.

[newclass=.VanityVar]--background:#0A0715;/*
*/--text:white;/*
*/--accent:red;/*
*/--imageback:url(https://i.imgur.com/KHgfbYX.png);/*
*/--imagemain:url(https://i.imgur.com/TM5jxTF.pn.g);/*
*/--imagetexture:url(https://i.imgur.com/scOOQyf.png);/*
*/--imagesideone:url(https://i.imgur.com/5qtv82S.jpg);/*
*/--imagesidetwo:url(https://i.imgur.com/zkuIzax.jpg);[/newclass]

[newclass=.VanityMain]background-color:var(--background);width:750px;margin:auto;position:relative;color:var(--text);[/newclass]
[newclass=.VanityTexture]background-image:var(--imagetexture);mix-blend-mode:screen;background-size:cover;height:100%;width:750px;position:absolute;top:0;left:0;z-index:500;pointer-events:none;[/newclass]
[newclass=.VanityMainGrid]display:grid;grid-template-columns:30% 70%;grid-template-rows:35% 65%;grid-template-areas:'SIDETOP IMG' 'SIDEBOTTOM IMG';height:800px;width:100%;[/newclass]

[newclass=.VanityMainGridSideTop]grid-area:SIDETOP;padding:40px;font-family:Diplomata SC One, monospace;text-align:justify;font-size:13px;[/newclass]

[newclass=.VanityMainGridSideBottom]grid-area:SIDEBOTTOM;padding-left:40px;padding-right:40px;padding-top:11px;font-family:Diplomata SC One, monospace;text-align:justify;font-size:13px;[/newclass]
[newclass=.VanityTitle]margin-left:auto;margin-right:auto;margin-top:40px;font-family:Sarpanch;font-size:80px;font-weight:700;line-height:30%;transform: scale(1, 1.4);transform-origin:top;writing-mode: vertical-rl;text-orientation: mixed;-webkit-text-stroke-width: 4px;[/newclass]
[newclass=.VanityTitleOut]-webkit-text-stroke-width: 1px;-webkit-text-stroke-color:var(--accent);-webkit-text-fill-color: var(--background);display:inline;[/newclass]
[newclass=.VanityTitlePosition]position:relative;z-index:573[/newclass]
[newclass=.VanityTitlePositionTwo]position:relative;z-index:420;[/newclass]

[newclass=.VanityMainGridImg]grid-area:IMG;padding-right:40px;padding-top:40px;[/newclass]
[newclass=.VanityImageBackground]background-image:var(--imageback);background-size:cover;width:100%;height:100%;[/newclass]
[newclass=.VanityImageMain]background-image:var(--imagemain);background-size:contain;background-repeat:no-repeat;background-position:center;height:100%;width:100%;position:relative;z-index:573;[/newclass]

[newclass=.VanityParagraph]font-size:12px;font-family:Diplomata SC One, monospace;padding-left:40px;padding-right:40px;line-height:90%[/newclass]

[newclass=.VanityBottomGrid]display:grid;grid-template-columns:2fr 3fr;grid-template-areas:'SIDE TEXT';width:100%;position:relative;[/newclass]
[newclass=.VanityBottomGridSide]grid-area:SIDE;padding-left:45px;[/newclass]
[newclass=.VanityBottomGridText]grid-area:TEXT;padding-left:40px;font-size:12px;font-family:Diplomata SC One, monospace;text-align:justify;padding-right:40px;line-height:90%[/newclass]

[newclass=.VanitySideImg]height:200px;width:100%;background-image:var(--imagesideone);background-size:cover;background-position:center;[/newclass]
[newclass=.VanitySideTitle]font-family:Sarpanch;font-size:40px;font-weight:700;-webkit-text-stroke-width: 2px;line-height:80%;padding-bottom:20px;transform: scale(1.4, 1);transform-origin:left;[/newclass]
[newclass=.VanitySideTitleOut]-webkit-text-stroke-width: 1px;-webkit-text-stroke-color:var(--accent);-webkit-text-fill-color: var(--background);display:inline;[/newclass]

[newclass=.VanityBottomGridTwo]display:grid;grid-template-columns:3fr 2fr;grid-template-areas:'TEXT SIDE';width:100%;position:relative;[/newclass]
[newclass=.VanityBottomGridSideTwo]grid-area:SIDE;padding-right:45px;[/newclass]
[newclass=.VanitySideTitleTwo]font-family:Sarpanch;font-size:40px;font-weight:700;-webkit-text-stroke-width: 2px;text-align:right;line-height:80%;padding-bottom:20px;transform: scale(1.4, 1);transform-origin:right;[/newclass]
[newclass=.VanitySideImgTwo]height:200px;width:100%;background-image:var(--imagesidetwo);background-size:cover;background-position:center;[/newclass]

[newclass=.VanityLine]height:2px;background-color:var(--text);position:absolute;z-index:420;top:280px;width:100%;[/newclass]
[newclass=.VanityBottomLine]height:2px;background-color:var(--text);position:absolute;z-index:420;top:80px;width:100%;[/newclass]
[newclass=.VanityPadding]height:40px;[/newclass]
[newclass=.VanitySmallPadding]height:3px[/newclass]
[newclass=.VanityTinyPadding]height:2px;[/newclass]

[attr="class",VanityVar]

[attr="class",VanityMain]

[attr="class",VanityTexture]

[attr="class",VanityLine]

[attr="class",VanityMainGrid]

[attr="class",VanityMainGridSideTop]

[break]"KOSUKE" IS A MAN KNOWN TO MANY, YET UNDERSTOOD BY FEW. HE IS A MYTH, AN ARTIST, PERHAPS EVEN AN UNDISCOVERED META. SOME CALL HIM A GENIUS. SOME CALL HIM A POST-MODERN RENAISSANCE MAN.

[attr="class",VanityMainGridSideBottom]YOU CAN CALL HIM...

[attr="class",VanityTitle]

[attr="class",VanityTitlePosition]VANITY[break]

[attr="class",VanityTitleOut]

[attr="class",VanityTitlePositionTwo]VANITY[break]

VANITY

[attr="class",VanityMainGridImg]

[attr="class",VanityImageBackground]

[attr="class",VanityImageMain]

[attr="class",VanityPadding]

[attr="class",VanityParagraph]He is a musician, of course; singer and creative lead of the Pittsburgh-based garage rock band "PREMORTEM", holding a successful solo career with "VANITY PROJECT".
[break][break]
Though his on-stage persona may appear callous, those who converse with him at his record store "VULTURE" find him expectedly charming and shockingly amicable. His pleasant demeanour and down-to-earth nature make him far more approachable than most others in his profession. Kosuke doesn't act like a rock star; Kosuke acts like your friend, like that guy from your old college days with the motorcycle and the garage band and the wild eclectic taste in everything, the one you knew you could trust from the moment he introduced himself.
[break][break]
Which is odd, because "Kosuke" isn't even his real name.

[attr="class",VanityPadding]

[attr="class",VanityBottomGrid]

[attr="class",VanityBottomLine]

[attr="class",VanityBottomGridSide]

[attr="class",VanitySideTitle]

[attr="class",VanitySideTitleOut]VOICE OF[break]
AN[break]

ANGEL

[attr="class",VanitySideImg]

[attr="class",VanityBottomGridText]

[attr="class",VanitySmallPadding]

[attr="class",VanityTinyPadding]

There is more to Kosuke than meets the waking ear. He possesses something of a second voice, layered just beneath his first, resonating from a second set of enhanced vocal cords- classified as a metahuman mutation, owing to its abnormal gravitas.

[attr="class",VanityPadding]

[attr="class",VanitySmallPadding]

[attr="class",VanityTinyPadding]

The frequencies produced by this second voice are beyond the range of human perception, bypassing the conscious completely to strike at the subliminal, all maintained with the same perfect pitch he uses to hone his open voice.
[break][break]
"UNREST" causes restless anger, along with the desire to release said anger, however that release may manifest.
[break][break]
"DISQUIET", an impossibly low drone perceived only in total silence, causes a sense of impending doom in those who hear it, and extended exposure can lead to more serious paranoia.
[break][break]
"OBSESSION" is perhaps the most dangerous. It draws attention to itself- and away from everything else. The longer it is left to play, the stronger its pull becomes, until it's all but impossible to perceive anything else.

[attr="class",VanityPadding]

[attr="class",VanityParagraph]But Kosuke doesn't do that to people. Anyone could achieve fame if they held a cheat code like that; the recognition would be hollow, meaningless. Nobody even knows he has these powers. He doesn't want that for PREMORTEM.
[break][break]
That's not to say they're completely useless in the pursuit of art, however. Unbeknownst to the world, Kosuke is the mysterious figure behind "LAMENT"- an experimental music project, known for sampling the last moments of people, around the time (or perhaps even before) their bodies were discovered.
[break][break]
He has hidden a couple of these frequencies in the project- though, oddly enough, the songs are harmless to most. Kosuke speculates it has something to do with lossy audio files and sub-par listening equipment. Those with cheap setups seem to be mostly unscathed, but the average audiophile may not be so lucky. The master copies are stored on vinyl. Make of that what you will.

[attr="class",VanityPadding]

[attr="class",VanityBottomGridTwo]

[attr="class",VanityBottomLine]

[attr="class",VanityBottomGridSideTwo]

[attr="class",VanitySideTitleTwo]

[attr="class",VanitySideTitleOut]SOUL OF[break]
A[break]

DEMON

[attr="class",VanitySideImgTwo]

[attr="class",VanityBottomGridText]

[attr="class",VanitySmallPadding]

[attr="class",VanityTinyPadding]

Due to the nature of LAMENT, Kosuke find himself in a lot more danger than the average person. As such, he keeps himself well-armed; or about as well-armed as a citizen can be without being weighed down or arousing much suspicion.

[attr="class",VanityPadding]

[attr="class",VanitySmallPadding]

[attr="class",VanityTinyPadding]

He has amassed a small collection of weapons, though most remain either at home or tucked away in the top box of his motorcycle. It has been noted that he seems to have an affinity for obsolete instruments of torture, though it's anyone's guess where he keeps those; possibly in his home, possibly in a storage unit. On his person, he tends to carry three things:
[break][break]
"FRONTCLAW": a large handheld knife, or collection of smaller knives, depending on momentary convenience. He can only carry one or the other, but he always has it on him.
[break][break]
"HINDCLAW": two blades built into the toes of his shoes, unsheathed by a spring when he hits his heel. Kosuke exclusively wears either boots or formal leather shoes, so it's easy to hide.
[break][break]
"FANG": a handgun. The boring way out.

[attr="class",VanityPadding]

[attr="class",VanityParagraph]Does this make him unhinged? Dangerous? Does this make him someone you shouldn't go near if your life depended on it?
[break][break]
Who's to say?
[break][break]
He certainly doesn't seem that way. He's a musician with a successful band, a shopkeep with a successful business, and an eccentric with a successful public persona. He's that guy from VULTURE- you know, the one with motorcycle and the garage band and the wild eclectic taste in everything, the one you knew you could trust from the moment he introduced himself. You know him.
[break][break]
He's told you, you know "HIM".

[attr="class",VanityPadding]

[break][break][break]
I kinda like how cramped the bottom half is even though it is objectively cramped

Last Edit: Dec 9, 2022 20:49:15 GMT by Reyn

Div Guide | Grid/Table Guide | Code Help | Div Templates | Code Resources

Reyn's Big Success House of Things That Work

Post by Reyn on Mar 10, 2022 16:02:00 GMT

Post by Reyn on Mar 10, 2022 16:03:01 GMT

Post by Reyn on Mar 10, 2022 16:06:53 GMT

Post by Reyn on Mar 10, 2022 16:08:36 GMT

Post by Reyn on Mar 10, 2022 16:11:45 GMT

Post by Reyn on Mar 10, 2022 16:13:52 GMT

Post by Reyn on Apr 15, 2022 19:39:01 GMT

Post by Reyn on May 19, 2022 12:13:17 GMT

Post by Reyn on Aug 6, 2022 14:38:09 GMT

Post by Reyn on Aug 18, 2022 12:01:57 GMT