Green sadness

Tags: goth, emotional, green, sadness, layouts, animated, gif, kitten
Description:

Emo goth layout drive red from one of my favourite layouts on SpaceHey. I would appreciate it if you fill it in and add me.
Code:

<!-- (c) Layout created by Kitten (https://layouts.spacehey.com/layout?id=3481) -->

<style>

nav {
  overflow-x: hidden;
  position: relative;
}

nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { background-image: url(https://img1.picmix.com/output/stamp/normal/3/4/5/0/260543_892f0.gif); }

body {
  /* sets background */
    background-image: url(https://data.whicdn.com/images/202370636/original.gif);
    background-repeat: repeat;
    background-size: 50% ;
  }


:root {
        --logo-blue: ;
        --darker-blue: darkseagreen;
        --lighter-blue: mediumseagreen;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: seagreen;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: darkgreen;
    }

main {
  /* changes made to stuff outside of columns */
    background: #EEE8;
    padding: 0;
    font-size: 80%;
    color: var(--light-orange);
  }



main {
  background-color: transparent;
  color: lawngreen;
}

.profile h1 {color: seagreen;}

body { 

font-family: monospace;

     

</style>

<a href="https://imgbb.com/"><img src="https://i.ibb.co/4spNfC6/9-FB284-B5-7-FC7-4-E9-D-8681-457-CC8-A4629-F.gif" alt="9-FB284-B5-7-FC7-4-E9-D-8681-457-CC8-A4629-F"/></a>
<a href="https://imgbb.com/"><img src="https://i.ibb.co/5TT5vNq/B088-C0-F7-8-D30-46-A6-B4-D8-2316-CA172164.gif" alt="B088-C0-F7-8-D30-46-A6-B4-D8-2316-CA172164"/></a>
<a href="https://imgbb.com/"><img src="https://i.ibb.co/jgNZ311/842-EF872-D91-C-4843-A0-C9-020-EA0-FDCA48.gif" alt="842-EF872-D91-C-4843-A0-C9-020-EA0-FDCA48"/></a>

<iframe width="560" height="315" src="https://www.youtube.com/embed/Rl6fyhZ0G5E" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>



<!-- REMOVE ALL OF THIS TEXT UNTIL THE CODE STARTS
***************************************
Code that I put in "Music"
***************************************-->


<!--heading for music section with an image in the background-->
<div class="interest-heading" style="width:100%; height:60px; background-image: url(https://cdn.discordapp.com/attachments/753067128583618600/802246948979081226/ezgif.com-crop3.gif); vertical-align: middle; text-align: center; position: relative;">
  <h1 style="color:#fff; font-family: 'Courier New', monospace; top: 50%; left: 50%; position:absolute; transform: translate(-50%, -50%); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">MUSIC</h1>
</div>

<img src="https://cdn.discordapp.com/attachments/753067128583618600/801266370188017664/unknown.png" style="width:100%; border-radius: 15px, 15px, 0px, 0px;"/> <!--custom image for playlist 1-->
<iframe src="https://open.spotify.com/embed/playlist/7M1naXEXSel6dRnLJ8hxdk" width="300" height="200" frameborder="0"></iframe> <!--playlist 1 embed-->
<img src="https://cdn.discordapp.com/attachments/753067128583618600/801267699862208532/unknown.png" style="width:100%; border-radius: 15px, 15px, 0px, 0px;"/> <!--custom image for playlist 2-->
<iframe src="https://open.spotify.com/embed/playlist/4jl7EiHxJeIKjBzsPVicK8" width="300" height="200" frameborder="0"></iframe> <!--playlist 2 embed-->

<!--heading for concerts section with an image background-->
<div class="interest-heading" style="width:100%; height:60px; background-image: url(https://cdn.discordapp.com/attachments/753067128583618600/802379263848349726/ezgif.com-crop6.gif); vertical-align: middle; text-align: center; position: relative;">
  <h1 style="color:#fff; font-family: 'Courier New', monospace; top: 50%; left: 50%; position:absolute; transform: translate(-50%, -50%); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">CONCERTS</h1>
</div>

<div class="scroll-box" style="height:200px;border:1px;overflow:auto;"> <!--setting up scroll box with a list inside it-->
  <h1 class="list-heading">Been To</h1> <!--list title-->
  <ul>
    <li>Twiztid</li>
    <li>Boondoxx</li>
    <li>Wutang clan</li>
    <li>Icp/li&gt;
    </li><li>Methodman </li>
    <li>G-unit</li>
    <li>Tiesto </li>
  </ul>
<h1 class="list-heading">Want To Go To</h1> <!--list title-->
  <ul>
    <li>Kottonmouth kings</li>
    <li> Zugz island</li>
    <li>Dollgurl</li>
    <li>Suzan aglukark</li>
    <li>Diet</li>
    <li>Limp biz kit</li>
    <li>Pitbull </li>
  </ul>
</div>

<!-- REMOVE ALL OF THIS TEXT UNTIL THE CODE STARTS
***************************************
Code that I put in "Movies"
***************************************-->

  <h1 class="list-heading">movies</h1> <!--list title-->
<!--heading for games section with an image in the background-->
<div class="interest-heading" style="width:100%; height:60px; background-image: url(https://cdn.discordapp.com/attachments/753067128583618600/802246269924933632/ezgif.com-crop2.gif); vertical-align: middle; text-align: center; position: relative;">
  <h1 style="color:#fff; font-family: 'Courier New', monospace; top: 50%; left: 50%; position:absolute; transform: translate(-50%, -50%); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">GAMES</h1>
</div>

<div class="scroll-box" style="height:200px;border:1px;overflow:auto;"> <!--setting up scroll box with a list inside it-->
  <h1 class="list-heading">PC</h1> <!--list title-->

    <li>Imvu</li>
    <li>league of angels</li>
    <li>Lord of the rings</li>
    <li>Anything about history</li>
    <li>Silkroad online </li>
    <li>club chose </li>
    <li>Twinity </li>
  
  <h1 class="list-heading">Nintendo Switch</h1> <!--list title-->
  <ul>
    <li>0</li>
    <li>0</li>
    <li>0</li>
    <li>0</li>
    <li>0</li>
    <li>0</li>
    <li>0</li>
  </ul>
  <h1 class="list-heading">Xbox</h1> <!--list title-->
  <ul>
    <li>Sims</li>
  </ul>
  <h1 class="list-heading">Other</h1> <!--list title-->
  <ul>
    <li>Samurai warriors series</li>
    <li>the way of the samurai 1+ 2</li>
    <li>Seven samurai</li>
    <li>Terkel</li>
    <li>Street fighter</li>
    <li>Yakuza</li>
    <li>Royal chaos</li>
  </ul>
</div>


<!-- REMOVE ALL OF THIS TEXT UNTIL THE CODE STARTS
***************************************
Code that I put in "Television"
***************************************-->


<!--heading for tv & movies section with an image in the background-->
<div class="interest-heading" style="width:100%; height:60px; background-image: url(https://cdn.discordapp.com/attachments/753067128583618600/801967693834092594/ezgif.com-resize.gif); vertical-align: middle; text-align: center; position: relative;">
  <h1 style="color:#fff; font-family: 'Courier New', monospace; top: 50%; left: 50%; position:absolute; transform: translate(-50%, -50%); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">TV &amp; MOVIES</h1> 
</div>

<div class="scroll-box" style="height:200px;border:1px;overflow:auto;"> <!--setting up scroll box with a list inside it-->
  <h1 class="list-heading">TV</h1> <!--list title-->
  <ul>
    <li>Netflix </li>
    <li>Tubi</li>
    <li>Chinese dramas</li>
    <li>Batman</li>
    <li>Hot zone</li>
    <li>Green hornet </li>
    <li>Japanese anime in English the language is a trigger for me</li>
  </ul>
  <h1 class="list-heading">Movies</h1> <!--list title-->
  <ul>
    <ul>
    <li>Samurai films</li>
    <li>Slashers</li>
    <li>I know who killed me</li>
    <li>Sad movies</li>
    <li>Totoro </li>
    <li>Sanctuary </li>
    <li>Karate kid 1+ 2</li>
  </ul>
  </ul>
</div>


<!-- REMOVE ALL OF THIS TEXT UNTIL THE CODE STARTS
***************************************
Code that I put in "Books"
***************************************-->


<!--heading for books section with an image in the background-->
<div class="interest-heading" style="width:100%; height:60px; background-image: url(https://cdn.discordapp.com/attachments/753067128583618600/802377431600201728/ezgif.com-crop4.gif); vertical-align: middle; text-align: center; position: relative;">
  <h1 style="color:#fff; font-family: 'Courier New', monospace; top: 50%; left: 50%; position:absolute; transform: translate(-50%, -50%); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">BOOKS</h1>
</div>

<div class="scroll-box" style="height:200px;border:1px;overflow:auto;"> <!--setting up scroll box with a list inside it-->
  <ul>
    <li>Delta of Venus</li>
    <li>Erotica</li>
    <li>Lesbian romance</li>
    <li>tipping the velvet</li>
    <li>Confessions of a yakuza</li>
    <li>Romeo dallair</li>
    <li>Yakuza manga</li>
  </ul>
</div>


<!-- REMOVE ALL OF THIS TEXT UNTIL THE CODE STARTS
***************************************
Code that I put in "Heroes"
***************************************-->


<!--heading for other interests section with an image in the background-->
<div class="interest-heading" style="width:100%; height:60px; background-image: url(https://cdn.discordapp.com/attachments/753067128583618600/802378570080976936/ezgif.com-crop5.gif); vertical-align: middle; text-align: center; position: relative;">
  <h1 style="color:#fff; font-family: 'Courier New', monospace; top: 50%; left: 50%; position:absolute; transform: translate(-50%, -50%); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">OTHER INTERESTS</h1>
</div>

<div class="scroll-box" style="height:200px;border:1px;overflow:auto;"> <!--setting up scroll box with a list inside it-->
  <ul>
    <li> I belong on another planet</li>
    <li>Seeing sad</li>
  </ul>
</div>
--&gt;
Copy and paste this code into the "About me" section of your Profile to use it.
Caution: This Layout was not inspected by SpaceHey — use it at your own risk.
Comments

Comments disabled.