Togainu No Chi inspired layout

Tags: anime

Description:

actually my first attempt on this
please comment if you use my layout ^w^ (the music section in the code can be changed or removed)

Preview:

Code:

<!-- (c) Layout created by Kaz (https://layouts.spacehey.com/layout?id=103632) --> <style> font-size: 150%; } h1,h2,h3,h4,h5{ font-size: 200%; } body { background-image: url(https://i.pinimg.com/564x/f2/64/7a/f2647aa3aec6ffb8f1409c62ce291dd5.jpg); } .profile { background-color: rgb(191, 191, 191); } /* change all headings on page to different colors. */ .profile .blurbs .heading, .profile .friends .heading{ background-color: rgb(176, 57, 58); color: black; } /* change all headings on page to different colors. */ .profile .contact .heading, .profile .table-section .heading{ background-color: black; color: rgb(176, 57, 58); } main:before { width: auto; margin-bottom: 25px; border: 1px solid black; height: 120px; display: block; content: ""; background-image: url(https://i.pinimg.com/736x/7b/e4/d4/7be4d4277cae00eed6fe3a6d9a9a7081.jpg); background-position: center center; background-size: cover; } footer { border-radius: 15px; background-image: url(https://i.pinimg.com/564x/57/0c/e8/570ce8359333f21f183f66ea0e12bb9e.jpg); color: gray; } table.comments-table td { color: rgb(insert rgb); } :root { --logo-blue:#616161; --darker-blue: red; --lighter-blue: gray; --even-lighter-blue: ; --lightest-blue: ; --dark-orange: black; --light-orange: black; --even-lighter-orange: black; --green: pink; } </style> <style> .logo { content:url("https://media.discordapp.net/attachments/1004123404653305991/1229689864216383509/Untitled69_20240416140549.webp?ex=663098ee&is=661e23ee&hm=ceb1d7280c98101f7206d9aef60ce3895b38509d1bed199116ea74b257a55722&=&format=webp"); } </style> <style> @import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap'); p{ font-family: 'Chakra Petch', sans-serif; font-size: 105%; } h1,h2,h3,h4,h5{ font-family: 'Chakra Petch', sans-serif; font-size: 200%; } </style> <iframe width="1" height="1" src="https://www.youtube.com/embed/zmGE5aQTq0A//?&;amp;;autoplay=1&;loop=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe> <div style="float: ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;"><img src="https://media.discordapp.net/attachments/1229472585314599002/1229691501840175134/ae927fcf-4555-49de-8e23-e981092f5694.png?ex=66309a74&is=661e2574&hm=e7c72bc3684157ecb97a2c36138236215ca9cb28b600174c74848b64a2f8f545&=&format=webp&quality=lossless" width="300" height="200"/> </div> <style> </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.