mochacodes.github.io/about.html at main · mochacodes/mochacodes.github.io · GitHub

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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>My Simple Website</title>
  <link rel="stylesheet" href="./css/styles.css" />
  <style> @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); </style>

</head>
<body>
<!--This header section is just a basic navigation
    bar that sticks to the top of the page with basic file linking.-->
  <header>
    <h1>Raj's Garage</h1>
    <nav>
      <ul>
        <li><a href="./index.html">Garage</a></li>
        <li><a href="./guides.html">Guides</a></li>
        <li><a href="./about.html">Ranks</a></li>
        <li><a href="./contact.html">Contact</a></li>
        <li><a href="./times.html">Homework3 - Times</a></li>
        <li><a href="./scrabble.html">Homework5 - Scrabble</a></li>
      </ul>
    </nav>
  </header>

  <main>
    <section>
      <h1> Rank Distributions in RL</h1>
      <p>Basically, each percentage is how much of the population is in the given rank for the given mode.
        <br> These numbers are accurate as of roughly 8 months ago.
        <br> Ranks reset once per season, each of which last for 3 or 4 months to match the RLCS professional timeline.
        <br> Each Player then proceeds to play 10 placement matches in each different mode to recieve a numeral rating.
        <br> </p>
      <p>Grand Champion is highlighted because it is my current rank.</p>
    </section>
    <table>
        <thead>
            <tr>
            <th>Tier</th>
            <th>Solo</th>
            <th>Doubles</th>
            <th>Standard (3v3)</th>
            </tr>
        </thead>
        <tbody>
            <tr>
            <td>Bronze</td>
            <td>1%</td>
            <td>1.5%</td>
            <td>1.6%</td>
            </tr>
            <tr>
            <td>Silver</td>
            <td>14.3%</td>
            <td>11.2%</td>
            <td>17%</td>
            </tr>
            <tr>
            <td>Gold</td>
            <td>42%</td>
            <td>29%</td>
            <td>38.3%</td>
            </tr>
            <tr>
            <td>Platinum</td>
            <td>35%</td>
            <td>31%</td>
            <td>26%</td>
            </tr>
            <tr>
            <td>Diamond</td>
            <td>7%</td>
            <td>20%</td>
            <td>13%</td>
            </tr>
            <tr>
            <td>Champion</td>
            <td>0.8%</td>
            <td>7.5%</td>
            <td>3.5%</td>
            </tr>
            <tr class="highlight">
            <td>Grand Champion</td>
            <td>under 1%</td>
            <td>under 1%</td>
            <td>under 1%</td>
            </tr>
            <tr>
            <td>SuperSonic Legend</td>
            <td>0.01%</td>
            <td>0.01%</td>
            <td>0.01%</td>
            </tr>

        </tbody>
</table>

  </main>

  <footer>
    <p>&copy; Raj's Desk</p>
    <p>
      <a href="https://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="https://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!" />
      </a>
    </p>
    <p>
      <a href="https://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="https://jigsaw.w3.org/css-validator/images/vcss-blue"
            alt="Valid CSS!" />
      </a>
    </p>
  </footer>
</body>
</html>