SCP-173 Redesign Collab Hub

Link to article: SCP-173 Redesign Collab Hub.

/* isolates wideness to this class */
.widebox {
   width: 99.3vw;
   max-width: 100vw !important;
   position: relative;
   left: calc(-49.65vw + 50%);
}
/* centers page title */
#page-title {
  text-align: center;
}

/* destroys the second brazil in the page */
#page-content p br:nth-child(2) {
  display: none;
}

(none)

:scp-wiki:theme:basalt [info]

```
widebox
```
```
imagecollection
```
```
imagebox
```
```
caption
```
```
imagebox
```
```
caption
```
```
imagebox
```
```
caption
```
```
imagebox
```
```
caption
```
```
imagebox
```
```
caption
```
```
imagebox
```
```
caption
```
```
imagebox
```
```
caption
```
```
imagebox
```
```
caption
```

[[include :scp-wiki:theme:basalt darkmode=a]]

[[module css]]
/* isolates wideness to this class */
.widebox {
   width: 99.3vw;
   max-width: 100vw !important;
   position: relative;
   left: calc(-49.65vw + 50%);
}
/* centers page title */
#page-title {
  text-align: center;
}

/* destroys the second brazil in the page */
#page-content p br:nth-child(2) {
  display: none;
}
[[/module]]

[[=]]
[[module Rate]]
[[/=]]
------
[[=]]
+ **ANNOUNCEMENT:** Due to the [[[revised-entry|proliferation of SCP-173 instances]]], a repository has been made to catalog all variant sculptures. Please consult your site's HMCL supervisor for guidance regarding the ongoing 173-RE Scenario.

@@
@@
@@
@@

+ The origin of this event is as of yet [https://scp-wiki.wikidot.com/forum/t-14469202/announcement-regarding-the-removal-of-scp-173-s-image unknown].

@@
@@
@@
@@

[[size 150%]][[collapsible show="What actually is this? (click here)" hide="It all starts with this sculpture..."]][[/size]]

This is a collection of artistic interpretations of the original [[[SCP-173]]] //text//. These artworks, by emphasis, do not take inspiration from the original image, Izumi Kato's //Untitled 2004//. Due to numerous circumstances, primarily related to the original image's licensing, //Untitled 2004// was removed from the article and, per the wishes of the text's original author, not replaced.

However, this does not preclude any further creative interpretations of SCP-173. By contrast, this page serves to highlight the creative prowess of this community's artists. Artwork order will randomize upon reload, so if you wish to view one artwork and return to the art collab as it was, simply open the artwork in a new tab rather than clicking on it directly. You can also click the caption to view each artists' social media accounts.

Thanks to [[*user GremlinGroup]] for originally coming up with this idea, [[*user stephlynch]] for coding the randomized art calendar, and all the artists who contributed to this collab!

[[/collapsible]]

@@
@@
@@
@@

[[/=]]

[[div class="widebox"]]

------

[[html]]
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300');

/* contains multitudes..... and images */
.imagecollection {
   display: flex;
   flex-flow: row wrap;
   justify-content: flex-start;
   padding: 0;
}

/* makes ur image boxes square  */
.imagecollection .imagebox {
  background: transparent;
  position: relative;
  box-sizing: border-box;
  width: 12.1vw;
  height: 30vw;
  margin: 0;
}

/* adds that hover gradient to each image box */
.imagecollection .imagebox:before{
  content: "";
  position: absolute;
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 35%);
  height: 100%;
  width: 100%;
  z-index: 1;
  opacity: 0.75;
  transition: 0.5s;
  pointer-events: none;
}

.imagecollection .imagebox:hover:before {
  opacity: 1;
}

