1 line
17 KiB
XML
1 line
17 KiB
XML
|
<svg xmlns="http://www.w3.org/2000/svg" width="498" height="406" version="1" viewBox="0 0 498 406" class="sim"><style>svg.sim { margin-bottom:1em; -moz-filter: grayscale(1); -webkit-filter: grayscale(1); filter: grayscale(1); } .sim-button { pointer-events: none; } .sim-button-outer:hover { stroke:grey; stroke-width: 3px; } .sim-pin:hover { stroke:#D4AF37; stroke-width:2px; } .sim-pin-touch.touched:hover { stroke:darkorange; } .sim-led-back:hover { stroke:#a0a0a0; stroke-width:3px; } .sim-led:hover { stroke:#ff7f7f; stroke-width:3px; } .sim-systemled { fill:#333; stroke:#555; stroke-width: 1px; } .sim-light-level-button { stroke:#fff; stroke-width: 3px; } .sim-antenna { stroke:#555; stroke-width: 2px; } .sim-text { font-family:monospace; font-size:25px; fill:#fff; pointer-events: none; } .sim-text-pin { font-family:monospace; font-size:20px; fill:#fff; pointer-events: none; } .sim-thermometer { stroke:#aaa; stroke-width: 3px; } /* animations */ .sim-flash { animation-name: sim-flash-animation; animation-duration: 0.1s; } @keyframes sim-flash-animation { from { fill: yellow; } to { fill: default; } } .sim-flash-stroke { animation-name: sim-flash-stroke-animation; animation-duration: 0.4s; animation-timing-function: ease-in; } @keyframes sim-flash-stroke-animation { from { stroke: yellow; } to { stroke: default; } }</style><defs><filter id="filterglow" x="-5%" y="-5%"><feGaussianBlur stdDeviation="5" result="glow"/><feMerge><feMergeNode in="glow"/><feMergeNode in="glow"/><feMergeNode in="glow"/></feMerge></filter><linearGradient id="gradient-pin-0" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#F50"/><stop offset="100%" stop-color="#F50"/></linearGradient><linearGradient id="gradient-pin-1" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#F50"/><stop offset="100%" stop-color="#F50"/></linearGradient><linearGradient id="gradient-pin-2" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#F50"/><stop offset="100%" stop-color="#F50"/></linearGradient><linearGradient id="gradient-pin-3" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#F50"/><stop offset="100%" stop-color="#F50"/></linearGradient><linearGradient id="gradient-pin-4" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#F50"/><stop offset="100%" stop-color="#F50"/></linearGradient><linearGradient id="gradient-pin-5" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#F50"/><stop offset="100%" stop-color="#F50"/></linearGradient><linearGradient id="gradient-pin-6" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#F50"/><stop offset="100%" stop-color="#F50"/></linearGradient><linearGradient id="gradient-pin-7" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#F50"/><stop offset="100%" stop-color="#F50"/></linearGradient><linearGradient id="gradient-pin-8" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#F50"/><stop offset="100%" stop-color="#F50"/></linearGradient><linearGradient id="gradient-pin-9" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#F50"/><stop offset="100%" stop-color="#F50"/></linearGradient><linearGradient id="gradient-pin-10" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="0%"
|