arcadia-coding-club.github.io/index.html at main · Arcadia-Coding-Club/arcadia-coding-club.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
<!DOCTYPE html>
<!--Nipun Batra & Harit Talwar-->
<html>

<head>
    <title>
        AHS Coding Club
    </title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="codingClubWebsiteStyle.css">
    <link rel="shortcut icon" type="image/x-icon" href="/images/logo.png" />
</head>
<script>
</script>

<body>
    <div class="menu">
        <input class="main" type="checkbox" id="main" name="main" />
        <label for="main"></label>
        <nav class="comp">
            <ul class="pt-5">
                <li><a href="events/">Upcoming Events</a></li>
                <li><a href="workshop/">Workshop Materials</a></li>
                <li><a href="leaderboard/">Member Leaderboard</a></li>
                <li><a href="officers/">Officers</a></li>
            </ul>
        </nav>
    </div>
    <div class="title-screen">
        <!-- this is where the coding club title screen will be implemented, there are a few different animations I can implement,
        club officers can take a vote on this. different animations can also be implemented in personal pages -->

        <svg viewbox="0 0 600 300">
            <symbol id="s-text">
                <text text-anchor="middle" x="50%" y="50%" dy=".35em">Coding Club</text>
            </symbol>
            <use class="text" xlink:href="#s-text"></use>
            <use class="text" xlink:href="#s-text"></use>
            <use class="text" xlink:href="#s-text"></use>
            <use class="text" xlink:href="#s-text"></use>
            <use class="text" xlink:href="#s-text"></use>
        </svg>
    </div>

</body>

</html>