archive/tdgm-blocks
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Initialized repo

Browse source
This commit is contained in:
tdgmdev 2023-02-18 19:56:31 -05:00
commit 7526940c83
31 changed files with 3244 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
.gitignore vendored Normal file
View file

@ -0,0 +1,10 @@
.DS_Store
node_modules
/build
/.svelte-kit
/package
.env
.env.*
!.env.example
vite.config.js.timestamp-*
vite.config.ts.timestamp-*

1
.npmrc Normal file
View file

@ -0,0 +1 @@
engine-strict=true

38
README.md Normal file
View file

@ -0,0 +1,38 @@
# create-svelte
Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
## Creating a project
If you're seeing this, you've probably already done this step. Congrats!
```bash
# create a new project in the current directory
npm create svelte@latest
# create a new project in my-app
npm create svelte@latest my-app
```
## Developing
Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
```bash
npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --open
```
## Building
To create a production version of your app:
```bash
npm run build
```
You can preview the production build with `npm run preview`.
> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.

1183
package-lock.json generated Normal file
View file

File diff suppressed because it is too large Load diff

22
package.json Normal file
View file

@ -0,0 +1,22 @@
{
"name": "tdgm-blocks",
"version": "0.0.1",
"private": true,
"scripts": {
"dev": "vite dev",
"build": "vite build",
"preview": "vite preview"
},
"devDependencies": {
"@sveltejs/adapter-auto": "^2.0.0",
"@sveltejs/kit": "^1.5.0",
"svelte": "^3.54.0",
"vite": "^4.1.1"
},
"type": "module",
"dependencies": {
"@sveltejs/adapter-cloudflare": "^2.0.2",
"@sveltejs/adapter-node": "^1.2.0",
"paper": "^0.12.17"
}
}

15
src/app.html Normal file
View file

@ -0,0 +1,15 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/logo.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap" rel="stylesheet">
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover" style="margin: 0;">
<div style="display: contents;margin: 0; padding: 0;">%sveltekit.body%</div>
</body>
</html>

64
src/lib/ide/Color.svelte Normal file
View file

