-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathprofile.html
More file actions
94 lines (94 loc) · 3.89 KB
/
profile.html
File metadata and controls
94 lines (94 loc) · 3.89 KB
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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!doctype html>
<html>
<head>
<title>
Cramped
</title>
<base target="_blank">
<link rel="icon" href="images/favicon.ico">
<script src="https://epicenterprograms.github.io/standards/behavior/general.js"></script>
<script src="behavior.js"></script>
<script>
function update() {
var seconds = String(Math.floor((new Date().getTime() - new Date("March 11, 1998 4:00 GMT-0600").getTime())/1000)); // timezones and daylight saving time can mess you up; use GMT offsets and .getTimezoneOffset() (for DST checking) to fix it (.getTimezoneOffset() not needed here)
for (var index=3; index<seconds.length; index+=4) {
seconds = seconds.slice(0, -index) + "," + seconds.slice(-index);
}
document.getElementById("age").innerHTML = seconds + " seconds";
}
window.addEventListener("finished", function () {
S.makeToneGenerator(true);
update();
setInterval(update, 1000);
S.colorCode(document.getElementById("eyeColor"), null, [0, 200, 50], [0, 200, 250], [0, 50, 250]);
S.colorCode(document.getElementById("favoriteColor"), null, [250, 0, 0], [250, 240, 0], [0, 240, 0], [0, 240, 250], [0, 0, 250]);
var sound = new S.Sound({ waveform: "square" });
document.getElementById("morseCode").addEventListener("mouseenter", function() {
if (!sound.playing) {
playing = true;
sound.play("a4-- a4-- a4-- a4-- a4-- a4 a4-- a4 a4 a4 a4 a4 a4-- a4 a4-- a4 a4-- a4-- a4-- a4-- a4 a4 a4", { volume: .6, attack: 1, noteLength: 50, decay: 1 });
}
});
});
</script>
<link rel="stylesheet" href="https://epicenterprograms.github.io/standards/formatting/foundation.css">
<link rel="stylesheet" href="formatting.css">
<style>
#information {
text-align: left;
}
#information > li {
margin-top: .5em;
margin-bottom: .5em;
}
</style>
</head>
<body>
<nav class="hidden-left-nav">
<iframe src="navigation.html"></iframe>
</nav>
<h1 class="main-title">
Profile
</h1>
<main>
<ul id="information">
<li>
Age: <a id="age" href="https://en.wikipedia.org/wiki/Second"></a>
</li>
<li>
Height: <a href="https://en.wikipedia.org/wiki/Smoot">1.0149 Smoots</a>
</li>
<li>
Mass: <a href="https://en.wikipedia.org/wiki/Unified_atomic_mass_unit">3.8521×10<sup>28</sup> Da</a>
</li>
<li>
<span style="color:#64320a">Hair color</span>: <a href="https://en.wikipedia.org/wiki/Web_colors">#64320a</a>
</li>
<li>
<span id="eyeColor">Eye color</span>: <a href="https://en.wikipedia.org/wiki/Visible_spectrum">485 nm</a>
</li>
<li>
Number of limbs: <a href="https://en.wikipedia.org/wiki/Binary_number">100</a>
</li>
<li>
<span id="favoriteColor">Favorite color</span>: <a href="https://en.wikipedia.org/wiki/Undefined_behavior">undefined</a>
</li>
<li>
Favorite animal: <a href="https://en.wikipedia.org/wiki/Cuttlefish">cuttlefish</a>
</li>
<li>
Favorite drink: <a href="http://www.dhmo.org/">dihydrogen monoxide</a> <a href="https://en.wikipedia.org/wiki/Dihydrogen_monoxide_hoax">(I guess you can click here too)</a>
</li>
<li id="morseCode">
Favorite sound: <a href="https://en.wikipedia.org/wiki/Morse_code">– –  – – –  • – •  • • •  •   – • – •  – – –  – • •  •</a>
</li> <!-- = 1 space,   = 2 spaces, and   = 4 spaces -->
<li>
Favorite texture: <a href="https://en.wikipedia.org/wiki/Braille">⠠⠃⠗⠁⠊⠇⠇⠑</a>
</li>
<li>
Favorite Wikipedia contributor: <a href="https://en.m.wikipedia.org/wiki/User:Frivolous_Consultant">Frivolous Consultant</a>
</li>
</ul>
</main>
</body>
</html>