1 |
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 291 147" style="enable-background:new 0 0 291 147" xml:space="preserve"><style>@keyframes rowDarken{0%,26%,to{fill:#fff}30%,90%{fill:#302839}}@keyframes treeLighten{0%,25%,to{fill:#5a4a79}30%,90%{fill:#fff}}@keyframes clicked{0%,24%{transform:scaleY(1)}25%,86%{transform:translateY(-1px) scaleY(.95)}30%,85%,90%,to{transform:translateY(0) scaleY(1)}}@keyframes dividerShorten{26%,to{transform:scaleY(1)}35%,86%{transform:scaleY(.87)}}@keyframes borderLengthen{26%,to{transform:scaleY(1)}40%,86%{transform:scaleY(1.2)}}.span-orange{fill:#ff7738}.span-purple,.tree{fill:#5a4a79}.row{fill:#ede7f5}.borders path{animation:borderLengthen 4s infinite ease-in-out}</style><g id="row-inactive"><path class="row" d="M81 65h210v8H81v-8zM81 49h210v8H81v-8zM81 33h210v8H81v-8zM81 17h210v8H81v-8zM81 97h210v8H81v-8zM81 81h210v8H81v-8z"/></g><g id="span-inactive"><path class="span-purple" d="M81 9h8v8h-8zM89 17h16v8H89z"/><path class="span-orange" d="M105 25h33v8h-33zM159 49h18v8h-18z"/><path class="span-purple" d="M138 33h7v8h-7zM145 41h14v8h-14zM177 57h3v8h-3zM180 65h30v8h-30zM210 73h2v8h-2zM212 81h2v8h-2zM214 89h8v8h-8zM222 97h5v8h-5z"/></g><g id="tree-inactive"><path class="tree" d="M12 12h43c.6 0 1 .4 1 1s-.4 1-1 1H12c-.6 0-1-.4-1-1s.4-1 1-1zM20 28h26c.6 0 1 .4 1 1s-.4 1-1 1H20c-.6 0-1-.4-1-1s.4-1 1-1zM20 36h33c.6 0 1 .4 1 1s-.4 1-1 1H20c-.6 0-1-.4-1-1s.4-1 1-1zM20 44h41c.6 0 1 .4 1 1s-.4 1-1 1H20c-.6 0-1-.4-1-1s.4-1 1-1zM20 52h28c.6 0 1 .4 1 1s-.4 1-1 1H20c-.6 0-1-.4-1-1s.4-1 1-1zM20 60h41c.6 0 1 .4 1 1s-.4 1-1 1H20c-.6 0-1-.4-1-1s.4-1 1-1zM20 20h37c.6 0 1 .4 1 1s-.4 1-1 1H20c-.6 0-1-.4-1-1s.4-1 1-1zM20 68h32c.6 0 1 .4 1 1s-.4 1-1 1H20c-.6 0-1-.4-1-1s.4-1 1-1zM29 76h33c.6 0 1 .4 1 1s-.4 1-1 1H29c-.6 0-1-.4-1-1s.4-1 1-1zM29 84h37c.6 0 1 .4 1 1s-.4 1-1 1H29c-.6 0-1-.4-1-1s.4-1 1-1zM29 92h28c.6 0 1 .4 1 1s-.4 1-1 1H29c-.6 0-1-.4-1-1s.4-1 1-1zM29 100h41c.6 0 1 .4 1 1s-.4 1-1 1H29c-.6 0-1-.4-1-1s.4-1 1-1z"/></g><g id="click" style="transform-origin:bottom center;animation:clicked 4s infinite ease-in-out"><path class="row" style="animation:rowDarken 4s infinite ease-in-out" d="M3 105h287v8H3z"/><path class="tree" d="M29 108h41c.6 0 1 .4 1 1s-.4 1-1 1H29c-.6 0-1-.4-1-1s.4-1 1-1z" style="animation:treeLighten 4s infinite ease-in-out"/><path class="span-orange" d="M227 105h60v8h-60z"/></g><path style="fill:none;stroke:#3e2c73;stroke-width:.75;animation:dividerShorten 4s infinite ease-in-out" d="M81.4 3v119"/><g id="borders" class="borders"><path d="M289 122 288 1H1.7L1 121.1l288 .9z" style="fill:none;stroke:#ff7738;stroke-width:1.5"/><path d="M3.7 118.9 3 3l283.5.2.5 116.8-283.3-1.1z" style="fill:none;stroke:#3e2c73;stroke-width:.75"/></g></svg>
|