Taylor Swift Midnights

Tags: taylor swift, midnights, layout, profile

Description:

Layout based off of Taylor Swift's 10th Studio Album, Midnights! Sorry if my Programming is really messy :(!

Preview:

click on the image for a larger preview

Code:

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

<style>
.profile {
background: url('https://i.pinimg.com/564x/a7/35/b1/a735b17211deb66fc07fcceada0deff4.jpg');
}
body {
        background-image: url('https://i.pinimg.com/564x/f6/fc/1f/f6fc1fee7893d1ec597fe4199f0d2dde.jpg');
        background-size: 1550px;
        background-attachment: fixed;
        background-position: center;
    }
</style>

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

<style>
p{
font-family: 'Kanit', sans-serif;
font-size: 125%;
color: white;
}

h1,h2,h3,h4,h5 {
font-family: 'Lobster', sans-serif;
font-size: 175%;
color: white;
</style>

<style>
:root {
--logo-blue: ;
--darker-blue: #0800ff;
--lighter-blue: #210a66;
--even-lighter-blue: #1f0b5c;
--lightest-blue: #635196;
--light-orange: #4000ff;
--dark-orange: #0800ff;
}
</style>

<style>
    nav .top {
        background-image: url(https://media-assets.wired.it/photos/64b7975227b22d7dfe1f6a16/16:9/w_2560%2Cc_limit/1546369378);
        height: 410px;
        background-size: 796px;
        background-position: 0px -55px;
        border-radius: 5px;
        position: relative;
        border: 2px solid white;
        border-width: 5px;
        border-radius: 20px;
        box-shadow: 0px 0px 10px black;
        display: block;
    } 
</style>

<style>
.general-about .profile-pic img{
  clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
</style>

<style>
    .online {
        color: #ce8fff;
        font-weight: bold;
        font-size: 98%;
    }
    .online img {
        content: url(https://cdn.discordapp.com/attachments/1101680008633790474/1188948665839132793/CD2-disc_800x.png?ex=659c61bb&is=6589ecbb&hm=bd5a3392caee7558fcdbbff17c5dfbf5997c77ac986ee436e0a06c58368563ca&);
        height: 2.9em;
        margin-right: 5px;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-duration: 1s;
    }

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

ari.ts	1739471834 usandoooo<3 Report Comment
✰ emm :3 ✰	1734645520 using <3 Report Comment
✰ emm :3 ✰	1734645519 using <3 Report Comment
Sam	1705784152 make a black korn one plz Report Comment
( ´ཀ` )	1705445262 using !! Report Comment