@ -0,0 +1,64 @@
<script>
import Slider from './Slider.svelte';
export let color;
let extractColor = (color) => {
var colors = [0,1,2,3];
var out = colors.map(x => parseInt(color.substring(x*2+1,x*2+3),16));
out.push(currColor[4]);
console.log(out);
return out;
}
var currColor = [0,0,0,255,15];
$: currColor = extractColor(color) || [0,0,0,255];
let parseColor = (color) => {
return [
'#' + [color[0],color[1],color[2],color[3]].map(x => Math.floor(x).toString(16).padStart(2,0)).join(''),
color[4]
];
}
let calcComp = (color, i, comp) => {
if (i == 3)
comp = 255 - comp;
let outColor = [...color];
outColor[i] = comp;
return outColor;
}
let getComp = (color, i) => {
let comp = color[i];
if (i == 3)
comp = 255 - comp;
return comp;
}
export let bindColor = () => {};
bindColor(parseColor(currColor));
let comp = [0,1,2,3,4];
let compnames = ['Red','Green','Blue','Alpha','Size']
</script>
{#each comp as index}
<p>{compnames[index]} ({getComp(currColor,index)})</p>
<Slider
startColor={parseColor(
calcComp(currColor,index,0)
)[0]}
endColor={parseColor(
calcComp(currColor,index,255)
)[0]}
sliderPos={getComp(currColor,index) / 255 * 100}
sliderCall={
(slider) => {
currColor = calcComp(currColor,index,slider*255/100);
bindColor(parseColor(currColor));
}
}
/>
{/each}

398
src/lib/ide/Env.svelte Normal file
View file

@ -0,0 +1,398 @@
<style>
.ide {
width: 100vw;
height: calc(100vh - 50px);
display: grid;
grid-template-columns: 300px 1fr 300px;
}
.ide-left, .ide-mid, .ide-right {
height: 100%;
}
.ide-left {
border-right: var(--border-1);
}
.ide-right {
border-left: var(--border-1);
}
.ide-mid {
display: flex;
align-items: center;
justify-content: center;
overflow: none;
}
canvas {
width: 100%;
height: 100%;
}
</style>
<script>
import { paper } from "paper";
import { onMount } from 'svelte';
import EditButton from '$lib/page/EditButton.svelte';
import Color from './Color.svelte';
import { Group } from "paper/dist/paper-core";
import { group_outros } from "svelte/internal";
let mode = 'edit';
let colorType = 'stroke';
let fillColor = '#446699ff';
let strokeColor = '#000000ff';
let darkStroke = '#d8d8d8';
let white = 'white';
let nodeDist = 45;
let grabDist = 15;
let color = strokeColor;
let stroke = 12;
let origin = new paper.Point([0,0]);
let viewGroup, innerGroup, canvas, mainPath, lastPoint, file, files, download;
let importFile = () => {
file.click();
}
let getBase64 = (filee) => {
const reader = new FileReader();
reader.readAsDataURL(filee);
reader.onload = e => {
let preview = e.target.result;
paper.project.importSVG(preview, function (item) {
innerGroup.addChild(item);
recurseChild(innerGroup);
});
};
}
let exportFile = () => {
var data = new Blob(['<svg>' + innerGroup.exportSVG({asString: true}) + '</svg>'], {type: 'image/svg'});
var url = window.URL.createObjectURL(data);
download.href = url;
download.click();
}
let setMode = (modeSet) => {
if (modeSet)
mode = modeSet;
if (mode == 'group') {
group();
} else if (mode == 'ungroup') {
ungroup();
} else if (mode == 'import') {
importFile();
} else if (mode == 'export') {
exportFile();
} else if (mode == 'deleter') {
deleter();
}
return mode;
}
let setColorMode = (modeSet) => {
if (modeSet)
colorType = modeSet;
color = (modeSet == 'stroke') ? strokeColor : fillColor;
return colorType;
}
let setColor = ([colorIn, strokeIn]) => {
color = colorIn;
stroke = strokeIn / 5;
if (colorType == 'stroke') {
strokeColor = color
} else {
fillColor = color;
}
if (!paper.project || !paper.project.selectedItems) return;
paper.project.selectedItems.forEach(item => {
if (colorType == 'stroke') {
item.strokeColor = color
} else {
item.fillColor = color;
}
})
}
let initPath = () => {
mainPath = new paper.Path();
mainPath.strokeColor = strokeColor;
mainPath.fillColor = fillColor;
mainPath.strokeWidth = stroke;
mainPath.strokeCap = 'butt';
mainPath.strokeJoin = 'bevel';
innerGroup.addChild(mainPath);
recurseChild(innerGroup);
}
let mouseDown = (event) => {
if (mode == 'edit') {
initPath();
}
}
let group = () => {
var group = new paper.Group(paper.project.selectedItems);
innerGroup.addChild(group);
};
let ungroup = () => {
paper.project.selectedItems.forEach(item => {
if (!item.children || item.className != 'Group' || item == innerGroup) return;
item.selected = false;
item.children.forEach(child => {
innerGroup.addChild(child);
})
})
}
let deleter = () => {
paper.project.selectedItems.forEach(item => {
item.remove();
})
}
let mouseDownInner = (event) => {
event.stopPropagation();
console.log(event.target);
var target = event.target;
while (target.parent != innerGroup) {
target = target.parent;
}
console.log(target);
if (mode == 'select') {
target.selected = !target.selected;
} else if (mode == 'node') {
var nearestPoint = target.getNearestPoint(event.point);
if (nearestPoint.getDistance(event.point) > nodeDist) return;
target.segments.forEach(segment => {
segment.selected = false;
});
let closestPoint = target.segments[0];
let closestDist = 10000;
target.segments.forEach(segment => {
let dist = segment.point.getDistance(nearestPoint);
if (dist < closestDist) {
closestDist = dist;
closestPoint = segment.point;
}
});
let newPoint;
if (nearestPoint.getDistance(closestPoint) > grabDist) {
newPoint = target.divideAt(target.getLocationOf(nearestPoint));
} else {
newPoint = closestPoint;
}
newPoint.selected = true;
} else if (mode == 'resize') {
target.selected = !target.selected;
target.bounds.selected = target.selected;
}
}
let mouseDrag = (event) => {
if (mode == 'pan') {
viewGroup.position = viewGroup.position.add(event.delta);
} else if (mode == 'edit') {
lastPoint = event.point;
mainPath.add(event.point);
} else if (mode == 'select' || mode == 'node') {
paper.project.selectedItems.forEach(item => {
if ((mode == 'select' && item.parent != innerGroup)) return;
if (mode == 'node') {
if (item.className == 'Path') {
item.segments.forEach(segment => {
if (segment.selected)
segment.point = segment.point.add(event.delta)
})
}
} else {
item.position = item.position.add(event.delta)
}
});
} else if (mode == 'resize') {
paper.project.selectedItems.forEach(item => {
var nearestPoint = event.point;
if (!item.bounds.selected) return;
let seg = [
item.bounds.topLeft,
item.bounds.topRight,
item.bounds.bottomLeft,
item.bounds.bottomRight,
item.bounds.topCenter,
item.bounds.bottomCenter,
item.bounds.leftCenter,
item.bounds.rightCenter
];
let segOpp = [
item.bounds.bottomRight,
item.bounds.bottomLeft,
item.bounds.topRight,
item.bounds.topLeft,
item.bounds.bottomCenter,
item.bounds.topCenter,
item.bounds.rightCenter,
item.bounds.leftCenter
]
let closestPoint = seg[0];
let closestDist = 10000;
let i = -1;
seg.forEach((segment,index) => {
let dist = segment.getDistance(nearestPoint);
if (dist < closestDist) {
closestDist = dist;
closestPoint = segOpp[index];
i = index;
}
});
if (closestDist < nodeDist) {
var signX = (i == 1 || i == 3 || i == 7) ? 1 : -1;
var signY = (i == 1 || i == 0 || i == 4) ? -1 : 1;
if (i > 5) {
item.scale(1 + signX * event.delta.x / item.bounds.width, 1, closestPoint);
} else if (i > 3) {
item.scale(1, 1 + signY * event.delta.y / item.bounds.height, closestPoint);
} else {
item.scale(1 + signX * event.delta.x / item.bounds.width, 1 + signY * event.delta.y / item.bounds.height, closestPoint);
}
}
});
}
}
let mouseUp = (event) => {
if (mode == 'edit') {
if (mainPath.lastSegment.point.getDistance(mainPath.firstSegment.point) < nodeDist) {
mainPath.closePath();
}
}
}
let mouseDragInner = (event) => {
}
let recurseChild = (parent) => {
if (!parent.children || parent.children.length == 0) {
parent.onMouseDrag = mouseDragInner;
parent.onDoubleClick = mouseDownInner;
return;
} else {
parent.onMouseDrag = () => {};
parent.onDoubleClick = () => {};
}
parent.children.forEach(child => {
if (child == parent) return;
recurseChild(child);
})
}
let initView = () => {
let rect = new paper.Rectangle(0,0,480,360);
let path = new paper.Path.Rectangle(rect);
path.fillColor = 'white';
let pathOut = new paper.Path.Rectangle(rect);
pathOut.strokeColor = darkStroke;
pathOut.strokeWidth = '3';
innerGroup = new paper.Group([]);
viewGroup = new paper.Group([path,innerGroup,pathOut]);
/*paper.project.importSVG("/logo.svg", function (item) {
innerGroup.addChild(item);
recurseChild(innerGroup);
})*/
viewGroup.onMouseDrag = mouseDrag;
viewGroup.onMouseDown = mouseDown;
viewGroup.onMouseUp = mouseUp;
}
onMount(() => {
if (!canvas) return;
paper.setup(canvas);
initView();
initPath();
console.log(paper.view);
});
</script>
<div class='ide'>
<div class='ide-left'>
<EditButton bindMode={setMode} modeIn={mode} mode={'edit'} />
<EditButton bindMode={setMode} modeIn={mode} mode={'pan'} />
<EditButton bindMode={setMode} modeIn={mode} mode={'select'} />
<EditButton bindMode={setMode} modeIn={mode} mode={'group'} />
<EditButton bindMode={setMode} modeIn={mode} mode={'ungroup'} />
<EditButton bindMode={setMode} modeIn={mode} mode={'node'} />
<EditButton bindMode={setMode} modeIn={mode} mode={'import'} />
<EditButton bindMode={setMode} modeIn={mode} mode={'export'} />
<EditButton bindMode={setMode} modeIn={mode} mode={'deleter'} />
<EditButton bindMode={setMode} modeIn={mode} mode={'resize'} />
</div>
<div class='ide-mid'>
<canvas class='canvas' resize bind:this={canvas}></canvas>
</div>
<div class='ide-right'>
<EditButton bindMode={setColorMode} modeIn={colorType} mode={'stroke'} />
<EditButton bindMode={setColorMode} modeIn={colorType} mode={'fill'} />
<Color bindColor={setColor} color={color} />
<input type="file" style="display:none" bind:files on:change={() => getBase64(files[0])} bind:this={file}>
<a download="export.svg" bind:this={download} hidden></a>
</div>
</div>

62
src/lib/ide/Slider.svelte Normal file
View file

@ -0,0 +1,62 @@
<script>
export let startColor = '#000000';
export let endColor = '#ffffff';
export let sliderCall = () => {};
export let sliderPos = 0;
let mouseDown = false;
let slider;
let drag = (e) => {
if (!mouseDown) return;
if (slider != e.target) {
sliderPos = e.offsetX / 2 * 1.1 - 5 + sliderPos;
} else {
sliderPos = e.offsetX / 2 * 1.1 - 5;
}
sliderPos = Math.max(sliderPos,0);
sliderPos = Math.min(sliderPos,100);
sliderCall(sliderPos);
}
</script>
<style>
.slider {
width: 200px;
padding-left: 5px;
padding-right: 30px;
margin: 0.5rem;
height: 25px;
border-radius: 12.5px;
display: block;
background: linear-gradient(to right, var(--startColor), var(--endColor));
}
.sliderMarker {
background: var(--light-1);
width: 25px;
height: 25px;
border-radius: 100%;
}
</style>
<div
class='slider'
style='--startColor: {startColor}; --endColor: {endColor}'
bind:this={slider}
on:mousemove={drag}
on:mousedown={() => { mouseDown = true; }}
on:mouseup={() => { mouseDown = false; }}
on:mouseleave={() => { mouseDown = false; }}
>
<div
class='sliderMarker'
style='margin-left: {sliderPos * 2 + 'px'}'
></div>
</div>

71
src/lib/page/Area.svelte Normal file
View file

@ -0,0 +1,71 @@
<style>
#content {
background: var(--light-1);
box-shadow: 0px 3px 5px 3px var(--dark-2);
width: min(700px, 90vw);
padding-top: 8px;
margin: 25px;
border-radius: 25px;
display: flex;
flex-direction: column;
}
#content > div {
padding: 15px;
}
#header {
font-weight: bold;
font-size: 2rem;
width: 100%;
padding: 0;
}
#header {
border-bottom: var(--dark-2) solid 2px;
width: calc(100% - 30px);
}
#main {
min-height: 250px;
max-height: 500px;
overflow-y: scroll;
}
#main.tiny {
min-height: initial;
height: 100px;
overflow: hidden;
}
</style>
<script>
export let tiny = false;
let form;
</script>
<div id='content'>
<div id='header'>
<slot name="header">
Header
</slot>
</div>
<div id='main' class='{tiny ? "tiny" : ""}'>
<slot name="main">
<p>Content</p>
</slot>
</div>
<div id='footer'>
<slot name="footer">
<p>Footer</p>
</slot>
</div>
</div>

30
src/lib/page/Button.svelte Normal file
View file

@ -0,0 +1,30 @@
<style>
.button {
padding: 0.5rem;
background-color: var(--primary-1);
border: none;
font-family: 'Open Sans';
border-radius: 2rem;
margin: 0.2rem;
}
.button a {
color: var(--light-1);
font-weight: bold;
text-decoration: none;
}
</style>
<script>
export let clickFunc = () => {
}
</script>
<button on:click={clickFunc} class='button'>
<a href='#'><slot/></a>
</button>

45
src/lib/page/EditButton.svelte Normal file
View file

@ -0,0 +1,45 @@
<style>
.button {
width: 2rem;
height: 2rem;
border: none;
font-family: 'Open Sans';
border-radius: 100%;
margin: 0.2rem;
padding: 0.3rem;
}
.selected {
background: var(--dark-2);
}
</style>
<script>
let clickFunc = () => {
bindMode(mode);
}
export let bindMode = () => {};
export let modeIn = '';
export let mode = '';
let selected;
$: selected = (mode == modeIn);
export let img = `/${mode}.svg`;
</script>
<a href='#'>
<img src={img} on:click={clickFunc} class={selected ? 'button selected' : 'button '}>
</a>

46
src/lib/page/Header.svelte Normal file
View file

