html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html lang="en-GB">
<head>
<!------------------------------------
# Title : Your Age on Other Planetz [Web Version]
# Author : JFS Animion
#
# Inspired by @Serena Yvonne
------------------------------------->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=0">
<title>Age on Other Planets</title>
</head>
<body>
<fieldset id="fieldset">
<legend align="left" id="legend">Your Λge on Other Plαnetz</legend>
<div align="center">
<input type="number" id="test" value="" placeholder="input your age"><br><br>
<button id="btn" onclick="calculate()">calculate</button>
</div>
<p id="out">Author: JFS Animion<br>©JFS Animion 1974, All right reserved<br><br>based from "Age on Other Planets" code by Serena Yvonne</p>
</fieldset><br><br>
<div align="center">←Theme→<br>
<button onclick="bleuScream()" id="theme1">Blυз Sςгззи</button><br><br>
<button onclick="miraiSekai()" id="theme2">ΠΞΘΠ</button>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
/*************************************
# Title : Your Age on Other Planetz [Web Version]
# Author : JFS Animion
#
# Inspired by @Serena Yvonne
*************************************/
/* BIOS Theme */
body
{
font-family: monospace;
letter-spacing: 2px;
color: #fff;
background: #00e;
}
body, input, button, legend, fieldset {
font-size: 14px;
}
input, button
{
font-family: monospace;
letter-spacing: 2px;
outline: none;
text-align: center;
background: #009;
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
/*************************************
# Title : Your Age on Other Planetz [Web Version]
# Author : JFS Animion
#
# Inspired by @Serena Yvonne
*************************************/
function bleuScream()
{
var button1 = document.getElementById("theme1");
var clicked1 = document.getElementById("theme1").active;
do {
document.body.style.backgroundColor = "#00e";
document.body.style.color = "#fff";
test.style.backgroundColor = "#009";
test.style.color = "#fff";
btn.style.backgroundColor = "#009";
btn.style.color = "#fff";
legend.style.backgroundColor = "#00e";
legend.style.color = "#fff";
theme1.style.color = "#fff";
theme2.style.color = "#fff";
theme1.style.backgroundColor = "#009";
theme2.style.backgroundColor = "#009";
fieldset.style.padding = "10px";
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run