INTEGRATION PROGRAM ART HUB

Link to article: INTEGRATION PROGRAM ART HUB.

@import url('https://fonts.bunny.net/css2?family=Big+Shoulders+Text:wght@100&display=swap');
@import url('https://fonts.bunny.net/css2?family=Big+Shoulders+Text:wght@200&display=swap');
@import url('https://fonts.bunny.net/css2?family=Big+Shoulders+Text:wght@400&display=swap');
@import url('https://fonts.bunny.net/css2?family=Big+Shoulders+Text:wght@700&display=swap');

.main{
    text-decoration: none!important;
}

.main:hover {
    text-decoration: none!important;
}
.main:visited {     
    color: white;
}

.name {
    font-family: "Big Shoulders Text", sans-serif;
    font-size: 3.5em;
    font-weight: 700;
    line-height: 60px;
}

.tale {
    color: #b0d8f7!important;
    font-family: "Big Shoulders Text", sans-serif;
    font-size: 3em;
    font-style: italic;
    font-weight: 700;
}

.subtitle {
    font-family: "Big Shoulders Text", sans-serif;
    color: white;
    FONT-SIZE: 1.4em;
    position: relative;
    font-style: italic;
    font-weight: 200;
    top: -0.7em;
}

@media only screen and (max-width: 26.5625rem) {
.name {
    font-family: "Big Shoulders Text", sans-serif;
    font-size: 2em;
    font-weight: 700;
    line-height: 35px;
}

.tale {
    color: #b0d8f7!important;
    font-family: "Big Shoulders Text", sans-serif;
    font-size: 1em;
    font-style: italic;
    font-weight: 700;
}

.subtitle {
    font-family: "Big Shoulders Text", sans-serif;
    color: white;
    FONT-SIZE: 1em;
    position: relative;
    font-style: italic;
    font-weight: 200;
    top: -0.7em;
}
}

.main {
    display: block;
    height: 18em;
    padding-left: 0.75rem;
    color: white;
    border-radius: 3px;
}

.art {
    position: relative;
    background-position: 25% 40%;
    background-size: 130%;
    background-color: #00295D;
    background-blend-mode: luminosity;
    transition: all 200ms ease-in-out;
    color: white! important;
    margin-left: -20em;
    margin-right: 25em;
    margin-top: 1em;
}

.art:hover {
    color: #b0d8f7!important;
    transition: all 150ms ease-in-out;
    background-color: transparent;
    box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.5);
    text-shadow: 1px 1px 0px #051c2e;
    mix-blend-mode: none;
}

.art:hover .subtitle {
    color: white;
}

.art:hover .info {
    color:#557D99!important;
}


.right {
    position: relative;
    background-position: 25% 40%;
    background-size: 140%;
    background-color: #00295D;
    background-blend-mode: luminosity;
    transition: all 200ms ease-in-out;
    color: white! important;
    margin-left: 25em;
    margin-right: -20em;
    margin-top: -19em;
}

.right:hover {
    color: #b0d8f7!important;
    transition: all 150ms ease-in-out;
    background-color: transparent;
    box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.5);
    text-shadow: 1px 1px 0px #051c2e;
    mix-blend-mode: none;
}

.right:hover .subtitle {
    color: white!important;
}

.right:hover .info {
    color:#557D99!important;
}


#page-title{display:none}

