-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsite.html
34 lines (34 loc) · 1.04 KB
/
site.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
<!DOCTYPE html>
<html>
<style>
.square {
height: 50px;
width: 50px;
background-color: square_color;
}
.circle {
height: 50px;
width: 50px;
background-color: circle_color;
border-radius: 50%;
}
.triangle {
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 50px solid triangle_color;
}
</style>
<h1>Color the shapes!</h1>
<p>Choose the color for the shapes here:</p>
<div style="display:flex">
<div class="square"></div>
<div class="circle"></div>
<div class="triangle"></div>
</div>
<form method="post">
<textarea name="thetext" id="config" rows="10" cols="50">{ "circle": "#0000FF", "square": "#00FFFF", "triangle": "#FF7F50" }</textarea><br>
<input type="submit" value="Color!">
</form>
</html>