Matrix Rain Profile

Tags: green, matrix, rain, profile, coder

Description:

Wanted to make a profile like this for a while, and decided to finally take a crack at it! Enjoy! This layout features an online message blinks yellow and a banner above the nav.

Preview:

click on the image for a larger preview

Code:

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

<!-- Made by s4b3lz on Spacehey!!! : ) -->
<style>
@keyframes onlineBlinkingAnimation {
from { opacity: 25%; }
to { opacity: 100%; }
}
body {
background: black;
font-family: 'Courier', monospace;
}
a, a:hover {
color: #00ff00!important;
}
a:hover::before {
content: '> ';
}
nav::before {
content: ' ';
width: 580px;
height: 120px;
display: block;
margin: 20px auto;
top: 0;
left: 0;
z-index: 100;
background: black url('https://i.ibb.co/Wp5tZwS/green-Matrix-Code.gif');
background-size: cover;
background-position: center;
box-shadow: 0 0 10px #00ff00;
}
nav .top, nav .links {
background: transparent;
}
nav .center button {
background: transparent;
border: 0 solid;
color: #00ff00;
text-decoration: underline;
}
nav .right a, nav .right button {
color: #00ff00;
text-decoration: underline;
}
nav .links li {
text-shadow 0 0 0 transparent;
color: #00ff00;
text-decoration: underline;
}
nav .links li::after {
text-decoration: black underline;
}
nav .links {
margin-bottom: 20px;
text-align: center;
}
main {
background-color: transparent;
box-shadow: 0 0 10px #00ff00;
color: white;
}
h1, .edit-link, .general-about .details {
text-align: center;
}
nav .links a {
text-shadow: none;
}
.online {
color: yellow;
font-size: 20px;
animation-name: onlineBlinkingAnimation;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-direction: alternate;
}
.online img {
display: none;
}
.mood {
text-align: center;
}
.contact, .url-info, .table-section {
border: 0 solid!important;
}
.contact .heading, .table-section .heading {
background: transparent!important;
font-style: italic;
text-align: center;
font-size: 16px;
}
.contact a img {
display: none;
}
.contact a::before {
content: '> ';
}
.url-info {
text-align: center;
}
.details-table td:first-child, .details-table td {
background: transparent!important;
}
.details-table td:first-child {
color: #00ff00;
}
.profile-info {
border:0 solid!important;
box-shadow: 0 0 10px #00ff00;
}
.blog-preview {
text-align: right;
}
.blurbs .heading, .friends .heading {
font-style: italic;
font-size: 16px;
text-align: center;
color: white!important;
background: transparent!important;
}
.blurbs h4 {
color: white!important;
font-style: italic;
}
.friends-grid a::before {
content: '';
}
.count {
color: #00ff00;
}
.friends-grid p {
color: white!important;
}
.comments-table td:first-child, .comments-table td {
background: transparent!important;
border: 0 solid!important;
}
.comments-table {
border: 0 solid!important;
box-shadow: 0 0 10px #00ff00;
padding: 10px;
}
.comments-table tbody {
border: 0 solid!important;
}
.comments-table tr td:first-child {
padding: 0;
vertical-align: middle;
}
.comments-table a::before, .comments-table img::before {
content: '';
}
.comments-table button {
border: 0 solid;
background: transparent!important;
color: #00ff00;
text-decoration: underline;
}
.comment-replies {
border: 1px solid #00ff00;
}
footer {
margin-top: 20px;
background: transparent;
color: white;
}
</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 18 of 18 comments ( View all | Add Comment )

WILLIAM	1712346262 using!!! Report Comment
Becquerel Harley	1708822708 using Report Comment
crossoverm00n	1706365941 using :D Report Comment
Nin_	1705332329 modifying/using! tysm! Report Comment
janebug (FROM HOMESTUCK!!!)	1698500053 Using :3 Report Comment
janebug (FROM HOMESTUCK!!!)	1698500050 Using :3 Report Comment
janebug (FROM HOMESTUCK!!!)	1698500048 Using :3 Report Comment
Seer / Lars 🦇	1696436460 Using! :3 Report Comment
Tomatooosemi2	1694634737 Using Report Comment
Young Cash Register AKA Lil Broomstick	1693873201 using Report Comment
-Minavi-	1689611961 using!11 Report Comment
maggotr0ck	1687644677 using <3 Report Comment
BONKIE🇵🇷	1687121225 using ^^ Report Comment
Karlaovac	1686915351 using :) Report Comment
1001110 1000101 1001111	1686738968 This layout is siiick !! Report Comment
deadgrl	1686391001 using Report Comment
!SEFTWARE!	1686201623 using the header !! :-) Report Comment
Tomatooosemi2	1686072793 using! Report Comment