FoothillCSClub.github.io/index.html at master · FoothillCSClub/FoothillCSClub.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
<!DOCTYPE html>
<html>
<head>
    <meta charset='UTF-8'>
    <title>Foothill College CS Club</title>
    <meta name='description' content='Foothill College Computer Science Club - information and discussions.'>
    <meta name='keywords' content='Foothill, college, CS, computer science, club'>
    <meta property='og:title' content='Foothill CS Club'>
    <meta property='og:type' content='website'>
    <meta property='og:url' content='https://foothillcs.club/'>
    <meta property='og:image' content='https://foothillcs.club/images/icon-192.png'>
    <meta name='twitter:card' content='summary'>
    <meta name='twitter:site' content='@FoothillCSClub'>
    <meta name='twitter:title' content='Foothill CS Club'>
    <meta name='twitter:description' content='Foothill College Computer Science Club - information and discussions.'>
    <meta name='twitter:image' content='https://foothillcs.club/images/icon-192.png'>
    <link rel='icon' type='image/icon' href='favicon.ico'>
    <link rel='canonical' href='https://foothillcs.club/'>
    <link rel='stylesheet' type='text/css' href='common.css'>
    <link rel='stylesheet' type='text/css' href='index.css'>
    <script src='breakout_levels.js' defer></script>
    <script src='breakout.js' defer></script>
</head>

<body onresize='resizeCanvas()'>
    <div id='container'>
	<div id='stats'>
            <div id='livesDisp' class='stat' style='left: 0.3em'></div>
            <div id='multiDisp' class='stat' style='right: 52%'></div>
            <div id='comboDisp' class='stat' style='right: 46%'></div>
            <div id='scoreDisp' class='stat' style='right: 0.3em'></div>
	</div>
        <canvas id='canvas' class='noselect' onmouseup='mouseClick(event)'></canvas>
        <div id='ball' class='ball'></div>
        <div id='paddle'></div>
        <div id='divDebug' style='visibility: hidden; position: relative; float: left'>
            <div class='debug noselect'><span style='color: #444'>DEBUG</span>   X </div>
            <div id='xDebug' class='value debug noselect' style='width: 10.5em'></div>
            <div class='debug noselect'>   Y </div>
            <div id='yDebug' class='value debug noselect' style='width: 10.5em'></div>
            <div class='debug noselect'>   GRIDX </div>
            <div id='gxDebug' class='value debug noselect' style='width: 1.7em'></div>
            <div class='debug noselect'>   GRIDY </div>
            <div id='gyDebug' class='value debug noselect' style='width: 1.7em'></div>
            <div class='debug noselect'>   VELOCITY </div>
            <div id='vDebug' class='value debug noselect' style='width: 2em'></div>
            <div class='debug noselect'>   DX </div>
            <div id='dxDebug' class='value debug noselect' style='width: 10em'></div>
            <div class='debug noselect'>   DY </div>
            <div id='dyDebug' class='value debug noselect' style='width: 10em'></div>
            <div class='debug noselect'>   BRICKS </div>
            <div id='bricksDebug' class='value debug' style='width: 2em'></div>
        </div>
        <div style='position: relative; float: right'>
            <div class='debug noselect'><span style='color: #444'>KEYS</span>   <span style='cursor: pointer' onclick='initLevel((level+1)%levels.length+1)'><span style='color: #080'>1-7</span> LEVEL</span>   <span style='cursor: pointer' onclick='gravity = !gravity'><span style='color: #080'>G</span>RAVITY</span>   <span style='cursor: pointer' onclick='kinetics = !kinetics'><span style='color: #080'>K</span>INETICS</span>   <span style='cursor: pointer' onclick='pause = !pause'><span style='color: #080'>P</span>AUSE</span>   <span style='cursor: pointer' onclick='toggleDebug()'><span style='color: #080'>D</span>EBUG</span></div>
        </div>
        <div id='bottom_bar'>
            <a class='divlink' href='https://discord.gg/DAbttsk9xE' onmouseover='discordMouseOver()' onmouseout='discordMouseOut()'>
                <span><div class='discord_icon'></div><div id='discord_label' class='text'>Discord</div></span>
            </a>
            <div id='vline'></div>
            <div id='info' class='text noselect'>Join us on Discord for Winter 2025!</div>
        </div>
        <div id='hline'></div>
        <div id='bottom-links'>
            <a href='https://github.com/FoothillCSClub'>GitHub</a> <span class='vline'>|</span>
            <a href='https://instagram.com/foothillcsclub/'>Instagram</a> <span class='vline'>|</span>
            <a href='https://twitter.com/FoothillCSClub'>Twitter</a> <span class='vline'>|</span>
            <!-- <a href='https://www.facebook.com/cs.foothill/'>Facebook</a> <span class='vline'>|</span> -->
            <!-- <a href='http://eepurl.com/dwkEED'>Join the Club!</a> <span class='vline'>|</span> -->
            <a href='/CSModules/'>CS Modules</a> <!-- <span class='vline'>|</span> -->
            <!-- <a href='/codingweekends/'>Coding Weekends</a> -->
        </div>
    </div>
</body>
</html>