Pridefest

Link to article: Pridefest.


/* Prismriver Theme */
/* by syuzhet */

/*

Hello again, translator.

I don’t have any difficult phrases to hide in here today…

Instead, please write a brief summary of an urban legend that is popular in your country. As an amateur occultist, it pleases me to hear about strange and supernatural things!

In exchange, you may contact me via wikidot to receive a version of the banner art with the PRIDEFEST logo translated to your language. Please also send me the proper translation of the text, so I don’t make any mistakes while editing it.

Thank you! 🌈

- syuzhet

*/



@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&amp;amp;amp;amp;amp;amp;amp;amp;display=swap');

:root {
    --basalt-secondary-color: 0, 0, 0;

    --basalt-overtone: 67, 65, 210;
    --basalt-undertone: 67, 65, 210;
    --basalt-bright-element-color: 67, 65, 210;
    --basalt-dark-element-color: 67, 65, 210;

    --link-color: 67, 65, 210;
    --link-visited-color: 67, 65, 210;
    --link-newpage-color: 67, 65, 210;

    --top-bar-link-color-hover: 255, 255, 255;
    --login-status-text-color-hover: 0, 0, 0;
    --side-bar-link-color-hover: 0, 0, 0;
    --side-bar-link-background-hover: 255, 255, 255;
    --selection-text-color: 0, 0, 0;

    --header-border-width: 0rem;
    --title-size: 1.25rem;
    --subtitle-size: 0rem;
    --side-bar-button-height: 50vh;
    --user-button-width: 2rem;
    --header-logo-size: 67.5%;

    --basalt-UI-dark-palette: 0, 0, 0;
    --top-bar-link-background-hover: 67, 65, 210;

}

#header h1 a::before {
    display: none;
}

#header h1 a span::after {
    margin-bottom: 0;
}

#container #header {
    /*
    background: none;
    position: absolute;
    box-shadow: unset;
    backdrop-filter: none; */
}

div #container-wrap {
    background-color: #060C0C;
    background: url(https://i.imgur.com/nccHXw6.jpeg);
    background-size: contain;
}

#main-content {
    margin-top: 0;
}
#page-content {
    padding-top: 0;
}

#page-content > p:nth-child(-n+4) {
    display: none;
}

.widebox {
    position: relative;
    left: calc(-50dvw + 50%);
    width: 100dvw !important;
    max-width: 100dvw !important;
}

.widebox .blockquote h2, h2 {
    color: white;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 900;
    font-size: 3rem;
    display: block;
    position: relative;
    text-align: center;
    text-shadow: #5750DA 4px 4px;
}

.widebox .blockquote {
    margin: 4rem auto;
    padding: 2rem 2rem;
}

.PRIDEFEST {
    color: white;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 900;
    font-size: 1.1rem;
    text-shadow: #5750DA 2px 2px;
}

.headerimage {
    position: relative;
    height: calc(120dvh);
    background-image: url(https://i.imgur.com/AAR8JV1.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.darkpridebox {
    width: 100%;
    background-image: url(https://i.imgur.com/GP4dM4d.png);
}

.darkprideboxinterior {
    width: 50%;
    margin: auto;
}

.darkpridebox .prideseparator {
    padding: 5em 0em;
    display: block;
    margin: auto;
}

h1, #page-options-container, .licensebox .collapsible-block-folded a, .page-watch-options a {
    color: white;
}

#action-area, .licensebox .collapsible-block-content {
    background: #0D0D0F;
    padding: 10px;
}

.licensebox .collapsible-block-link {
    background: #0D0D0F;
    padding: 10px;
}

/* image stuff */

.prideimages .imagebox {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 80%;
    margin: 4rem auto;
}

.prideimages .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;
}

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

.caption {
  padding: 1em 1em;
  bottom: 0;
  position: absolute;
  z-index: 2;
  color: white;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 900;
  font-size: 2.5rem;
  line-height: 2rem;
  text-decoration: none;
}

.caption a {
  color: #A4A4A4;
  font-weight: 800;
  font-size: 1.5rem;
}

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

/* Piece of shit sidebar */

#top-bar div.mobile-top-bar>.open-menu {
     visibility:visible;
     opacity: 0.6;
     transition: opacity 0.2s;
}

#top-bar div.mobile-top-bar>.open-menu:hover {
    opacity: 1;
}

#side-bar {
     margin-top:0;
     height:100%
}

#side-bar, #side-bar:is(:hover, :focus-within):not(:target) {
     left:calc(var(--side-bar-width) * -1)
}

#side-bar::after, #side-bar::before {
     display:none
}

#side-bar:target {
     left:0;
     width:var(--side-bar-width);
     z-index:10
}

