Add jibo shrine

i was bored, okay?!
2026-04-13 01:16:47 +00:00
parent 7105d25507
commit fd68d373b9
2 changed files with 216 additions and 0 deletions
--- a/style-jibo.css
+++ b/style-jibo.css
@@ -0,0 +1,186 @@
+body {
+    background-color: #00D4F0;
+    background-repeat: repeat;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    -webkit-text-stroke: 1px rgb(0, 96, 175);
+}
+
+header {
+    color: #fff;
+    padding: 20px;
+    text-align: center;
+    z-index: 1;
+}
+.content {
+    color: #fff;
+    padding: 20px;
+    text-align: center;
+    max-width: 800px;
+    z-index: 1;
+}
+footer {
+    max-width: 800px;
+    align-items: center;
+    justify-content: center;
+    z-index: 1;
+}
+span {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    z-index: 1;
+}
+img {
+    height: 100px;
+    image-rendering: pixelated;
+    z-index: 1;
+}
+
+.logo {
+    height: 155px;
+    width: auto;
+    z-index: 1;
+}
+
+p {
+    color: #fff;
+    z-index: 5;
+    -webkit-text-stroke: 0px rgb(0, 96, 175);
+    padding-left: 6px;
+    padding-right: 6px;
+    padding-bottom: 6px
+}
+h1 {
+    color: #fff;
+    z-index: 1;
+}
+h2 {
+    color: #fff;
+    z-index: 1;
+}
+h3 {
+    color: #fff;
+    z-index: 1;
+}
+.eeto {
+    height: 31px;
+    width: auto;
+    image-rendering: pixelated;
+    z-index: 1;
+}
+a {
+    color: #5f95ff;
+    text-decoration: none;
+    z-index: 1;
+}
+.why-are-you-looking-at-my-code {
+    height: 31px;
+    width: auto;
+    image-rendering: pixelated;
+    z-index: 1;
+}
+.song-cover {
+    height: 200px;
+    width: auto;
+    z-index: 1;
+}
+.mini-text {
+    color: #fff;
+    font-size: 12px;
+    font-style: italic;
+    text-align: center;
+    z-index: 1;
+}
+.mini-evil-text {
+    color: #ff0000;
+    font-size: 12px;
+    font-style: italic;
+    text-align: center;
+    z-index: 1;
+}
+.music audio {
+    width: auto;
+    height: auto;
+    align-items: center;
+    justify-content: center;
+    z-index: 1;
+}
+ul li::marker {
+    color: white; /* Or any other color value (e.g., hex code, RGB) */
+    z-index: 1;
+  }
+  .nav-item {
+    height: 100px;
+    width: auto;
+    image-rendering: pixelated;
+    text-align: center;
+    z-index: 1;
+}
+.nav-container {
+    display: block;
+    position: absolute;
+    text-align: center;
+    top: 40px;
+    left: 40px;
+    z-index: 3;
+}
+.blinkies {
+    height: 31px;
+    image-rendering: pixelated;
+    z-index: 1;
+}
+.waylamc-wall {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    max-width: 800px;
+    flex-wrap: wrap;
+    z-index: 1;
+}
+
+#flood {
+    z-index: -2;
+}
+
+.blog {
+    color: #fff;
+    padding: 20px;
+    text-align: center;
+    max-width: 800px;
+    z-index: 1;
+}
+.big-jibo {
+    width: 967px;
+    height: 1206px;
+    display: block;
+    position: absolute;
+    top: 400px;
+    left: 0px;
+}
+.info-container {
+    display: block;
+    position: absolute;
+    text-align: right;
+    top: 400px;
+    right: 40px;
+    z-index: 3;
+}
+.info-card {
+    background-color: #00a4f0;
+    max-width: 700px;
+}
+.info-card h1 {
+    padding-right: 5px;
+    padding-top: 4px;
+}
+.title-jibo {
+    font-size: 110px;
+    display: block;
+    position: absolute;
+    top: -100px;
+    -webkit-text-stroke: 3px rgb(0, 96, 175);
+}