My Ink. My Blood. My Sea.

Link to article: My Ink. My Blood. My Sea..

Module Styles

• :root{
  
  /*
  Variable guide: 
  I forgot which variable controls what, sorry
  */
      --accent-h: 276deg;
  
      --primary-accent-1: var(--accent-h) 0% 60%; /* the 2nd layer of the city, table of contents text, city block and blockquote border, info button on the rating module */
      --primary-accent-2: calc(var(--accent-h) - 5deg) 0% 71%; /* the 1st layer of the city, headings */
      --primary-accent-3: calc(var(--accent-h) - 15deg) 0% 68%; /* hr */
  
      --light-accent-1: calc(var(--accent-h) + 12.5deg) 0% 10%; /* bg, header title */
      --light-accent-2: calc(var(--accent-h) + 7.5deg) 0% 80.5%; /* idk */
      --light-accent-3: calc(var(--accent-h) + 5deg) 0% 36%; /* the mountain*/
  
      --dark-accent: calc(var(--accent-h) - 16.5deg) 0% 20%; /* menu under the header, tabs */
   
      --primary-complement: var(--complement-h) 0% 48.5%; /* city block */
      --light-complement: calc(var(--complement-h) + 12.5deg) 0% 75%; /* rating module text, other misc text */
      --dark-complement: var(--complement-h) 0% 81.75%; /* text color */
   
      --assist-color: var(--accent-h) 0% 46%; /* rating module, top bar */
  
      --header-title: "SCP Foundation";
      --header-subtitle: "Division of Alagaddan Studies";
  }
  
  #header::before {
      background-color: hsl(var(--light-accent-1));
      filter: invert(90%);
  }
  
  #header h1 a {
      color: hsl(var(--light-accent-1));
  }
  
  #top-bar div:is(.top-bar, .mobile-top-bar) > ul > li > a:any-link {
      color: hsl(var(--dark-accent-1));
  }
  
  .page-source, .code {
      border: none;
      color: hsl(var(--dark-accent));
      background-color: hsl(var(--light-complement));
  }
  
  .city-block {
      background-color: hsl(var(--primary-complement) / 0.5);
  }
  
  /* ACS color modification based on Midnight Rush/Flopstyle */
  
  div.anom-bar-container {
    --five-color: 150, 150, 150;   /*  red  */
    --four-color: 150, 150, 150;   /*  orange  */
    --three-color: 150, 150, 150;   /*  yellow  */
    --two-color: 150, 150, 150;   /*  blue  */
    --one-color: 150, 150, 150;   /*  green  */
   
    --white-bar: 207, 207, 207;
    --lg-bar: 118, 118, 130;
    --gray-bg: 66, 66, 72;
  }
  
  div.anom-bar-container .danger-diamond > .arrows{
     /* Inverted Arrows */
       background-color: rgb(208, 208, 208) !important;
  }
  
  div.anom-bar-container .anom-bar > .bottom-box{
     /* Horizontal Bar */
       -webkit-box-shadow: 0 -.5rem 0 0 rgb(208, 208, 208) !important;
       -moz-box-shadow: 0 -.5rem 0 0 rgb(208, 208, 208) !important;
       box-shadow: 0 -.5rem 0 0 rgb(208, 208, 208) !important;
  }
  div.anom-bar-container .bottom-box > .diamond-part{
     /* Vertical Bar */
       -webkit-box-shadow: -.5rem 0 0 0 rgb(208, 208, 208) !important;
       -moz-box-shadow: -.5rem 0 0 0 rgb(208, 208, 208) !important;
       box-shadow: -.5rem 0 0 0 rgb(208, 208, 208) !important;
  }
  
  .anom-bar-container.keter .text-part .main-class,
  .anom-bar-container.vlam .text-part .disrupt-class,
  .anom-bar-container.danger .text-part .risk-class {
      background-color: rgba(150, 150, 150, 0.35) !important;
  }
  
  .danger-diamond > .quadrants > div {
      background-color: rgba(150, 150, 150, 0.35) !important;
  }
  

