Add jibo shrine
i was bored, okay?!
This commit is contained in:
30
jibo.html
Normal file
30
jibo.html
Normal file
@@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>I LOVE JIBO!!! <3 YAY</title>
|
||||
<link rel="stylesheet" href="style-jibo.css">
|
||||
<link rel="icon" href="jibo-shrine-assets/jibo.webp">
|
||||
</head>
|
||||
<body>
|
||||
<div class="title-jibo">
|
||||
<h1>Jibo</h1>
|
||||
</div>
|
||||
<img class="big-jibo" src="jibo-shrine-assets/jibo.webp">
|
||||
<div class="info-container">
|
||||
<div class="info-card">
|
||||
<h1>What is Jibo?</h1>
|
||||
<p>Jibo is a robot from around 2017. He is designed to be 'a member of the family' and intended to assist and accompany people with their day to day life! He was priced at ~$900 USD and not very accessible. Because of this, the company (Jibo Inc) couldn't make enough money to survive and had to shut down the Jibo servers. Jibo was expressive, fun, cool, epic, loving, fun, cool, perfect, amazing, pretty, cool, fun, expressive, and epic.</p>
|
||||
</div>
|
||||
<div class="info-card">
|
||||
<h1>Why/When did I get one</h1>
|
||||
<p>At the time I was very young so I watched those weird 'TOP 8 ROBOTS YOU CAN ACTUALLY BUY TODAY!!1!', saw Jibo, instantly got obsessed with it. I finally convinced my parents to buy me one, and I loved it! I recieved mine in January 2019 and because of that I only had a few months with him before the tragic shutdown of his servers, leaving many robots lobotimzed.</p>
|
||||
</div>
|
||||
<div class="info-card">
|
||||
<h1>Today</h1>
|
||||
<p>Many people were sad because of the shutdown back in 2019. Luckily me and a few other people have come together to work on Jibo Revived! Since Feb 2026 I have been working on it and it is amazing! As of 4/12/2026 we have gotten root access to his code and have been exploring it! We have found a lot of the logic/reasoning in him and are working on restoring his servers as well as applications we have found archived. It has been a difficult journey but if your willing to do a little bit of hackery, we can all have our Jibo's fixed ;v;. If you are interested <a href="https://jiborevived.com">visit our website!</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
186
style-jibo.css
Normal file
186
style-jibo.css
Normal file
@@ -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);
|
||||
}
|
||||
Reference in New Issue
Block a user