b2-website/index.html at main · SpoonOil/b2-website · 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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>b2.lol</title>
  <script defer src="script.js" type="module"></script>
  <link rel="stylesheet" href="style.css">

  <!-- fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link
    href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
    rel="stylesheet">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap" rel="stylesheet">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Chivo+Mono:wght@300&family=Luckiest+Guy&display=swap"
    rel="stylesheet">

  <!-- favicon -->
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  <link rel="manifest" href="/site.webmanifest">
</head>

<body>
  <header>
    <h1 class="headerText"><img class="logoImg" src="assets/images/logo.png" alt=""></h1>
    <nav class="toolsSection">
      <div class="hamburger">
        <span class="bar"></span>
        <span class="bar"></span>
        <span class="bar"></span>
      </div>
      <ul class="toolList">
        <li class='navItem currentPage'><span class='currentPage navLink'>Home</span></li>
        <li class='navItem'><a class='navLink' href="playerSearch/playerSearch.html">Player Search</a></li>
        <li class='navItem'><a class='navLink' href="microPractice/practice.html">Micro Practice Tool</a></li>
        <li class='navItem'><a href="https://b2popology.com/index.html">Battles 2 Popology</a></li>
        <li><a class="navLink" href="../aboutPage/aboutPage.html">About</a></li>
      </ul>
    </nav>
  </header>
  <section class="notificationSection"></section>
  <main>
    <aside class="leftAside">
      <section class="currentSeasDisplay">
        <h3 class="seasonInfoHeader">Season Info</h3>
        <div>
          <h2 class="seasonTitle">Loading Season Data...</h2>
          <h3 class="seasonTimeLeft"><b></b></h3>
        </div>
        <h5 class="seasonDates">
          <span></span>
          <span class="startDate">0</span>
          <span>-</span>
          <span class="endDate">0</span>
        </h5>
        <ul>
        </ul>
        <div class="playerCountContainer">
          <h4 class="playerCountText">Hall of Masters players:
            <span class="playerCount">0</p>
          </h4>
        </div>
      </section>
      <section class="discordInfo">
        <h2 class="discordInfoHeader">Join a Discord</h2>
        <div class="ninjakiwiDiscord">
          <h4 class="ninjakiwiHeader">Official Ninja Kiwi Discord</h4>
          <p>This is the official discord of Ninja Kiwi, creators of the bloons franchise. Join to discuss the game with
            others! Note that Ninja Kiwi has no affiliation with b2.lol or spoonoil</p>
          <a href="https://discord.gg/ninjakiwi">Join</a>
        </div>
        <div class="popologyDiscord">
          <h4 class="popologyHeader">
            Battles 2 Popology
          </h4>
          <p>The Battles 2 Popology server is dedicated to providing up to date exact information on the specifics of
            the game. They are a group dedicated to maintaining the popology.</p>
          <span></span><a href="https://discord.gg/UA33hYTvua">Join</a>
        </div>
        <div class="spoonoilDiscord">
          <h4>SpoonOil's Discord</h4>
          <p>Spoonoil is the creator of b2.lol. This server has a community of Battles 2 players and alerts on upcoming
            streams. If you find any bugs you can contact me here.</p>
          <a href="https://discord.gg/HCWZ329Uda">Join</a>
        </div>
      </section>
    </aside>
    <aside class="rightAside">
      <section class="leaderboardDisplay">
        <div class="leaderboardHeader">
          <h3 class="seasonLeaderboardTitle">Season --</h3>
          <h2 class="leaderboardInfoHeader"><a href="leaderboard/leaderboard.html">Leaderboard</a></h2>
        </div>
        <div class="leaderboardContainer">
          <div class="leaderboardSpacer"></div>
          <table class="leaderboard">
            <thead>
              <tr class="leaderboardHeaderRow">
                <th>Player</th>
                <th>Score</th>
                <th>Placing</th>
              </tr>
            </thead>
            <tbody></tbody>
          </table>
          <div class="leaderboardSpacer"></div>
        </div>
        <a href="leaderboard/leaderboard.html">
          <div class="leaderboardButton">
            View Full Leaderboards
          </div>
        </a>
      </section>
    </aside>
  </main>
  <section class="feedSection">
    <h2>Live Feed</h2>
  </section>
  <footer>
    <section class="aboutSection">
      <div class="aboutText">
        <p class="aboutLeft">
          Made with Love by <a href="https://www.twitch.tv/spoonoil">SpoonOil </a>
        <div class="imageContainer"><img src="assets/images/spoonoil-logo.png" alt="SpoonOil Logo" class="spoonoilLogo">
        </div>
        </p>
        <p class="aboutRight">
          Powered by <a href="https://data.ninjakiwi.com/">NinjaKiwi Open Data API</a>
        </p>
      </div>
    </section>
  </footer>
</body>

</html>

<script src="/all.js"></script>