@ -0,0 +1,46 @@
<script>
</script>
<style>
#logo {
width: calc(100vw - 20px);
background: var(--dark-1);
padding: 5px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
position: sticky;
top: 0;
}
#logo a {
padding: 10px;
color: var(--light-1);
font-weight: bold;
text-decoration: none;
}
#logo img {
height: 30px;
width: auto;
display: block;
}
</style>
<div id='logo'>
<a href='/'>
<img src='/logo.svg' alt='Logo'>
</a>
<a href='/'>
TDGM Blocks
</a>
</div>

23
src/routes/+layout.svelte Normal file
View file

@ -0,0 +1,23 @@
<style>
:global(:root) {
font-family: 'Open Sans';
--dark-1: #2b2f36;
--dark-2: #d8d8d8;
--primary-1: #498aec;
--light-1: #ffffff;
--light-2: #f8f8f8;
--border-1: solid var(--dark-2) 5px;
}
</style>
<script>
import Header from '$lib/page/Header.svelte';
</script>
<Header />
<slot ></slot>

0
src/routes/+page.svelte Normal file
View file

5
src/routes/editor/+page.svelte Normal file
View file

@ -0,0 +1,5 @@
<script>
import Env from '$lib/ide/Env.svelte'
</script>
<Env />

87
static/deleter.svg Normal file
View file

@ -0,0 +1,87 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="66.145836mm"
height="66.145836mm"
viewBox="0 0 66.145836 66.145836"
version="1.1"
id="svg5"
inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
sodipodi:docname="deleter.svg"
inkscape:export-filename="tdgmdev.png"
inkscape:export-xdpi="1031.03"
inkscape:export-ydpi="1031.03"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="2.0560856"
inkscape:cx="29.181664"
inkscape:cy="115.75394"
inkscape:window-width="1350"
inkscape:window-height="1019"
inkscape:window-x="476"
inkscape:window-y="115"
inkscape:window-maximized="0"
inkscape:current-layer="g9203" />
<defs
id="defs2">
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter6867">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="0.32949976"
id="feGaussianBlur6869" />
</filter>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-60.055149,-48.408089)">
<g
id="g8696"
transform="translate(-2.1485482,-4.4362866)">
<g
id="g9461">
<g
id="g9203"
transform="matrix(0.94750492,0,0,0.94750492,5.0015535,4.5102352)"
style="stroke-width:1.0554">
<path
style="fill:none;stroke:#000000;stroke-width:6.98105434;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
d="m 60.371342,51.01202 69.810548,69.81055"
id="path1401" />
<path
style="fill:none;stroke:#000000;stroke-width:6.98105434;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
d="M 130.18189,51.01202 60.371342,120.82257"
id="path1403" />
</g>
</g>
</g>
<g
aria-label="T"
id="g5506"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#95c7b9;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
<g
aria-label="T"
id="g6865"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#bfffed;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter6867)"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.1 KiB

109
static/edit.svg Normal file
View file