#side-bar a.close-menu, #side-bar:target a.close-menu {
     display:block;
     pointer-events:none;
     position:fixed;
     top:0;
     right:0;
     left:auto;
     width:100%;
     min-width:3.75rem;
     height:100%;
     margin-left:0;
     opacity:0;
     z-index:-1;
     transition:width var(--side-bar-transition),opacity var(--side-bar-transition)   
}

#side-bar:target a.close-menu {
     width:calc(100% - var(--side-bar-width));
     pointer-events:auto;
     opacity:1;
}

/* Mobile */

@media only screen and (max-width: 1020px) {
    .headerimage {
        height: calc(60dvh);
    }
    .darkpridebox .prideseparator {
        padding: 2em 0em;
    }
    .darkprideboxinterior {
    width: 80%;
    margin: auto;
    font-size: 1rem;
    }
    .widebox .blockquote h2, h2 {
        font-size: 2rem;
    }
    .widebox .blockquote {
        margin: 2rem auto;
        padding: 2rem 0rem;
    }
    .prideimages .imagebox {
        width: 100%;
    }
    .caption {
        padding: 0.5em 0.5em;
        font-size: 1.5rem;
        line-height: 1.3rem;
    }

    .caption a {
        color: #A4A4A4;
        font-weight: 800;
        font-size: 1.2rem;
    }
}

```
font-weight: bold
```
```
font-weight: bold
```

```
widebox
```
```
headerimage
```
```
darkpridebox
```
```
prideseparator
```
```
darkprideboxinterior
```
```
PRIDEFEST
```
```
blockquote
```
```
PRIDEFEST
```
```
blockquote
```
```
PRIDEFEST
```
```
PRIDEFEST
```
```
prideseparator
```
```
PRIDEFEST
```
```
prideimages
```
```
imagebox
```
```
caption
```
```
imagebox
```
```
caption
```
```
imagebox
```
```
caption
```
```
imagebox
```
```
caption
```
```
imagebox
```
```
caption
```
```
imagebox
```
```
caption
```
```
prideseparator
```

[[include :scp-wiki:theme:basalt darkmode=a|hidetitle=a|centertitle=a]]
[[module CSS]]

/* Prismriver Theme */
/* by syuzhet */

/*

Hello again, translator.

I don’t have any difficult phrases to hide in here today…

Instead, please write a brief summary of an urban legend that is popular in your country. As an amateur occultist, it pleases me to hear about strange and supernatural things!

In exchange, you may contact me via wikidot to receive a version of the banner art with the PRIDEFEST logo translated to your language. Please also send me the proper translation of the text, so I don’t make any mistakes while editing it.

Thank you! 🌈

- syuzhet

*/



@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&amp;amp;amp;amp;amp;amp;amp;amp;display=swap');

:root {
    --basalt-secondary-color: 0, 0, 0;

    --basalt-overtone: 67, 65, 210;
    --basalt-undertone: 67, 65, 210;
    --basalt-bright-element-color: 67, 65, 210;
    --basalt-dark-element-color: 67, 65, 210;

    --link-color: 67, 65, 210;
    --link-visited-color: 67, 65, 210;
    --link-newpage-color: 67, 65, 210;

    --top-bar-link-color-hover: 255, 255, 255;
    --login-status-text-color-hover: 0, 0, 0;
    --side-bar-link-color-hover: 0, 0, 0;
    --side-bar-link-background-hover: 255, 255, 255;
    --selection-text-color: 0, 0, 0;

    --header-border-width: 0rem;
    --title-size: 1.25rem;
    --subtitle-size: 0rem;
    --side-bar-button-height: 50vh;
    --user-button-width: 2rem;
    --header-logo-size: 67.5%;

    --basalt-UI-dark-palette: 0, 0, 0;
    --top-bar-link-background-hover: 67, 65, 210;

}

#header h1 a::before {
    display: none;
}

#header h1 a span::after {
    margin-bottom: 0;
}

#container #header {
    /*
    background: none;
    position: absolute;
    box-shadow: unset;
    backdrop-filter: none; */
}

div #container-wrap {
    background-color: #060C0C;
    background: url(https://i.imgur.com/nccHXw6.jpeg);
    background-size: contain;
}

#main-content {
    margin-top: 0;
}
#page-content {
    padding-top: 0;
}

#page-content > p:nth-child(-n+4) {
    display: none;
}

.widebox {
    position: relative;
    left: calc(-50dvw + 50%);
    width: 100dvw !important;
    max-width: 100dvw !important;
}

.widebox .blockquote h2, h2 {
    color: white;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 900;
    font-size: 3rem;
    display: block;
    position: relative;
    text-align: center;
    text-shadow: #5750DA 4px 4px;
}

