Artwork Hub

Link to article: Artwork Hub.

.content-panel .content-type-title > p {
  margin: 0;
}
.content-panel .content-type-title {
  font-size: 120%;
  font-weight: bold;
  padding: 5px 20px;
  background-color: #666;
  color: #fff;
  border-radius: 8px 8px 0 0;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.8),
    inset 0 15px 1px rgba(255,255,255,.2),
    inset 0 15px 10px rgba(255,255,255,.2);
}
.content-panel .content-type-description {
padding: 0 20px;
text-align: justify;
}
.content-panel.content-row .content-type-description {
padding: 5px 20px;
}
.content-panel.content-row .content-type-description-2 {
padding: 0 20px;
text-align: justify;
}

.artist-header a{
    color: white;
    text-shadow: #003 2px 2px;
}

.art-container {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-around;
    align-self: flex-end
    gap: 1rem 1rem;
}
.art-container .art {
    flex: 0 1 200px;
    text-align: center;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.art-container .art .image-container {
    padding: 0;
    min-height: 100%;
    max-width: 100%;
}

```
height:200px;
```
```
height:200px;
```
```
height:200px;
```

background-color: #2e4050; background: linear-gradient(to right, #666,#fff,#fff); padding: 0px 8px;

```
width: 100%;
```

font-weight: bold; color: #fff; background-color: #666;

```
padding: 0 2px; width: 50%;
```

padding: 0 2px; width: 25%; text-align: center;

```
padding: 0 2px; text-align: center;
```
```
vertical-align: top;
```

vertical-align: top; text-align: center;

```
vertical-align: top; text-align: left;
```

component:listpages-table

```
art-container
```
```
art
```
```
art
```
```
art
```
```
artist-header
```
```
content-panel
```
```
standalone
```
```
content-row
```
```
content-type-title
```
```
content-type-description-2
```
```
content-type-description
```

[[module CSS]]
.content-panel .content-type-title > p {
  margin: 0;
}
.content-panel .content-type-title {
  font-size: 120%;
  font-weight: bold;
  padding: 5px 20px;
  background-color: #666;
  color: #fff;
  border-radius: 8px 8px 0 0;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.8),
    inset 0 15px 1px rgba(255,255,255,.2),
    inset 0 15px 10px rgba(255,255,255,.2);
}
.content-panel .content-type-description {
padding: 0 20px;
text-align: justify;
}
.content-panel.content-row .content-type-description {
padding: 5px 20px;
}
.content-panel.content-row .content-type-description-2 {
padding: 0 20px;
text-align: justify;
}

.artist-header a{
    color: white;
    text-shadow: #003 2px 2px;
}

.art-container {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-around;
    align-self: flex-end
    gap: 1rem 1rem;
}
.art-container .art {
    flex: 0 1 200px;
    text-align: center;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.art-container .art .image-container {
    padding: 0;
    min-height: 100%;
    max-width: 100%;
}
[[/module]]

= [[size 200%]]**Artist Showcase**[[/size]]

----
= Featured Artists and Artwork are selected by [http://05command.wikidot.com/community-outreach-main Community Outreach] each month. This month, we're showcasing three articles with sick-looking document mockups by their respective authors!
[[div class="art-container"]]  

[[div class="art" ]]  
[[image https://scp-wiki.wdfiles.com/local--files/hippocampus-of-triton/hippocampus.png link="https://scp-wiki.wikidot.com/hippocampus-of-triton/comments/show" style="height:200px;"]]
A Brief History Of Neptune Station by [[*user thd-glasses]]. Other articles featuring their mockups include [[[http://scpko.wikidot.com/circle-of-propaganda |Circle Of Propaganda (SCP-KO)]]].
[[/div]]

[[div class="art" ]]  
[[image https://scp-wiki.wdfiles.com/local--files/scp-5859/fileface.png link="https://scp-wiki.wikidot.com/scp-5859" style="height:200px;"]]
SCP-5859 by [[*user 
Anorrack]]. Other articles featuring their mockups include [[[https://scp-wiki.wikidot.com/procurement-orders-hells-heart |1981 COLLATED PROCUREMENT ORDERS BY THE DOD IN REGARDS TO TOP SECRET PROJECT: HELL'S HEART]]].
[[/div]]

[[div class="art" ]]  
[[image https://scp-wiki.wdfiles.com/local--files/fragment:scp-5050-0/rook-2.jpg link="https://scp-wiki.wikidot.com/scp-5050" style="height:200px;"]]
SCP-5050 by [[*user JackalRelated]]. Other SCPs featuring their mockups include [[[SCP-6930]]].
[[/div]]

[[/div]]


~~~~

[[div style="background-color: #2e4050; background: linear-gradient(to right, #666,#fff,#fff); padding: 0px 8px;"]]
++ [[span class="artist-header"]][[[artist-showcase-archive| Artist Showcase Archive]]][[/span]]
[[/div]]
~~~~
----
= [[size 200%]]**Recently Updated Art**[[/size]]

[[div class="content-panel standalone content-row"]]
[[div class="content-type-title"]]
Artwork and Artist Pages
[[/div]]

[[div class="content-type-description-2"]]

[[table style="width: 100%;"]]
[[row style="font-weight: bold; color: #fff; background-color: #666;"]]
[[cell style="padding: 0 2px; width: 50%;"]]
Page
[[/cell]]
[[cell style="padding: 0 2px; width: 25%; text-align: center;"]]
Last Update
[[/cell]]
[[cell style="padding: 0 2px; text-align: center;"]]
Created By
[[/cell]]
[[/row]]
[[/table]]

[[/div]]

[[div class="content-type-description"]]

[[module ListPages order="updated_at desc" tag="artwork artist" category="*" prependLine="[[include component:listpages-table]]" perPage="20" appendLine="[[/table]]" separate="false"]]
[[row]]
[[cell style="vertical-align: top;"]]
%%title_linked%%
[[/cell]]
[[cell style="vertical-align: top; text-align: center;"]]
%%updated_at%%
[[/cell]]
[[cell style="vertical-align: top; text-align: left;"]]
%%created_by_linked%%
[[/cell]]
[[/row]]
[[/module]]

[[/div]]
[[/div]]


----


[[=]]
++* ENTRY REQUIREMENTS
[[/=]]

If you'd like to post your own art here to the site, please check out [[[how-to-post-your-art-to-the-scp-wiki |this guide first!]]] It goes over image hosting, basic CSS formatting, customization, and posting requirements. You're free to personalize the page however you like, but note that art pages are subject to the [[[deletions-guide|Deletions process]]] like any other posted page.

Artwork Hub

Module Styles

Inline Styles

Includes

CSS Classes

Page Source