.widebox {
    position: relative;
    left: calc(-50dvw + 50%);
    width: 100dvw !important;
    height: calc(42.2em);
    max-width: 120dvw !important;
    background-image: url(
http://scp-sandbox-3.wikidot.com/local--files/integration-program-art/banner.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    margin-top: -5.5em;
}

@media only screen and (max-width: 26.5625rem) {
   .widebox {
        height: calc(15.2em);
        margin-top: -3.7em;
   }
}


.text {
    position: absolute;
    text-align: center;
    margin-left: 55vmax;
    margin-right: 0.2em;
    margin-top: 1vmax;
    color: white;
    font-family: "Big Shoulders Text", sans-serif;
    max-width: 40rem !important;
    line-height: 1.1;
   text-shadow: 1px 1px 1px black;
}

.one .text {
    position: absolute;
    text-align: center;
    margin-left: 3vmax;
    margin-right: -2vmax;
    margin-top: 29em;
    color: white;
    font-family: "Big Shoulders Text", sans-serif;
    max-width: 40rem !important;
    line-height: 1.1;
}


.text .quote {
   font-size: 2.835em;
   font-weight: 700;
}

.text .sig {
  font-size: 1.89em;
  font-weight: 100;
}

@media only screen and (max-width: 26.5625rem) {
.text {
    position: absolute;
    text-align: center;
    margin-left: 27.5vmax;
    margin-right: 0.7vmax;
    margin-top: -1vmax;
    color: white;
    font-family: "Big Shoulders Text", sans-serif;
    max-width: 40rem !important;
    line-height: 1.1;
   text-shadow: 1px 1px 1px black;
}

.one .text {
    position: absolute;
    text-align: center;
    margin-left: 1vmax;
    margin-right: 30vmax;
    margin-top: 10em;
    color: white;
    font-family: "Big Shoulders Text", sans-serif;
    max-width: 40rem !important;
    line-height: 1.1;
}

.text .quote {
   font-size: 1em;
   font-weight: 700;
}

.text .sig {
  font-size: 0.8em;
  font-weight: 200;
}
}

.about {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
height: 120vh;
max-width: 23.5rem !important;
margin: auto;
font-family: "Big Shoulders Text", sans-serif;
word-spacing: 4px;
color:white;
line-height: 0.96;
}

.about .def{
letter-spacing: 0.1em;
font-size: 420%;
  font-weight: 700;
}

.about .other {
  letter-spacing: 0.1em;
  font-size: 200%;
  font-weight: 200;
}

.about .ooah{
font-size: 155%;
font-weight: 200;
}


@media only screen and (max-width: 26.5625rem) {
.about {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
height: 30vh;
max-width: 3.5rem !important;
margin: auto;
font-family: "Big Shoulders Text", sans-serif;
word-spacing: 4px;
color:white;
line-height: 0.96;
}

.about .def{
letter-spacing: 0.1em;
font-size: 320%;
  font-weight: 700;
}

.about .other {
  letter-spacing: 0.1em;
  font-size: 130%;
  font-weight: 200;
}

.about .main{
font-size: 125.5%;
font-weight: 200;
}
}

.category {
    position: relative;
    font-family: "Big Shoulders Text", sans-serif;
    font-weight: 200;
    word-spacing: 4px;
    color:white;
    font-size: 7em;
    line-height: 0.96;
    margin-left: -2.5em;
    top: 1vmax;
}

@media only screen and (max-width: 26.5625rem) {
.category {
    position: relative;
    font-family: "Big Shoulders Text", sans-serif;
    font-weight: 200;
    word-spacing: 4px;
    color:white;
    font-size: 2.5em;
    line-height: 0.96;
    margin-left: 0.3em;
    top: .5vmax;
}

.main {
    display: block;
    height: 20vmax;
    padding-left: 0.75rem;
    color: white;
    border-radius: 3px;
    margin: -2.5vmin;
}
}

:root {

    --timeScale: 6;
    --timeDelay: 6s;
    --red: 176, 216, 247;
    --bluedark: 5, 28, 46;
    --blue-dark-lighter: 10, 62, 102;
     --medium-accent: var(--red);
     --pale-gray-monochrome: var(--blue-dark-lighter);
     --cutColour: #fafafa;
     --barColour: var(--red);
     --toggle-border-color: rgb(var(--red));
     --toggle-icon-color: rgb(var(--red));
     --mono-font: 'IBM Plex Mono', monospace;

    --header-gradient-color-top: var(--bluedark);
    --header-gradient-color-middle: var(--bluedark);
    --header-gradient-color-bottom: var(--bluedark);
    --background-gradient-distance: 0rem;
    --diagonal-stripes: linear-gradient(transparent 0);

    --swatch-topmenu-bg-color: var(--red);
    --swatch-topmenu-border-color: var(--red);

      --swatch-background: var(--bluedark);

     --dark-accent: var(--red);
     --barColour: var(--red);
     --bright-accent: var(--red);

    --header-title: "THE  INTEGRATION  PROGRAM";
    --header-subtitle: " ";
    --logo-image: url("");

    --ui-button-bg: var(--blue-dark-lighter);
    --ui-button-txt: var(--red);
    --ui-button-hover-txt: var(--bluedark);

    --link-color: var(--red);
    --visited-link-color: var(--red);
    --hover-link-color: var(--red);
    --newpage-color: var(--red);

    --rating-module-bg-color: var(--red);
    --rating-module-bottom-border-color: var(--blue-dark-lighter);

    --rating-module-text-color: var(--bluedark);
    --rating-module-text-hover-color: var(--swatch-text-secondary-color);

--swatch-text-dark: var(--white-monochrome);

--header-font: 'Big Shoulders Text', sans-serif;
--title-font: "Big Shoulders Text", sans-serif;

--header-h1-font-size: calc(1.55rem + (2.405 - 1.15) * ((var(--header-width-on-mobile, 100vw) - 18.75rem) / (48 - 18.75)));
}

#main-content {
    --ui-icon-color: var(--red);
    --ui-icon-bg: var(--bluedark);
    --ui-icon-hover-color: var(--red);
    --ui-icon-hover-bg: var(--bluedark);

    --editor-icon-color: var(--bluedark);
    --editor-icon-bg: var(--red);
    --editor-icon-hover-color: var(--red);
    --editor-icon-hover-bg: var(--blue-dark-lighter);
    --editor-icon-submenu-bg: var(--blue-dark-lighter);

    --pagetags-title-text: var(--bluedark);

}

