Web-Ide mit aufgenommen
@@ -0,0 +1,42 @@
|
||||
{
|
||||
"iconDefinitions": {
|
||||
"_hdl": {
|
||||
"iconPath": "./images/hdl.svg"
|
||||
},
|
||||
"_tst": {
|
||||
"iconPath": "./images/tst.svg"
|
||||
},
|
||||
"_cmp-out": {
|
||||
"iconPath": "./images/cmp-out.svg"
|
||||
},
|
||||
"_hack": {
|
||||
"iconPath": "./images/hack.svg"
|
||||
},
|
||||
"_vm": {
|
||||
"iconPath": "./images/vm.svg"
|
||||
},
|
||||
"_jack": {
|
||||
"iconPath": "./images/jack.svg"
|
||||
}
|
||||
},
|
||||
"fileExtensions": {
|
||||
"hdl": "_hdl",
|
||||
"tst": "_tst",
|
||||
"cmp": "_cmp-out",
|
||||
"out": "_cmp-out",
|
||||
"asm": "_asm",
|
||||
"hack": "_hack",
|
||||
"vm": "_vm",
|
||||
"jack": "_jack"
|
||||
},
|
||||
"languageIds": {
|
||||
"hdl": "_hdl",
|
||||
"tst": "_tst",
|
||||
"cmp": "_cmp-out",
|
||||
"out": "_cmp-out",
|
||||
"asm": "_asm",
|
||||
"hack": "_hack",
|
||||
"vm": "_vm",
|
||||
"jack": "_jack"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||||
<g style="transform: translate(20%, 10%) scale(80%)">
|
||||
<g style="stroke: #777; fill:none; stroke-width: 20px; stroke-linejoin: round; stroke-linecap: round">
|
||||
<path d="M10,10 H500 V500 H10 z M10,120 H500 M10,240 H500 M10,370 H500 M170,120 V500 M340,120 V500" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 428 B |
@@ -0,0 +1,11 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||||
<g style="transform: translate(20%, 10%) scale(80%)">
|
||||
<g style="stroke: #777; fill:none; stroke-width: 40px; stroke-linejoin: round; stroke-linecap: round">
|
||||
<path d="M106,20 h100 v180 h-100 z" />
|
||||
<path d="M292,292 h100 v180 h-100 z" />
|
||||
<path d="M296,60 l40,-40 v180 m-50,0 h100" />
|
||||
<path d="M116,332 l40,-40 v180 m-50,0 h100" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 533 B |
@@ -0,0 +1,13 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||||
<g style="transform: translate(20%, 10%) scale(80%)">
|
||||
<g style="stroke: #777; fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 25px">
|
||||
<path d="M75,75 h362 v362 h-362 z" />
|
||||
<path d="M75,75 m72,0 v-60 m72,60 v-60 m72,60 v-60 m72,60 v-60" />
|
||||
<path d="M75,75 m0,72 h-60 m60,72 h-60 m60,72 h-60 m60,72 h-60" />
|
||||
<path d="M440,75 m0,72 h60 m-60,72 h60 m-60,72 h60 m-60,72 h60" />
|
||||
<path d="M75,440 m72,0 v60 m72,-60 v60 m72,-60 v60 m72,-60 v60" />
|
||||
<path d="M145,145 h215 v215 h-215 z m0,80 h70 m-70,55 h40" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 754 B |
@@ -0,0 +1,10 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||||
<g style="transform: translate(20%, 10%) scale(80%)">
|
||||
<g style="stroke: #777; fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 25px">
|
||||
<path d="M12.5,12.5 h240 v120 h-120 v120 h-120 z m0,120 h20 m40,0 h0 m35,0 h25 v-120 " />
|
||||
<path d="M380,132.5 h120 M255,253 h245 M12.5,376 h486 M12.5,499 h486" />
|
||||
<path d="M12.5,380 v115 M132.5,380 v115 M253,255 v240 M376,132.5 v365 M500,132.5 v365 " />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 606 B |
@@ -0,0 +1,11 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||||
<g style="transform: translate(20%, 10%) scale(80%)">
|
||||
<g style="stroke: #777; fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 25px">
|
||||
<path d="M12.5,12.5 h352 v485 h-352 z" />
|
||||
<path d="M75,90 h75 v75 h-75 z M75,220 h75 v75 h-75 z M75,345 h75 v75 h-75 z" />
|
||||
<path d="M200,90 h100 m-100,66 h100 m-100,66 h100 m-100,66 h100 m-100,66 h100 m-100,66 h100" />
|
||||
<path d="M425,55 a 37.5 37.5 0 1 1 75 0 v366 l-37.5,75 l-37.5,-70 z M425,70 h75 M425,380 h75 " />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 679 B |
@@ -0,0 +1,10 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||||
<g style="transform: translate(20%, 10%) scale(80%)">
|
||||
<g style="stroke: #777; fill:none; stroke-width: 40px; stroke-linejoin: round; stroke-linecap: round">
|
||||
<path d="M256,25 l256,124 l-256,124, l-256,-124 z" />
|
||||
<path d="M0,247 l256,124 l256,-124" />
|
||||
<path d="M0,355 l256,124 l256,-124" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 481 B |
@@ -0,0 +1,51 @@
|
||||
<svg version="1.1" width="32" height="32" xmlns="http://www.w3.org/2000/svg">
|
||||
<style>
|
||||
:root {
|
||||
--outline: black;
|
||||
--block: red;
|
||||
--gate: cyan;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--outline: white;
|
||||
--block: orange;
|
||||
--gate: green;
|
||||
}
|
||||
}
|
||||
|
||||
rect, path, circle {
|
||||
stroke: var(--outline);
|
||||
stroke-width: 1px;
|
||||
stroke-linecap: square;
|
||||
}
|
||||
|
||||
rect.tetris {
|
||||
--size: 8px;
|
||||
--offset: 1.5px + calc(10px - var(--size));
|
||||
fill: var(--block);
|
||||
width: var(--size);
|
||||
height: var(--size);
|
||||
x: calc(var(--x) * var(--size) + var(--offset) - 1px);
|
||||
y: calc(var(--y) * var(--size) + var(--offset) + 1px);
|
||||
}
|
||||
|
||||
.gate {
|
||||
fill: var(--gate);
|
||||
}
|
||||
|
||||
.letter {
|
||||
fill: var(--outline);
|
||||
}
|
||||
</style>
|
||||
|
||||
<rect class="tetris" style="--x: 0; --y: 2"></rect>
|
||||
<rect class="tetris" style="--x: 1; --y: 2"></rect>
|
||||
<rect class="tetris" style="--x: 1; --y: 1"></rect>
|
||||
<rect class="tetris" style="--x: 2; --y: 1"></rect>
|
||||
|
||||
<path class="gate" d="M2.5,1.5 h5 a 5 5 0 0 1 0,10 h-5 v-10"></path>
|
||||
<circle class="gate" cx="14.5" cy="6.5" r="2"></circle>
|
||||
|
||||
<path class="letter" d="M26,10 h-6 v-1 l5,-4 v-1 l-1,-1 h-2.5 l-.5,1 h-1 v-1 l1,-1 h4 l1,1 v2 l-5,4 h5 v1"></path>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |