Unconditional Love Hub

Link to article: Unconditional Love Hub.

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;600;900&display=swap');

.songbox {
    font-family: 'Roboto', sans-serif;
    position: relative;
    background: linear-gradient(180deg, rgba(34,34,34,1) 0%, rgba(18,18,18,1) 72%);
    border-radius: 0.5rem;
    font-family: 'Roboto', sans-serif;
    margin-top: -1rem;
    padding: 1rem;
    color: white;
}
.song {
    display: grid;
    grid-template-columns: [number] 50px [pic] 50px [title] 3fr [blurb] auto[time] 50px;
    background: transparent;
    font-size: 85%;
}
.song:hover {
   background: #2a2a2a;
}
.number{
    grid-area: number;
    color: gray;
    /* border: 1px solid green; */
    place-self: center;
}
.pic {
    grid-area: pic;
    /* border: 1px solid red;*/
    place-self: center;
}
.title {
    grid-area: title;
    /*border: 1px solid purple;*/
    color: white;
    padding-left: 1rem;
    align-self: center;
}
.title a, .title a:visited {
   color: white;
}
.blurb {
   grid-area: blurb;
   /*border: 1px solid yellow;*/
   align-self: center;
   justify-self: right;
   color: gray;
   font-style: italic;
}
.time {
   grid-area: time;
   /*border: 1px solid orange;*/
   align-self: center;
   justify-self: right;
   color: #444;
  font-family: monospace;
}

(none)

```
songbox
```
```
song
```
```
number
```
```
pic
```
```
title
```
```
blurb
```
```
time
```
```
song
```
```
number
```
```
pic
```
```
title
```
```
blurb
```
```
time
```
```
song
```
```
number
```
```
pic
```
```
title
```
```
blurb
```
```
time
```
```
songbox
```
```
song
```
```
number
```
```
pic
```
```
title
```
```
blurb
```
```
time
```
```
song
```
```
number
```
```
pic
```
```
title
```
```
blurb
```
```
time
```
```
song
```
```
number
```
```
pic
```
```
title
```
```
blurb
```
```
time
```
```
songbox
```
```
song
```
```
number
```
```
pic
```
```
title
```
```
blurb
```
```
time
```
```
song
```
```
number
```
```
pic
```
```
title
```
```
blurb
```
```
time
```
```
song
```
```
number
```
```
pic
```
```
title
```
```
blurb
```
```
time
```
```
skip_window
```
```
skip_float
```
```
right
```

[[include :scp-wiki:theme:bedrock]]
[[include :scp-wiki:theme:skipos]]


[[module css]]
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;600;900&display=swap');

.songbox {
    font-family: 'Roboto', sans-serif;
    position: relative;
    background: linear-gradient(180deg, rgba(34,34,34,1) 0%, rgba(18,18,18,1) 72%);
    border-radius: 0.5rem;
    font-family: 'Roboto', sans-serif;
    margin-top: -1rem;
    padding: 1rem;
    color: white;
}
.song {
    display: grid;
    grid-template-columns: [number] 50px [pic] 50px [title] 3fr [blurb] auto[time] 50px;
    background: transparent;
    font-size: 85%;
}
.song:hover {
   background: #2a2a2a;
}
.number{
    grid-area: number;
    color: gray;
    /* border: 1px solid green; */
    place-self: center;
}
.pic {
    grid-area: pic;
    /* border: 1px solid red;*/
    place-self: center;
}
.title {
    grid-area: title;
    /*border: 1px solid purple;*/
    color: white;
    padding-left: 1rem;
    align-self: center;
}
.title a, .title a:visited {
   color: white;
}
.blurb {
   grid-area: blurb;
   /*border: 1px solid yellow;*/
   align-self: center;
   justify-self: right;
   color: gray;
   font-style: italic;
}
.time {
   grid-area: time;
   /*border: 1px solid orange;*/
   align-self: center;
   justify-self: right;
   color: #444;
  font-family: monospace;
}
   
[[/module]]
[[>]]
[[module Rate]]
[[/>]]

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

[[div class="songbox"]]

++ Playlist 1

[[div class="song"]]
[[div class="number"]]
1
[[/div]]
[[div class="pic"]]
[[image https://scp-wiki.wdfiles.com/local--files/uncle-nicolini-author-page/boomer.png link="/two-coffins"]]
[[/div]]
[[div class="title"]]
[[[Two Coffins]]]
[[/div]]
[[div class="blurb"]]
"Hay is for horses."
[[/div]]
[[div class="time"]]
02:47
[[/div]]
[[/div]]

[[div class="song"]]
[[div class="number"]]
2
[[/div]]
[[div class="pic"]]
[[image https://scp-wiki.wdfiles.com/local--files/uncle-nicolini-author-page/boomer.png link="/borne-on-the-fm-waves-of-the-heart"]]
[[/div]]
[[div class="title"]]
[[[Borne on the FM Waves of the Heart]]]
[[/div]]
[[div class="blurb"]]
"You can call me Fae, you know."
[[/div]]
[[div class="time"]]
02:32
[[/div]]
[[/div]]

[[div class="song"]]
[[div class="number"]]
3
[[/div]]
[[div class="pic"]]
[[image https://scp-wiki.wdfiles.com/local--files/uncle-nicolini-author-page/boomer.png link="/paralytic-states"]]
[[/div]]
[[div class="title"]]
[[[Paralytic States]]]
[[/div]]
[[div class="blurb"]]
"For the first time in my life, I feel genuine joy."
[[/div]]
[[div class="time"]]
03:34
[[/div]]
[[/div]]

[[/div]] 
@@ @@
@@ @@
@@ @@
@@ @@
[[div class="songbox"]]

++ Playlist 2

[[div class="song"]]
[[div class="number"]]
1
[[/div]]
[[div class="pic"]]
[[image https://scp-wiki.wdfiles.com/local--files/uncle-nicolini-author-page/sailorenochtrans.png link="/shape-shift-with-me"]]
[[/div]]
[[div class="title"]]
[[[Shape Shift With Me]]]
[[/div]]
[[div class="blurb"]]
"At the end of the day, we still love each other though."
[[/div]]
[[div class="time"]]
03:59
[[/div]]
[[/div]]

[[div class="song"]]
[[div class="number"]]
2
[[/div]]
[[div class="pic"]]
[[image https://scp-wiki.wdfiles.com/local--files/uncle-nicolini-author-page/sailorenochtrans.png link="/because-of-the-shame"]]
[[/div]]
[[div class="title"]]
[[[Because of The Shame]]] (ft. [[user Queerious]])
[[/div]]
[[div class="blurb"]]
"I'm going to make sure she gets buried correctly."
[[/div]]
[[div class="time"]]
04:33
[[/div]]
[[/div]]

[[div class="song"]]
[[div class="number"]]
3
[[/div]]
[[div class="pic"]]
[[image https://scp-wiki.wdfiles.com/local--files/uncle-nicolini-author-page/sailorenochtrans.png link="/scp-1046"]]
[[/div]]
[[div class="title"]]
[[[SCP-1046 |Black Me Out]]] (ft. Anonymous)
[[/div]]
[[div class="blurb"]]
"I'm not happy in the body God gave me."
[[/div]]
[[div class="time"]]
02:59
[[/div]]
[[/div]]

[[/div]] 

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

[[div class="songbox"]]

++ Playlist 3

[[div class="song"]]
[[div class="number"]]
1
[[/div]]
[[div class="pic"]]
[[image https://scp-wiki.wdfiles.com/local--files/uncle-nicolini-author-page/nihonio.png link="/fuckmylife666"]]
[[/div]]
[[div class="title"]]
[[[Fuckmylife666]]]
[[/div]]
[[div class="blurb"]]
"But at least that little boy isn't slitting his wrists anymore."
[[/div]]
[[div class="time"]]
03:58
[[/div]]
[[/div]]

[[div class="song"]]
[[div class="number"]]
2
[[/div]]
[[div class="pic"]]
[[image https://scp-wiki.wdfiles.com/local--files/uncle-nicolini-author-page/nihonio.png link="/project-proposal-2018-145"]]
[[/div]]
[[div class="title"]]
[[[project-proposal-2018-145|Drinking With the Jocks]]]
[[/div]]
[[div class="blurb"]]
"With this piece, I am merely performing a man's duty."
[[/div]]
[[div class="time"]]
02:29
[[/div]]
[[/div]]

[[div class="song"]]
[[div class="number"]]
3
[[/div]]
[[div class="pic"]]
[[image https://scp-wiki.wdfiles.com/local--files/uncle-nicolini-author-page/nihonio.png link="/uncle-nicolini-author-page"]]
[[/div]]
[[div class="title"]]
[[[High Pressure Low]]]
[[/div]]
[[div class="blurb"]]
"Everyone else had treated her as a tragic bird, stuck in a cage."
[[/div]]
[[div class="time"]]
3:14
[[/div]]
[[/div]]

[[/div]] 

[[size 0%]]BONUS TRACK: [[[True Trans Soul Rebel]]] by [[user NatVoltaic]][[/size]]

-----

@@ @@
@@ @@
[[div class="skip_window" data-title="About the Artist"]]
Hi.

My name is Nico. 

I am a gendervoid/fluid person who has struggled with their gender identity for a long time. This has led to me writing a lot about people struggling with their own gender and other generally gender-related struggles. Usually in the form of Faeowynn Wilson, my lovely daughter. 

[[div class="skip_float right"]]
[[image panda.png]]
= The artist's dog.
[[/div]]


As some of you may have figured out, each of the titles of the pieces here are also the titles of multiple Against Me! songs or albums. Laura Jane Grace, the frontwoman of Against Me! is trans. Having someone I admired as a teenage anarchist (lol) be so forthcoming about her own gender struggles really meant a lot to me coming to terms with my own gender identity. 

This is my form of showing appreciation for her, as well as spotlighting my own queer experience. 

There will be more.

Thanks for reading, and to all my fellow queer people out there, take care.

= ✌️

[[/div]]
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
[[include :scp-wiki:component:wikimodule |normal= --]]]

[[include :scp-wiki:component:license-box
|author=Uncle Nicolini]]

> **Filename:** boomer.png
> **Author:** Boomer Butterfly
> **License:** CC BY SA 3.0
> **Source Link:** [https://scp-wiki.wikidot.com/uncle-nicolini-author-page SCP Wiki]

> **Filename:** sailorenochtrans.png
> **Author:** sailorenoch
> **License:** CC BY SA 3.0
> **Source Link:** [https://scp-wiki.wikidot.com/uncle-nicolini-author-page SCP Wiki]

> **Filename:** nihonio.png
> **Author:** Nihonio
> **License:** CC BY SA 3.0
> **Source Link:** [https://scp-wiki.wikidot.com/uncle-nicolini-author-page SCP Wiki]

> **Filename:** nobody1.png
> **Name:** Black question mark icon ("Nobody")
> **Author:** iconsdb
> **License:** Public Domain
> **Source Link:** https://www.iconsdb.com/black-icons/question-mark-icon.html

> **Filename:** panda.png
> **Author:** Uncle Nicolini (own work)
> **License:** CC BY-SA 3.0


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

Unconditional Love Hub

Module Styles

Inline Styles

Includes

CSS Classes

Page Source