-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpage2.html
63 lines (63 loc) · 3.05 KB
/
page2.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="description"content="page2">
<title>Owen's Game Website</title>
<link rel="icon" href="Icon.png" type="image/png">
<link rel="stylesheet" href="styles.css" id="lightM">
<link rel="stylesheet" href="darkMode.css" id="darkM">
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
</head>
<body>
<div class="header" id="myHead">
<div class="rowH">
<div class="columnMH">
<a class="home" href="index.html"><h1>Owen's Game Website</h1></a>
</div>
<div class="columnRH">
<button class="hDrop" id="theme-toggle"><img src="Logo.png" alt="LogoR" width="100px" height="100px"></button>
</div>
<div class="columnLH">
<div class="dropdown">
<button class="hDrop"><img src="Menu.png" alt="Menu" width="100px" height="100px"></button>
<div class="sellectM">
<a href="page2.html"><b>Spiral</b></a>
<a href="game2.html"><b>Flappy Bird</b></a>
<a href="tank.html"><b>Tank</i></b></a>
</div>
</div>
</div>
</div>
</div>
<main>
<h2>Python Spiral</h2>
<div class="row">
<div class="column1">
<p>This first game was written in Python using turtle. This draws an image with the pen tool in turtle.
Essentially what it does is it draws so that it is almost a square, but not quite. Instead of it being 90 degrees.
It turns 89 degrees which gives it that spiral like pattern. The length of the lines also increase by one each time
which is why it gets larger as it goes. Unfortunately, this is less of a game and more of a cool thing to look at since
it is not interactive. Click on the picure to see it run!</p>
</div>
<div class="column2">
<iframe src="https://trinket.io/embed/python/9644366974?outputOnly=true&runOption=run&start=result" width="50%" height="356" frameborder="0" marginwidth="0" marginheight="0" ></iframe>
</div>
</div>
</main>
<footer>
<div class="rowF">
<div class="columnLF">
<p>Contact me at <a href="https://[email protected]" target="_blank">[email protected]</a></p>
</div>
<div class="columnMF">
<h4>Owen's Game Website</h4>
</div>
<div class="columnRF">
<img src="WashU_Logo.png" alt="WashU_Logo" width="200px" height="40px">
</div>
</div>
</footer>
<script src="colorMode.js"></script>
</body>
</html>