img/template_example.svg

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="362px" height="294px" viewBox="-0.5 -0.5 362 294" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2021-02-18T12:05:14.563Z&quot; agent=&quot;5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.150 Safari/537.36 Edg/88.0.705.68&quot; etag=&quot;4BuV03UcW5aQjO0JVYn_&quot; version=&quot;14.4.0&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;ZN-PubUaRz3g8XqJeI6r&quot; name=&quot;Page-1&quot;&gt;7Vnbbts4EP0aA90HF5bkWx4jp2lQOECQGLubvASMNJbYUBotRd/69UtK1M2iXXvXRovWeQikQ86InHNmOEw6ziRaf+YkCe/RB9axe/6649x0bHs07MnfCtjkQH9g5UDAqZ9DNeCJfgMNartgQX1IGxMFIhM0aYIexjF4ooERznHVnDZH1vxqQgJoAU8eYW30L+qLMEfH9qjC74AGof6y3evphUekmKyBNCQ+rmqQ86njTDiiyJ+i9QSYil0Rl9zudsdouTAOsTjE4PV+FnA+e5w+/jO6fl24f7p3t90rvTaxKTbMcRH7oGx6HcdFLkIMMCZsiphI0JLgVxBio6kiC4ESCkXE9CjE/rUKvHx9Y+i959AtZUz7TAXhQptbdj5cf83GCxcxxlBgNR/tzet4pLjgnt7KaPk8Ha9enpfR8/PfK+hSXI26fS0iwgPQpsndS8yn6XxNb5n95eULeRHzrvYHfkMfOrSfASMQfCMncGBE0GVTLkSrLijnlaYPSOWS7Z5OkK7d1/rQCWIVyi985CvVZnV+v+tpaH+8qv80/eaRavmVD7X9VVCmJrOy9sV5SdhCx2YGa3GD3iIC/cW67NIVjRjJuJ5jLJ70iBIUYTSI5bMn7YBLYAlcUJmi13pAKGW6XkiZPyUbXChapWC89+LNDZHTb9ItKURa16A9bMx4UpZaZhxSOeehkJm1Bd2TdWPilKRCAx4yRpKUvpXbiCSPNHZRCIy+p2K1Q1jv1d2mLDi5yaqqTlZRdMNaZbrq7ZZmg/tjiR60iG6Ry6hOYo7vZRlVMZnLjJ4gQ15lesE2g7kwcB1R32eZs4R4NA5mWVXqWhUyzQxvnAp51FFQEEdBBMlZURQw8gbsAVMqKCr/PJ/rJiovslAN3M7gJkO4mGAsN0FoRhdItlegGDcQuTcnDmd3eBi54zNxOzRw66rqSQWDD3901PocK5dyhssUN8BzecgBVwNbwlDzS2FsCeF4beR1oCmDflsGCkJpO2fZCRNKRUFskEZTAq4M+6T3caDEYE/ku1W9/zB9OP3D9DEYnkkgVv9XbiCMjcHg52ogSr61JMb/sX3YcmP1t/ycrl3YF61apbl+U6nkXVoGQ8vQqhAGKbeVtm52AvWiMTYUjVJZ/6dqGMl2Li3DYUTuTpWjWgYTuydoGYyra/f9eQ/gcSACXn2dzR/U0W9oIHY0Fj6kHqeJirhhVJ4hMhkNA7HMyyA7kF5ldskKtqtnMa+m6lu2BhIu+fzt+5nTi9fUzxhLk32Chmbf6V6T793sfno5g058BpXX1h9xjTUSb7rqXM6kQ9N6cPSZdKZrrHF1ox1n0pHX2EvVP488zniLla/VX9jzu0r1bwrn078=&lt;/diagram&gt;&lt;/mxfile&gt;"><defs><clipPath id="mx-clip-4-239-152-56-0"><rect x="4" y="239" width="152" height="56"/></clipPath><clipPath id="mx-clip-94-39-172-126-0"><rect x="94" y="39" width="172" height="126"/></clipPath><clipPath id="mx-clip-204-239-152-56-0"><rect x="204" y="239" width="152" height="56"/></clipPath></defs><g><path d="M 107.27 200 L 124.2 172.07" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 130.94 160.96 L 129.76 175.44 L 118.64 168.7 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 0 226 L 0 200 L 160 200 L 160 226" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 0 226 L 0 290 L 160 290 L 160 226" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 226 L 160 226" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" font-weight="bold" pointer-events="none" text-anchor="middle" font-size="12px"><text x="79.5" y="217.5">TextDocument</text></g><path d="M 0 230 L 160 230" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" pointer-events="none" clip-path="url(#mx-clip-4-239-152-56-0)" font-size="12px"><text x="5.5" y="251.5">+ title()</text><text x="5.5" y="265.5">+ text()</text><text x="5.5" y="279.5">+ footer()</text></g><path d="M 252.73 200 L 235.8 172.07" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 229.06 160.96 L 241.36 168.7 L 230.24 175.44 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 90 26 L 90 0 L 270 0 L 270 26" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 90 26 L 90 160 L 270 160 L 270 26" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 90 26 L 270 26" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" font-weight="bold" pointer-events="none" text-anchor="middle" font-size="12px"><text x="179.5" y="17.5">AbstractDocument</text></g><path d="M 90 30 L 270 30" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" pointer-events="none" clip-path="url(#mx-clip-94-39-172-126-0)" font-size="12px"><text x="95.5" y="51.5">+ create_document(text)</text><text x="95.5" y="65.5">+ title()</text><text x="95.5" y="79.5">+ description()</text><text x="95.5" y="93.5">+ author()</text><text x="95.5" y="107.5">+ nackground_colour()</text><text x="95.5" y="121.5">+ text(text)</text><text x="95.5" y="135.5">+ footer()</text><text x="95.5" y="149.5">+ print()</text></g><path d="M 200 226 L 200 200 L 360 200 L 360 226" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 200 226 L 200 290 L 360 290 L 360 226" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 200 226 L 360 226" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" font-weight="bold" pointer-events="none" text-anchor="middle" font-size="12px"><text x="279.5" y="217.5">HTMLDocument</text></g><path d="M 200 230 L 360 230" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" pointer-events="none" clip-path="url(#mx-clip-204-239-152-56-0)" font-size="12px"><text x="205.5" y="251.5">+ title()</text><text x="205.5" y="265.5">+ text()</text><text x="205.5" y="279.5">+ print()</text></g></g></svg>