@ -0,0 +1,109 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="66.145836mm"
height="66.145836mm"
viewBox="0 0 66.145836 66.145836"
version="1.1"
id="svg5"
inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
sodipodi:docname="edit.svg"
inkscape:export-filename="tdgmdev.png"
inkscape:export-xdpi="1031.03"
inkscape:export-ydpi="1031.03"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="1.4538721"
inkscape:cx="16.507642"
inkscape:cy="161.98124"
inkscape:window-width="1920"
inkscape:window-height="996"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="g8696" />
<defs
id="defs2">
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter6867">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="0.32949976"
id="feGaussianBlur6869" />
</filter>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-60.055149,-48.408089)">
<g
id="g8696"
transform="translate(-2.1485482,-4.4362866)">
<g
id="g9461">
<g
id="g9203"
transform="matrix(0.94750492,0,0,0.94750492,5.0015535,4.5102352)"
style="stroke-width:1.0554">
<circle
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.558485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.96999;stroke-dasharray:none;stroke-opacity:1"
id="path8684"
cx="81.314507"
cy="71.955185"
r="13.962109" />
<circle
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.558485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.96999;stroke-dasharray:none;stroke-opacity:1"
id="circle8686"
cx="109.23872"
cy="71.955185"
r="13.962109" />
<circle
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.558485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.96999;stroke-dasharray:none;stroke-opacity:1"
id="circle8688"
cx="81.314507"
cy="99.879402"
r="13.962109" />
<circle
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.558485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.96999;stroke-dasharray:none;stroke-opacity:1"
id="circle8690"
cx="109.23872"
cy="99.879402"
r="13.962109" />
<circle
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.558485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.96999;stroke-dasharray:none;stroke-opacity:1"
id="circle9196"
cx="95.276611"
cy="85.91729"
r="13.962109" />
</g>
</g>
</g>
<g
aria-label="T"
id="g5506"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#95c7b9;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
<g
aria-label="T"
id="g6865"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#bfffed;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter6867)"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4.2 KiB

88
static/export.svg Normal file
View file

@ -0,0 +1,88 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="66.145836mm"
height="66.145836mm"
viewBox="0 0 66.145836 66.145836"
version="1.1"
id="svg5"
inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
sodipodi:docname="export.svg"
inkscape:export-filename="tdgmdev.png"
inkscape:export-xdpi="1031.03"
inkscape:export-ydpi="1031.03"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="2.0560856"
inkscape:cx="29.181664"
inkscape:cy="115.99712"
inkscape:window-width="1920"
inkscape:window-height="996"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="g9203" />
<defs
id="defs2">
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter6867">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="0.32949976"
id="feGaussianBlur6869" />
</filter>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-60.055149,-48.408089)">
<g
id="g8696"
transform="translate(-2.1485482,-4.4362866)">
<g
id="g9461">
<g
id="g9203"
transform="matrix(0.94750492,0,0,0.94750492,5.0015535,4.5102352)"
style="stroke-width:1.0554">
<path
style="fill:none;stroke:#000000;stroke-width:6.98105;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 95.276615,105.75609 V 67.728582"
id="path7799" />
<path
style="fill:none;stroke:#000000;stroke-width:6.98105;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 114.29037,77.248117 95.276614,66.078432 76.262861,77.248117"
id="path7801"
sodipodi:nodetypes="ccc" />
</g>
</g>
</g>
<g
aria-label="T"
id="g5506"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#95c7b9;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
<g
aria-label="T"
id="g6865"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#bfffed;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter6867)"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.2 KiB

87
static/fill.svg Normal file
View file

@ -0,0 +1,87 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="66.145836mm"
height="66.145836mm"
viewBox="0 0 66.145836 66.145836"
version="1.1"
id="svg5"
inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
sodipodi:docname="fill.svg"
inkscape:export-filename="tdgmdev.png"
inkscape:export-xdpi="1031.03"
inkscape:export-ydpi="1031.03"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="2.0560856"
inkscape:cx="91.43588"
inkscape:cy="115.51075"
inkscape:window-width="1920"
inkscape:window-height="996"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="g9203" />
<defs
id="defs2">
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter6867">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="0.32949976"
id="feGaussianBlur6869" />
</filter>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-60.055149,-48.408089)">
<g
id="g8696"
transform="translate(-2.1485482,-4.4362866)">
<g
id="g9461">
<g
id="g9203"
transform="matrix(0.94750492,0,0,0.94750492,5.0015535,4.5102352)"
style="stroke-width:1.0554">
<rect
style="fill:#ff0000;fill-opacity:1;stroke:#000000;stroke-width:6.98105;stroke-linecap:square;stroke-miterlimit:3.96999;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
id="rect1224"
width="41.151192"
height="41.151192"
x="74.701019"
y="65.341698"
ry="6.3511806" />
</g>
</g>
</g>
<g
aria-label="T"
id="g5506"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#95c7b9;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
<g
aria-label="T"
id="g6865"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#bfffed;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter6867)"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3 KiB

105
static/group.svg Normal file
View file

