-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
71 lines (69 loc) · 3.87 KB
/
index.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
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.10.0/p5.min.js" integrity="sha512-lvddmeF7aHRJwdbJeYThWd5kWSjTrXBzCRF/jYROiHzmhMJ1dEXfGH5Q7ft0yhizXTopAETG03s5ajTflauijA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="stylesheet" href="style.css">
<title>my-front-end-projects</title>
</head>
<body>
<header>
<p id="title">my-front-end-projects</p>
<p id="author">by <a id="github-profile-link" target="_blank" href="https://github.com/renans2">Renan Silva</a></p>
</header>
<div class="games-apps-container">
<div class="choose">
<svg class="arrow-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>
<p>Choose an App/Game</p>
<svg class="arrow-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>
</div>
<div class="game" onclick="location.href = 'src/snake-game/index.html'">
<p>Snake Game</p>
</div>
<div class="game" onclick="location.href = 'src/stack-game/index.html'">
<p>Stack Game</p>
</div>
<div class="game" onclick="location.href = 'src/hex-game/index.html'">
<p>Hex Game</p>
</div>
<div class="game" onclick="location.href = 'src/wordle-like-game/index.html'">
<p>Wordle</p>
</div>
<div class="game" onclick="location.href = 'src/caesar-cipher/index.html'">
<p>Caesar Cipher</p>
</div>
<div class="game" onclick="location.href = 'src/type-racer/index.html'">
<p>Type Racer</p>
</div>
<div class="game" onclick="location.href = 'src/memory-game/index.html'">
<p>Memory Game</p>
</div>
<div class="game" onclick="location.href = 'src/sequence-memory-game/index.html'">
<p>Sequence Memory Game</p>
</div>
<div class="game" onclick="location.href = 'src/reaction-time-test/index.html'">
<p>Reaction Time Test</p>
</div>
<div class="game" onclick="location.href = 'src/tic-tac-toe/index.html'">
<p>Tic-Tac-Toe</p>
</div>
<div class="game" onclick="location.href = 'src/calculator/index.html'">
<p>Calculator</p>
</div>
<div class="game" onclick="location.href = 'src/clock/index.html'">
<p>Simple clock</p>
</div>
<div class="game" onclick="location.href = 'src/click-counter/index.html'">
<p>Click counter</p>
</div>
<div class="game" onclick="location.href = 'src/toggle/index.html'">
<p>Dumb Toggle</p>
</div>
</div>
<script src="src/matrix-digital-rain/script.js"></script>
<script src="src/matrix-digital-rain/cell.js"></script>
<script src="src/matrix-digital-rain/revealer.js"></script>
</body>
</html>