|
|
| (6 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| Sandbox Floor Plan (under construction)
| | {{#widget:HtmlImageMap}} |
| [[File:SandboxFloorPlan-Studios.jpg]]
| |
| <div style="position: relative; display: inline-block; width: 960px;">
| |
| | |
| <!-- 1. The Background Floor Plan Image -->
| |
| [[File:SandboxFloorPlan.png|960px|none|alt=Sandbox Floor Plan]]
| |
| | |
| <!-- 2. Transparent Clickable Hotspot Overlay Layers -->
| |
| <span class="plainlinks">
| |
|
| |
| <!-- Electronics Zone (Red Box) -->
| |
| <a href="https://umd.edu" title="Electronics"
| |
| style="position: absolute; left: 31%; top: 7%; width: 14%; height: 16%; display: block; z-index: 10;"></a>
| |
| | |
| <!-- Crafting Zone (Orange Box) -->
| |
| <a href="https://umd.edu" title="Crafting"
| |
| style="position: absolute; left: 47%; top: 11%; width: 12%; height: 15%; display: block; z-index: 10;"></a>
| |
| | |
| <!-- Sewing Zone (Green Box) -->
| |
| <a href="https://umd.edu" title="Sewing"
| |
| style="position: absolute; left: 60%; top: 13%; width: 12%; height: 16%; display: block; z-index: 10;"></a>
| |
| | |
| <!-- Office Zone (White Gray Box) -->
| |
| <a href="https://umd.edu" title="Office"
| |
| style="position: absolute; left: 34%; top: 33%; width: 13%; height: 14%; display: block; z-index: 10;"></a>
| |
| | |
| <!-- Prototyping Laser Cutting (Light Blue Box) -->
| |
| <a href="https://umd.edu" title="Laser Cutting"
| |
| style="position: absolute; left: 33%; top: 49%; width: 13%; height: 14%; display: block; z-index: 10;"></a>
| |
| | |
| <!-- Prototyping 3D Printing (Dark Blue Box) -->
| |
| <a href="https://umd.edu" title="3D Printing"
| |
| style="position: absolute; left: 46%; top: 47%; width: 11%; height: 15%; display: block; z-index: 10;"></a>
| |
| | |
| <!-- CNC Zone (Purple Box) -->
| |
| <a href="https://umd.edu" title="CNC"
| |
| style="position: absolute; left: 41%; top: 70%; width: 13%; height: 15%; display: block; z-index: 10;"></a>
| |
| | |
| </span>
| |
| </div>
| |