#side-bar,
#interwiki {
    --sidebar-bg-color: var(--blue-dark-lighter);
    --sidebar-resources-bg-color: var(--win-border), 0.25;
    --sidebar-media-bg-color: var(--win-border), 0.25;
 
    --sideblock-heading-border-color: var(--bluedark);
    --sideblock-heading-bg-color: var(--bluedark);
    --sideblock-heading-text-color: var(--red);
 
    --sidebar-border-color: var(--bluedark), 0.08;
    --sidebar-subtest-color: var(--bluedark);
 
    --sidebar-links-text: var(--red);
    --sidebar-links-hover-bg-color: var(--red);
    --sidebar-links-hover-text-color: var(--bluedark);
}

#footer {
    --footer-bg-color: var(--bluedark);
    --footer-text-color: var(--red);
    --footer-link-color: var(--red);
    --footer-link-hover-color: 176, 216, 247;
    --footer-link-hover-bg-color: var(--blue-dark-lighter);
}
 
form#edit-page-form .wd-editor-toolbar-panel {
    background-color: rgb(var(--red));
}

html,
body,
#header h1 a::after {
    color: rgb(var(--white));
}

#header h1 a::before {
    -webkit-text-stroke: 0.2rem rgb(var(--bluedark));
    --wght: 100;
    font-weight: 100;
    }
}

#side-bar,
#interwiki {
    --sidebar-bg-color: var(--blue-dark-lighter);
    --sidebar-resources-bg-color: var(--win-border), 0.25;
    --sidebar-media-bg-color: var(--win-border), 0.25;
 
    --sideblock-heading-border-color: var(--bluedark);
    --sideblock-heading-bg-color: var(--bluedark);
    --sideblock-heading-text-color: var(--red);
 
    --sidebar-border-color: var(--bluedark), 0.08;
    --sidebar-subtest-color: var(--bluedark);
 
    --sidebar-links-text: var(--red);
    --sidebar-links-hover-bg-color: var(--red);
    --sidebar-links-hover-text-color: var(--bluedark);
}

#footer {
    --footer-bg-color: var(--bluedark);
    --footer-text-color: var(--red);
    --footer-link-color: var(--red);
    --footer-link-hover-color: 176, 216, 247;
    --footer-link-hover-bg-color: var(--blue-dark-lighter);
}
 
form#edit-page-form .wd-editor-toolbar-panel {
    background-color: rgb(var(--red));
}

#top-bar {
    --topmenu-category-color: var(--bluedark);
    --dropdown-bg-color: var(--bluedark), 0.9;
    }

#content-wrap {
background-color: #051c2e;
background-image: url("data:image/svg+xml,%3Csvg width='48' height='64' viewBox='0 0 48 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 28v-4L36 12 24 24 12 12 0 24v4l4 4-4 4v4l12 12 12-12 12 12 12-12v-4l-4-4 4-4zM8 32l-6-6 10-10 10 10-6 6 6 6-10 10L2 38l6-6zm12 0l4-4 4 4-4 4-4-4zm12 0l-6-6 10-10 10 10-6 6 6 6-10 10-10-10 6-6zM0 16L10 6 4 0h4l4 4 4-4h4l-6 6 10 10L34 6l-6-6h4l4 4 4-4h4l-6 6 10 10v4L36 8 24 20 12 8 0 20v-4zm0 32l10 10-6 6h4l4-4 4 4h4l-6-6 10-10 10 10-6 6h4l4-4 4 4h4l-6-6 10-10v-4L36 56 24 44 12 56 0 44v4z' fill='%2324374b' fill-opacity='0.14' fill-rule='evenodd'/%3E%3C/svg%3E");
}