• @import url('https://fonts.googleapis.com/css2?family=Domine:wght@700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=White+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
  #page-title {
      display: none;
  }
  .splash h1 {
      font-size: 700%;
      font-family: 'Domine', serif;
      font-weight: 700;
      text-align: center;
      margin-bottom: -2rem;
      letter-spacing: 0.25rem;
  }
  .splash h3 {
      font-size: 300%;
      font-family: 'Domine', serif;
      font-weight: 700;
      text-align: center;
  }
  .splash {
      font-family: 'Domine', serif;
      font-weight: 400;
      text-align: center;
  }
  #page-content > p {
      text-justify: inter-word;
      text-align: justify;
      text-indent: 1rem;
      font-family: "White Text", serif;
      font-size: 1.2rem;
  }
  .chapterstart {
      font-size: 4rem;
      line-height: 8rem;
  }
  .links {
  display: block;
  text-align: center;
  }
  .links a {
      background: rgb(var(--bright-accent));
      color: white;
      padding: 3px;
      border-radius: 4px;
      font-family: monospace;
      white-space: nowrap;
  }
  .links a:visited {
      color: white;
  }
  .links a:hover {
      color:rgb(var(--bright-accent));
  }

Inline Styles

• margin-right: 2em; margin-top: -10px;

Includes

• component:preview
• :scp-wiki:theme:sunside [info]
• :scp-wiki:info:start [info]
• :scp-wiki:info:end [info]
• :scp-wiki:component:license-box [info]
• :scp-wiki:component:license-box-end [info]

CSS Classes

• (none)

Page Source

=====
[[include component:preview
text= A desperate man is shown a path to the Hanged King's city. Seeking grandiosity, but got more than what he bargained for.]]
=====



[[include :scp-wiki:theme:sunside]]

[[module css]]
:root{

/*
Variable guide: 
I forgot which variable controls what, sorry
*/
    --accent-h: 276deg;

    --primary-accent-1: var(--accent-h) 0% 60%; /* the 2nd layer of the city, table of contents text, city block and blockquote border, info button on the rating module */
    --primary-accent-2: calc(var(--accent-h) - 5deg) 0% 71%; /* the 1st layer of the city, headings */
    --primary-accent-3: calc(var(--accent-h) - 15deg) 0% 68%; /* hr */

    --light-accent-1: calc(var(--accent-h) + 12.5deg) 0% 10%; /* bg, header title */
    --light-accent-2: calc(var(--accent-h) + 7.5deg) 0% 80.5%; /* idk */
    --light-accent-3: calc(var(--accent-h) + 5deg) 0% 36%; /* the mountain*/

    --dark-accent: calc(var(--accent-h) - 16.5deg) 0% 20%; /* menu under the header, tabs */
 
    --primary-complement: var(--complement-h) 0% 48.5%; /* city block */
    --light-complement: calc(var(--complement-h) + 12.5deg) 0% 75%; /* rating module text, other misc text */
    --dark-complement: var(--complement-h) 0% 81.75%; /* text color */
 
    --assist-color: var(--accent-h) 0% 46%; /* rating module, top bar */

    --header-title: "SCP Foundation";
    --header-subtitle: "Division of Alagaddan Studies";
}

#header::before {
    background-color: hsl(var(--light-accent-1));
    filter: invert(90%);
}

#header h1 a {
    color: hsl(var(--light-accent-1));
}

#top-bar div:is(.top-bar, .mobile-top-bar) > ul > li > a:any-link {
    color: hsl(var(--dark-accent-1));
}

.page-source, .code {
    border: none;
    color: hsl(var(--dark-accent));
    background-color: hsl(var(--light-complement));
}

.city-block {
    background-color: hsl(var(--primary-complement) / 0.5);
}

/* ACS color modification based on Midnight Rush/Flopstyle */

div.anom-bar-container {
  --five-color: 150, 150, 150;   /*  red  */
  --four-color: 150, 150, 150;   /*  orange  */
  --three-color: 150, 150, 150;   /*  yellow  */
  --two-color: 150, 150, 150;   /*  blue  */
  --one-color: 150, 150, 150;   /*  green  */
 
  --white-bar: 207, 207, 207;
  --lg-bar: 118, 118, 130;
  --gray-bg: 66, 66, 72;
}

div.anom-bar-container .danger-diamond > .arrows{
   /* Inverted Arrows */
     background-color: rgb(208, 208, 208) !important;
}

