cycnus-studio.github.io/index.html at master · cycnus-studio/cycnus-studio.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
<!DOCTYPE html>
<html>

    <head>

        <!-- SIDE NOTE: THIS IS THE PIXI JS API LIBRARY. WE DID NOT WRITE THIS, IGNORE IT -->

        <script src="Project/src/pixi.js"></script>

        <link href="https://fonts.googleapis.com/css?family=Montserrat:100" rel="stylesheet">
        <link href="styles.css" rel="stylesheet">

        <!-- Loads the fonts for the game
            Even though the CSS file loads the required fonts, the game loads faster, meaning the fonts won't have enough time to load.
            This is fixed through rel="preload" or rel="prefetch", which loads the fonts as soon as possible.
        -->

        <!-- However this doesn't work well when loading it from the computer :/ -->

        <link rel="preload" href="https://cycnus-studio.github.io/Project/fonts/ModernSans-Light.otf" as="font" crossorigin="anonymous">
        <link rel="preload" href="https://cycnus-studio.github.io/Project/fonts/Roboto_Thin.ttf" as="font" crossorigin="anonymous">
        <link rel="stylesheet" type="text/css" href="Project/styles/styles.css">

    </head>

    <body>

        <div class="splash">

            <div class="splash-content">
                <img src="swan_logo.png">
                <h1>cycnus</h1>
                <p>striving for excellence</p>

            </div>
        </div>

        <div class="about">

            <div class="about-content">

                <!-- Center all the content -->

                <center>

                    <h2>What we do</h2>

                    <p>Here, the team of cycnus strives to make enjoyable games for everyone to enjoy. We aim to make the most high-quality games that will leave a lasting imprint into the industry.</p>

                    <br><br>

                    <h2>Meet the team</h2>

                    <table>
                    	<tr>
                    		<td><p><b>Jonathan Ma</b></p></td>
                    		<td><p><b>Jamie Tsai</b></p></td>
                    		<td><p><b>Zeyu Chen</b></p></td>
                    	</tr>
                    	<tr>
                    		<td><p>Team manager</p></td>
                    		<td><p>Design Director</p></td>
                    		<td><p>Lead Programmer</p></td>
                    	</tr>
                    </table>

                    <h2>glow</h2>

                    <!-- Holds the canvas that will be inserted through JS-->

                    <center id="container"></center>

                </center>

             </div>

        </div>

        <!-- Loads all the required files for the game -->
        <script type="text/javascript" src="Project/src/intialize.js"></script>
        <script type="text/javascript" src="Project/src/music.js"></script>
        <script type="text/javascript" src="Project/src/generator.js"></script>
        <script type="text/javascript" src="Project/src/particles.js"></script>
        <script type="text/javascript" src="Project/src/main.js"></script>
        <script type="text/javascript" src="Project/src/collide.js"></script>
        <script type="text/javascript" src="Project/src/powerups.js"></script>

    </body>

</html>