Snow and pomegranates

Tags: snow; pomegranates; winter

Description:

Here's the code for my current layout! I like the aesthetic, so I figured I'd share if for other people to enjoy too if they want!

Preview:

Code:

<!-- (c) Layout created by Pidgeon (https://layouts.spacehey.com/layout?id=38465) --> **layout by @Pidgeon** <style> 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/8e/c7/0c/8ec70c2e1413c1e5179621829573a2f4.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;} } main:before { width: 100%; height: 170px ; display: block; content: ""; background-image: url('https://i.pinimg.com/564x/93/b8/bc/93b8bc2fe5eee7f952f8fd2625b9fc1b.jpg'); background-position: center center; background-size:100%; } html:before { animation: grain 8s steps(10) infinite; background-image: url('https://64.media.tumblr.com/53ab6720139558bd1cf8a29cd3b841ce/tumblr_pkv9d4uiMX1xp1j77o2_r1_540.gifv'); content: ""; height: 500%; left: -50%; opacity:.2; position: fixed; top: -110%; width: 500%; pointer-events:none; } .online { visibility: hidden; } .online img { content: url("https://64.media.tumblr.com/65aafc6ec28e812ea0de2a224f0ef2d2/tumblr_prnv10I5BK1rs99ju_75sq.gifv"); animation-name: none; visibility: visible; height: 35px; width: 120px; } body {background-image: url(https://i.pinimg.com/originals/6a/f2/92/6af292131f49bd291119d43740ac2f73.gif); no-repeat fixed; background-size:cover; } main { background: url(https://i.pinimg.com/564x/5b/78/5f/5b785f246c09759d37cfb30dcf370ecc.jpg); no-repeat fixed; background-size:50%; } :root { --logo-blue: #571E1E; --darker-blue: #9C4141; --lighter-blue: #3C3C3C; --even-lighter-blue: #921C1C; --lightest-blue: #FFFFFF; --dark-orange: #000; --light-orange: #921C1C; --even-lighter-orange: #FFFFFF; --green: #0091FF; } .profile .blurbs { background-color: #333; color: #ccc; } .profile .contact {background-color: #FFF; } .profile .blurbs {background-color: #FFF; } .profile .friends {background-color: #FFF; } .profile .blog-preview {background-color: #FFF; } .profile .contact .heading, .profile .table-section .heading, .home-actions .heading { background-color: #AF0000; color: #000; } .profile .url-info { display: none; } h1 { color: h1 { color: turquoise; //text-shadow: 1px 1px #B32D2D; }; text-shadow: 2px 2px 2px #B32D2D, 0 0 2px #B32D2D, 0 0 8px black; </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.