Blue Terminal w/ Star gif and autoplay music

Tags: old;terminal;blue;autoplay;monochrome;dos;tty

Description:

This is the layout I am currently using. If I make adjustments I'll try and remember to update this. I was going for that old monochrome terminal look but instead of green or red I went with blue. Also included is the code i use that auto plays music. Enjoy.

To change font size change the number "19" in "body {font-family: Courier New, monospace;font-size:19px" to whatever you want.

To change the background replace the url in "background-image: url" to whatever you want.

To add a youtube song, replace the "YOUR VIDEO HERE" part with your video ID (the string of letters and numbers after the "v=" in your address bar on youtube.

Have fun.

Preview:

Code:

<!-- (c) Layout created by Justin Wicker (https://layouts.spacehey.com/layout?id=24231) --> <!-- Layout created by Justin. Use wherever, whenever you want, makes no difference to me. https://spacehey.com/jwicker1187 --> <style> body {font-family: Courier New, monospace;font-size:19px;background-color: black; background-image: url(https://media4.giphy.com/media/FlodpfQUBSp20/giphy.gif);} img {filter: sepia(100%) hue-rotate(165deg) saturate(4);} body::before {content: " ";display: block;position: fixed;top: 0;left: 0;bottom: 0;right: 0; background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%); z-index: 2;background-size: 100% 2px, 3px 100%; pointer-events: none;} .logo {filter: sepia(100%) hue-rotate(90deg) saturate(100);} #q, button {color: #00ABFF;background-color: black;border: 1px solid #00ABFF;font-family: inherit;} p, i, b, .count {color: #00ABFF !important;} a, .profile .friends .person p, .logout-btn {color: #00ABFF !important;text-decoration:underline !important;} .container {margin: 0 auto 0;} .icon {display: none;} nav, nav .links a {color: #00ABFF;} nav .top {margin-top: 2px;background: none;background-color: black;border: 2px dotted #00ABFF;border-bottom: none;} nav .links {background-color: black;border: 2px solid #00ABFF;} main {background: black;color: #00ABFF;border-left: 2px dotted #00ABFF;border-right: 2px dotted #00ABFF;} .heading, .url-info {color: #00ABFF !important;background: none;background-color: black !important;border: 2px solid #00ABFF !important;} .inner {color: #00ABFF !important;border: 2px dotted #00ABFF;border-top: none;} .profile-info {border: 2px solid #00ABFF;} .profile-info .inner {border: none;} .friends .inner {border-bottom: none;} #comments {border-bottom: 2px dotted #00ABFF;} .profile .contact, .profile .table-section, .home-actions {border: none !important;} .profile .contact .f-row:first-of-type {margin-top: 0px;padding-top: 7px;} .profile .blurbs .section h4 {color: #00ABFF !important;} .details-table {margin: 2px;} .details-table, td {border: 1px solid #00ABFF;border-collapse: collapse;} td {color: #00ABFF !important;background: none;background-color: black !important;} table.details-table {max-width: 98%;} .profile h1 {font-size: 2em;} footer {background: black;border: 2px dotted #00ABFF;} footer p {color #00ABFF !important;} .comments-table {border: none;border-collapse: collapse;} .comment-replies {border: 1px solid #00ABFF;margin: 2px;} nav .info {background: none;} </style> <iframe width="300" height="50" src="https://www.youtube.com/embed//YOUR VIDEO HERE//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy"> </iframe>

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.