@media only screen and (max-width: 26.5625rem) {
    :root {
        --header-title: "INTEGRATION";
    }
    #header::before {
        top: -1rem;
        left: -2rem;
    }
}

```
text-align: center; margin-top: -15px;
```

```
widebox
```

[[include :scp-wiki:theme:black-highlighter-theme]]
[[include :scp-wiki:component:toggle-sidebar-bhl]]
[[include :scp-wiki:component:centered-header-bhl]]

[[module CSS]]
@import url('https://fonts.bunny.net/css2?family=Big+Shoulders+Text:wght@100&display=swap');
@import url('https://fonts.bunny.net/css2?family=Big+Shoulders+Text:wght@200&display=swap');
@import url('https://fonts.bunny.net/css2?family=Big+Shoulders+Text:wght@400&display=swap');
@import url('https://fonts.bunny.net/css2?family=Big+Shoulders+Text:wght@700&display=swap');

.main{
    text-decoration: none!important;
}

.main:hover {
    text-decoration: none!important;
}
.main:visited {     
    color: white;
}

.name {
    font-family: "Big Shoulders Text", sans-serif;
    font-size: 3.5em;
    font-weight: 700;
    line-height: 60px;
}

.tale {
    color: #b0d8f7!important;
    font-family: "Big Shoulders Text", sans-serif;
    font-size: 3em;
    font-style: italic;
    font-weight: 700;
}

.subtitle {
    font-family: "Big Shoulders Text", sans-serif;
    color: white;
    FONT-SIZE: 1.4em;
    position: relative;
    font-style: italic;
    font-weight: 200;
    top: -0.7em;
}

@media only screen and (max-width: 26.5625rem) {
.name {
    font-family: "Big Shoulders Text", sans-serif;
    font-size: 2em;
    font-weight: 700;
    line-height: 35px;
}

.tale {
    color: #b0d8f7!important;
    font-family: "Big Shoulders Text", sans-serif;
    font-size: 1em;
    font-style: italic;
    font-weight: 700;
}

.subtitle {
    font-family: "Big Shoulders Text", sans-serif;
    color: white;
    FONT-SIZE: 1em;
    position: relative;
    font-style: italic;
    font-weight: 200;
    top: -0.7em;
}
}

.main {
    display: block;
    height: 18em;
    padding-left: 0.75rem;
    color: white;
    border-radius: 3px;
}

.art {
    position: relative;
    background-position: 25% 40%;
    background-size: 130%;
    background-color: #00295D;
    background-blend-mode: luminosity;
    transition: all 200ms ease-in-out;
    color: white! important;
    margin-left: -20em;
    margin-right: 25em;
    margin-top: 1em;
}

.art:hover {
    color: #b0d8f7!important;
    transition: all 150ms ease-in-out;
    background-color: transparent;
    box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.5);
    text-shadow: 1px 1px 0px #051c2e;
    mix-blend-mode: none;
}

.art:hover .subtitle {
    color: white;
}

.art:hover .info {
    color:#557D99!important;
}


.right {
    position: relative;
    background-position: 25% 40%;
    background-size: 140%;
    background-color: #00295D;
    background-blend-mode: luminosity;
    transition: all 200ms ease-in-out;
    color: white! important;
    margin-left: 25em;
    margin-right: -20em;
    margin-top: -19em;
}

.right:hover {
    color: #b0d8f7!important;
    transition: all 150ms ease-in-out;
    background-color: transparent;
    box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.5);
    text-shadow: 1px 1px 0px #051c2e;
    mix-blend-mode: none;
}

.right:hover .subtitle {
    color: white!important;
}

.right:hover .info {
    color:#557D99!important;
}


#page-title{display:none}

