serial experiments lain simple

Tags:

Description:

first layout im posting hooray (this is a lain layout i made a while ago and tweaked a bit 4 publishing)

u cant see it in the screenshot but it includes:

- bear cursor
- lain dancing in the corner of ur screen
- start-up page (present day present time)

flash warning at the start too btw. also please credit if you use

Preview:

click on the image for a larger preview

Code:

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

<style>
	.profile-pic img{
   	 
border: 7px solid #7dab7d !important;   
}
.profile-pic img{
clip-path: circle();

}
<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
.online {
	content: url(https://ct.pimp-my-profile.com/online/26.gif);
	}
<style>
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
p{
  font-family: 'VT323', monospace;
  font-size: 150%;
}

h1,h2,h3,h4,h5{
font-family: 'VT323', cursive;
font-size: 200%; 
}
body {
   background-image: url(https://rapports-minoritaires.net/wp-content/uploads/2016/01/matrix.gif);
}
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: url(https://i.kym-cdn.com/photos/images/original/000/915/611/fe8.gif);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	animation: yourAnimation 7.15s ease 0s 1 normal forwards;
	pointer-events: none;
}
main {
	border-radius: 0 0 15px 15px;
	border: 2px solid (#7dab7d); 
}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
nav, footer {
	margin: 1em;
	position: relative;
	box-shadow: 5px 8px 10px #0006;
}
main:before {
	width: auto;
	margin-bottom: 25px;
	border: 1px solid black;
	height: 300px;
	display: block;
	content: "";
	box-shadow: 0px 0px 5px 1px #7bbd75;
	background-image: url(https://image.myanimelist.net/ui/G-Sm6d0qIwQxUGHIp-m2WDFUqTQ_MSEIl_awFmjMGxbekgq4TQ1uxtKstreVvr4-lVvxpGl1WLv-KFe49xYXZk38IyzwhS5G85D1U1hdCZcURnjnq9JMlqyG0t3O9xbB);
	background-position: center center;
	background-size: cover;
}
.profile-pic img,.friends-grid img,.comments-table img{border-radius:5px;}
}
.profile {
   background-image: #decfb8
}
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: rgb(123, 184, 125);
   color: white;
}
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: white;
   color: rgb( 104, 148, 117);
}
.comments-table{
display: block;
height: 340px;
overflow-y: scroll;
}
.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: "🎧"
}

footer {
	border-radius: 15px;
	background-image: url(https://64.media.tumblr.com/1e6adb2bbddf1e73436744a235a58c48/4484d119cdf9cc58-e7/s540x810/0a4319cbb7a300c54f0ca4cfabcda590bdb49642.gifv);
	color: white;

}
footer::after{
  bottom: 0;
  font-size:0;
  left: 82%;
  position:fixed;
  pointer-events: none;
  content:url("https://laingame.net/bootleg/lain.gif");

}
 
table.comments-table td {
	color: rgb(194, 199, 255);
}
 
:root {
	--logo-blue: url(https://64.media.tumblr.com/1e6adb2bbddf1e73436744a235a58c48/4484d119cdf9cc58-e7/s540x810/0a4319cbb7a300c54f0ca4cfabcda590bdb49642.gifv);
	--darker-blue: #d9d1a7 ;
	--lighter-blue: #6f8f68;
	--even-lighter-blue: #80a683;
	--lightest-blue: #ffffd1;
	--dark-orange: #7dab7d;
	--light-orange: #7dab7d;
	--even-lighter-orange: #7dab7d;
	--green: white;

}
</style>


<style>HTML,BODY{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/bear.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/bear1.gif"), auto;}
</style>
 
<style>A:hover{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/bear.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/bear1.gif"), auto;}</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 20 of 36 comments ( View all | Add Comment )

kwarx	1734193503 using!!!! Report Comment
_Eno_	1732990916 using Report Comment
Szczuurka	1729449445 using!!! :P Report Comment
254snugmoon	1728365742 usingg Report Comment
LIZZ	1727742133 using! Report Comment
red	1724469751 using Report Comment
papaya ♡	1722890603 usingg Report Comment
papaya ♡	1722890603 usingg Report Comment
✗	1720584549 using!! Report Comment
♱ ˚₊ ‧ 。𝔯𝔢𝔦 。‧₊˚♱	1718060906 hi, could you provide the code for the start up screen please? Report Comment Hi! the code is: } body:before { content: " "; height: 100vh; width: 100vw; display: block; position: fixed; top: 0; left: 0; z-index: 100; background-image: url(https://i.kym-cdn.com/photos/images/original/000/915/611/fe8.gif); background-size: cover; background-repeat: no-repeat; background-position: center center; animation: yourAnimation 7.15s ease 0s 1 normal forwards; pointer-events: none; } by zoingus; 1718119424; Report
FLESH4LUNCH/VIBR !	1717799934 Using! Report Comment
homyakov kobyakov💉	1715448783 I use Report Comment
Taco	1710982940 using Report Comment
valentine	1710830621 using Report Comment
basil	1709057018 using tysm Report Comment
SEVERUS	1708717274 Using. Report Comment
Inezpinez	1706598455 using Report Comment
‎‧₊˚✿Beene✿˚₊‧	1705758726 using Report Comment
'livia ✮	1704289745 using Report Comment
🎸⋆*･ﾟ⋆	1704153616 USING ^_^ Report Comment