implement breakpoint scaling

master
Peter Babič 3 years ago
parent f9e8fadddc
commit 1775a5f343
Signed by: peter.babic
GPG Key ID: 4BB075BC1884BA40
  1. 619
      assets/triangles.svg
  2. 24
      src/Triangle.svelte

@ -0,0 +1,619 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="75.827583mm"
height="65.078911mm"
viewBox="0 0 75.827583 65.078911"
version="1.1"
id="svg8"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
sodipodi:docname="triangles.svg">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="3.959798"
inkscape:cx="131.37726"
inkscape:cy="132.60706"
inkscape:document-units="mm"
inkscape:current-layer="g894"
inkscape:document-rotation="0"
showgrid="false"
inkscape:snap-object-midpoints="true"
inkscape:window-width="1920"
inkscape:window-height="1053"
inkscape:window-x="0"
inkscape:window-y="27"
inkscape:window-maximized="1"
inkscape:snap-bbox="true"
inkscape:bbox-paths="true"
inkscape:bbox-nodes="true"
inkscape:snap-bbox-edge-midpoints="false"
inkscape:snap-bbox-midpoints="false"
inkscape:snap-page="true" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-123.75653,-108.33321)">
<image
width="129.11667"
height="74.612503"
preserveAspectRatio="none"
style="display:none;image-rendering:optimizeSpeed"
xlink:href="data:image/png;base64,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
AQCgyPx/AO1NyLi2X4kAAAAASUVORK5CYII=
"
id="image843"
x="40.219986"
y="108.29375"
sodipodi:insensitive="true" />
<g
id="g894"
transform="translate(56.757157,-2.6265136)">
<circle
style="opacity:0.999;fill:#ebca89;fill-opacity:1;stroke:none;stroke-width:0.435471;stroke-opacity:1"
id="path847"
cx="104.74624"
cy="117.06716"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#be6069;fill-opacity:1;stroke:none;stroke-width:0.435471;stroke-opacity:1"
id="circle851"
cx="96.953331"
cy="130.09264"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#81a1c1;fill-opacity:1;stroke:none;stroke-width:0.435471;stroke-opacity:1"
id="circle853"
cx="112.90911"
cy="130.09264"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#e1e1e1;fill-opacity:1;stroke:none"
id="circle855"
cx="104.74624"
cy="143.34666"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#b48ead;fill-opacity:1;stroke:none;stroke-width:0.435471;stroke-opacity:1"
id="circle857"
cx="120.8203"
cy="143.34666"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#be6069;fill-opacity:1;stroke:none;stroke-width:0.435471;stroke-opacity:1"
id="circle859"
cx="112.90911"
cy="156.53435"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#81a1c1;fill-opacity:1;stroke:none;stroke-width:0.435471;stroke-opacity:1"
id="circle861"
cx="128.95941"
cy="156.53435"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#be6069;fill-opacity:1;stroke:none;stroke-width:0.435471;stroke-opacity:1"
id="circle863"
cx="136.71951"
cy="169.9312"
r="6.1074357" />
<circle
style="display:inline;opacity:0.999;fill:#ebca89;fill-opacity:1;stroke:none;stroke-width:0.435471;stroke-opacity:1"
id="circle865"
cx="120.8203"
cy="169.9312"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#a4bf8d;fill-opacity:1;stroke:none;stroke-width:0.435471;stroke-opacity:1"
id="circle867"
cx="104.74624"
cy="169.9312"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#ebca89;fill-opacity:1;stroke:none;stroke-width:0.435471;stroke-opacity:1"
id="circle869"
cx="96.953331"
cy="156.53435"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#d18771;fill-opacity:1;stroke:none;stroke-width:0.435471;stroke-opacity:1"
id="circle871"
cx="88.823265"
cy="143.34666"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#a4bf8d;fill-opacity:1;stroke:none;stroke-width:0.435471;stroke-opacity:1"
id="circle873"
cx="81.218102"
cy="156.53435"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#b48ead;fill-opacity:1;stroke:none;stroke-width:0.435471;stroke-opacity:1"
id="circle875"
cx="88.823265"
cy="169.9312"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#d18771;fill-opacity:1;stroke:none;stroke-width:0.435471;stroke-opacity:1"
id="circle877"
cx="73.106804"
cy="169.9312"
r="6.1074357" />
<rect
style="opacity:0.999;fill:#d18771;fill-opacity:0.58925;stroke:none;stroke-width:0.282459"
id="rect952"
width="12.214868"
height="12.214875"
x="98.638802"
y="110.95972" />
<rect
style="opacity:0.999;fill:#d18771;fill-opacity:0.58925;stroke:none;stroke-width:0.282459"
id="rect954"
width="12.214868"
height="12.214875"
x="90.845901"
y="123.9852" />
<rect
style="opacity:0.999;fill:#d18771;fill-opacity:0.58925;stroke:none;stroke-width:0.282459"
id="rect956"
width="12.214868"
height="12.214875"
x="106.80168"
y="123.9852" />
<rect
style="opacity:0.999;fill:#d18771;fill-opacity:0.58925;stroke:none;stroke-width:0.282459"
id="rect958"
width="12.214868"
height="12.214875"
x="114.71286"
y="137.23923" />
<rect
style="opacity:0.999;fill:#d18771;fill-opacity:0.58925;stroke:none;stroke-width:0.282459"
id="rect960"
width="12.214868"
height="12.214875"
x="98.638809"
y="137.23923" />
<rect
style="opacity:0.999;fill:#d18771;fill-opacity:0.58925;stroke:none;stroke-width:0.282459"
id="rect962"
width="12.214868"
height="12.214875"
x="82.715828"
y="137.23923" />
<rect
style="opacity:0.999;fill:#d18771;fill-opacity:0.58925;stroke:none;stroke-width:0.282459"
id="rect964"
width="12.214868"
height="12.214875"
x="90.845894"
y="150.42691" />
<rect
style="opacity:0.999;fill:#d18771;fill-opacity:0.58925;stroke:none;stroke-width:0.282459"
id="rect966"
width="12.214868"
height="12.214875"
x="75.110664"
y="150.42691" />
<rect
style="opacity:0.999;fill:#d18771;fill-opacity:0.58925;stroke:none;stroke-width:0.282459"
id="rect968"
width="12.214868"
height="12.214875"
x="66.999374"
y="163.82376" />
<rect
style="opacity:0.999;fill:#d18771;fill-opacity:0.58925;stroke:none;stroke-width:0.282459"
id="rect970"
width="12.214868"
height="12.214875"
x="82.715836"
y="163.82376" />
<rect
style="opacity:0.999;fill:#d18771;fill-opacity:0.58925;stroke:none;stroke-width:0.282459"
id="rect972"
width="12.214868"
height="12.214875"
x="98.638809"
y="163.82376" />
<rect
style="opacity:0.999;fill:#d18771;fill-opacity:0.58925;stroke:none;stroke-width:0.282459"
id="rect974"
width="12.214868"
height="12.214875"
x="106.80168"
y="150.42691" />
<rect
style="opacity:0.999;fill:#d18771;fill-opacity:0.58925;stroke:none;stroke-width:0.282459"
id="rect976"
width="12.214868"
height="12.214875"
x="122.85198"
y="150.42691" />
<rect
style="opacity:0.999;fill:#d18771;fill-opacity:0.58925;stroke:none;stroke-width:0.282459"
id="rect978"
width="12.214868"
height="12.214875"
x="114.71286"
y="163.82376" />
<rect
style="opacity:0.999;fill:#d18771;fill-opacity:0.58925;stroke:none;stroke-width:0.282459"
id="rect980"
width="12.214868"
height="12.214875"
x="130.61208"
y="163.82376" />
</g>
<g
id="g926"
style="display:inline"
transform="translate(169.85566,-3.6666385)">
<circle
style="opacity:0.999;fill:#ebca89;fill-opacity:1;stroke:none;stroke-width:0.649089;stroke-opacity:1"
id="circle896"
cx="104.74625"
cy="117.06716"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#be6069;fill-opacity:1;stroke:none;stroke-width:0.649089;stroke-opacity:1"
id="circle898"
cx="91.661667"
cy="130.09265"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#81a1c1;fill-opacity:1;stroke:none;stroke-width:0.649089;stroke-opacity:1"
id="circle900"
cx="118.20079"
cy="130.09265"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#e1e1e1;fill-opacity:1;stroke:none;stroke-width:0.649089;stroke-opacity:1"
id="circle902"
cx="104.74625"
cy="143.34666"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#b48ead;fill-opacity:1;stroke:none;stroke-width:0.649089;stroke-opacity:1"
id="circle904"
cx="131.40366"
cy="143.34666"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#be6069;fill-opacity:1;stroke:none;stroke-width:0.649089;stroke-opacity:1"
id="circle906"
cx="118.20079"
cy="156.53435"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#81a1c1;fill-opacity:1;stroke:none;stroke-width:0.649089;stroke-opacity:1"
id="circle908"
cx="144.83441"
cy="156.53435"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#be6069;fill-opacity:1;stroke:none;stroke-width:0.649089;stroke-opacity:1"
id="circle910"
cx="157.8862"
cy="169.93121"
r="6.1074357" />
<circle
style="display:inline;opacity:0.999;fill:#ebca89;fill-opacity:1;stroke:none;stroke-width:0.649089;stroke-opacity:1"
id="circle912"
cx="131.40366"
cy="169.93121"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#a4bf8d;fill-opacity:1;stroke:none;stroke-width:0.649089;stroke-opacity:1"
id="circle914"
cx="104.74625"
cy="169.93121"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#ebca89;fill-opacity:1;stroke:none;stroke-width:0.649089;stroke-opacity:1"
id="circle916"
cx="91.661667"
cy="156.53435"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#d18771;fill-opacity:1;stroke:none;stroke-width:0.649089;stroke-opacity:1"
id="circle918"
cx="78.239952"
cy="143.34666"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#a4bf8d;fill-opacity:1;stroke:none;stroke-width:0.649089;stroke-opacity:1"
id="circle920"
cx="65.343117"
cy="156.53435"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#b48ead;fill-opacity:1;stroke:none;stroke-width:0.649089;stroke-opacity:1"
id="circle922"
cx="78.239952"
cy="169.93121"
r="6.1074357" />
<circle
style="opacity:0.999;fill:#d18771;fill-opacity:1;stroke:none;stroke-width:0.649089;stroke-opacity:1"
id="circle924"
cx="51.940128"
cy="169.93121"
r="6.1074357" />
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 31 KiB