.widebox .blockquote {
    margin: 4rem auto;
    padding: 2rem 2rem;
}

.PRIDEFEST {
    color: white;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 900;
    font-size: 1.1rem;
    text-shadow: #5750DA 2px 2px;
}

.headerimage {
    position: relative;
    height: calc(120dvh);
    background-image: url(https://i.imgur.com/AAR8JV1.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.darkpridebox {
    width: 100%;
    background-image: url(https://i.imgur.com/GP4dM4d.png);
}

.darkprideboxinterior {
    width: 50%;
    margin: auto;
}

.darkpridebox .prideseparator {
    padding: 5em 0em;
    display: block;
    margin: auto;
}

h1, #page-options-container, .licensebox .collapsible-block-folded a, .page-watch-options a {
    color: white;
}

#action-area, .licensebox .collapsible-block-content {
    background: #0D0D0F;
    padding: 10px;
}

.licensebox .collapsible-block-link {
    background: #0D0D0F;
    padding: 10px;
}

/* image stuff */

.prideimages .imagebox {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 80%;
    margin: 4rem auto;
}

.prideimages .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;
}

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

.caption {
  padding: 1em 1em;
  bottom: 0;
  position: absolute;
  z-index: 2;
  color: white;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 900;
  font-size: 2.5rem;
  line-height: 2rem;
  text-decoration: none;
}

.caption a {
  color: #A4A4A4;
  font-weight: 800;
  font-size: 1.5rem;
}

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

/* Piece of shit sidebar */

#top-bar div.mobile-top-bar>.open-menu {
     visibility:visible;
     opacity: 0.6;
     transition: opacity 0.2s;
}

#top-bar div.mobile-top-bar>.open-menu:hover {
    opacity: 1;
}

#side-bar {
     margin-top:0;
     height:100%
}

#side-bar, #side-bar:is(:hover, :focus-within):not(:target) {
     left:calc(var(--side-bar-width) * -1)
}

#side-bar::after, #side-bar::before {
     display:none
}

#side-bar:target {
     left:0;
     width:var(--side-bar-width);
     z-index:10
}

#side-bar a.close-menu, #side-bar:target a.close-menu {
     display:block;
     pointer-events:none;
     position:fixed;
     top:0;
     right:0;
     left:auto;
     width:100%;
     min-width:3.75rem;
     height:100%;
     margin-left:0;
     opacity:0;
     z-index:-1;
     transition:width var(--side-bar-transition),opacity var(--side-bar-transition)   
}

#side-bar:target a.close-menu {
     width:calc(100% - var(--side-bar-width));
     pointer-events:auto;
     opacity:1;
}

/* Mobile */

@media only screen and (max-width: 1020px) {
    .headerimage {
        height: calc(60dvh);
    }
    .darkpridebox .prideseparator {
        padding: 2em 0em;
    }
    .darkprideboxinterior {
    width: 80%;
    margin: auto;
    font-size: 1rem;
    }
    .widebox .blockquote h2, h2 {
        font-size: 2rem;
    }
    .widebox .blockquote {
        margin: 2rem auto;
        padding: 2rem 0rem;
    }
    .prideimages .imagebox {
        width: 100%;
    }
    .caption {
        padding: 0.5em 0.5em;
        font-size: 1.5rem;
        line-height: 1.3rem;
    }

    .caption a {
        color: #A4A4A4;
        font-weight: 800;
        font-size: 1.2rem;
    }
}
[[/module]]