/* the image */
.imagecollection .imagebox img {
  display: block;
  margin: auto;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

/* caption below every image ,,,. */
.caption {
  padding: 0.8em;
  bottom: 0;
  position: absolute;
  z-index: 2;
}
.caption a {
  color: white;
  font-family: 'Open Sans';
  font-size: 1.5em;
  text-decoration: none;
}

.caption a:hover {
  color: white;
  text-decoration: underline;
}

/* mobile shit */
@media screen and (max-width: 1200px) {
  .imagecollection .imagebox {
    width: 24.82vw;
    height: 24.82vw;
  }
}

@media screen and (max-width: 640px) {
  .imagecollection .imagebox {
    width: 100vw;
    height: 56.25vw;
  }
}
</style>
<div class="imagecollection">

<div class="imagebox">
   <a href="http://scp-wiki.wikidot.com/scp-173-redesign-collab-hub-subpage-1" target="_blank">
   <img src="https://media.discordapp.net/attachments/938556046971142197/938562344127176705/FKme0CkXIAYFI_O.jpg" >
   </a>
   <span class="caption"><a href="http://scp-wiki.wikidot.com/scp-173-redesign-collab-hub-subpage-1" target="_blank">GALLERY 1</a></span>
</div>

<div class="imagebox">
   <a href="https://scp-wiki.wikidot.com/scp-173-redesign-collab-hub-subpage-2" target="_blank">
   <img src="https://media.discordapp.net/attachments/938556046971142197/941529294063145031/PzP0dgiw.png?width=903&height=625" >
   </a>
   <span class="caption"><a href="http://scp-wiki.wikidot.com/scp-173-redesign-collab-hub-subpage-2" target="_blank">GALLERY 2</a></span>
</div>

<div class="imagebox">
   <a href="http://scp-wiki.wikidot.com/scp-173-redesign-collab-hub-subpage-3" target="_blank">
   <img src="https://media.discordapp.net/attachments/938556046971142197/942036568326168596/FK1-O5lWUAASOie.png?width=1271&height=625" >
   </a>
   <span class="caption"><a href="http://scp-wiki.wikidot.com/scp-173-redesign-collab-hub-subpage-3" target="_blank">GALLERY 3</a></span>
</div>

<div class="imagebox">
   <a href="http://scp-wiki.wikidot.com/scp-173-redesign-collab-hub-subpage-4" target="_blank">
   <img src="https://media.discordapp.net/attachments/938556046971142197/942041825106096159/svtjrdV_.png?width=543&height=625" >
   </a>
   <span class="caption"><a href="http://scp-wiki.wikidot.com/scp-173-redesign-collab-hub-subpage-4" target="_blank">GALLERY 4</a></span>
</div>

<div class="imagebox">
   <a href="http://scp-wiki.wikidot.com/scp-173-redesign-collab-hub-subpage-5" target="_blank">
   <img src="https://media.discordapp.net/attachments/938556046971142197/942049569150210048/FLSIOmrX0AE9fsJ.png?width=551&height=625" >
   </a>
   <span class="caption"><a href="http://scp-wiki.wikidot.com/scp-173-redesign-collab-hub-subpage-5" target="_blank">GALLERY 5</a></span>
</div>

<div class="imagebox">
   <a href="http://scp-wiki.wikidot.com/scp-173-redesign-collab-hub-subpage-6" target="_blank">
   <img src="https://media.discordapp.net/attachments/938556046971142197/942054466499268678/FK5yevTX0AQb37j.png?width=625&height=625" >
   </a>
   <span class="caption"><a href="http://scp-wiki.wikidot.com/scp-173-redesign-collab-hub-subpage-6" target="_blank">GALLERY 6</a></span>
</div>

<div class="imagebox">
   <a href="http://scp-wiki.wikidot.com/scp-173-redesign-collab-hub-subpage-7" target="_blank">
   <img src="https://media.discordapp.net/attachments/938556046971142197/942058278727319652/FK472kLXsAAG0oM.png" >
   </a>
   <span class="caption"><a href="http://scp-wiki.wikidot.com/scp-173-redesign-collab-hub-subpage-7" target="_blank">GALLERY 7</a></span>
</div>

<div class="imagebox">
   <a href="http://scp-wiki.wikidot.com/scp-173-redesign-collab-hub-subpage-8" target="_blank">
   <img src="https://pbs.twimg.com/media/FWa-CRcVUAA8vjR?format=jpg&name=large" >
   </a>
   <span class="caption"><a href="http://scp-wiki.wikidot.com/scp-173-redesign-collab-hub-subpage-8" target="_blank">BIRTHDAY</a></span>
</div>

</div>
[[/html]]
[[/div]]

SCP-173 Redesign Collab Hub

Module Styles

Inline Styles

Includes

CSS Classes

Page Source