Cave of The Kuraselache

Tags: blue, ocean, fish

Description:

my first layout, so it may be a bit janky... but it seems to function on mobile, which is good!
the coelacanth becomes hidden off to the side on mobile... let me know if you have suggestions to fix that!
ashamed to say i broke some accessibility guidelines with the colors on this one... may go back and change the contrast in the future

please feel free to edit and/or use on other sites. credit is appreciated, but not necessary

background is from the video game EVO the search for eden
credit for the coelacanth gif goes to https://jbrooksanderson.com/ac-daily-catch/
i saved the vaporeon gif off tumblr ages ago, so i don't know who made it (though the model is official, i think) so if you know the source, please let me know!

Preview:

click on the image for a larger preview

Code:

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

/* code by kclass. editing is ok */

<style>
@import url('https://fonts.googleapis.com/css2?family=Inconsolata&display=swap');
</style>

<style>

/* gifs */
main:before {
background-image: url(https://cdn.discordapp.com/attachments/719793207906664471/1080699905758216292/ac_coelacanth.gif);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
height: 100px;
width: 250px;
content: "";
transform: translateX(650px) translateY(50px);
position: absolute;
}

main:after {
background-image: url(https://cdn.discordapp.com/attachments/719793207906664471/1080724466524504064/flob.gif);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
height: 150px;
width: 150px;
content: "";
transform: scaleX(-1) translateX(50px) translateY(-80px);
position: absolute;
}

/* background */
body {
  background-image: url(https://cdn.discordapp.com/attachments/719793207906664471/1080655981568069703/evoocean.gif);
  height: 100%;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: 'Inconsolata', monospace !important;
  text-align: justify;
}

nav {
  text-align: center !important;
}

.top,
.links,
main {
  margin-top: 10px !important;
}

.top,
nav .links,
main,
footer,
.pfp-fallback {
  border: 2px solid #F8F4EA !important;
  border-radius: 10px;
}

.contact,
.table-section,
.profile-info,
.comment-replies {
  border: 2px solid #60A2B1 !important;
  border-radius: 10px !important;
}

.comments-table,
.comments-table td {
  border: 0px !important;
}

.heading,
td{
  border-radius: 5px;
}

/* colors */
h4 {
  color: #F8F4EA;
}

.section h4 {
  color: #403A3B !important
}

.details-table td:first-child,
.comments-table td:first-child {
  background-color: #60A2B1 !important;
  color: #F8F4EA !important;
}

td {
  background-color: #F8F4EA !important;
  color: #403A3B !important;
}

a,
.count,
.online {
  color: #403A3B !important;
}

a:hover {
  background-color: #403A3B !important;
  color: #FFD172 !important;
}

.top,
main {
  background-color: #67CBD5 !important;
  color: #403A3B !important;
}

.heading,
nav .links,
footer {
  background-color: #60A2B1 !important;
  color: #F8F4EA !important;
}

/* hiding shit */

nav .links a {text-shadow: none !important;}
.url-info {display: none !important;}

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

Anto.luk4	1705726409 Using! Report Comment
kaickat ☆	1697212653 Usinng!! Report Comment
Nathanieeel	1689281933 using!1!! Report Comment
Roix	1688148395 using, this is cool thx!!! Report Comment
sleepy	1679760309 epic Report Comment
Kiya	1679614988 very cool fish Report Comment
pudding(・ω<)☆ (REVAMPING PROFILE)	1678753148 i js have a question, how did you put the silly lil salmon Report Comment the code for it is near the top, under /* gifs / if you wanna steal it and use it for urself, if that's what you mean? by Vladimir; 1678760201; Report ty for that but what i mean is how do you put pictures and gifs around the layout in general and not just in the about me or general if yk what i mean by pudding(・ω<)☆ (REVAMPING PROFILE)*; 1678760497; Report
andrei ★	1678492689 thank u! using! :-) Report Comment
NINO	1677745056 Using, thank you! I was looking for ocean themed ones. Report Comment