div.anom-bar-container .anom-bar > .bottom-box{
   /* Horizontal Bar */
     -webkit-box-shadow: 0 -.5rem 0 0 rgb(208, 208, 208) !important;
     -moz-box-shadow: 0 -.5rem 0 0 rgb(208, 208, 208) !important;
     box-shadow: 0 -.5rem 0 0 rgb(208, 208, 208) !important;
}
div.anom-bar-container .bottom-box > .diamond-part{
   /* Vertical Bar */
     -webkit-box-shadow: -.5rem 0 0 0 rgb(208, 208, 208) !important;
     -moz-box-shadow: -.5rem 0 0 0 rgb(208, 208, 208) !important;
     box-shadow: -.5rem 0 0 0 rgb(208, 208, 208) !important;
}

.anom-bar-container.keter .text-part .main-class,
.anom-bar-container.vlam .text-part .disrupt-class,
.anom-bar-container.danger .text-part .risk-class {
    background-color: rgba(150, 150, 150, 0.35) !important;
}

.danger-diamond > .quadrants > div {
    background-color: rgba(150, 150, 150, 0.35) !important;
}

[[/module]]

[[module CSS]]
@import url('https://fonts.googleapis.com/css2?family=Domine:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=White+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
#page-title {
    display: none;
}
.splash h1 {
    font-size: 700%;
    font-family: 'Domine', serif;
    font-weight: 700;
    text-align: center;
    margin-bottom: -2rem;
    letter-spacing: 0.25rem;
}
.splash h3 {
    font-size: 300%;
    font-family: 'Domine', serif;
    font-weight: 700;
    text-align: center;
}
.splash {
    font-family: 'Domine', serif;
    font-weight: 400;
    text-align: center;
}
#page-content > p {
    text-justify: inter-word;
    text-align: justify;
    text-indent: 1rem;
    font-family: "White Text", serif;
    font-size: 1.2rem;
}
.chapterstart {
    font-size: 4rem;
    line-height: 8rem;
}
.links {
display: block;
text-align: center;
}
.links a {
    background: rgb(var(--bright-accent));
    color: white;
    padding: 3px;
    border-radius: 4px;
    font-family: monospace;
    white-space: nowrap;
}
.links a:visited {
    color: white;
}
.links a:hover {
    color:rgb(var(--bright-accent));
}
[[/module]]


[[include :scp-wiki:info:start]]
[[div style="margin-right: 2em; margin-top: -10px;"]]
^^by [[*user Strange Matter]] & [[*user TboneBerryhill]]^^
[[/div]]
[[include :scp-wiki:info:end]]



[[=]]
+ My Ink. My Blood. My Sea.
[[/=]]

= In days of yore, when light still kissed my skin,
= I walked the earth, a mortal man of sin.
= My path was dark, my deeds were stained with shame,
= Each day I wandered, burdened by my name.
= **.** 
= In shadowed alleys, seeking hollow fame,
= I found but echoes of my own disdain.
= With every step, the weight of sins accrued,
= Within my heart, dark seeds of evil brewed.
= **.** 
= But lo, one night, beneath the stars' soft gleam,
= An angel came, of light's pure, gentle beam.
= She spoke of realms beyond mere mortal ken,
= Of A King’s palace, where wonders never end.
= **.** 
= With hope anew, I followed where she led,
= To city streets where dreams and wants are fed.
= In this wondrous maze, I found my place,
= Amidst the masquerade, I claimed my grace.



-----------

