Super Minimalistic Gloomy Layout (Hidden Blurbs)

Tags: gloomy, minimalistic, dark, goth, emo, simple

Description:

CLICK HERE FOR FULL PREVIEW / ALT VERSION

something i tossed together for myself, thought others would enjoy!! ^__^

FEATURES:

minimalistic aesthetic
easily customizable if you'd like it to be different
customize ur pronouns, thank you dangered wolf!
invisible but functional footer, thank you sarah!
hidden comments with preserved "add comment" link
hidden friends list with friend count preserved
hidden "blurbs", "about me", and "who i'd like to meet" titles
custom contact buttons (black hearts by default)
centered blurbs content
rounded profile img
custom scrollbar

CREDITS:

HTML_ - most coding
dangeredwolf - pronoun coding!
sarah - invisible footer coding!
??? - profile preview, would be impossible without this tool

Preview:

click on the image for a larger preview

Code:

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

<!-- main coding (background image and generic colors) -->
<style>
    body{
    background-image: url('https://i.imgur.com/kbunyzt.jpg') !important;
    background-attachment: FIXED !important;
    background-repeat: REPEAT !important;
    }  
    main {
        background-color: black;
        color: white;
    }
        .count {
        color: #424242 !important;
    }
        .blurbs .inner{
        text-align: center !important;
    }
    :root {
        --logo-blue: #121212;
        --darker-blue: white;
        --lighter-blue: #181818;
        --even-lighter-blue: #181818;
        --lightest-blue: #000;
        --dark-orange: #fff;
        --light-orange: #000;
        --even-lighter-orange: #000;
        --green: #fff;
   }
    a:hover{
        color: #fff !important;
    }
    h4 {
        color: white;
    }
    main p {
        color: white;
    }
    .profile .blurbs .section h4 {
        color: white;
    }
</style>

<!-- rounded borders +dotted border -->
<style>
    .top{
        border-radius: 25px 25px 0 0 !important;
    }
    main{
        border-radius: 0 0 25px 25px !important;
    }
</style>

<!-- rounded profile pic -->
<style>
    .profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }
</style>

<!-- custom online text -->
<style>
    .online {
        color: #121212;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-timing-function: cubic-bezier(1.0,0,0,1.0);
        animation-duration: 3s;
    }
    .online img {
        display: none;
    }
</style>

<!-- pronouns -->
<style>
    .details:after {
        content: "pronouns go here!";
    }
</style>    
    
<!-- invisible but functional footer -->
<style>
    footer{background:none !important; line-height:0px !important;}
    footer ul li a {color: #000000 !important;}
    }
</style>

<!-- hidden things -->
<style>.comments-table{display:none !important;} 
   .friends-grid{display:none !important;} 
   .blurbs .inner .section:nth-child(1) h4{ font-size:0; }
   .blurbs .inner .section:nth-child(2) h4{ font-size:0; }
   .blog-preview{display:none !important;}
   .blurbs .heading{display:none !important;}
   }
</style>

<!-- custom scrollbar -->
<style>
    ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: #000;
    }

    ::-webkit-scrollbar-track {
    background: #121212;
    }
</style>

<!-- custom contact buttons -->
<style>.contact .inner a img {
       font-size: 0;
   }
   .contact .inner a img:before {
       font-size: 1em;
    display: block
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
   	/* Add to Friends */
	content: "🖤"
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
   	/* Add to Favorites */
	content: "🖤"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "🖤"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "🖤"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "🖤"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "🖤"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "🖤"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "🖤"
   }
</style>

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

Displaying 8 of 8 comments ( View all | Add Comment )

PervBoy	1721894917 using, thanks Report Comment
lingling_rawr	1706595903 usiing Report Comment
𖤐𝕮𝖗𝖊𝖆𝖙𝖚𝖗𝖊 𝖔𝖋 𝖉𝖊𝖒𝖔𝖓𝖎𝖈 𝖒𝖆𝖏𝖊𝖘𝖙𝖞𖤐	1694456521 Using Report Comment
Rinx	1691428719 Usiiing!! Report Comment
GhostyCure	1677499106 Using this! Report Comment
SEED	1676255961 thank you :):) Report Comment
c я ɛ ɛ ρ \| п о л з а t ь \| 忍び寄る	1669563013 thank you! Report Comment
Whiskur	1669368779 Thank you so much for this layout. I am using it for now and I love it very much. I tweaked the 'online' text to be a bit more visible as it was hard to read and set it to hex code #747474. I hope you have a lovely day ahead! (PS, your current theme is lovely and a few things you have on your profile I can relate to, my page I plan to keep private until I can set it up fully). Report Comment