dave strider lohac layout

Tags: dave strider, homestuck, land of heat and clockwork, lohac, strider, red, fire

Description:

this is my old layout ignore how horribly unoptimized the code is

Preview:

click on the image for a larger preview

Code:

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

<style>

:root {

        --logo-blue: #f00707;
        --darker-blue: #f00707;
        --lighter-blue: #d00707;
        --even-lighter-blue: #;
        --lightest-blue: #;
        --dark-orange: #f00707;
        --light-orange: #;
        --even-lighter-orange: #;
        --green: #000;

    }

.container {
width: 60%;
max-width: 1600px;
}

.url-info{display:none !important;}

.profile-pic img{
outline: 20px red;
}

.friends-grid img{
outline:none !important;filter: opacity(90%) !important;
width:80% !important; height:80% !important;
border-radius: 20px !important;

}

main {
  background: url("https://media.discordapp.net/attachments/859023795331530765/1185594960360263773/imageedit_1_8971529899.png?ex=65902e59&is=657db959&hm=b99694c722bb65f809ccf62c82c85bf0030412c6e02ea84045b5d0e482459d1f&=&format=webp&quality=lossless&width=1504&height=1050"); background-size:cover;
  color: #fff;
}

body{ background: url('https://media.discordapp.net/attachments/859023795331530765/1185587587931443301/Untitled_design17.png?ex=6590277c&is=657db27c&hm=6b9813e43bfc269fd1207347081073d60738acee10ce2ed8cd48974a9063d56d&=&format=webp'); background-size:cover; }
.contact {
        font-size: 10px;
        font-family: 'Courier New';
        border: d 5px!important;
        background-image: url("https://media.discordapp.net/attachments/859023795331530765/1185590145144070225/gradient1.png?ex=659029dd&is=657db4dd&hm=56f6e012399533f3967bade5f0935b0be86546039879ec9b9a645fcf40e72ce0&=&format=webp&quality=lossless&width=100&height=150")!important;
        background: ;
        
    }

.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 {
	content: url("https://media.discordapp.net/attachments/859023795331530765/1185591067341488178/record-icon.png?ex=65902ab9&is=657db5b9&hm=753d11c829967054d0ded17dc86de198b7bace17cd4cb13aa16309fdd813fd7e&=&format=webp")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	content: url("https://media.discordapp.net/attachments/859023795331530765/1185591067341488178/record-icon.png?ex=65902ab9&is=657db5b9&hm=753d11c829967054d0ded17dc86de198b7bace17cd4cb13aa16309fdd813fd7e&=&format=webp")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	content: url("https://media.discordapp.net/attachments/859023795331530765/1185591067341488178/record-icon.png?ex=65902ab9&is=657db5b9&hm=753d11c829967054d0ded17dc86de198b7bace17cd4cb13aa16309fdd813fd7e&=&format=webp")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	content: url("https://media.discordapp.net/attachments/859023795331530765/1185591067341488178/record-icon.png?ex=65902ab9&is=657db5b9&hm=753d11c829967054d0ded17dc86de198b7bace17cd4cb13aa16309fdd813fd7e&=&format=webp")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	content: url("https://media.discordapp.net/attachments/859023795331530765/1185591067341488178/record-icon.png?ex=65902ab9&is=657db5b9&hm=753d11c829967054d0ded17dc86de198b7bace17cd4cb13aa16309fdd813fd7e&=&format=webp")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	content: url("https://media.discordapp.net/attachments/859023795331530765/1185591067341488178/record-icon.png?ex=65902ab9&is=657db5b9&hm=753d11c829967054d0ded17dc86de198b7bace17cd4cb13aa16309fdd813fd7e&=&format=webp")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	content: url("https://media.discordapp.net/attachments/859023795331530765/1185591067341488178/record-icon.png?ex=65902ab9&is=657db5b9&hm=753d11c829967054d0ded17dc86de198b7bace17cd4cb13aa16309fdd813fd7e&=&format=webp")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	content: url("https://media.discordapp.net/attachments/859023795331530765/1185591067341488178/record-icon.png?ex=65902ab9&is=657db5b9&hm=753d11c829967054d0ded17dc86de198b7bace17cd4cb13aa16309fdd813fd7e&=&format=webp")
}

h1 {
    font-size: 20px;
    font-family: 'Courier New';
}
h2, h3, h4 {
        font-size: 15px;
        font-family: 'Courier New';
}

.details-table {
        font-size: 10px;
        font-family: 'Courier New';
        color: #f00707;
        border: d 5px!important;
        background-image: url("https://media.discordapp.net/attachments/859023795331530765/1185590145144070225/gradient1.png?ex=659029dd&is=657db4dd&hm=56f6e012399533f3967bade5f0935b0be86546039879ec9b9a645fcf40e72ce0&=&format=webp&quality=lossless&width=100&height=300"); !important;
    }

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://i.pinimg.com/originals/3d/0e/19/3d0e1953034446627ca0070b5d4c6df3.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 2s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }

</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 12 of 12 comments ( View all | Add Comment )

Ross ! { 🔪 } !	1734226641 using :3 Report Comment
Baco	1733427853 usando Report Comment
Baco	1733427853 usando Report Comment
StrangeDegenerate	1728242910 SD: i took a look into the code and you were right! SD: most of the code is right, but the optimization f*cks it over lol (No hate!) SD: like, i can very clearly see what you’re trying to code, but space hey just can’t recognize it because of the messiness SD: i recommend popping it into a coding program like phoenix code and hitting the beautify tool SD: pheonix can recognize what you mean, but it’ll clear it up so spacehey can too Report Comment
morbius	1710581562 listen i am ACTUALLY scared this is the 3rd homestuck layout on this search page and i didnt even SEARCH anything related to homestuck (i cant escape) Report Comment
morbius	1710581560 listen i am ACTUALLY scared this is the 3rd homestuck layout on this search page and i didnt even SEARCH anything related to homestuck (i cant escape) Report Comment
♤ abz ♤	1709643866 Using Report Comment
kiki	1707841306 using :3 Report Comment
R4v3b0y	1707787897 Using Report Comment
abby/peach !!	1707773514 using !! Report Comment
rurihime	1707682146 using!! Report Comment
turntechGodhead	1707579190 using Report Comment