-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtapestry.html
More file actions
171 lines (145 loc) · 7.41 KB
/
Copy pathtapestry.html
File metadata and controls
171 lines (145 loc) · 7.41 KB
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
170
171
<!DOCTYPE html>
<html lang=en>
<head>
<title>Tapestry</title>
<link rel="stylesheet" type="text/css" href="MayDay/CSS/myStyle.css">
</head>
<body>
<div class="wrapper">
<table>
<span id = "headCell">
<svg stroke="black" stroke-width="2">
<!--M C1 R1-->
<line x1="1px" y1="1px" x2="1px" y2="10px" stroke="#F1DB42"/>
<!--M C1 R2-->
<line x1="1px" y1="20px" x2="1px" y2="30px" stroke="#C8CF02"/>
<!--M C1 R3-->
<line x1="1px" y1="40px" x2="1px" y2="50px" stroke="#A6CF02"/>
<!--M C2 R1-->
<line x1="10px" y1="1px" x2="15px" y2="10px" stroke="#F1DB42"/>
<!--M C3 R2-->
<line x1="20px" y1="20px" x2="25px" y2="30px" stroke="#C8CF02"/>
<!--MC4 R2-->
<line x1="35px" y1="20px" x2="30px" y2="30px" stroke="#C8CF02"/>
<!--M C5 R1-->
<line x1="45px" y1="1px" x2="40px" y2="10px" stroke="#F1DB42"/>
<!--M C6 R1-->
<line x1="55px" y1="1px" x2="55px" y2="10px" stroke="#F1DB42"/>
<!--M C6 R2-->
<line x1="55px" y1="20px" x2="55px" y2="30px" stroke="#C8CF02"/>
<!--M C6 R3-->
<line x1="55px" y1="40px" x2="55px" y2="50px" stroke="#A6CF02"/>
<!--A C7 R3-->
<line x1="70px" y1="40px" x2="65px" y2="50px" stroke="#A6CF02"/>
<!--A C8 R2-->
<line x1="80px" y1="20px" x2="75px" y2="30px" stroke="#C8CF02"/>
<!--A C9 R1-->
<line x1="90px" y1="1px" x2="85px" y2="10px" stroke="#F1DB42"/>
<!--A C9 R2-->
<line x1="85px" y1="30px" x2="100px" y2="30px" stroke="#C8CF02"/>
<!--A C10 R1-->
<line x1="95px" y1="1px" x2="100px" y2="10px" stroke="#F1DB42"/>
<!--A C11 R2-->
<line x1="105px" y1="20px" x2="110px" y2="30px" stroke="#C8CF02"/>
<!--A C12 R3-->
<line x1="115px" y1="40px" x2="120px" y2="50px" stroke="#A6CF02"/>
<!--Y C13 R1-->
<line x1="130px" y1="1px" x2="135px" y2="10px" stroke="#F1DB42"/>
<!--Y C14 R2-->
<line x1="140px" y1="20px" x2="140px" y2="30px" stroke="#C8CF02"/>
<!--Y C14 R3-->
<line x1="140px" y1="40px" x2="140px" y2="50px" stroke="#A6CF02"/>
<!--Y C15 R1-->
<line x1="150px" y1="1px" x2="145px" y2="10px" stroke="#F1DB42"/>
<!--D C16 R1-->
<line x1="180px" y1="1px" x2="180px" y2="10px" stroke="#F1DB42"/>
<!--D C16 R2-->
<line x1="180px" y1="20px" x2="180px" y2="30px" stroke="#C8CF02"/>
<!--D C16 R3-->
<line x1="180px" y1="40px" x2="180px" y2="50px" stroke="#A6CF02"/>
<!--D C17 R1-->
<line x1="190px" y1="1px" x2="195px" y2="10px" stroke="#F1DB42"/>
<!--C17 R3-->
<line x1="195px" y1="40px" x2="190px" y2="50px" stroke="#A6CF02"/>
<!--D C18 R2-->
<line x1="200px" y1="20px" x2="200px" y2="30px" stroke="#C8CF02"/>
<!--A C19 R3-->
<line x1="215px" y1="40px" x2="210px" y2="50px" stroke="#A6CF02"/>
<!--A C20 R2-->
<line x1="225px" y1="20px" x2="220px" y2="30px" stroke="#C8CF02"/>
<!--A C21 R1-->
<line x1="235px" y1="1px" x2="230px" y2="10px" stroke="#F1DB42"/>
<!--A C21 R2-->
<line x1="230px" y1="30px" x2="243px" y2="30px" stroke="#C8CF02"/>
<!--A C22 R1-->
<line x1="240px" y1="1px" x2="245px" y2="10px" stroke="#F1DB42"/>
<!--A C23 R2-->
<line x1="250px" y1="20px" x2="255px" y2="30px" stroke="#C8CF02"/>
<!--A C24 R3-->
<line x1="260px" y1="40px" x2="265px" y2="50px" stroke="#A6CF02"/>
<!--Y C25 R1-->
<line x1="280px" y1="1px" x2="285px" y2="10px" stroke="#F1DB42"/>
<!--Y C26 R2-->
<line x1="290px" y1="20px" x2="290px" y2="30px" stroke="#C8CF02"/>
<!--Y C26 R3-->
<line x1="290px" y1="40px" x2="290px" y2="50px" stroke="#A6CF02"/>
<!--Y C27 R1-->
<line x1="300px" y1="1px" x2="295px" y2="10px" stroke="#F1DB42"/>
</svg>
</span>
<tr>
<td id="amc">
<svg height="100" width="100">
<g fill="#000" stroke="#000">
<ellipse cx="47px" cy="30px" rx="10px" ry="10px"/>
<line x1="36px" y1="40px" x2="30px" y2="32px" stroke="black" stroke-width="2"/>
<line x1="58px" y1="40px" x2="64px" y2="32px" stroke="black" stroke-width="2"/>
<line x1="36px" y1="56px" x2="24px" y2="56px" stroke="black" stroke-width="2"/>
<line x1="70px" y1="56px" x2="62px" y2="56px" stroke="black" stroke-width="2"/>
<line x1="38px" y1="72px" x2="34px" y2="80px" stroke="black" stroke-width="2"/>
<line x1="56px" y1="72px" x2="60px" y2="80px" stroke="black" stroke-width="2"/>
</g>
<g fill="#ff0" stroke="#000">
<ellipse cx="47px" cy="55px" rx="15px" ry="20px"/>
</g>
<g fill="#000" stroke="#000">
<ellipse cx="47px" cy="45px" rx="12px" ry="2px"/>
<ellipse cx="47px" cy="56px" rx="15px" ry="2.5px"/>
<ellipse cx="47px" cy="67px" rx="12px" ry="2px"/>
<path d="M42 75 L52 75 L47 85 Z"/>
</g>
<g fill="#f5f5f5" fill-opacity= "0.85" stroke="#000">
<ellipse cx="40px" cy="57px" rx="4px" ry="14px"/>
<ellipse cx="54px" cy="57px" rx="4px" ry="14px"/>
</g>
</svg>
<span id = "amcCredit">Credit:<br/> Aoife McNeill<br/> CASD3</span>
</td>
<td>
<!-- Add some code here! -->
</td>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
</table>
</div>
</body>
</html>