@ -286,48 +286,63 @@
<style>
.div0 {
grid-area: 1 / 5 / 2 / 6;
margin-left: -80px;
}
.div1 {
grid-area: 2 / 4 / 3 / 5;
margin-left: -60px;
}
.div2 {
grid-area: 2 / 6 / 3 / 7;
margin-left: -100px;
}
.div3 {
grid-area: 3 / 3 / 4 / 4;
margin-left: -40px;
}
.div4 {
grid-area: 3 / 5 / 4 / 6;
margin-left: -80px;
}
.div5 {
grid-area: 3 / 7 / 4 / 8;
margin-left: -120px;
}
.div6 {
grid-area: 4 / 2 / 5 / 3;
margin-left: -20px;
}
.div7 {
grid-area: 4 / 4 / 5 / 5;
margin-left: -60px;
}
.div8 {
grid-area: 4 / 6 / 5 / 7;
margin-left: -100px;
}
.div9 {
grid-area: 4 / 8 / 5 / 9;
margin-left: -140px;
}
.div10 {
grid-area: 5 / 1 / 6 / 2;
margin-left: 0px;
}
.div11 {
grid-area: 5 / 3 / 6 / 4;
margin-left: -40px;
}
.div12 {
grid-area: 5 / 5 / 6 / 6;
margin-left: -80px;
}
.div13 {
grid-area: 5 / 7 / 6 / 8;
margin-left: -120px;
}
.div14 {
grid-area: 5 / 9 / 6 / 10;
margin-left: -160px;
}
.triangle {
@ -338,6 +353,7 @@
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
@apply transform-gpu scale-75 sm:scale-100 md:scale-125 lg:scale-150;
}
.circle {
@ -472,7 +488,7 @@
out:send={{ key: i }}
class="circle div{i} hole"
on:click={() => change(i)}>
<!-- {i} -->
{i}
</div>
{/if}
{#if circles[i] == C_POLE}
@ -481,7 +497,7 @@
out:send={{ key: i }}
class="circle div{i} pole {circleColors[i]}"
on:click={() => change(i)}>
<!-- {i} -->
{i}
</div>
{/if}
{#if circles[i] == C_PICK}
@ -490,7 +506,7 @@
out:send={{ key: i }}
class="circle div{i} pick {circleColors[i]}-lighter"
on:click={() => change(i)}>
<!-- {i} -->
{i}
</div>
{/if}
{#if circles[i] == C_DEST}
@ -499,7 +515,7 @@
out:send={{ key: i }}
class="circle div{i} dest {getDestColor()}-darker"
on:click={() => change(i)}>
<!-- {i} -->
{i}
</div>
{/if}
{/each}

Loading…
Cancel
Save