2024-12-18 Wiki meetup

Present: User:Shane.

SVGs

I've been working making the SVGs a more customisable with CSS.

I believe the current images are exported from the bits in the repository, based on HomeSweetHome. These don't seem to be very flexible SVGs. Rooms aren't given IDs, for instance, which means we can't highlight a room with CSS. A whole new SVG needs creating. (If this isn't true - lemme know! I don't know much about editing images, especially SVGs.) You can see a bit of a hack I had to do to add a really low quality image of the Airlock.

My aim is to make cleaner SVGs, that have bits that look like this:

    <g id="DustyArea">
        <g id="DustyArea-Inner" transform="matrix(1.14746,0,0,1.96842,-99.8961,-649.847)">
            <rect x="313.164" y="671.039" width="364.29" height="227.561" style="fill:none;stroke:rgb(35,31,32);stroke-width:2.33px;"/>
        </g>
        <g id="DustyArea-Outer" transform="matrix(1,0,0,2.69061,0,-1124.17)">
            <rect x="259.447" y="664.951" width="424.296" height="168.744" style="fill:none;stroke:rgb(35,31,32);stroke-width:1.85px;"/>
        </g>
        <rect id="DustyArea-Door" x="677.454" y="925.853" width="6.289" height="140.431" style="fill:none;stroke:rgb(35,31,32);stroke-width:5.42px;"/>
    </g>

and then we can do things like `#DustyAreaDoor { background-color: 'red' }`.

I'm making these SVGs by hand. They'll come very slowly. I added a draft version, which has really confused the wiki.

Anyway, that's as far as I got tonight!

Shane (talk) 20:17, 18 December 2024 (UTC)