@ -0,0 +1,105 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="66.145836mm"
height="66.145836mm"
viewBox="0 0 66.145836 66.145836"
version="1.1"
id="svg5"
inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
sodipodi:docname="group.svg"
inkscape:export-filename="tdgmdev.png"
inkscape:export-xdpi="1031.03"
inkscape:export-ydpi="1031.03"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="2.0560856"
inkscape:cx="91.43588"
inkscape:cy="115.51075"
inkscape:window-width="1920"
inkscape:window-height="996"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="g9203" />
<defs
id="defs2">
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter6867">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="0.32949976"
id="feGaussianBlur6869" />
</filter>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-60.055149,-48.408089)">
<g
id="g8696"
transform="translate(-2.1485482,-4.4362866)">
<g
id="g9461">
<g
id="g9203"
transform="matrix(0.94750492,0,0,0.94750492,5.0015535,4.5102352)"
style="stroke-width:1.0554">
<rect
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:6.98105;stroke-linecap:square;stroke-miterlimit:3.96999;stroke-opacity:1"
id="rect1224"
width="41.151192"
height="41.151192"
x="74.701019"
y="65.341698"
ry="6.3511806" />
<circle
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:6.98105;stroke-linecap:square;stroke-miterlimit:3.96999;stroke-opacity:1"
id="path1378"
cx="84.613876"
cy="77.15593"
r="5.2287822" />
<circle
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:6.98105;stroke-linecap:square;stroke-miterlimit:3.96999;stroke-opacity:1"
id="circle1380"
cx="102.88065"
cy="89.175339"
r="8.1487513" />
<circle
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:6.98105;stroke-linecap:square;stroke-miterlimit:3.96999;stroke-opacity:1"
id="circle1382"
cx="90.725441"
cy="97.120369"
r="3.4632192" />
</g>
</g>
</g>
<g
aria-label="T"
id="g5506"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#95c7b9;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
<g
aria-label="T"
id="g6865"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#bfffed;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter6867)"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.8 KiB

88
static/import.svg Normal file
View file

@ -0,0 +1,88 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="66.145836mm"
height="66.145836mm"
viewBox="0 0 66.145836 66.145836"
version="1.1"
id="svg5"
inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
sodipodi:docname="import.svg"
inkscape:export-filename="tdgmdev.png"
inkscape:export-xdpi="1031.03"
inkscape:export-ydpi="1031.03"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="2.0560856"
inkscape:cx="29.181664"
inkscape:cy="115.99712"
inkscape:window-width="1920"
inkscape:window-height="996"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="g9203" />
<defs
id="defs2">
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter6867">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="0.32949976"
id="feGaussianBlur6869" />
</filter>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-60.055149,-48.408089)">
<g
id="g8696"
transform="translate(-2.1485482,-4.4362866)">
<g
id="g9461">
<g
id="g9203"
transform="matrix(0.94750492,0,0,0.94750492,5.0015535,4.5102352)"
style="stroke-width:1.0554">
<path
style="fill:none;stroke:#000000;stroke-width:6.98105;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 95.276615,66.078488 V 104.106"
id="path7799" />
<path
style="fill:none;stroke:#000000;stroke-width:6.98105;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 114.29037,94.586465 95.276614,105.75615 76.262861,94.586465"
id="path7801"
sodipodi:nodetypes="ccc" />
</g>
</g>
</g>
<g
aria-label="T"
id="g5506"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#95c7b9;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
<g
aria-label="T"
id="g6865"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#bfffed;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter6867)"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.2 KiB

110
static/logo.svg Normal file
View file

@ -0,0 +1,110 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="66.145836mm"
height="66.145836mm"
viewBox="0 0 66.145836 66.145836"
version="1.1"
id="svg5"
inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
sodipodi:docname="logo.svg"
inkscape:export-filename="tdgmdev.png"
inkscape:export-xdpi="1031.03"
inkscape:export-ydpi="1031.03"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="1.4538721"
inkscape:cx="16.507642"
inkscape:cy="161.98124"
inkscape:window-width="1920"
inkscape:window-height="996"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="g8696" />
<defs
id="defs2">
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter6867">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="0.32949976"
id="feGaussianBlur6869" />
</filter>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-60.055149,-48.408089)">
<g
id="g8696"
transform="translate(-2.1485482,-4.4362866)">
<g
id="g9461"
style="fill:#ffffff;fill-opacity:1">
<g
id="g9203"
transform="matrix(0.94750492,0,0,0.94750492,5.0015535,4.5102352)"
style="stroke-width:1.0554;fill:#ffffff;fill-opacity:1">
<circle
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.558485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.96999;stroke-dasharray:none;stroke-opacity:1"
id="path8684"
cx="81.314507"
cy="71.955185"
r="13.962109" />
<circle
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.558485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.96999;stroke-dasharray:none;stroke-opacity:1"
id="circle8686"
cx="109.23872"
cy="71.955185"
r="13.962109" />
<circle
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.558485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.96999;stroke-dasharray:none;stroke-opacity:1"
id="circle8688"
cx="81.314507"
cy="99.879402"
r="13.962109" />
<circle
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.558485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.96999;stroke-dasharray:none;stroke-opacity:1"
id="circle8690"
cx="109.23872"
cy="99.879402"
r="13.962109" />
<circle
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.558485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.96999;stroke-dasharray:none;stroke-opacity:1"
id="circle9196"
cx="95.276611"
cy="85.91729"
r="13.962109" />
</g>
</g>
</g>
<g
aria-label="T"
id="g5506"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#95c7b9;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
<g
aria-label="T"
id="g6865"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#bfffed;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter6867)"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4.3 KiB

