-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
169 lines (168 loc) · 6.75 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./index.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
/>
<title>All-in-One</title>
<link rel="icon" href="./static/favicon.svg" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap"
rel="stylesheet"
/>
</head>
<body>
<div class="header"><span class="heading">ALL-IN-ONE</span></div>
<div class="color-instructions">
<div class="instructions-JS">
<div class="JS-instruction-button"></div>
Made from JS
</div>
<div class="instructions-React">
<div class="React-instruction-button"></div>
Made from React
</div>
</div>
<div class="grids">
<div class="grid JS">
<h2>Weather App</h2>
<img class="weather-image" src="./static/weather_favicon.svg" />
<div class="buttons">
<a href="./weatherApp/weather.html" target="_blank">
<button style="font-family: JetBrains Mono">Weather App</button>
</a>
</div>
</div>
<div class="grid JS">
<h2>Image Search App</h2>
<img class="search-image" src="./static/imagesearchapp_favicon.svg" />
<div class="buttons">
<a href="./imageSearchApp/imageSearchApp.html" target="_blank">
<button style="font-family: JetBrains Mono">
Image Search App
</button>
</a>
</div>
</div>
<div class="grid JS">
<h2>Space Invaders</h2>
<img class="space-image" src="./static/spaceInvaders_favicon.svg" />
<div class="buttons">
<a href="./jsSpaceInvaders/SpaceInvaders.html" target="_blank">
<button style="font-family: JetBrains Mono">Space Invaders</button>
</a>
</div>
</div>
<div class="grid JS">
<h2>ChalkBoard</h2>
<img class="space-image" src="./static/jsTekken_favicon.svg" />
<div class="buttons">
<a href="./jsTekken/jsTekken.html" target="_blank">
<button style="font-family: JetBrains Mono">ChalkBoard</button>
</a>
</div>
</div>
<div class="grid JS">
<h2>Snake</h2>
<svg
id="snake-svg"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512"
>
<!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path
d="M0 112C0 85.5 21.5 64 48 64H160h80 46.5c36.8 0 71.2 18 92.1 48.2l113.5 164c13 18.7 19.9 41 19.9 63.8v12 16 48c0 17.7-14.3 32-32 32H384c-17.7 0-32-14.3-32-32V402.2L273.9 352H240 160 112c-26.5 0-48-21.5-48-48s21.5-48 48-48h48 80c26.5 0 48-21.5 48-48s-21.5-48-48-48H160 48c-26.5 0-48-21.5-48-48z"
/>
</svg>
<div class="buttons">
<a href="./jsSnake/snake.html" target="_blank">
<button style="font-family: JetBrains Mono">Snake</button>
</a>
</div>
</div>
<div class="grid React">
<h2>Travel Landing Page</h2>
<img class="travel-landing-image" src="./static/travel_favicon.svg" />
<div class="buttons">
<a href="https://inspiring-jelly-92afb7.netlify.app" target="_blank">
<button style="font-family: JetBrains Mono">
Travel Landing Page
</button>
</a>
</div>
</div>
<div class="grid React">
<h2>Password Generator</h2>
<img class="password-image" src="./static/password_favicon.svg" />
<div class="buttons">
<a
href="https://iridescent-khapse-d4ab82.netlify.app"
target="_blank"
>
<button style="font-family: JetBrains Mono">
Random Password Generator
</button>
</a>
</div>
</div>
<div class="grid React">
<h2>Currency Convertor</h2>
<img class="currency-image" src="static/currency_favicon.svg" />
<div class="buttons">
<a
href="https://6547079362a9b27e80df6186--eclectic-alfajores-d031f8.netlify.app/"
target="_blank"
>
<button style="font-family: JetBrains Mono">
Currency Convertor
</button>
</a>
</div>
</div>
</div>
<span class="Incomplete-heading"> * Broken or Needs Servicing </span>
<div class="Incomplete">
<div class="grid JS">
<h2>Chess</h2>
<img class="chess-image" src="./static/jsChess_favicon.svg" />
<div class="buttons">
<a href="./jsChess/jsChess.html" target="_blank">
<button style="font-family: JetBrains Mono">Chess</button>
</a>
</div>
</div>
<div class="grid JS">
<h2>Pacman</h2>
<svg 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="M40.1 467.1l-11.2 9c-3.2 2.5-7.1 3.9-11.1 3.9C8 480 0 472 0 462.2V192C0 86 86 0 192 0S384 86 384 192V462.2c0 9.8-8 17.8-17.8 17.8c-4 0-7.9-1.4-11.1-3.9l-11.2-9c-13.4-10.7-32.8-9-44.1 3.9L269.3 506c-3.3 3.8-8.2 6-13.3 6s-9.9-2.2-13.3-6l-26.6-30.5c-12.7-14.6-35.4-14.6-48.2 0L141.3 506c-3.3 3.8-8.2 6-13.3 6s-9.9-2.2-13.3-6L84.2 471c-11.3-12.9-30.7-14.6-44.1-3.9zM160 192a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm96 32a32 32 0 1 0 0-64 32 32 0 1 0 0 64z"
/>
</svg>
<div class="buttons">
<a href="./jsPacman/pacman.html" target="_blank">
<button style="font-family: JetBrains Mono">Pacman</button>
</a>
</div>
</div>
</div>
<span class="ending"
>*This website is a work in progress and would be completed soon. While
the line you just read was a promise just like our political leaders!
Oops!</span
>
<script src="./index.js"></script>
</body>
</html>