gamzee layout

Tags: gamzee, homestuck, gamzee makara

Description:

wanted 2 post this incase i changed it so uh ft, swedish caramelldansen autoplay, warning 4 flashing + dni stuff, gamzee cursor n spades profile icon(LOGO ISNT MINE N NEITHER IS THE RIGHT GAMZEE GIF THING), comment if using

Preview:

click on the image for a larger preview

Code:

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

<div id="profile">
<ul>

<center>
<h1> Hello user!</h1> 
<br/>
<p>This profile may contains:<br/>
&gt;</p><ul>
<li>possible flashig</li>
<li>loud music</li>

</ul>
<br/>

<h1>DNI</h1>
<ul>
<li>werdios n stuff, any1 who calls themselves probelnmatic unironically</li>
</ul>
<br/>
<br/>
<br/>Click below to go to my profile<br/>
<br/>
<br/>
<a href="#profile">Enter</a>
<br/>
<br/>
<a href="https://spacehey.com/home">Leave</a>

<style> 

#profile{
 position: fixed;
 background-image: url('https://i.pinimg.com/564x/5c/bf/b0/5cbfb0ec8c3741fb1df851a25aa14b48.jpg');
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-size: cover;
 background-color: #ece9d8;
 color: black;
 z-index: 100;
 top: 0; 
 left: 0;
 width: 100vw;
 height: 100vh;
 padding: 50px 100px;
 font-size: 150%;
 overflow-y: scroll;
 opacity: 1;
 transition: .2s;
}

#profile > * {
 width: 100%;
 max-width: 700px!important;
 margin: 20px auto;
 display: block;
}

#profile:target {
 opacity: 0;
 visibility: hidden;
}

#profile > ul {
 padding: 10px 50px;
 border: 4px ridge #0353e6;
 background-color: #ece9d8;
}

</style>
</center></ul></div>
<p><br/></p>
<iframe width="0" height="0" src="https://www.youtube.com/embed/PDJLvF1dUek?loop=1&autoplay=1&controls=0&start=0&playlist=PDJLvF1dUek&" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="">
</iframe>
<style>
body, a, a:hover { cursor:url(http://media.tumblr.com/60094151cd806000035846b384a9e1cb/tumblr_inline_mgkqt7qlVP1qg3bod.png), auto }</style><a href=""></a><a href=""></a>
<div style="float:  ; max-height: 400px; position: fixed; right: 1px; top: 9px; z-index: 200;">
<img src="https://media1.giphy.com/media/xUA7aROXWYA68ygH96/giphy.gif?cid=ecf05e471mc7exsnag1vfe8euhsn7uwdaszp9sdc06az1v6g&ep=v1_gifs_related&rid=giphy.gif&ct=s" width="300" height="300"/></div>
<style>
.logo {
content: url(https://cdn.discordapp.com/attachments/1151315967671017584/1182968485123477584/spacehey_logo.png?ex=6586a041&is=65742b41&hm=1952619e9287cdea979db0557d399fac0a454e2c3e2528b7cb0935959d8cf359&);
</style>
<style>
  @import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans&display=swap');
p{
  font-family: 'Pixelify Sans', sans-serif;
  font-size: 150%;
  color:indigo;
}
h1,h2,h3,h4,h5{
  font-family: 'Pixelify Sans', sans-serif;
  font-size: 150%;
  color:indigo;
</style>
<style>
body {
    background: url(https://i.pinimg.com/originals/79/3c/0a/793c0ab1adc3baf1df0dc754f409b54c.gif);
no-repeat center center;
background-size: cover;
}
.profile {
background-image:url(https://i.pinimg.com/564x/6e/78/dd/6e78dd085afb599df26479190b7deaea.jpg);
no-repeat center center;
background-size: cover;
}
table.comments-table{
display: block;
height: 400px!important;
overflow-y: scroll;</style>
<style></style>
<style>
:root {
    --logo-blue: indigo;
    --darker-blue: black;
    --lighter-blue: purple;
    --even-lighter-blue: black;
    --lightest-blue: purple;
    --dark-orange: black;
    --light-orange: purple;
    --even-lighter-orange: black;
    --green: pink;
}
main {
background: url(https://i.pinimg.com/564x/92/65/c6/9265c677409d895c299054a290a9d00b.jpg);
}
footer {
    border-radius: 15px;
    background-image: url(https://i.pinimg.com/736x/32/2a/87/322a873f8f59c891e84d375dfef69691.jpg);
    color: black;
}
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://media1.tenor.com/m/YuOYwjar_skAAAAC/gamzee-homestuck.gif');
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 1s ease 1s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 100%{ opacity: 1;} 100%{ opacity: 1; } 100%{ opacity: 0;} } 
<style>
/* customizable snowflake styling */
.snowflake {
  color: white;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px black;
}
@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;user-select:none;cursor:default;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;animation-delay:4s,2.5s}
</style>
<div class="snowflakes"><div class="snowflake">❅</div><div class="snowflake">❆</div><div class="snowflake">❅</div><div class="snowflake">❆</div><div class="snowflake">❅</div><div class="snowflake">❆</div><div class="snowflake">❅</div><div class="snowflake">❆</div><div class="snowflake">❅</div><div class="snowflake">❆</div><div class="snowflake">❅</div><div class="snowflake">❆</div></div>
<style>
img:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }</style>
<div style="float:  ; max-height: 300px; position: fixed; left: 1px; top: 0px; z-index: 400;">
<img src="https://media.tenor.com/IwHGY3l2Ks0AAAAi/gamzee.gif"/></div>
<style>
    img{
          filter: sepia(100%) saturate(300%) brightness(70%) hue-rotate(220deg) contrast(150%);
    }
</style>
<style>
.general-about img , .profile .friends .person img{
  -webkit-mask-image: url(https://cdn-icons-png.flaticon.com/512/44/44672.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;
}
</style>
<style>
.online{content:url("https://www.myspacegens.com/images/online_now/323.gif");
}
</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 )

Wiki	1734047189 Using Report Comment
''Alex,,	1732226131 using!! but uhh how can i remove the sound? :o? Report Comment
Kasper	1728080418 USING!!! Report Comment
C4M3OG4YM4ST3R	1723353932 :33< uzing!! Report Comment
Джаспер!	1710424384 Using!! Report Comment
IrradiatedShowman	1709131161 using >:)) Report Comment
terminallyCapricious	1707690205 using :o) Report Comment
mao_.	1705173103 USING Report Comment