90
static/node.svg Normal file
View file

@ -0,0 +1,90 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="66.145836mm"
height="66.145836mm"
viewBox="0 0 66.145836 66.145836"
version="1.1"
id="svg5"
inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
sodipodi:docname="node.svg"
inkscape:export-filename="tdgmdev.png"
inkscape:export-xdpi="1031.03"
inkscape:export-ydpi="1031.03"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="2.0560856"
inkscape:cx="29.181664"
inkscape:cy="115.99712"
inkscape:window-width="1920"
inkscape:window-height="996"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="g9203" />
<defs
id="defs2">
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter6867">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="0.32949976"
id="feGaussianBlur6869" />
</filter>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-60.055149,-48.408089)">
<g
id="g8696"
transform="translate(-2.1485482,-4.4362866)">
<g
id="g9461">
<g
id="g9203"
transform="matrix(0.94750492,0,0,0.94750492,5.0015535,4.5102352)"
style="stroke-width:1.0554">
<circle
style="fill:#ffffff;stroke:#000000;stroke-width:6.98105;stroke-linecap:round;stroke-miterlimit:3.96999"
id="path7282"
cx="95.276619"
cy="93.47142"
r="10.729189" />
<path
style="fill:none;stroke:#000000;stroke-width:6.98105;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 67.842491,67.63398 c 0,0 17.560519,11.169689 27.434124,11.169689 9.873605,0 27.434125,-11.169689 27.434125,-11.169689"
id="path7286"
sodipodi:nodetypes="czc" />
</g>
</g>
</g>
<g
aria-label="T"
id="g5506"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#95c7b9;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
<g
aria-label="T"
id="g6865"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#bfffed;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter6867)"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.2 KiB

95
static/pan.svg Normal file
View file

@ -0,0 +1,95 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="66.145836mm"
height="66.145836mm"
viewBox="0 0 66.145836 66.145836"
version="1.1"
id="svg5"
inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
sodipodi:docname="pan.svg"
inkscape:export-filename="tdgmdev.png"
inkscape:export-xdpi="1031.03"
inkscape:export-ydpi="1031.03"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="2.0560856"
inkscape:cx="91.43588"
inkscape:cy="115.51075"
inkscape:window-width="1920"
inkscape:window-height="996"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="g9203" />
<defs
id="defs2">
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter6867">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="0.32949976"
id="feGaussianBlur6869" />
</filter>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-60.055149,-48.408089)">
<g
id="g8696"
transform="translate(-2.1485482,-4.4362866)">
<g
id="g9461">
<g
id="g9203"
transform="matrix(0.94750492,0,0,0.94750492,5.0015535,4.5102352)"
style="stroke-width:1.0554">
<circle
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.558485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.96999;stroke-dasharray:none;stroke-opacity:1"
id="circle8688"
cx="128.12344"
cy="1.4852493"
r="24.257437"
transform="rotate(45)" />
<rect
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:6.98106;stroke-linecap:square;stroke-miterlimit:3.96999"
id="rect541"
width="12.702362"
height="49.079159"
x="121.77226"
y="-42.123226"
ry="6.351181"
transform="rotate(45)" />
</g>
</g>
</g>
<g
aria-label="T"
id="g5506"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#95c7b9;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
<g
aria-label="T"
id="g6865"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#bfffed;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter6867)"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.3 KiB

87
static/resize.svg Normal file
View file

@ -0,0 +1,87 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="66.145836mm"
height="66.145836mm"
viewBox="0 0 66.145836 66.145836"
version="1.1"
id="svg5"
inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
sodipodi:docname="resize.svg"
inkscape:export-filename="tdgmdev.png"
inkscape:export-xdpi="1031.03"
inkscape:export-ydpi="1031.03"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="2.0560856"
inkscape:cx="29.181664"
inkscape:cy="115.99712"
inkscape:window-width="1920"
inkscape:window-height="996"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="g9203" />
<defs
id="defs2">
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter6867">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="0.32949976"
id="feGaussianBlur6869" />
</filter>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-60.055149,-48.408089)">
<g
id="g8696"
transform="translate(-2.1485482,-4.4362866)">
<g
id="g9461">
<g
id="g9203"
transform="matrix(0.94750492,0,0,0.94750492,5.0015535,4.5102352)"
style="stroke-width:1.0554">
<rect
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:6.98104;stroke-linecap:square;stroke-miterlimit:3.96999;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect1224"
width="50.658066"
height="27.02669"
x="69.947586"
y="72.403946"
ry="4.171237" />
</g>
</g>
</g>
<g
aria-label="T"
id="g5506"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#95c7b9;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
<g
aria-label="T"
id="g6865"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#bfffed;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter6867)"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3 KiB

87
static/select.svg Normal file
View file

