|
133 | 133 |
|
134 | 134 | <!-- Side application tool palette -->
|
135 | 135 | <div id="tool-palette">
|
136 |
| - <div class="tool-button blue" id="cursor-btn"> |
| 136 | + <div class="tool-button blue" tool="cursor"> |
137 | 137 | <div class="tool-info">Cursor
|
138 | 138 | <div class="shortcut">V</div>
|
139 | 139 | </div>
|
140 | 140 | </div>
|
141 |
| - <div class="tool-button red" id="pen-btn"> |
| 141 | + <div class="tool-button red" tool="pen"> |
142 | 142 | <div class="tool-info">Pen
|
143 | 143 | <div class="shortcut">P</div>
|
144 | 144 | </div>
|
145 | 145 | </div>
|
146 |
| - <div class="tool-button blue" id="crayon-btn"> |
| 146 | + <div class="tool-button blue" tool="crayon"> |
147 | 147 | <div class="tool-info">Crayon
|
148 | 148 | <div class="shortcut">C</div>
|
149 | 149 | </div>
|
150 | 150 | </div>
|
151 |
| - <div class="tool-button yellow" id="ellipse-btn"> |
| 151 | + <div class="tool-button yellow" tool="ellipse"> |
152 | 152 | <div class="tool-info">Ellipse
|
153 | 153 | <div class="shortcut">L</div>
|
154 | 154 | </div>
|
155 | 155 | </div>
|
156 |
| - <div class="tool-button blue" id="rectangle-btn"> |
| 156 | + <div class="tool-button blue" tool="rectangle"> |
157 | 157 | <div class="tool-info">Rectangle
|
158 | 158 | <div class="shortcut">M</div>
|
159 | 159 | </div>
|
160 | 160 | </div>
|
161 |
| - <div class="tool-button yellow" id="line-btn"> |
| 161 | + <div class="tool-button yellow" tool="line"> |
162 | 162 | <div class="tool-info">Line
|
163 | 163 | <div class="shortcut">\</div>
|
164 | 164 | </div>
|
165 | 165 | </div>
|
166 |
| - <div class="tool-button red" id="type-btn"> |
| 166 | + <div class="tool-button red" tool="type"> |
167 | 167 | <div class="tool-info">Text
|
168 | 168 | <div class="shortcut">T</div>
|
169 | 169 | </div>
|
170 | 170 | </div>
|
171 |
| - <div class="tool-button yellow" id="rotate-btn"> |
| 171 | + <div class="tool-button yellow" tool="rotate"> |
172 | 172 | <div class="tool-info">Rotate
|
173 | 173 | <div class="shortcut">R</div>
|
174 | 174 | </div>
|
175 | 175 | </div>
|
176 |
| - <div class="tool-button red" id="eyedropper-btn"> |
| 176 | + <div class="tool-button red" tool="eyedropper"> |
177 | 177 | <div class="tool-info">Eyedropper
|
178 | 178 | <div class="shortcut">I</div>
|
179 | 179 | </div>
|
180 | 180 | </div>
|
181 |
| - <div class="tool-button blue" id="zoom-btn"> |
| 181 | + <div class="tool-button blue" tool="zoom"> |
182 | 182 | <div class="tool-info">Zoom
|
183 | 183 | <div class="shortcut">Z</div>
|
184 | 184 | </div>
|
|
0 commit comments