[[div class="widebox"]]
[[div class="headerimage"]]
[[/div]]
[[div class="darkpridebox"]]
[[image https://i.imgur.com/jdAJKIf.png class="prideseparator"]]
[[div class="darkprideboxinterior"]]
Six years ago today, the SCP Wiki first put up the Pride logo in solidarity with all of its many LGBTQIA+ authors, artists, readers, and fans. There was significant backlash, which we disagreed with, but we have stuck with flying the Pride colors since 2020 and are proud to continue to do so. We want to foster a community where our users are proud to be who they are, and safe from judgement of their gender/romantic identity. We want everyone to feel welcome in SCP.

Over the years, many LGBTQIA+ characters such as Robin Thorne, Faeowynn Wilson, Lillian Lillihammer, Jude "bluntfiend" Kriyot, and many more have become staples of the SCP fandom; be it writing, art, or discussion. And the best part is, there are many more joining the ranks every day! So what is it that we are getting at here? Well, the answer is simple.

We want to celebrate all our LGBTQIA+ writers, artists, and community members!

Be it with writing or art, all site members are encouraged to participate in [[span class="PRIDEFEST"]]PRIDEFEST[[/span]]. Whether you want to write about/illustrate an existing character or create your own new one, you are welcome to do whatever you want! Check out the rules below!

[[div class="blockquote"]]
++ RULES
# Make sure to follow [https://scp-wiki.wikidot.com/site-rules Site Rules].
# Post your article/art and tag it with "{{[[span class="PRIDEFEST"]]PRIDEFEST[[/span]]2024}}".
# More than one entry per person in any category are allowed!
# There will be no winners decided by upvotes for this event. Just remember to...
# Have fun!
# [[/div]]

[[div class="blockquote"]]
++ DATES
* [[span class="PRIDEFEST"]]PRIDEFEST[[/span]] START: 12:01 AM, June 1st, 2024 EST
* [[span class="PRIDEFEST"]]PRIDEFEST[[/span]] END: 11:59 PM June 30th, 2024 EST
[[/div]]

[[image https://i.imgur.com/jdAJKIf.png class="prideseparator"]]

++ FEATURED SERIES
@@@@
[[=]]
A collection of SCP series that prominently feature LGBTQIA+ characters. We've also asked community artists to draw banners for these series for [[span class="PRIDEFEST"]]PRIDEFEST[[/span]]!

Please enjoy!
[[/=]]

[[/div]]

[[div class="prideimages"]]

[[div class="imagebox"]]
[[image https://i.imgur.com/kWLVyNb.png link="https://scp-wiki.wikidot.com/whore-of-blood-hub"]]
[[span class="caption"]]WHORE OF BLOOD
[https://fxtwitter.com/unbihexio Art by Nihonio][[/span]]
[[/div]]

[[div class="imagebox"]]
[[image https://i.imgur.com/iP0rTUK.jpeg link="https://scp-wiki.wikidot.com/the-cool-war-hub"]]
[[span class="caption"]]THE COOL WAR
[https://fxtwitter.com/IronShears Art by Ignota][[/span]]
[[/div]]

[[div class="imagebox"]]
[[image https://i.imgur.com/4qxzn99.jpeg link="https://scp-wiki.wikidot.com/on-guard-43-hub"]]
[[span class="caption"]]ON GUARD 43
[https://fxtwitter.com/anafabulaic Art by syuzhet][[/span]]
[[/div]]

[[div class="imagebox"]]
[[image https://i.imgur.com/4bqKdSE.jpeg link="https://scp-wiki.wikidot.com/gamers-against-weed-hub"]]
[[span class="caption"]]GAMERS AGAINST WEED
[https://fxtwitter.com/sailorenoch Art by sailorenoch][[/span]]
[[/div]]

[[div class="imagebox"]]
[[image https://i.imgur.com/uSfqvAC.jpg link="https://scp-wiki.wikidot.com/wilson-s-wildlife-solutions-hub"]]
[[span class="caption"]]Wilson's Wildlife Solutions
[https://fxtwitter.com/Ixchel_la_luna?t=2ziye6XRvJhmRxQY_drFBg Art by Amai Ixchel][[/span]]
[[/div]]

[[div class="imagebox"]]
[[image https://i.imgur.com/0T2FHJR.jpeg link="https://scp-wiki.wikidot.com/unreality-hub"]]
[[span class="caption"]]DEPARTMENT OF UNREALITY
[https://fxtwitter.com/O1icus Art by Olicus][[/span]]
[[/div]]

++ Posted Works
@@@@
[[=]]
Works written during this festival will be listed here

Please enjoy!
[[/=]]

[[=]]
[[collapsible show="+ Click here to see the entries in order of posting +" hide="- Click here to minimize -"]]

[[module ListPages category="_default adult" separate="no" tags="+pridefest2024 -hub -donotshowupinmodule" perPage="100" order="created_at desc desc"]]
* [[size 120%]][[span style="font-weight: bold"]]%%title_linked%%[[/span]][[/size]] [[size 105%]]//by// [[span style="font-weight: bold"]]%%created_by%%[[/span]][[/size]]
[[/module]]

[[/collapsible]]
[[/=]]

[[/div]]
[[image https://i.imgur.com/jdAJKIf.png class="prideseparator"]]
[[=]]
^^Hub art and design by [[*user syuzhet]].^^
[[/=]]
@@@@
@@@@
[[/div]]
[[/div]]

@@@@
@@@@
@@@@
@@@@

[[include :scp-wiki:component:license-box]]
=====
> **Filename:** banner.png
> **Name:** Love-Colored Prism
> **Author:** syuzhet
> **License:** CC BY-SA 3.0
> **Source Link:**

=====
[[include :scp-wiki:component:license-box-end]]

Pridefest

Module Styles

Inline Styles

Includes

CSS Classes

Page Source