@ -0,0 +1,87 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="66.145836mm"
height="66.145836mm"
viewBox="0 0 66.145836 66.145836"
version="1.1"
id="svg5"
inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
sodipodi:docname="select.svg"
inkscape:export-filename="tdgmdev.png"
inkscape:export-xdpi="1031.03"
inkscape:export-ydpi="1031.03"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="2.0560856"
inkscape:cx="91.43588"
inkscape:cy="115.51075"
inkscape:window-width="1920"
inkscape:window-height="996"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="g9203" />
<defs
id="defs2">
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter6867">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="0.32949976"
id="feGaussianBlur6869" />
</filter>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-60.055149,-48.408089)">
<g
id="g8696"
transform="translate(-2.1485482,-4.4362866)">
<g
id="g9461">
<g
id="g9203"
transform="matrix(0.94750492,0,0,0.94750492,5.0015535,4.5102352)"
style="stroke-width:1.0554">
<rect
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:6.98105;stroke-linecap:square;stroke-miterlimit:3.96999;stroke-opacity:1"
id="rect1224"
width="41.151192"
height="41.151192"
x="74.701019"
y="65.341698"
ry="6.3511806" />
</g>
</g>
</g>
<g
aria-label="T"
id="g5506"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#95c7b9;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
<g
aria-label="T"
id="g6865"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#bfffed;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter6867)"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.9 KiB

87
static/stroke.svg Normal file
View file

@ -0,0 +1,87 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="66.145836mm"
height="66.145836mm"
viewBox="0 0 66.145836 66.145836"
version="1.1"
id="svg5"
inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
sodipodi:docname="stroke.svg"
inkscape:export-filename="tdgmdev.png"
inkscape:export-xdpi="1031.03"
inkscape:export-ydpi="1031.03"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="2.0560856"
inkscape:cx="91.43588"
inkscape:cy="115.51075"
inkscape:window-width="1920"
inkscape:window-height="996"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="g9203" />
<defs
id="defs2">
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter6867">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="0.32949976"
id="feGaussianBlur6869" />
</filter>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-60.055149,-48.408089)">
<g
id="g8696"
transform="translate(-2.1485482,-4.4362866)">
<g
id="g9461">
<g
id="g9203"
transform="matrix(0.94750492,0,0,0.94750492,5.0015535,4.5102352)"
style="stroke-width:1.0554">
<rect
style="fill:none;fill-opacity:1;stroke:#ff0000;stroke-width:6.98105;stroke-linecap:square;stroke-miterlimit:3.96999;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
id="rect1224"
width="41.151192"
height="41.151192"
x="74.701019"
y="65.341698"
ry="6.3511806" />
</g>
</g>
</g>
<g
aria-label="T"
id="g5506"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#95c7b9;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
<g
aria-label="T"
id="g6865"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#bfffed;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter6867)"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3 KiB

95
static/ungroup.svg Normal file
View file

@ -0,0 +1,95 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="66.145836mm"
height="66.145836mm"
viewBox="0 0 66.145836 66.145836"
version="1.1"
id="svg5"
inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
sodipodi:docname="ungroup.svg"
inkscape:export-filename="tdgmdev.png"
inkscape:export-xdpi="1031.03"
inkscape:export-ydpi="1031.03"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="2.0560856"
inkscape:cx="91.43588"
inkscape:cy="115.51075"
inkscape:window-width="1920"
inkscape:window-height="996"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="g9203" />
<defs
id="defs2">
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter6867">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="0.32949976"
id="feGaussianBlur6869" />
</filter>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-60.055149,-48.408089)">
<g
id="g8696"
transform="translate(-2.1485482,-4.4362866)">
<g
id="g9461">
<g
id="g9203"
transform="matrix(0.94750492,0,0,0.94750492,5.0015535,4.5102352)"
style="stroke-width:1.0554">
<rect
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:6.98105;stroke-linecap:square;stroke-miterlimit:3.96999;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
id="rect1224"
width="41.151192"
height="41.151192"
x="74.701019"
y="65.341698"
ry="6.3511806" />
<path
style="fill:none;stroke:#000000;stroke-width:6.98105434;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
d="m 60.371342,51.01202 69.810548,69.81055"
id="path1401" />
<path
style="fill:none;stroke:#000000;stroke-width:6.98105434;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
d="M 130.18189,51.01202 60.371342,120.82257"
id="path1403" />
</g>
</g>
</g>
<g
aria-label="T"
id="g5506"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#95c7b9;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
<g
aria-label="T"
id="g6865"
style="font-size:10.5833px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';fill:#bfffed;fill-opacity:1;stroke:none;stroke-width:0.174407;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter6867)"
transform="matrix(3.0340844,0,0,3.0340844,-214.66547,-112.03533)" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.5 KiB

10
svelte.config.js Normal file
View file

@ -0,0 +1,10 @@
import adapter from '@sveltejs/adapter-cloudflare';
/** @type {import('@sveltejs/kit').Config} */
const config = {
kit: {
adapter: adapter()
}
};
export default config;

6
vite.config.js Normal file
View file

@ -0,0 +1,6 @@
import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';
export default defineConfig({
plugins: [sveltekit()]
});