cleabordeau.github.io/project.html at main · cleabordeau/cleabordeau.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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Project</title>
	<link rel="stylesheet" href="mystyle.css">
	<style>
	    #game_pic1 {
		    width: 300px;
		    float: left;
		    margin-top: 6px;
		    margin-right: 30px;
		    margin-left: 0px;
		    margin-bottom: 6px;
	    }
	    #game_pic2 {
		    width: 300px;
		    float: right ;
		    margin-top: 6px;
		    margin-right: 0px;
		    margin-left: 30px;
		    margin-bottom: 6px;
	    }
	</style>
    </head>
    <body>

        <img id="banner" class="image" src="https://cleabordeau.github.io/Banner.png" alt="Banner" width="1000" />

        <h1>Welcome to my final project's webpage!</h1><br>

	    <h2>Description of the page </h2>
		    <p> Here is the page where you will find everything about my final project </p>
	    <h2> Burger Shot: </h2>
		    <h3> The program </h3>
		    <p>We realised this game on Khan Academy in Javascript using variables, expressions formed with arithmetic and logical operands and operators, conditional statements, loops, abstractions such a functions, arrays, oriented objects. </p>
		   <p><img id="game_pic1" src="https://cleabordeau.github.io/cooking2.png" alt="game_pic"> <img id="game_pic2" src="https://cleabordeau.github.io/cooking1.png" alt="game_pic"> <br> <br>
			   <h3> How to use it </h3>
			   In this game you're a frycook at a new fast food joint. A line of customers is at the doors and hungry.
			    <br>Click on an ingredient once to add it to the plate, once gain to remove it. Click on the meat to cook it, click on the meat on the hob when it's ready (green) to add it to the plate.
			    <br>Be careful the meat can burn. Click on the plate to serve it within 15 seconds. If the client is satisfied by the food and by your time, they'll pay you 10$.
			    <br>Remember to serve the burger when the timer turns green--any less and it'll come out raw and any more and it'll burn. Make 200$ to win!<br> <br>
		    <br>
		    <br>
		    <br>
		    <br>
		    <br>
		    </p>

		     <h3> Youtube video </h3>
			<center>
			<iframe width="560" height="315" src="https://www.youtube.com/embed/3CqKD_Sj6QY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			</center>

		    <h3><a href="https://www.khanacademy.org/computer-programming/final-project/4867860122877952">Click To play</a></h3>
		    <script src="https://www.khanacademy.org/computer-programming/final-project/4867860122877952/embed.js?editor=yes&buttons=yes&author=yes&embed=yes"></script>


	  <h2>Where do you want to go now ?</h2>
	  <div id="buttons">
	  <table>
            <tbody>
                <tr>
                    <td><a href = "https://cleabordeau.github.io/index.html" >  <img src="https://cleabordeau.github.io/Home.png" alt="home_button" width="100%"> </a> </td>
	   	    <td><a href = "https://cleabordeau.github.io/about.html" >  <img src="https://cleabordeau.github.io/About_Me.png" alt="about_me_button" width="100%"> </a></td>
                    <td><a href = "https://cleabordeau.github.io/javascripts.html" >  <img src="https://cleabordeau.github.io/Javascripts.png" alt="Java_button" width="100%"> </a></td>
                </tr>
            </tbody>
	  </table>
	  </div>

	<br>
	<p>
	<h2>Student</h2>
		<ul>
			<li>Last name : Bordeau </li>
			<li>First name : Cléa </li>
			<li>Level of study : Junior / International Student for a semester at <a target="_blank" href="https://www.uri.edu"> URI </a> </li>
			<li>How you can contact me : <strong> <em> clea_bordeau@uri.edu </em> </strong>  </li>
		</ul>

	</p>
    </body>
</html>