= [[[https://scp-wiki.wikidot.com/heart-filled|In these twisted halls, where flames danced free,]]]
= I stood amidst the chaos, eyes on the spree.
= With newfound magic coursing through my veins,
= I quelled the blaze, and broke its fiery chains.
= **.** 
= The crowd erupted, cheers both loud and bright,
= Their gratitude a cloak that wrapped me tight.
= For in that moment, I was savior, knight,
= The one who banished darkness, brought the light.
= **.** 
= Through winding streets and shimmering bazaars,
= I walked with confidence beneath the stars.
= Each gesture, every smile, they gave acclaim,
= In this realm of wonders, carved I my name.
= **.** 
= Riches and honors lavished on my brow,
= In Alagadda's fold, I found a vow.
= Yet 'neath the adulation, flickered doubt,
= A whisper in the shadows, urging scout.
= **.** 
= For in this realm of masks and hidden leagues,
= Not all that glitters gold, nor all that sings.
= Yet midst the throng, I reveled in my fame,
= In this Heavenly dance, I knew no shame.





-----------

= In depths of Hades, where dark thrives,
= I lost myself amidst seductive dives.
= Depravity's embrace, a tempting lure,
= I yielded to its whispers, dark, obscure.
= **.** 
= From hero hailed, to pawn in vice’s game,
= Obsession gripped and kindled in me flame.
= Lust and greed, they clouded once-clear sight,
= Chasing fleeting pleasures through the night.
= **.** 
= I clawed and fought to stay within the light,
= But shadows overwhelmed me with their might.
= Desperation gripped my soul so tight,
= As relevance slipped like fading light.
= **.** 
= The adoration once bestowed, now dust,
= The crowd moved on, leaving me to rust.
= Envy gnawed within, a bitter taste,
= As others rose while I fell from grace.
= **.** 
= Yet in despair's deep grip, a vow I make,
= To rise anew, despite the odds at stake.
= Though darkness lingers, I will never yield,
= In this forsaken maze, my fate is sealed.






-----------

= In Alagadda’s court, where Lords rule high,
= I faltered, blunders made me sigh.
= The Red Lord’s fury, a tempest wild,
= With mood swings sharp, his anger defiled.
= **.** 
= Bruised and beaten, I bore his wrath,
= Lost within a troubled path.
= The Yellow Lord’s acid, bitter and keen,
= Burned my soul with venom unseen.
= **.** 
= His spite, a poison in each word,
= Left me shattered, cries unheard.
= The White Lord’s silence, chilling void,
= Ignored and shunned, hope destroyed.
= **.** 
= Despair clung tight, a weight so vast,
= To the Black Sea’s depths, I fled at last.
= In its dark embrace, I sought my skill,
= To master magic, bend to will.
= **.** 
= The angel from my past, light dim,
= Returned to aid my desperate whim.
= We sought the black stars’ eerie light,
= To harness power in the night.
= **.** 
= We climbed the abyss, reached for the star,
= But dark light’s touch, a wound that scarred.
= The angel vanished in silent scream,
= And I endured a twisted dream.
= **.** 
= My soul was skinned, cut, and torn,
= In realms where hope is forlorn.
= Twisted, crushed, mutated within,
= In the Black Sea, I drowned my sin.
= **.** 
= Numb to horror, I let it consume,
= Existence now a cold, empty tomb.
= The Ambassador watched with a keen eye,
= As I held the black light and did not die.

= My title cemented in agony’s wake,
= The Black Lord I became, for sanity’s sake.
= For in this rotten place, body and soul,
= Are torn asunder, to make one whole.




-----------

= Within the twisted, darkened veil,
= I wandered lost, my soul grown frail.
= A shadow of the man I yearned to be,
= Caught in the grip of night’s decree.
= **.** 
= Despair, my companion, constant blight,
= Until the Ambassador emerged, cloaked in night.
= His offer gleamed like a distant star,
= A promise of power to lift me from the mar.
= “You’ll shine once more,” he whispered, sly,
= “In The Hang King’s halls, your name will fly.
= Embrace the black, and all you crave,
= Will be yours to hold, your spirit to save.”
= **.** 
= With desperate hope, I seized the chance,
= Dreams of grandeur in a twisted dance.
= “I’ll be adored, revered, and grand,”
= I thought, as I took his outstretched hand.
= **.** 
= But as the ink of Alagadda’s pact was sealed,
= The truth of my fate was then revealed.
= The Ambassador’s laughter, a chilling sound,
= As dreams of glory crumbled to the ground.
= **.** 
= Reality twisted in this Devil’s hold,
= My hopes and dreams, all turned to mold.
= For in this realm where illusions thrive,
= The Black Lord’s role is but to survive.
= **.** 
= A pawn in the Ambassador’s grand design,
= To dance in shadows, his bidding mine.
= My soul, once bright, now coated in black,
= Forever lost on this endless track.
= **.** 
= Yet deep within, a flicker remained,
= A yearning for the light, though faint and pained.
= For in Alagadda, where dreams deceive,
= I clung to hope, striving to believe.
= **.** 
= But as the liquid night consumed my core,
= I understood my fate, forevermore.
= In the labyrinth of hollowed whims, I am chained,
= The Black Lord’s title, in anguish, gained.
= **.** 
= So now I wander, a spectral shade,
= In Alagadda’s depths, my soul betrayed.
= For in the end, I found my place,
= Not in glory, but in the dark’s embrace.









@@ @@

@@ @@



[[include :scp-wiki:component:license-box
|author=Strange Matter and TboneBerryhill]]
[[include :scp-wiki:component:license-box-end]]