P5_Challenge/code.html at master · OlgaTorok/P5_Challenge · 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
<!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">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>P5.js</title>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <style>
        .text {
            text-align: center;;
            margin: 20px;
        }
        h3, h4 {
            color: #4FAB5B;
        }
        p {
            color: #E24161;
        }
    </style>

    <script src="p5/p5.min.js"></script>
    <script src="p5/p5.dom.js"></script>
    <script src="sketch.js"></script>
    <script src="Branch.js"></script>
    <script src="Particle.js"></script>
    <script src="Firework.js"></script>
</head>

<body>
    <div class="row">
        <div class="col-md-4 text">
            <h3>Fractal Tree and Fireworks</h3>
            <h4>CA3 - Interaction Graphics</h4>
            <p><b>To grow the tree press the mouse 7 times! Have fun!</b></p>
            <p><i>This project works best if viewed in Microsoft Edge browser.</i></p>
        </div>

    </div>


    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Latest compiled and minified JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

</body>

</html>