.widebox {
    position: relative;
    left: calc(-50dvw + 50%);
    width: 100dvw !important;
    height: calc(42.2em);
    max-width: 120dvw !important;
    background-image: url(
http://scp-sandbox-3.wikidot.com/local--files/integration-program-art/banner.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    margin-top: -5.5em;
}

@media only screen and (max-width: 26.5625rem) {
   .widebox {
        height: calc(15.2em);
        margin-top: -3.7em;
   }
}


.text {
    position: absolute;
    text-align: center;
    margin-left: 55vmax;
    margin-right: 0.2em;
    margin-top: 1vmax;
    color: white;
    font-family: "Big Shoulders Text", sans-serif;
    max-width: 40rem !important;
    line-height: 1.1;
   text-shadow: 1px 1px 1px black;
}

.one .text {
    position: absolute;
    text-align: center;
    margin-left: 3vmax;
    margin-right: -2vmax;
    margin-top: 29em;
    color: white;
    font-family: "Big Shoulders Text", sans-serif;
    max-width: 40rem !important;
    line-height: 1.1;
}


.text .quote {
   font-size: 2.835em;
   font-weight: 700;
}

.text .sig {
  font-size: 1.89em;
  font-weight: 100;
}

@media only screen and (max-width: 26.5625rem) {
.text {
    position: absolute;
    text-align: center;
    margin-left: 27.5vmax;
    margin-right: 0.7vmax;
    margin-top: -1vmax;
    color: white;
    font-family: "Big Shoulders Text", sans-serif;
    max-width: 40rem !important;
    line-height: 1.1;
   text-shadow: 1px 1px 1px black;
}

.one .text {
    position: absolute;
    text-align: center;
    margin-left: 1vmax;
    margin-right: 30vmax;
    margin-top: 10em;
    color: white;
    font-family: "Big Shoulders Text", sans-serif;
    max-width: 40rem !important;
    line-height: 1.1;
}

.text .quote {
   font-size: 1em;
   font-weight: 700;
}

.text .sig {
  font-size: 0.8em;
  font-weight: 200;
}
}

.about {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
height: 120vh;
max-width: 23.5rem !important;
margin: auto;
font-family: "Big Shoulders Text", sans-serif;
word-spacing: 4px;
color:white;
line-height: 0.96;
}

.about .def{
letter-spacing: 0.1em;
font-size: 420%;
  font-weight: 700;
}

.about .other {
  letter-spacing: 0.1em;
  font-size: 200%;
  font-weight: 200;
}

.about .ooah{
font-size: 155%;
font-weight: 200;
}


@media only screen and (max-width: 26.5625rem) {
.about {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
height: 30vh;
max-width: 3.5rem !important;
margin: auto;
font-family: "Big Shoulders Text", sans-serif;
word-spacing: 4px;
color:white;
line-height: 0.96;
}

.about .def{
letter-spacing: 0.1em;
font-size: 320%;
  font-weight: 700;
}

.about .other {
  letter-spacing: 0.1em;
  font-size: 130%;
  font-weight: 200;
}

.about .main{
font-size: 125.5%;
font-weight: 200;
}
}

.category {
    position: relative;
    font-family: "Big Shoulders Text", sans-serif;
    font-weight: 200;
    word-spacing: 4px;
    color:white;
    font-size: 7em;
    line-height: 0.96;
    margin-left: -2.5em;
    top: 1vmax;
}

@media only screen and (max-width: 26.5625rem) {
.category {
    position: relative;
    font-family: "Big Shoulders Text", sans-serif;
    font-weight: 200;
    word-spacing: 4px;
    color:white;
    font-size: 2.5em;
    line-height: 0.96;
    margin-left: 0.3em;
    top: .5vmax;
}

.main {
    display: block;
    height: 20vmax;
    padding-left: 0.75rem;
    color: white;
    border-radius: 3px;
    margin: -2.5vmin;
}
}


[[/module]]

[[include :scp-wiki:theme:black-highlighter-theme]]
[[include :scp-wiki:component:toggle-sidebar-bhl]]
[[include :scp-wiki:component:centered-header-bhl]]

[[=]]
[[module rate]]
[[/=]]
[[div style="text-align: center; margin-top: -15px;"]]
[[size 80%]]##757575|by Olicus##[[/size]]
[[/div]]

@@ @@

[[div class="widebox"]]

[[/div]]

[[=]]
+ **[[[plague-s-proposal | Plague's 001 Proposal]]]**
[[collapsible show="+ Plague's Proposal - The Ones That Got Away" hide=" It was a bumpy road, and I failed. I failed a lot. I probably failed more than anyone else has, right? But now, at least I was given a chance to show that it amounted to something; that all this work, all that failure, all the lessons learned added up to something."]]
[[image  https://scp-wiki.wikidot.com/local--files/integration-program-art/001proposal.webp ]]
[[/collapsible]]

@@ @@

+ **[[[SCP-5175]]]**
[[collapsible show="+ SCP-5175 - DEATH KNIFE" hide="Kuchi no naka de kinō shinai burēdo no watashi no aji"]]
[[image  https://scp-wiki.wikidot.com/local--files/integration-program-art/5175.webp ]]
[[/collapsible]]

[[collapsible show="+ SCP-5175 & Woodcock chibi"]]
[[image  https://scp-wiki.wikidot.com/local--files/integration-program-art/5175_1.webp width="500px"]]
[[/collapsible]]

@@ @@

+ **[[[SCP-5595]]]**
[[collapsible show="+ SCP-5595 - Geoffrey Quincy Harrison the Third: Site-Director, Gumball Machine" hide="YES. MR. LAGUE FORMALLY INVITED ME TO FILL IN THE POSITION OF SITE DIRECTOR WHILE HE WAS ON VACATION."]]
[[image  https://scp-wiki.wikidot.com/local--files/integration-program-art/5595_1.webp width="400px"]]
[[/collapsible]]

[[collapsible show="+ SCP-5595 chibi" hide="lalala"]]
[[image  https://scp-wiki.wikidot.com/local--files/integration-program-art/5595_2.webp width="500px"]]
[[/collapsible]]

@@ @@

+ **[[[SCP-6599]]]**
[[collapsible show="+ SCP-6599 - HOGSLICE" hide="TELL THAT WEIRDO WITH THE KNIFE THAT HE'S COOL AND IF HE EVER WANTS A BEER HE CAN REACH OUT."]]
[[image https://scp-wiki.wikidot.com/local--files/integration-program-art/6599_1.webp]]
[[/collapsible]]

[[collapsible show="+ HOGSLICE chibi" hide="SOME ASSHOLE TOLD ME I NEEDED TO TOUCH GRASS AND WHEN I DID I REALLY LIKED IT. I WOULD LIKE TO GROW MORE GRASS PLEASE."]]
[[image  https://scp-wiki.wikidot.com/local--files/integration-program-art/6599_2.webp width="500px"]]
[[/collapsible]]

[[collapsible show="+ HOGSLICE & dado" hide="UPPERCASE and lowercase"]]
[[image  https://scp-wiki.wikidot.com/local--files/integration-program-art/6599%2526dado.webp ]]
[[/collapsible]]

@@ @@

+ **[[[SCP-7522]]]**
[[collapsible show="+ SCP-7522 - Jamie Goodworth Mcdonald Sr: Finance Expert, Celestial Construct" hide="YOU'RE THE FIRST PERSON TO TALK TO ME THAT LONG. AND ACTUALLY TALK TO ME. NOT SOME ONE WAY STREET BULLSHIT BUT REAL CONVERSATION."]]
[[image  https://scp-wiki.wikidot.com/local--files/integration-program-art/7522.webp width="500px"]]
[[/collapsible]]

@@ @@

+ **[[[SCP-7999]]]**
[[collapsible show="+ SCP-7999 - Meet Me in the Stars" hide="I will… see you in the stars."]]
[[image https://scp-wiki.wikidot.com/local--files/integration-program-art/7999_1.webp width="400px"]]
[[/collapsible]]

[[collapsible show="+ Carteckan & Sias chibi" hide=" It kneaded at my cheeks and brushed its fingers through my beard, all with this sense of abject wonder and fascination."]]
[[image  https://scp-wiki.wikidot.com/local--files/integration-program-art/7999_2.webp width="500px"]]
[[/collapsible]]

[[collapsible show="+ Carteckan & Sias drawing each other" hide=" I'm going to paint you, and I want you to paint me. …Right, that word probably doesn't translate."]]
[[image  https://scp-wiki.wikidot.com/local--files/integration-program-art/7999_3.webp width="500px"]]
[[/collapsible]]

[[collapsible show="+ Meeting in the stars" hide=" Current distance: Approximately 32 billion light years "]]
[[image  https://scp-wiki.wikidot.com/local--files/integration-program-art/7999_4.webp width="500px"]]
[[/collapsible]]

@@ @@

+ **[[[SCP-8000]]]**
[[collapsible show="+ SCP-8000 - The Seal of Approval Ⅰ" hide="Mr. Paul. Do you trust yourself?"]]
[[image https://scp-wiki.wikidot.com/local--files/integration-program-art/8000_1.webp ]]
[[/collapsible]]

[[collapsible show="+ SCP-8000 - The Seal of Approval Ⅱ"]]
[[image  https://scp-wiki.wikidot.com/local--files/integration-program-art/8000.webp width="500px"]]
[[/collapsible]]

[[collapsible show="+ SCP-8000 & Paul Lague chibi Ⅰ" ]]
[[image https://scp-wiki.wikidot.com/local--files/integration-program-art/8000_3.webp width="500px" ]]
[[/collapsible]]

[[collapsible show="+ SCP-8000 & Paul Lague chibi Ⅱ" ]]
[[image https://scp-wiki.wikidot.com/local--files/integration-program-art/8000_2.webp width="500px" ]]
[[/collapsible]]

@@ @@

+ **[[[plauge-proposal | Plauge's Proposal]]]**
[[collapsible show="+ Plauge's Proposal - The Great Seal" hide="His glory."]]
[[image https://scp-wiki.wikidot.com/local--files/integration-program-art/greatseal.webp width="500px" ]]
[[/collapsible]]

@@ @@

+ **[[[hogslice-makes-a-friend | HOGSLICE Makes A Friend]]]**
[[collapsible show="+ HOGSLICE & SCP-6764" hide="Walk to the corner on your left hand side. There are pipes there. They said you're soft."]]
[[image https://scp-wiki.wikidot.com/local--files/integration-program-art/6599_maddie.webp width="500px" ]]
[[/collapsible]]

[[/=]]


[[module CSS]]
:root {

    --timeScale: 6;
    --timeDelay: 6s;
    --red: 176, 216, 247;
    --bluedark: 5, 28, 46;
    --blue-dark-lighter: 10, 62, 102;
     --medium-accent: var(--red);
     --pale-gray-monochrome: var(--blue-dark-lighter);
     --cutColour: #fafafa;
     --barColour: var(--red);
     --toggle-border-color: rgb(var(--red));
     --toggle-icon-color: rgb(var(--red));
     --mono-font: 'IBM Plex Mono', monospace;

    --header-gradient-color-top: var(--bluedark);
    --header-gradient-color-middle: var(--bluedark);
    --header-gradient-color-bottom: var(--bluedark);
    --background-gradient-distance: 0rem;
    --diagonal-stripes: linear-gradient(transparent 0);

    --swatch-topmenu-bg-color: var(--red);
    --swatch-topmenu-border-color: var(--red);

      --swatch-background: var(--bluedark);

     --dark-accent: var(--red);
     --barColour: var(--red);
     --bright-accent: var(--red);

    --header-title: "THE  INTEGRATION  PROGRAM";
    --header-subtitle: " ";
    --logo-image: url("");

    --ui-button-bg: var(--blue-dark-lighter);
    --ui-button-txt: var(--red);
    --ui-button-hover-txt: var(--bluedark);

    --link-color: var(--red);
    --visited-link-color: var(--red);
    --hover-link-color: var(--red);
    --newpage-color: var(--red);

    --rating-module-bg-color: var(--red);
    --rating-module-bottom-border-color: var(--blue-dark-lighter);

    --rating-module-text-color: var(--bluedark);
    --rating-module-text-hover-color: var(--swatch-text-secondary-color);

--swatch-text-dark: var(--white-monochrome);

--header-font: 'Big Shoulders Text', sans-serif;
--title-font: "Big Shoulders Text", sans-serif;

--header-h1-font-size: calc(1.55rem + (2.405 - 1.15) * ((var(--header-width-on-mobile, 100vw) - 18.75rem) / (48 - 18.75)));
}

#main-content {
    --ui-icon-color: var(--red);
    --ui-icon-bg: var(--bluedark);
    --ui-icon-hover-color: var(--red);
    --ui-icon-hover-bg: var(--bluedark);

    --editor-icon-color: var(--bluedark);
    --editor-icon-bg: var(--red);
    --editor-icon-hover-color: var(--red);
    --editor-icon-hover-bg: var(--blue-dark-lighter);
    --editor-icon-submenu-bg: var(--blue-dark-lighter);

    --pagetags-title-text: var(--bluedark);

}

#side-bar,
#interwiki {
    --sidebar-bg-color: var(--blue-dark-lighter);
    --sidebar-resources-bg-color: var(--win-border), 0.25;
    --sidebar-media-bg-color: var(--win-border), 0.25;
 
    --sideblock-heading-border-color: var(--bluedark);
    --sideblock-heading-bg-color: var(--bluedark);
    --sideblock-heading-text-color: var(--red);
 
    --sidebar-border-color: var(--bluedark), 0.08;
    --sidebar-subtest-color: var(--bluedark);
 
    --sidebar-links-text: var(--red);
    --sidebar-links-hover-bg-color: var(--red);
    --sidebar-links-hover-text-color: var(--bluedark);
}

#footer {
    --footer-bg-color: var(--bluedark);
    --footer-text-color: var(--red);
    --footer-link-color: var(--red);
    --footer-link-hover-color: 176, 216, 247;
    --footer-link-hover-bg-color: var(--blue-dark-lighter);
}
 
form#edit-page-form .wd-editor-toolbar-panel {
    background-color: rgb(var(--red));
}

html,
body,
#header h1 a::after {
    color: rgb(var(--white));
}

#header h1 a::before {
    -webkit-text-stroke: 0.2rem rgb(var(--bluedark));
    --wght: 100;
    font-weight: 100;
    }
}

#side-bar,
#interwiki {
    --sidebar-bg-color: var(--blue-dark-lighter);
    --sidebar-resources-bg-color: var(--win-border), 0.25;
    --sidebar-media-bg-color: var(--win-border), 0.25;
 
    --sideblock-heading-border-color: var(--bluedark);
    --sideblock-heading-bg-color: var(--bluedark);
    --sideblock-heading-text-color: var(--red);
 
    --sidebar-border-color: var(--bluedark), 0.08;
    --sidebar-subtest-color: var(--bluedark);
 
    --sidebar-links-text: var(--red);
    --sidebar-links-hover-bg-color: var(--red);
    --sidebar-links-hover-text-color: var(--bluedark);
}

#footer {
    --footer-bg-color: var(--bluedark);
    --footer-text-color: var(--red);
    --footer-link-color: var(--red);
    --footer-link-hover-color: 176, 216, 247;
    --footer-link-hover-bg-color: var(--blue-dark-lighter);
}
 
form#edit-page-form .wd-editor-toolbar-panel {
    background-color: rgb(var(--red));
}

#top-bar {
    --topmenu-category-color: var(--bluedark);
    --dropdown-bg-color: var(--bluedark), 0.9;
    }

#content-wrap {
background-color: #051c2e;
background-image: url("data:image/svg+xml,%3Csvg width='48' height='64' viewBox='0 0 48 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 28v-4L36 12 24 24 12 12 0 24v4l4 4-4 4v4l12 12 12-12 12 12 12-12v-4l-4-4 4-4zM8 32l-6-6 10-10 10 10-6 6 6 6-10 10L2 38l6-6zm12 0l4-4 4 4-4 4-4-4zm12 0l-6-6 10-10 10 10-6 6 6 6-10 10-10-10 6-6zM0 16L10 6 4 0h4l4 4 4-4h4l-6 6 10 10L34 6l-6-6h4l4 4 4-4h4l-6 6 10 10v4L36 8 24 20 12 8 0 20v-4zm0 32l10 10-6 6h4l4-4 4 4h4l-6-6 10-10 10 10-6 6h4l4-4 4 4h4l-6-6 10-10v-4L36 56 24 44 12 56 0 44v4z' fill='%2324374b' fill-opacity='0.14' fill-rule='evenodd'/%3E%3C/svg%3E");
}

@media only screen and (max-width: 26.5625rem) {
    :root {
        --header-title: "INTEGRATION";
    }
    #header::before {
        top: -1rem;
        left: -2rem;
    }
}

[[/module]]

INTEGRATION PROGRAM ART HUB

Module Styles

Inline Styles

Includes

CSS Classes

Page Source