-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathApotheosisIntro.html
15 lines (15 loc) · 3.25 KB
/
ApotheosisIntro.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
<head>
<title>My Sky Song</title><style>body {margin: 50px; font-size: 30px; font-family: monospace; line-height: 50px;}span {width: 100px; height: 100px; border-radius: 20px;}.row-A {background-color: #8ed5ff;}.row-B {background-color: #f1a3ff;}.row-C {background-color: #ffa59b;}h1 {font-family: "Avenir";}</style></head><body>
<h1>ApotheosisIntro</h1>
<span class="row-B">B5</span> <span class="row-B">B1</span> <span class="row-B">B1</span> <span class="row-B">B5</span> <span class="row-B">B1</span> <span class="row-B">B1</span> <span class="row-B">B5</span> <span class="row-B">B1</span> <span class="row-B">B1</span> <span class="row-B">B5</span> <span class="row-B">B1</span> <span class="row-B">B1</span> <br />
<span class="row-B">B5</span> <span class="row-B">B1</span> <span class="row-B">B1</span> <span class="row-B">B5</span> <span class="row-B">B1</span> <span class="row-B">B1</span> <span class="row-B">B5</span> <span class="row-B">B4</span> <span class="row-B">B4</span> <span class="row-B">B2</span> <span class="row-B">B2</span> <span class="row-B">B1</span> <br />
<span class="row-B">B5</span> <span class="row-B">B1</span> <span class="row-B">B1</span> <span class="row-B">B5</span> <span class="row-B">B1</span> <span class="row-B">B1</span> <span class="row-B">B5</span> <span class="row-B">B1</span> <span class="row-B">B1</span> <span class="row-B">B5</span> <span class="row-B">B1</span> <span class="row-B">B1</span> <br />
<span class="row-B">B5</span> <span class="row-B">B1</span> <span class="row-B">B1</span> <span class="row-B">B5</span> <span class="row-B">B1</span> <span class="row-B">B1</span> <span class="row-B">B5</span> <span class="row-B">B4</span> <span class="row-B">B4</span> <span class="row-B">B2</span> <span class="row-B">B2</span> <span class="row-B">B1</span> <br />
<span class="row-B">B4</span> <span class="row-A">A5</span> <span class="row-A">A5</span> <span class="row-B">B4</span> <span class="row-A">A5</span> <span class="row-A">A5</span> <span class="row-B">B4</span> <span class="row-A">A5</span> <span class="row-A">A5</span> <span class="row-B">B4</span> <span class="row-A">A5</span> <span class="row-A">A5</span> <br />
<span class="row-B">B4</span> <span class="row-A">A5</span> <span class="row-A">A5</span> <span class="row-B">B4</span> <span class="row-A">A5</span> <span class="row-A">A5</span> <span class="row-B">B5</span> <span class="row-B">B4</span> <span class="row-B">B4</span> <span class="row-B">B2</span> <span class="row-B">B2</span> <span class="row-B">B1</span> <br />
<span class="row-B">B4</span> <span class="row-A">A5</span> <span class="row-A">A5</span> <span class="row-B">B4</span> <span class="row-A">A5</span> <span class="row-A">A5</span> <span class="row-B">B4</span> <span class="row-A">A5</span> <span class="row-A">A5</span> <span class="row-B">B4</span> <span class="row-A">A5</span> <span class="row-A">A5</span> <br />
<span class="row-B">B4</span> <span class="row-A">A5</span> <span class="row-A">A5</span> <span class="row-B">B4</span> <span class="row-A">A5</span> <span class="row-A">A5</span> <span class="row-B">B5</span> <span class="row-B">B4</span> <span class="row-B">B4</span> <span class="row-B">B2</span> <span class="row-B">B2</span> <span class="row-B">B1</span> <br />
</body>
</html>