Report Blog Entry
๏ฝ๏ฝ ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ
๏ฝ๏ฝ ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ
๏ฝ๏ฝ
๏ฝ ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ
๐๐ ๐ฎ๐ค๐ช'๐ง๐ ๐ง๐๐๐๐๐ฃ๐ ๐ฉ๐๐๐จ, ๐ฅ๐ก๐จ ๐ ๐ฃ๐ค๐ฌ, ๐ฉ๐๐๐จ ๐๐จ ๐ ๐๐ฃ๐๐ ๐จ๐ก๐ค๐ฅ๐ฅ๐ฎ ๐๐ฃ๐ ๐ฉ๐๐๐ง๐'๐จ ๐๐๐ฉ๐ฉ๐๐ง ๐ฌ๐๐ฎ๐จ ๐ฉ๐ค ๐๐๐ฉ ๐ ๐ก๐ค๐ฉ ๐ค๐ ๐ฉ๐๐๐จ ๐๐ค๐ฃ๐
<style>
/* imports font from google but really isn't used here, font usage is mostly used incorrectly in this document */
@import url('https://fonts.googleapis.com/css2?family=Inconsolata&display=swap');
/* base edits for general tags and overall page*/
* {
ย ย cursor: url(https://images2.imgbox.com/b1/bb/UUTux9sV_o.png), auto;
ย ย font-family: 'Inconsolata', monospace;
}
body {
ย ย background: url(https://external-preview.redd.it/e7L-hY0gBzi7A6HWknGZtXuOL29OzKDxZqWfiXHjh2o.png?auto=webp&s=fc2e705ccee6546a50ac2f06df3adb05248ff710);
ย ย background-repeat: no-repeat;
ย ย background-size: cover;
}
a {
ย ย cursor: url(https://images2.imgbox.com/ea/0e/wlQIzrmE_o.png), auto;
}
input {
ย ย cursor: url(https://images2.imgbox.com/fc/23/WEObI4Fj_o.png), auto;
}
h1 {
ย ย color: #ffffff;
ย ย text-shadow: 2px 2px #000;ย
}
h4 {
ย ย color: white;
}
/* scrollbar stuff */
::-webkit-scrollbar{width:16px}
::-webkit-scrollbar:horizontal{height:17px}
::-webkit-scrollbar-corner{background:#dfdfdf}
::-webkit-scrollbar-track{
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='2' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 0H0v1h1v1h1V1H1V0z' fill='silver'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0H1v1H0v1h1V1h1V0z' fill='%23fff'/%3E%3C/svg%3E")}
::-webkit-scrollbar-thumb{background-color:#dfdfdf;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf}
::-webkit-scrollbar-button:horizontal:end:increment,
::-webkit-scrollbar-button:horizontal:start:decrement,
::-webkit-scrollbar-button:vertical:end:increment,
::-webkit-scrollbar-button:vertical:start:decrement{display:block}
::-webkit-scrollbar-button:vertical:start{height:17px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 6H7v1H6v1H5v1H4v1h7V9h-1V8H9V7H8V6z' fill='%23000'/%3E%3C/svg%3E")}
::-webkit-scrollbar-button:vertical:end{height:17px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E")}
::-webkit-scrollbar-button:horizontal:start{width:16px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4H8v1H7v1H6v1H5v1h1v1h1v1h1v1h1V4z' fill='%23000'/%3E%3C/svg%3E")}
::-webkit-scrollbar-button:horizontal:end{width:16px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 4H6v7h1v-1h1V9h1V8h1V7H9V6H8V5H7V4z' fill='%23000'/%3E%3C/svg%3E")}
/* make profile bigger */
.container {
ย ย width: 900px;
ย ย max-width: 100%;
ย ย margin: 0 auto 10px;
}
/* main backdrop*/
main {
ย ย font-family: "Pixelated MS Sans Serif",Arial;
ย ย -webkit-font-smoothing: none;
ย ย background: url(https://images2.imgbox.com/2e/9e/u2fwq4kM_o.jpg);
ย ย background-repeat: no-repeat;
ย ย background-size: cover;
ย ย border-style: ridge;
}
.row.profile{
ย ย font-family: "Pixelated MS Sans Serif",Arial;
ย ย -webkit-font-smoothing: none;
ย ย margin-left: 5px;
ย ย margin-right: 5px;
}
/* main left column adjustments */
.col.w-40.left {
ย ย font-family: "Pixelated MS Sans Serif",Arial;
ย ย -webkit-font-smoothing: none;
ย ย background: url(https://images2.imgbox.com/37/b9/ntKvs8dt_o.png);
ย ย background-repeat: no-repeat;
ย ย background-size: cover;
ย ย background-position-y: bottom;
ย ย border-style: ridge;
ย ย border-radius: 5px;
}
/* this is super messy but it works afaik */
/* makes online look like it used to in the old days */
.online {
ย ย color: transparent;
ย ย height: 20px;
ย ย width: 242px;
ย ย margin-left: 20px;
ย ย background-image: url(https://myspace.windows93.net/img/online.gif);
ย ย background-position-x: right;
ย ย background-repeat: no-repeat;
}
/* makeshift way of hiding old online */
.online img {
ย ย height: 0em;
}
/*more left side adjustments*/
.profile {
ย ย font-family: "Pixelated MS Sans Serif",Arial;
ย ย -webkit-font-smoothing: none;
ย ย border-style: none;
}
.details {
ย ย font-family: "Pixelated MS Sans Serif",Arial;
ย ย -webkit-font-smoothing: none;
ย ย height: 180px;
ย ย background-color: #C0C0C0;
ย ย border-style: ridge;
ย ย padding-top: 15px;
ย ย padding-right: 10px;
ย ย box-shadow: 5px 5px;
}
.profile-pic {
ย ย max-width: 100%;
ย ย font-family: "Pixelated MS Sans Serif",Arial;
ย ย -webkit-font-smoothing: none;
ย ย margin-left: 7px !important;
ย ย margin-top: 7px !important;
ย ย box-sizing: content-box;
ย ย border-style: inset;
ย ย border-width: 3px;
}
.mood {
ย ย font-family: "Pixelated MS Sans Serif",Arial;
ย ย -webkit-font-smoothing: none;
ย ย background-color: #C0C0C0;
ย ย border-style: ridge;
ย ย padding-top: 5px;
ย ย box-shadow: 5px 5px;
ย ย padding-left: 11px;
ย ย margin-top: 10px;
ย ย margin-bottom: 10px;
}
.contact {
ย ย font-family: "Pixelated MS Sans Serif",Arial;
ย ย -webkit-font-smoothing: none;
ย ย margin-top: 0px;
ย ย border: none !important;
ย ย background-color: #C0C0C0;
ย ย border-style: ridge !important;
ย ย box-shadow: 5px 5px;
}
.heading {
ย ย font-family: "Pixelated MS Sans Serif",Arial;
ย ย background: rgb(0 65 146 / 40%) !important;
}
/* profile url */
.url-info {ย
ย ย margin-top: 0px;
ย ย border: none !important;
ย ย background-color: #C0C0C0;
ย ย border-style: ridge !important;
ย ย box-shadow: 5px 5px;
}
.table-section{
ย ย margin-top: 0px;
ย ย border: none !important;
ย ย background-color: #C0C0C0;
ย ย border-style: ridge !important;
ย ย box-shadow: 5px 5px;
}
/*left hand tables that haven't been changed from other edits*/
.details-table td{
ย ย margin-top: 0px;
ย ย border: none !important;
ย ย background-color: #C0C0C0!important;
ย ย border-style: ridge !important;
ย ย border-radius:5px!important;
ย ย text-align: left;
ย ย color: black !important;
}
/* updates the header for blog posts to black font instead of white like all other h4 tags */
.blog-preview h4{
ย ย color: black !important;
}
/* really annoyed by not center pals */
.friends-grid {
ย ย text-align: -webkit-center;
}
/* comments area stuff */
/* this adds a scroll bar to comments section */
#comments.friends .inner {
ย ย max-height: 500px;
ย ย overflow: scroll;
ย ย overflow-x: hidden;
}
/*misc right column overwrites*/
.col.right td {
ย ย border: none !important;
ย ย background-color: #C0C0C0!important;
ย ย border-style: ridge !important;
ย ย color: black !important;
}
/*remove default border*/
.comments-table {
ย ย border-style:none;
}
/*custom reply borders and aesthetic*/
.comment-replies {
ย ย margin-left: 15px;
ย ย margin-right: 15px;
ย ย border-top: ridge;
ย ย border-bottom: ridge;
ย ย border-left: none;
ย ย border-right: none;
ย ย margin-bottom: 10px;
}
/* change blurb h4 text color
.profile .blurbs .section h4 {
ย ย margin: 0;
ย ย color: black;
}
commenting out in and removing blurb h4 to test html formatting instead */
.profile .blurbs .section h4 {
ย ย font-size: 0px;
}
/* blog post section */
.blog-preview p {
ย ย font-size: initial;
}
/* maybe making buttons cool idk */
button {
ย ย cursor: url(https://images2.imgbox.com/ea/0e/wlQIzrmE_o.png), auto;
ย ย background: silver;
}
/* specifically for comments because like shadows except i commented that away lol*/
.col.right button {
ย ย cursor: url(https://images2.imgbox.com/ea/0e/wlQIzrmE_o.png), auto;
ย ย background: silver;
ย ย /* box-shadow: inset -.25px -.25px #0a0a0a, inset .25px .25px #fff, inset -.5px -.5px grey, inset .5px .5px #dfdfdf; */
}
/* nav bar link area */
nav .links {
ย ย font-family: "Pixelated MS Sans Serif",Arial;
ย ย font-size: 12px;
ย ย -webkit-font-smoothing: none;
ย ย background: linear-gradient(90deg,navy,#1084d0);
ย ย background-size: cover;
ย ย background-repeat: no-repeat;
ย ย padding: 3.5px 16px 5.5px 16px;
ย ย text-align: center;
ย ย box-sizing: content-box;
ย ย border-style: ridge;
ย ย margin-top: 5px !important;
ย ย margin-bottom: 5px !important;
}
/* nav bar edits */
nav .top {
ย ย background: transparent;
ย ย padding: 15px 10px 14px 10px;
ย ย display: flex;
}
/* search bar */
nav .top .center form {
ย ย margin-top: 12px;
ย ย width: 100%;
}
/* help logout edits */
nav .top .right {
ย ย margin-top: 15px;
}
/* navbar divider edits */
nav .links li:not(:last-child)::after {
ย ย content: " | ";
ย ย color: white;
}
/* footer stuff */
footer {
ย ย border-style: double;
ย ย text-align: center;
ย ย font-size: 70%;
ย ย margin: 10px 0 10px;
ย ย padding: 10px 5px;
ย ย background: #ffe9dfdb;
}
/* change count */
.count {
ย ย color: #ffffff;
}
/* make sure images scale down properly on different resolutions */
/* will need to add class to images you want it to affect */
.imgres {
ย width: 100%;
ย height: auto;
}
/* add to something you want to load on page but still hide, like autoplay stuff */
.hideobj {
ย visibility: hidden;
ย height: 20px;
ย width: 0%;
}
/* fadeout anim call if you want to use it for things */
.fadeout1 {
ย animation: fadeOut ease 8s;
}
/* fadeout anim keyframes */
@keyframes fadeOut {
ย 0% {opacity:1;}
ย 100% {opacity:0;}
}
/* wip loading, kinda cool also kinda annoying so might comment out at some point*/
body:before {
ย ย content: " ";
ย ย height: 100vh;
ย ย width: 100vw;
ย ย display: block;
ย ย position: fixed;
ย ย top: 0;
ย ย left: 0;
ย ย background-image: url(https://images2.imgbox.com/bd/e5/a1sfThpv_o.gif);
ย ย z-index: 100;
ย ย background-size: cover;
ย ย background-repeat: no-repeat;
ย ย animation: fadeOut 8s ease 0s 1 normal forwards;
ย ย pointer-events: none;
}
/* clippy calls, currently set up to always draw in lower right */
.clippydraw {
ย ย position:absolute;
}
.clippypos {
ย ย position:fixed;
ย ย bottom:10px;
ย ย right:30px;
}
/* hide books from interests */
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p {
ย ย visibility: hidden;
ย ย font-size: 0px;
}
/* replace books with Games */
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after {
ย ย visibility: visible;
ย ย font-size: 12px;
ย ย content: "Games";
}
/* i stole this code because too lazy to type out css animations */
/* don't even get me started on marquee deprecation */
.snowflake {
ย ย color: #fff;
ย ย font-size: 1em;
ย ย font-family: Arial, sans-serif;
ย ย text-shadow: 0 0 5px #000;
ย ย }
ย ย @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}
ย ย @-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}
ย ย @keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}
ย ย .snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}
ย ย .snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}
ย ย .snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}
ย ย .snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}
ย ย .snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}
ย ย .snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}
ย ย .snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}
ย ย .snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}
ย ย .snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}
ย ย .snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}
ย ย .snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}
ย ย .snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}
ย ย .snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>
<!--this is regular HTML-->
<!--clippy-->
<div class="clippydraw">
ย ย <p class="clippypos">
ย ย <img src="https://vignette.wikia.nocookie.net/baldinite/images/9/92/Of9cm1.gif" width="100/"/>
ย ย </p>
</div>
<!--can update image to a different link or remove and replace with ascii or emoji-->
<div class="snowflakes">
ย ย <div class="snowflake">
<img src="https://win98icons.alexmeub.com/icons/png/windows_slanted-1.png"/>ย
ย ย </div>
<!-- commenting this part out because too busy and only want one but might want all later
ย ย <div class="snowflake">
<img src="https://win98icons.alexmeub.com/icons/png/windows_slanted-1.png"/>ย
ย ย </div>
ย ย <div class="snowflake">
<img src="https://win98icons.alexmeub.com/icons/png/windows_slanted-1.png"/> <img/>
ย ย </div>
ย ย <div class="snowflake">
<img src="https://win98icons.alexmeub.com/icons/png/windows_slanted-1.png"/>ย
ย ย </div>
ย ย <div class="snowflake">
<img src="https://win98icons.alexmeub.com/icons/png/windows_slanted-1.png"/>ย
ย ย </div>
ย ย <div class="snowflake">
<img src="https://win98icons.alexmeub.com/icons/png/windows_slanted-1.png"/>ย
ย ย </div>
ย ย <div class="snowflake">
<img src="https://win98icons.alexmeub.com/icons/png/windows_slanted-1.png"/>ย
ย ย </div>
ย ย <div class="snowflake">
<img src="https://win98icons.alexmeub.com/icons/png/windows_slanted-1.png"/>ย
ย ย </div>
ย ย <div class="snowflake">
<img src="https://win98icons.alexmeub.com/icons/png/windows_slanted-1.png"/>ย
ย ย </div>
ย ย <div class="snowflake">
<img src="https://win98icons.alexmeub.com/icons/png/windows_slanted-1.png"/>ย
ย ย </div>
ย ย <div class="snowflake">
<img src="https://win98icons.alexmeub.com/icons/png/windows_slanted-1.png"/>ย
ย ย </div>
ย ย <div class="snowflake">
ย <img src="https://win98icons.alexmeub.com/icons/png/windows_slanted-1.png"/>ย
ย ย </div>
ย ย </div>
-->
ย ย ย
<!--digimon-->
<img src="https://i.pinimg.com/originals/be/7b/f1/be7bf1db1914f570b0882e8f0844418c.gif" class="imgres"/>ย
<!--autoplay-->
<iframe src="https://www.youtube.com/embed/BFkry3zzutI?&;autoplay=1" frameborder="0" class="hideobj"></iframe></div>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )