Skip to content

Instantly share code, notes, and snippets.

@jenweber
Last active March 29, 2017 18:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save jenweber/9000b38fe719e05499f88edff5b50265 to your computer and use it in GitHub Desktop.
Save jenweber/9000b38fe719e05499f88edff5b50265 to your computer and use it in GitHub Desktop.
SVG animation and interaction
import Ember from 'ember';
export default Ember.Component.extend({
currentOrientation: 0,
});
import Ember from 'ember';
export default Ember.Component.extend({
});
import Ember from 'ember';
export default Ember.Component.extend({
partName: null,
actions: {
showName(partName) {
this.set('partName', partName);
}
}
});
import Ember from 'ember';
export default Ember.Component.extend({
thermHeight: 0
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
import Ember from 'ember';
import config from './config/environment';
const Router = Ember.Router.extend({
location: 'none',
rootURL: config.rootURL
});
Router.map(function() {
this.route('thermometer', { path: '/thermometer' });
this.route('compass', { path: '/compass' });
this.route('raspi', { path: '/raspi' });
this.route('diagram', { path: '/diagram' });
});
export default Router;
import Ember from 'ember';
export default Ember.Route.extend({
});
import Ember from 'ember';
export default Ember.Route.extend({
});
import Ember from 'ember';
export default Ember.Route.extend({
});
import Ember from 'ember';
export default Ember.Route.extend({
});
body {
margin: 12px 16px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12pt;
}
h2 {
min-height: 50px;
text-align: center;
}
a {
color: #ab1a58;
}
h1 {
color: #1e62be;
}
.therm-container {
height: 300px;
}
.part-name {
font-size: 45px;
font-weight: bold;
text-align: center;
}
<h1>SVG Animation and Interaction</h1>
<p>By Jen Weber</p>
{{#link-to "thermometer"}}Thermometer{{/link-to}}
<br>
{{#link-to "compass"}}Compass{{/link-to}}
<br>
{{#link-to "raspi"}}Raspberry Pi{{/link-to}}
<br>
<br>
<br>
{{outlet}}
{{compass-component}}
<p class="degrees-input">Degrees {{input type="number" value=currentOrientation step="15"}}</p>
<svg id="dial-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 503 503">
<defs>
<style>
.dial-circle {
fill: #f5f5f5;
fill-opacity: 0.3;
stroke-width: 3px;
}
.dial-circle,
.dial-lines {
stroke: #555;
}
.dial-lines {
fill: none;
}
.dial-text-labels {
font-family: Arial;
font-weight: 700;
fill: #333;
font-size: 14px;
isolation: isolate;
}
.dial-needle {
fill: #333;
stroke: #333;
opacity: 0.66;
}
</style>
</defs>
<title>Protractor1</title>
<circle id="circle8" class="dial-circle" cx="251.5" cy="251.5" r="250" />
<line id="line10" class="dial-lines" x1="247.31" y1="491.46" x2="247.14" y2="501.46" />
<line id="line12" class="dial-lines" x1="243.12" y1="491.35" x2="242.78" y2="501.35" />
<line id="line14" class="dial-lines" x1="238.94" y1="491.17" x2="238.42" y2="501.16" />
<line id="line16" class="dial-lines" x1="234.76" y1="490.92" x2="234.06" y2="500.89" />
<line id="line18" class="dial-lines" x1="226.41" y1="490.19" x2="225.37" y2="500.13" />
<line id="line20" class="dial-lines" x1="222.25" y1="489.71" x2="221.03" y2="499.64" />
<line id="line22" class="dial-lines" x1="218.1" y1="489.16" x2="216.71" y2="499.07" />
<line id="line24" class="dial-lines" x1="213.96" y1="488.55" x2="212.39" y2="498.42" />
<line id="line26" class="dial-lines" x1="205.71" y1="487.09" x2="203.8" y2="496.91" />
<line id="line28" class="dial-lines" x1="201.6" y1="486.26" x2="199.52" y2="496.04" />
<line id="line30" class="dial-lines" x1="197.51" y1="485.35" x2="195.26" y2="495.09" />
<line id="line32" class="dial-lines" x1="193.44" y1="484.37" x2="191.02" y2="494.07" />
<line id="line34" class="dial-lines" x1="185.35" y1="482.2" x2="182.59" y2="491.82" />
<line id="line36" class="dial-lines" x1="181.33" y1="481.01" x2="178.41" y2="490.58" />
<line id="line38" class="dial-lines" x1="177.34" y1="479.75" x2="174.25" y2="489.26" />
<line id="line40" class="dial-lines" x1="173.36" y1="478.42" x2="170.11" y2="487.88" />
<line id="line42" class="dial-lines" x1="165.49" y1="475.56" x2="161.91" y2="484.9" />
<line id="line44" class="dial-lines" x1="161.59" y1="474.02" x2="157.85" y2="483.3" />
<line id="line46" class="dial-lines" x1="157.72" y1="472.42" x2="153.82" y2="481.63" />
<line id="line48" class="dial-lines" x1="153.88" y1="470.75" x2="149.82" y2="479.89" />
<line id="line50" class="dial-lines" x1="146.29" y1="467.21" x2="141.91" y2="476.2" />
<line id="line52" class="dial-lines" x1="142.54" y1="465.34" x2="138" y2="474.25" />
<line id="line54" class="dial-lines" x1="138.83" y1="463.41" x2="134.13" y2="472.24" />
<line id="line56" class="dial-lines" x1="135.15" y1="461.41" x2="130.3" y2="470.15" />
<line id="line58" class="dial-lines" x1="127.89" y1="457.22" x2="122.74" y2="465.79" />
<line id="line60" class="dial-lines" x1="124.32" y1="455.03" x2="119.02" y2="463.51" />
<line id="line62" class="dial-lines" x1="120.79" y1="452.78" x2="115.34" y2="461.17" />
<line id="line64" class="dial-lines" x1="117.29" y1="450.47" x2="111.7" y2="458.76" />
<line id="line66" class="dial-lines" x1="110.43" y1="445.66" x2="104.55" y2="453.75" />
<line id="line68" class="dial-lines" x1="107.06" y1="443.17" x2="101.05" y2="451.16" />
<line id="line70" class="dial-lines" x1="103.74" y1="440.62" x2="97.58" y2="448.5" />
<line id="line72" class="dial-lines" x1="100.46" y1="438.02" x2="94.17" y2="445.79" />
<line id="line74" class="dial-lines" x1="94.05" y1="432.63" x2="87.49" y2="440.18" />
<line id="line76" class="dial-lines" x1="90.91" y1="429.85" x2="84.22" y2="437.29" />
<line id="line78" class="dial-lines" x1="87.82" y1="427.02" x2="81" y2="434.34" />
<line id="line80" class="dial-lines" x1="84.78" y1="424.14" x2="77.84" y2="431.33" />
<line id="line82" class="dial-lines" x1="78.86" y1="418.22" x2="71.67" y2="425.16" />
<line id="line84" class="dial-lines" x1="75.98" y1="415.18" x2="68.66" y2="422" />
<line id="line86" class="dial-lines" x1="73.15" y1="412.09" x2="65.71" y2="418.78" />
<line id="line88" class="dial-lines" x1="70.37" y1="408.95" x2="62.82" y2="415.51" />
<line id="line90" class="dial-lines" x1="64.98" y1="402.54" x2="57.21" y2="408.83" />
<line id="line92" class="dial-lines" x1="62.38" y1="399.26" x2="54.5" y2="405.42" />
<line id="line94" class="dial-lines" x1="59.83" y1="395.94" x2="51.84" y2="401.95" />
<line id="line96" class="dial-lines" x1="57.34" y1="392.57" x2="49.25" y2="398.45" />
<line id="line98" class="dial-lines" x1="52.53" y1="385.71" x2="44.24" y2="391.3" />
<line id="line100" class="dial-lines" x1="50.22" y1="382.21" x2="41.83" y2="387.66" />
<line id="line102" class="dial-lines" x1="47.97" y1="378.68" x2="39.49" y2="383.98" />
<line id="line104" class="dial-lines" x1="45.78" y1="375.11" x2="37.21" y2="380.26" />
<line id="line106" class="dial-lines" x1="41.59" y1="367.85" x2="32.85" y2="372.7" />
<line id="line108" class="dial-lines" x1="39.59" y1="364.17" x2="30.76" y2="368.87" />
<line id="line110" class="dial-lines" x1="37.66" y1="360.46" x2="28.75" y2="365" />
<line id="line112" class="dial-lines" x1="35.79" y1="356.71" x2="26.8" y2="361.09" />
<line id="line114" class="dial-lines" x1="32.25" y1="349.12" x2="23.11" y2="353.18" />
<line id="line116" class="dial-lines" x1="30.58" y1="345.28" x2="21.37" y2="349.18" />
<line id="line118" class="dial-lines" x1="28.98" y1="341.41" x2="19.7" y2="345.15" />
<line id="line120" class="dial-lines" x1="27.44" y1="337.51" x2="18.1" y2="341.09" />
<line id="line122" class="dial-lines" x1="24.58" y1="329.64" x2="15.12" y2="332.89" />
<line id="line124" class="dial-lines" x1="23.25" y1="325.66" x2="13.74" y2="328.75" />
<line id="line126" class="dial-lines" x1="21.99" y1="321.67" x2="12.42" y2="324.59" />
<line id="line128" class="dial-lines" x1="20.8" y1="317.65" x2="11.18" y2="320.41" />
<line id="line130" class="dial-lines" x1="18.63" y1="309.56" x2="8.93" y2="311.98" />
<line id="line132" class="dial-lines" x1="17.65" y1="305.49" x2="7.91" y2="307.74" />
<line id="line134" class="dial-lines" x1="16.74" y1="301.4" x2="6.96" y2="303.48" />
<line id="line136" class="dial-lines" x1="15.91" y1="297.29" x2="6.09" y2="299.2" />
<line id="line138" class="dial-lines" x1="14.45" y1="289.04" x2="4.58" y2="290.61" />
<line id="line140" class="dial-lines" x1="13.84" y1="284.9" x2="3.93" y2="286.29" />
<line id="line142" class="dial-lines" x1="13.29" y1="280.75" x2="3.36" y2="281.97" />
<line id="line144" class="dial-lines" x1="12.81" y1="276.59" x2="2.87" y2="277.63" />
<line id="line146" class="dial-lines" x1="12.08" y1="268.24" x2="2.11" y2="268.94" />
<line id="line148" class="dial-lines" x1="11.83" y1="264.06" x2="1.84" y2="264.58" />
<line id="line150" class="dial-lines" x1="11.65" y1="259.88" x2="1.65" y2="260.22" />
<line id="line152" class="dial-lines" x1="11.54" y1="255.69" x2="1.54" y2="255.86" />
<line id="line154" class="dial-lines" x1="11.54" y1="247.31" x2="1.54" y2="247.14" />
<line id="line156" class="dial-lines" x1="11.65" y1="243.12" x2="1.65" y2="242.78" />
<line id="line158" class="dial-lines" x1="11.83" y1="238.94" x2="1.84" y2="238.42" />
<line id="line160" class="dial-lines" x1="12.08" y1="234.76" x2="2.11" y2="234.06" />
<line id="line162" class="dial-lines" x1="12.81" y1="226.41" x2="2.87" y2="225.37" />
<line id="line164" class="dial-lines" x1="13.29" y1="222.25" x2="3.36" y2="221.03" />
<line id="line166" class="dial-lines" x1="13.84" y1="218.1" x2="3.93" y2="216.71" />
<line id="line168" class="dial-lines" x1="14.45" y1="213.96" x2="4.58" y2="212.39" />
<line id="line170" class="dial-lines" x1="15.91" y1="205.71" x2="6.09" y2="203.8" />
<line id="line172" class="dial-lines" x1="16.74" y1="201.6" x2="6.96" y2="199.52" />
<line id="line174" class="dial-lines" x1="17.65" y1="197.51" x2="7.91" y2="195.26" />
<line id="line176" class="dial-lines" x1="18.63" y1="193.44" x2="8.93" y2="191.02" />
<line id="line178" class="dial-lines" x1="20.8" y1="185.35" x2="11.18" y2="182.59" />
<line id="line180" class="dial-lines" x1="21.99" y1="181.33" x2="12.42" y2="178.41" />
<line id="line182" class="dial-lines" x1="23.25" y1="177.34" x2="13.74" y2="174.25" />
<line id="line184" class="dial-lines" x1="24.58" y1="173.36" x2="15.12" y2="170.11" />
<line id="line186" class="dial-lines" x1="27.44" y1="165.49" x2="18.1" y2="161.91" />
<line id="line188" class="dial-lines" x1="28.98" y1="161.59" x2="19.7" y2="157.85" />
<line id="line190" class="dial-lines" x1="30.58" y1="157.72" x2="21.37" y2="153.82" />
<line id="line192" class="dial-lines" x1="32.25" y1="153.88" x2="23.11" y2="149.82" />
<line id="line194" class="dial-lines" x1="35.79" y1="146.29" x2="26.8" y2="141.91" />
<line id="line196" class="dial-lines" x1="37.66" y1="142.54" x2="28.75" y2="138" />
<line id="line198" class="dial-lines" x1="39.59" y1="138.83" x2="30.76" y2="134.13" />
<line id="line200" class="dial-lines" x1="41.59" y1="135.15" x2="32.85" y2="130.3" />
<line id="line202" class="dial-lines" x1="45.78" y1="127.89" x2="37.21" y2="122.74" />
<line id="line204" class="dial-lines" x1="47.97" y1="124.32" x2="39.49" y2="119.02" />
<line id="line206" class="dial-lines" x1="50.22" y1="120.79" x2="41.83" y2="115.34" />
<line id="line208" class="dial-lines" x1="52.53" y1="117.29" x2="44.24" y2="111.7" />
<line id="line210" class="dial-lines" x1="57.34" y1="110.43" x2="49.25" y2="104.55" />
<line id="line212" class="dial-lines" x1="59.83" y1="107.06" x2="51.84" y2="101.05" />
<line id="line214" class="dial-lines" x1="62.38" y1="103.74" x2="54.5" y2="97.58" />
<line id="line216" class="dial-lines" x1="64.98" y1="100.46" x2="57.21" y2="94.17" />
<line id="line218" class="dial-lines" x1="70.37" y1="94.05" x2="62.82" y2="87.49" />
<line id="line220" class="dial-lines" x1="73.15" y1="90.91" x2="65.71" y2="84.22" />
<line id="line222" class="dial-lines" x1="75.98" y1="87.82" x2="68.66" y2="81" />
<line id="line224" class="dial-lines" x1="78.86" y1="84.78" x2="71.67" y2="77.84" />
<line id="line226" class="dial-lines" x1="84.78" y1="78.86" x2="77.84" y2="71.67" />
<line id="line228" class="dial-lines" x1="87.82" y1="75.98" x2="81" y2="68.66" />
<line id="line230" class="dial-lines" x1="90.91" y1="73.15" x2="84.22" y2="65.71" />
<line id="line232" class="dial-lines" x1="94.05" y1="70.37" x2="87.49" y2="62.82" />
<line id="line234" class="dial-lines" x1="100.46" y1="64.98" x2="94.17" y2="57.21" />
<line id="line236" class="dial-lines" x1="103.74" y1="62.38" x2="97.58" y2="54.5" />
<line id="line238" class="dial-lines" x1="107.06" y1="59.83" x2="101.05" y2="51.84" />
<line id="line240" class="dial-lines" x1="110.43" y1="57.34" x2="104.55" y2="49.25" />
<line id="line242" class="dial-lines" x1="117.29" y1="52.53" x2="111.7" y2="44.24" />
<line id="line244" class="dial-lines" x1="120.79" y1="50.22" x2="115.34" y2="41.83" />
<line id="line246" class="dial-lines" x1="124.32" y1="47.97" x2="119.02" y2="39.49" />
<line id="line248" class="dial-lines" x1="127.89" y1="45.78" x2="122.74" y2="37.21" />
<line id="line250" class="dial-lines" x1="135.15" y1="41.59" x2="130.3" y2="32.85" />
<line id="line252" class="dial-lines" x1="138.83" y1="39.59" x2="134.13" y2="30.76" />
<line id="line254" class="dial-lines" x1="142.54" y1="37.66" x2="138" y2="28.75" />
<line id="line256" class="dial-lines" x1="146.29" y1="35.79" x2="141.91" y2="26.8" />
<line id="line258" class="dial-lines" x1="153.88" y1="32.25" x2="149.82" y2="23.11" />
<line id="line260" class="dial-lines" x1="157.72" y1="30.58" x2="153.82" y2="21.37" />
<line id="line262" class="dial-lines" x1="161.59" y1="28.98" x2="157.85" y2="19.7" />
<line id="line264" class="dial-lines" x1="165.49" y1="27.44" x2="161.91" y2="18.1" />
<line id="line266" class="dial-lines" x1="173.36" y1="24.58" x2="170.11" y2="15.12" />
<line id="line268" class="dial-lines" x1="177.34" y1="23.25" x2="174.25" y2="13.74" />
<line id="line270" class="dial-lines" x1="181.33" y1="21.99" x2="178.41" y2="12.42" />
<line id="line272" class="dial-lines" x1="185.35" y1="20.8" x2="182.59" y2="11.18" />
<line id="line274" class="dial-lines" x1="193.44" y1="18.63" x2="191.02" y2="8.93" />
<line id="line276" class="dial-lines" x1="197.51" y1="17.65" x2="195.26" y2="7.91" />
<line id="line278" class="dial-lines" x1="201.6" y1="16.74" x2="199.52" y2="6.96" />
<line id="line280" class="dial-lines" x1="205.71" y1="15.91" x2="203.8" y2="6.09" />
<line id="line282" class="dial-lines" x1="213.96" y1="14.45" x2="212.39" y2="4.58" />
<line id="line284" class="dial-lines" x1="218.1" y1="13.84" x2="216.71" y2="3.93" />
<line id="line286" class="dial-lines" x1="222.25" y1="13.29" x2="221.03" y2="3.36" />
<line id="line288" class="dial-lines" x1="226.41" y1="12.81" x2="225.37" y2="2.87" />
<line id="line290" class="dial-lines" x1="234.76" y1="12.08" x2="234.06" y2="2.11" />
<line id="line292" class="dial-lines" x1="238.94" y1="11.83" x2="238.42" y2="1.84" />
<line id="line294" class="dial-lines" x1="243.12" y1="11.65" x2="242.78" y2="1.65" />
<line id="line296" class="dial-lines" x1="247.31" y1="11.54" x2="247.14" y2="1.54" />
<line id="line298" class="dial-lines" x1="255.69" y1="11.54" x2="255.86" y2="1.54" />
<line id="line300" class="dial-lines" x1="259.88" y1="11.65" x2="260.22" y2="1.65" />
<line id="line302" class="dial-lines" x1="264.06" y1="11.83" x2="264.58" y2="1.84" />
<line id="line304" class="dial-lines" x1="268.24" y1="12.08" x2="268.94" y2="2.11" />
<line id="line306" class="dial-lines" x1="276.59" y1="12.81" x2="277.63" y2="2.87" />
<line id="line308" class="dial-lines" x1="280.75" y1="13.29" x2="281.97" y2="3.36" />
<line id="line310" class="dial-lines" x1="284.9" y1="13.84" x2="286.29" y2="3.93" />
<line id="line312" class="dial-lines" x1="289.04" y1="14.45" x2="290.61" y2="4.58" />
<line id="line314" class="dial-lines" x1="297.29" y1="15.91" x2="299.2" y2="6.09" />
<line id="line316" class="dial-lines" x1="301.4" y1="16.74" x2="303.48" y2="6.96" />
<line id="line318" class="dial-lines" x1="305.49" y1="17.65" x2="307.74" y2="7.91" />
<line id="line320" class="dial-lines" x1="309.56" y1="18.63" x2="311.98" y2="8.93" />
<line id="line322" class="dial-lines" x1="317.65" y1="20.8" x2="320.41" y2="11.18" />
<line id="line324" class="dial-lines" x1="321.67" y1="21.99" x2="324.59" y2="12.42" />
<line id="line326" class="dial-lines" x1="325.66" y1="23.25" x2="328.75" y2="13.74" />
<line id="line328" class="dial-lines" x1="329.64" y1="24.58" x2="332.89" y2="15.12" />
<line id="line330" class="dial-lines" x1="337.51" y1="27.44" x2="341.09" y2="18.1" />
<line id="line332" class="dial-lines" x1="341.41" y1="28.98" x2="345.15" y2="19.7" />
<line id="line334" class="dial-lines" x1="345.28" y1="30.58" x2="349.18" y2="21.37" />
<line id="line336" class="dial-lines" x1="349.12" y1="32.25" x2="353.18" y2="23.11" />
<line id="line338" class="dial-lines" x1="356.71" y1="35.79" x2="361.09" y2="26.8" />
<line id="line340" class="dial-lines" x1="360.46" y1="37.66" x2="365" y2="28.75" />
<line id="line342" class="dial-lines" x1="364.17" y1="39.59" x2="368.87" y2="30.76" />
<line id="line344" class="dial-lines" x1="367.85" y1="41.59" x2="372.7" y2="32.85" />
<line id="line346" class="dial-lines" x1="375.11" y1="45.78" x2="380.26" y2="37.21" />
<line id="line348" class="dial-lines" x1="378.68" y1="47.97" x2="383.98" y2="39.49" />
<line id="line350" class="dial-lines" x1="382.21" y1="50.22" x2="387.66" y2="41.83" />
<line id="line352" class="dial-lines" x1="385.71" y1="52.53" x2="391.3" y2="44.24" />
<line id="line354" class="dial-lines" x1="392.57" y1="57.34" x2="398.45" y2="49.25" />
<line id="line356" class="dial-lines" x1="395.94" y1="59.83" x2="401.95" y2="51.84" />
<line id="line358" class="dial-lines" x1="399.26" y1="62.38" x2="405.42" y2="54.5" />
<line id="line360" class="dial-lines" x1="402.54" y1="64.98" x2="408.83" y2="57.21" />
<line id="line362" class="dial-lines" x1="408.95" y1="70.37" x2="415.51" y2="62.82" />
<line id="line364" class="dial-lines" x1="412.09" y1="73.15" x2="418.78" y2="65.71" />
<line id="line366" class="dial-lines" x1="415.18" y1="75.98" x2="422" y2="68.66" />
<line id="line368" class="dial-lines" x1="418.22" y1="78.86" x2="425.16" y2="71.67" />
<line id="line370" class="dial-lines" x1="424.14" y1="84.78" x2="431.33" y2="77.84" />
<line id="line372" class="dial-lines" x1="427.02" y1="87.82" x2="434.34" y2="81" />
<line id="line374" class="dial-lines" x1="429.85" y1="90.91" x2="437.29" y2="84.22" />
<line id="line376" class="dial-lines" x1="432.63" y1="94.05" x2="440.18" y2="87.49" />
<line id="line378" class="dial-lines" x1="438.02" y1="100.46" x2="445.79" y2="94.17" />
<line id="line380" class="dial-lines" x1="440.62" y1="103.74" x2="448.5" y2="97.58" />
<line id="line382" class="dial-lines" x1="443.17" y1="107.06" x2="451.16" y2="101.05" />
<line id="line384" class="dial-lines" x1="445.66" y1="110.43" x2="453.75" y2="104.55" />
<line id="line386" class="dial-lines" x1="450.47" y1="117.29" x2="458.76" y2="111.7" />
<line id="line388" class="dial-lines" x1="452.78" y1="120.79" x2="461.17" y2="115.34" />
<line id="line390" class="dial-lines" x1="455.03" y1="124.32" x2="463.51" y2="119.02" />
<line id="line392" class="dial-lines" x1="457.22" y1="127.89" x2="465.79" y2="122.74" />
<line id="line394" class="dial-lines" x1="461.41" y1="135.15" x2="470.15" y2="130.3" />
<line id="line396" class="dial-lines" x1="463.41" y1="138.83" x2="472.24" y2="134.13" />
<line id="line398" class="dial-lines" x1="465.34" y1="142.54" x2="474.25" y2="138" />
<line id="line400" class="dial-lines" x1="467.21" y1="146.29" x2="476.2" y2="141.91" />
<line id="line402" class="dial-lines" x1="470.75" y1="153.88" x2="479.89" y2="149.82" />
<line id="line404" class="dial-lines" x1="472.42" y1="157.72" x2="481.63" y2="153.82" />
<line id="line406" class="dial-lines" x1="474.02" y1="161.59" x2="483.3" y2="157.85" />
<line id="line408" class="dial-lines" x1="475.56" y1="165.49" x2="484.9" y2="161.91" />
<line id="line410" class="dial-lines" x1="478.42" y1="173.36" x2="487.88" y2="170.11" />
<line id="line412" class="dial-lines" x1="479.75" y1="177.34" x2="489.26" y2="174.25" />
<line id="line414" class="dial-lines" x1="481.01" y1="181.33" x2="490.58" y2="178.41" />
<line id="line416" class="dial-lines" x1="482.2" y1="185.35" x2="491.82" y2="182.59" />
<line id="line418" class="dial-lines" x1="484.37" y1="193.44" x2="494.07" y2="191.02" />
<line id="line420" class="dial-lines" x1="485.35" y1="197.51" x2="495.09" y2="195.26" />
<line id="line422" class="dial-lines" x1="486.26" y1="201.6" x2="496.04" y2="199.52" />
<line id="line424" class="dial-lines" x1="487.09" y1="205.71" x2="496.91" y2="203.8" />
<line id="line426" class="dial-lines" x1="488.55" y1="213.96" x2="498.42" y2="212.39" />
<line id="line428" class="dial-lines" x1="489.16" y1="218.1" x2="499.07" y2="216.71" />
<line id="line430" class="dial-lines" x1="489.71" y1="222.25" x2="499.64" y2="221.03" />
<line id="line432" class="dial-lines" x1="490.19" y1="226.41" x2="500.13" y2="225.37" />
<line id="line434" class="dial-lines" x1="490.92" y1="234.76" x2="500.89" y2="234.06" />
<line id="line436" class="dial-lines" x1="491.17" y1="238.94" x2="501.16" y2="238.42" />
<line id="line438" class="dial-lines" x1="491.35" y1="243.12" x2="501.35" y2="242.78" />
<line id="line440" class="dial-lines" x1="491.46" y1="247.31" x2="501.46" y2="247.14" />
<line id="line442" class="dial-lines" x1="491.46" y1="255.69" x2="501.46" y2="255.86" />
<line id="line444" class="dial-lines" x1="491.35" y1="259.88" x2="501.35" y2="260.22" />
<line id="line446" class="dial-lines" x1="491.17" y1="264.06" x2="501.16" y2="264.58" />
<line id="line448" class="dial-lines" x1="490.92" y1="268.24" x2="500.89" y2="268.94" />
<line id="line450" class="dial-lines" x1="490.19" y1="276.59" x2="500.13" y2="277.63" />
<line id="line452" class="dial-lines" x1="489.71" y1="280.75" x2="499.64" y2="281.97" />
<line id="line454" class="dial-lines" x1="489.16" y1="284.9" x2="499.07" y2="286.29" />
<line id="line456" class="dial-lines" x1="488.55" y1="289.04" x2="498.42" y2="290.61" />
<line id="line458" class="dial-lines" x1="487.09" y1="297.29" x2="496.91" y2="299.2" />
<line id="line460" class="dial-lines" x1="486.26" y1="301.4" x2="496.04" y2="303.48" />
<line id="line462" class="dial-lines" x1="485.35" y1="305.49" x2="495.09" y2="307.74" />
<line id="line464" class="dial-lines" x1="484.37" y1="309.56" x2="494.07" y2="311.98" />
<line id="line466" class="dial-lines" x1="482.2" y1="317.65" x2="491.82" y2="320.41" />
<line id="line468" class="dial-lines" x1="481.01" y1="321.67" x2="490.58" y2="324.59" />
<line id="line470" class="dial-lines" x1="479.75" y1="325.66" x2="489.26" y2="328.75" />
<line id="line472" class="dial-lines" x1="478.42" y1="329.64" x2="487.88" y2="332.89" />
<line id="line474" class="dial-lines" x1="475.56" y1="337.51" x2="484.9" y2="341.09" />
<line id="line476" class="dial-lines" x1="474.02" y1="341.41" x2="483.3" y2="345.15" />
<line id="line478" class="dial-lines" x1="472.42" y1="345.28" x2="481.63" y2="349.18" />
<line id="line480" class="dial-lines" x1="470.75" y1="349.12" x2="479.89" y2="353.18" />
<line id="line482" class="dial-lines" x1="467.21" y1="356.71" x2="476.2" y2="361.09" />
<line id="line484" class="dial-lines" x1="465.34" y1="360.46" x2="474.25" y2="365" />
<line id="line486" class="dial-lines" x1="463.41" y1="364.17" x2="472.24" y2="368.87" />
<line id="line488" class="dial-lines" x1="461.41" y1="367.85" x2="470.15" y2="372.7" />
<line id="line490" class="dial-lines" x1="457.22" y1="375.11" x2="465.79" y2="380.26" />
<line id="line492" class="dial-lines" x1="455.03" y1="378.68" x2="463.51" y2="383.98" />
<line id="line494" class="dial-lines" x1="452.78" y1="382.21" x2="461.17" y2="387.66" />
<line id="line496" class="dial-lines" x1="450.47" y1="385.71" x2="458.76" y2="391.3" />
<line id="line498" class="dial-lines" x1="445.66" y1="392.57" x2="453.75" y2="398.45" />
<line id="line500" class="dial-lines" x1="443.17" y1="395.94" x2="451.16" y2="401.95" />
<line id="line502" class="dial-lines" x1="440.62" y1="399.26" x2="448.5" y2="405.42" />
<line id="line504" class="dial-lines" x1="438.02" y1="402.54" x2="445.79" y2="408.83" />
<line id="line506" class="dial-lines" x1="432.63" y1="408.95" x2="440.18" y2="415.51" />
<line id="line508" class="dial-lines" x1="429.85" y1="412.09" x2="437.29" y2="418.78" />
<line id="line510" class="dial-lines" x1="427.02" y1="415.18" x2="434.34" y2="422" />
<line id="line512" class="dial-lines" x1="424.14" y1="418.22" x2="431.33" y2="425.16" />
<line id="line514" class="dial-lines" x1="418.22" y1="424.14" x2="425.16" y2="431.33" />
<line id="line516" class="dial-lines" x1="415.18" y1="427.02" x2="422" y2="434.34" />
<line id="line518" class="dial-lines" x1="412.09" y1="429.85" x2="418.78" y2="437.29" />
<line id="line520" class="dial-lines" x1="408.95" y1="432.63" x2="415.51" y2="440.18" />
<line id="line522" class="dial-lines" x1="402.54" y1="438.02" x2="408.83" y2="445.79" />
<line id="line524" class="dial-lines" x1="399.26" y1="440.62" x2="405.42" y2="448.5" />
<line id="line526" class="dial-lines" x1="395.94" y1="443.17" x2="401.95" y2="451.16" />
<line id="line528" class="dial-lines" x1="392.57" y1="445.66" x2="398.45" y2="453.75" />
<line id="line530" class="dial-lines" x1="385.71" y1="450.47" x2="391.3" y2="458.76" />
<line id="line532" class="dial-lines" x1="382.21" y1="452.78" x2="387.66" y2="461.17" />
<line id="line534" class="dial-lines" x1="378.68" y1="455.03" x2="383.98" y2="463.51" />
<line id="line536" class="dial-lines" x1="375.11" y1="457.22" x2="380.26" y2="465.79" />
<line id="line538" class="dial-lines" x1="367.85" y1="461.41" x2="372.7" y2="470.15" />
<line id="line540" class="dial-lines" x1="364.17" y1="463.41" x2="368.87" y2="472.24" />
<line id="line542" class="dial-lines" x1="360.46" y1="465.34" x2="365" y2="474.25" />
<line id="line544" class="dial-lines" x1="356.71" y1="467.21" x2="361.09" y2="476.2" />
<line id="line546" class="dial-lines" x1="349.12" y1="470.75" x2="353.18" y2="479.89" />
<line id="line548" class="dial-lines" x1="345.28" y1="472.42" x2="349.18" y2="481.63" />
<line id="line550" class="dial-lines" x1="341.41" y1="474.02" x2="345.15" y2="483.3" />
<line id="line552" class="dial-lines" x1="337.51" y1="475.56" x2="341.09" y2="484.9" />
<line id="line554" class="dial-lines" x1="329.64" y1="478.42" x2="332.89" y2="487.88" />
<line id="line556" class="dial-lines" x1="325.66" y1="479.75" x2="328.75" y2="489.26" />
<line id="line558" class="dial-lines" x1="321.67" y1="481.01" x2="324.59" y2="490.58" />
<line id="line560" class="dial-lines" x1="317.65" y1="482.2" x2="320.41" y2="491.82" />
<line id="line562" class="dial-lines" x1="309.56" y1="484.37" x2="311.98" y2="494.07" />
<line id="line564" class="dial-lines" x1="305.49" y1="485.35" x2="307.74" y2="495.09" />
<line id="line566" class="dial-lines" x1="301.4" y1="486.26" x2="303.48" y2="496.04" />
<line id="line568" class="dial-lines" x1="297.29" y1="487.09" x2="299.2" y2="496.91" />
<line id="line570" class="dial-lines" x1="289.04" y1="488.55" x2="290.61" y2="498.42" />
<line id="line572" class="dial-lines" x1="284.9" y1="489.16" x2="286.29" y2="499.07" />
<line id="line574" class="dial-lines" x1="280.75" y1="489.71" x2="281.97" y2="499.64" />
<line id="line576" class="dial-lines" x1="276.59" y1="490.19" x2="277.63" y2="500.13" />
<line id="line578" class="dial-lines" x1="268.24" y1="490.92" x2="268.94" y2="500.89" />
<line id="line580" class="dial-lines" x1="264.06" y1="491.17" x2="264.58" y2="501.16" />
<line id="line582" class="dial-lines" x1="259.88" y1="491.35" x2="260.22" y2="501.35" />
<line id="line584" class="dial-lines" x1="255.69" y1="491.46" x2="255.86" y2="501.46" />
<line id="line586" class="dial-lines" x1="231.45" y1="480.62" x2="229.71" y2="500.55" />
<line id="line588" class="dial-lines" x1="191.97" y1="473.66" x2="186.8" y2="492.98" />
<line id="line590" class="dial-lines" x1="154.3" y1="459.95" x2="145.85" y2="478.08" />
<line id="line592" class="dial-lines" x1="119.58" y1="439.9" x2="108.11" y2="456.29" />
<line id="line594" class="dial-lines" x1="63.1" y1="383.42" x2="46.71" y2="394.89" />
<line id="line596" class="dial-lines" x1="43.05" y1="348.7" x2="24.92" y2="357.15" />
<line id="line598" class="dial-lines" x1="29.34" y1="311.03" x2="10.02" y2="316.2" />
<line id="line600" class="dial-lines" x1="22.38" y1="271.55" x2="2.45" y2="273.29" />
<line id="line602" class="dial-lines" x1="22.38" y1="231.45" x2="2.45" y2="229.71" />
<line id="line604" class="dial-lines" x1="29.34" y1="191.97" x2="10.02" y2="186.8" />
<line id="line606" class="dial-lines" x1="43.05" y1="154.3" x2="24.92" y2="145.85" />
<line id="line608" class="dial-lines" x1="63.1" y1="119.58" x2="46.71" y2="108.11" />
<line id="line610" class="dial-lines" x1="119.58" y1="63.1" x2="108.11" y2="46.71" />
<line id="line612" class="dial-lines" x1="154.3" y1="43.05" x2="145.85" y2="24.92" />
<line id="line614" class="dial-lines" x1="191.97" y1="29.34" x2="186.8" y2="10.02" />
<line id="line616" class="dial-lines" x1="231.45" y1="22.38" x2="229.71" y2="2.45" />
<line id="line618" class="dial-lines" x1="271.55" y1="22.38" x2="273.29" y2="2.45" />
<line id="line620" class="dial-lines" x1="311.03" y1="29.34" x2="316.2" y2="10.02" />
<line id="line622" class="dial-lines" x1="348.7" y1="43.05" x2="357.15" y2="24.92" />
<line id="line624" class="dial-lines" x1="383.42" y1="63.1" x2="394.89" y2="46.71" />
<line id="line626" class="dial-lines" x1="439.9" y1="119.58" x2="456.29" y2="108.11" />
<line id="line628" class="dial-lines" x1="459.95" y1="154.3" x2="478.08" y2="145.85" />
<line id="line630" class="dial-lines" x1="473.66" y1="191.97" x2="492.98" y2="186.8" />
<line id="line632" class="dial-lines" x1="480.62" y1="231.45" x2="500.55" y2="229.71" />
<line id="line634" class="dial-lines" x1="480.62" y1="271.55" x2="500.55" y2="273.29" />
<line id="line636" class="dial-lines" x1="473.66" y1="311.03" x2="492.98" y2="316.2" />
<line id="line638" class="dial-lines" x1="459.95" y1="348.7" x2="478.08" y2="357.15" />
<line id="line640" class="dial-lines" x1="439.9" y1="383.42" x2="456.29" y2="394.89" />
<line id="line642" class="dial-lines" x1="383.42" y1="439.9" x2="394.89" y2="456.29" />
<line id="line644" class="dial-lines" x1="348.7" y1="459.95" x2="357.15" y2="478.08" />
<line id="line646" class="dial-lines" x1="311.03" y1="473.66" x2="316.2" y2="492.98" />
<line id="line648" class="dial-lines" x1="271.55" y1="480.62" x2="273.29" y2="500.55" />
<line id="line650" class="dial-lines" x1="215.03" y1="458.31" x2="208.09" y2="497.7" />
<line id="line652" class="dial-lines" x1="179.68" y1="448.84" x2="165.99" y2="486.42" />
<line id="line654" class="dial-lines" x1="146.5" y1="433.37" x2="126.5" y2="468.01" />
<line id="line656" class="dial-lines" x1="116.51" y1="412.37" x2="90.8" y2="443.01" />
<line id="line658" class="dial-lines" x1="90.63" y1="386.49" x2="59.99" y2="412.2" />
<line id="line660" class="dial-lines" x1="69.63" y1="356.5" x2="34.99" y2="376.5" />
<line id="line662" class="dial-lines" x1="54.16" y1="323.32" x2="16.58" y2="337.01" />
<line id="line664" class="dial-lines" x1="44.69" y1="287.97" x2="5.3" y2="294.91" />
<line id="line666" class="dial-lines" x1="44.69" y1="215.03" x2="5.3" y2="208.09" />
<line id="line668" class="dial-lines" x1="54.16" y1="179.68" x2="16.58" y2="165.99" />
<line id="line670" class="dial-lines" x1="69.63" y1="146.5" x2="34.99" y2="126.5" />
<line id="line672" class="dial-lines" x1="90.63" y1="116.51" x2="59.99" y2="90.8" />
<line id="line674" class="dial-lines" x1="116.51" y1="90.63" x2="90.8" y2="59.99" />
<line id="line676" class="dial-lines" x1="146.5" y1="69.63" x2="126.5" y2="34.99" />
<line id="line678" class="dial-lines" x1="179.68" y1="54.16" x2="165.99" y2="16.58" />
<line id="line680" class="dial-lines" x1="215.03" y1="44.69" x2="208.09" y2="5.3" />
<line id="line682" class="dial-lines" x1="287.97" y1="44.69" x2="294.91" y2="5.3" />
<line id="line684" class="dial-lines" x1="323.32" y1="54.16" x2="337.01" y2="16.58" />
<line id="line686" class="dial-lines" x1="356.5" y1="69.63" x2="376.5" y2="34.99" />
<line id="line688" class="dial-lines" x1="386.49" y1="90.63" x2="412.2" y2="59.99" />
<line id="line690" class="dial-lines" x1="412.37" y1="116.51" x2="443.01" y2="90.8" />
<line id="line692" class="dial-lines" x1="433.37" y1="146.5" x2="468.01" y2="126.5" />
<line id="line694" class="dial-lines" x1="448.84" y1="179.68" x2="486.42" y2="165.99" />
<line id="line696" class="dial-lines" x1="458.31" y1="215.03" x2="497.7" y2="208.09" />
<line id="line698" class="dial-lines" x1="458.31" y1="287.97" x2="497.7" y2="294.91" />
<line id="line700" class="dial-lines" x1="448.84" y1="323.32" x2="486.42" y2="337.01" />
<line id="line702" class="dial-lines" x1="433.37" y1="356.5" x2="468.01" y2="376.5" />
<line id="line704" class="dial-lines" x1="412.37" y1="386.49" x2="443.01" y2="412.2" />
<line id="line706" class="dial-lines" x1="386.49" y1="412.37" x2="412.2" y2="443.01" />
<line id="line708" class="dial-lines" x1="356.5" y1="433.37" x2="376.5" y2="468.01" />
<line id="line710" class="dial-lines" x1="323.32" y1="448.84" x2="337.01" y2="486.42" />
<line id="line712" class="dial-lines" x1="287.97" y1="458.31" x2="294.91" y2="497.7" />
<line id="line714" class="dial-lines" x1="428.28" y1="74.72" x2="74.72" y2="428.28" />
<line id="line716" class="dial-lines" x1="428.28" y1="428.28" x2="74.72" y2="74.72" />
<line id="line718" class="dial-lines" x1="501.5" y1="251.5" x2="1.5" y2="251.5" />
<line id="line720" class="dial-lines" x1="251.5" y1="1.5" x2="251.5" y2="501.5" />
<circle id="circle722" class="dial-lines" cx="251.5" cy="251.5" r="200" />
<circle id="circle724" class="dial-lines" cx="251.5" cy="251.5" r="150" />
<circle id="circle726" class="dial-lines" cx="251.5" cy="251.5" r="100" />
<circle id="circle728" class="dial-lines" cx="251.5" cy="251.5" r="50" />
<text class="dial-text-labels" transform="translate(247.43 50.56)">0</text>
<text class="dial-text-labels" transform="matrix(0.93, 0.35, -0.35, 0.93, 313, 59.3)">20</text>
<text class="dial-text-labels" transform="translate(279.89 51.78) rotate(10.38)">10</text>
<text class="dial-text-labels" transform="translate(346.26 73.89) rotate(30.8)">30</text>
<text class="dial-text-labels" transform="translate(375.26 92.17) rotate(40.22)">40</text>
<text class="dial-text-labels" transform="translate(401.29 116.37) rotate(50.13)">50</text>
<text class="dial-text-labels" transform="translate(422.73 144.29) rotate(60.53)">60</text>
<text class="dial-text-labels" transform="translate(437.52 175.01) rotate(70.55)">70</text>
<text class="dial-text-labels" transform="matrix(0.17, 0.99, -0.99, 0.17, 448.14, 209.05)">80</text>
<text class="dial-text-labels" transform="translate(453.27 243.12) rotate(90)">90</text>
<text class="dial-text-labels" transform="translate(262.51 455.31) rotate(180)">180</text>
<text class="dial-text-labels" transform="matrix(-0.93, -0.35, 0.35, -0.93, 195.93, 446.56)">200</text>
<text class="dial-text-labels" transform="translate(229.04 454.08) rotate(-169.62)">190</text>
<text class="dial-text-labels" transform="translate(162.68 432.98) rotate(-149.2)">210</text>
<text class="dial-text-labels" transform="translate(132.68 414.7) rotate(-139.78)">220</text>
<text class="dial-text-labels" transform="translate(105.65 390.5) rotate(-129.87)">230</text>
<text class="dial-text-labels" transform="translate(82.21 362.58) rotate(-119.47)">240</text>
<text class="dial-text-labels" transform="translate(65.41 327.86) rotate(-109.45)">250</text>
<text class="dial-text-labels" transform="matrix(-0.17, -0.99, 0.99, -0.17, 54.8, 293.81)">260</text>
<text class="dial-text-labels" transform="translate(49.66 261.74) rotate(-90)">270</text>
<text class="dial-text-labels" transform="translate(206.29 54.35) rotate(-10.01)">350</text>
<text class="dial-text-labels" transform="matrix(0.94, -0.35, 0.35, 0.94, 172.54, 65.64)">340</text>
<text class="dial-text-labels" transform="translate(142.56 81.69) rotate(-30.09)">330</text>
<text class="dial-text-labels" transform="translate(112.25 104.95) rotate(-40.02)">320</text>
<text class="dial-text-labels" transform="matrix(0.64, -0.77, 0.77, 0.64, 89.24, 130.33)">310</text>
<text class="dial-text-labels" transform="matrix(0.5, -0.87, 0.87, 0.5, 70.44, 160.25)">300</text>
<text class="dial-text-labels" transform="translate(57.78 193.11) rotate(-70.1)">290</text>
<text class="dial-text-labels" transform="translate(50.97 227.97) rotate(-79.9)">280</text>
<text class="dial-text-labels" transform="translate(296.88 448.59) rotate(169.99)">170</text>
<text class="dial-text-labels" transform="matrix(-0.94, 0.35, -0.35, -0.94, 331.63, 436.3)">160</text>
<text class="dial-text-labels" transform="translate(362.61 420.25) rotate(149.91)">150</text>
<text class="dial-text-labels" transform="translate(389.92 397.98) rotate(139.98)">140</text>
<text class="dial-text-labels" transform="matrix(-0.64, 0.77, -0.77, -0.64, 413.93, 371.61)">130</text>
<text class="dial-text-labels" transform="matrix(-0.5, 0.87, -0.87, -0.5, 431.73, 341.68)">120</text>
<text class="dial-text-labels" transform="translate(443.39 310.82) rotate(109.9)">1
<tspan x="7.01" y="0">10</tspan>
</text>
<text class="dial-text-labels" transform="translate(451.21 275.97) rotate(100.1)">100</text>
<polygon class="dial-needle rotation-pointer" points="251.5 51.5 236.48 203.8 251.5 251.5 266.52 203.8 251.5 51.5" transform="rotate({{currentOrientation}}, 251.5, 251.5)" />
</svg>
<div class="part-name">
{{partName}}
</div>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="20 20 340 232" enable-background="new 0 0 360 252" xml:space="preserve">
<style>
.highlighted {
stroke: lightgreen;
stroke-width: 2px;
}
.outline:hover, .outline-parent:hover > .outline {
stroke: lightgreen;
stroke-width: 2px;
}
</style>
<g id="Layer_1" display="none" opacity="0.5">
</g>
<g id="pcb">
<rect x="48.057" y="49.88" opacity="0.14" width="258.277" height="172"/>
<rect x="45.118" y="47" fill="#2EAB61" width="264.216" height="172"/>
</g>
<g id="pcb_light">
<polygon opacity="0.12" fill="#FFFFFF" points="134.75,161.229 92.25,161.229 92.25,155.917 71.75,155.917 71.75,139.729
50,139.729 50,179.833 69.199,179.833 71.75,179.833 90.938,179.833 92.25,179.833 93.396,179.833 93.396,201.297 126.75,201.297
126.75,179.833 134.75,179.833 "/>
</g>
<g id="white-lines">
<line opacity="0.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" x1="48.417" y1="183.458" x2="55.917" y2="183.458"/>
<g opacity="0.8">
<line fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" x1="81.208" y1="184.833" x2="78.917" y2="184.833"/>
<line fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" x1="78.917" y1="184.833" x2="74.229" y2="189.521"/>
<line fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" x1="74.229" y1="189.521" x2="74.229" y2="209.75"/>
<line fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" x1="74.229" y1="209.75" x2="81.208" y2="209.75"/>
</g>
<g opacity="0.8">
<line fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" x1="92.25" y1="184.833" x2="94.542" y2="184.833"/>
<line fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" x1="94.542" y1="184.833" x2="99.229" y2="189.521"/>
<line fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" x1="99.229" y1="189.521" x2="99.229" y2="209.75"/>
<line fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" x1="99.229" y1="209.75" x2="92.25" y2="209.75"/>
</g>
<line opacity="0.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" x1="246.43" y1="164.021" x2="246.43" y2="160.375"/>
<line opacity="0.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" x1="306.333" y1="160.375" x2="306.333" y2="164.021"/>
<line opacity="0.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" x1="60.384" y1="94.167" x2="60.384" y2="90.75"/>
<line opacity="0.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" x1="60.532" y1="90.75" x2="70.967" y2="74.736"/>
<rect x="48.057" y="94.5" opacity="0.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" width="29.302" height="9.5"/>
<line opacity="0.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" x1="195.875" y1="142.125" x2="200.625" y2="145.25"/>
<line opacity="0.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" x1="200.625" y1="145.25" x2="200.625" y2="146.75"/>
<rect x="196" y="146.75" opacity="0.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" width="12.375" height="20.188"/>
<line opacity="0.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" x1="220.5" y1="160.375" x2="220.5" y2="152.125"/>
<line opacity="0.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" x1="220.5" y1="152.125" x2="231.271" y2="152.125"/>
<line opacity="0.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" x1="231.271" y1="152.125" x2="231.271" y2="159"/>
<line opacity="0.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" x1="231.271" y1="159" x2="233.673" y2="161.402"/>
<path opacity="0.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" d="M232.464,105.25"/>
<path opacity="0.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" d="M229.684,105.25"/>
<polyline opacity="0.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" points="259.954,107.667
259.954,105.324 257.129,105.324 "/>
<line opacity="0.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" x1="257.59" y1="136.039" x2="260.098" y2="133.531"/>
<polyline opacity="0.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" points="231.963,105.387
229.183,105.387 229.183,107.85 "/>
<path opacity="0.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" d="M229.273,135.534"/>
<g opacity="0.8">
<rect x="246.43" y="160.125" fill="#FFFFFF" width="20.57" height="0.5"/>
<rect x="272.167" y="160.125" fill="#FFFFFF" width="34.166" height="0.5"/>
</g>
<polyline opacity="0.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" points="229.301,133.614
229.301,135.957 232.126,135.957 "/>
<polygon opacity="0.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" points="222.564,131.695
222.564,82.278 214.782,82.278 214.782,74.232 207.886,74.232 207.886,137.251 214.782,137.251 214.782,137.412 222.564,137.412
222.564,134.667 224.196,134.667 224.196,131.695 "/>
<line opacity="0.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" x1="214.782" y1="82.278" x2="214.782" y2="137.412"/>
<line opacity="0.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" x1="265.333" y1="66.5" x2="271.125" y2="68.333"/>
</g>
<g id="white_text">
<path opacity="0.6" fill="#FFFFFF" d="M51.966,100.455c0.014-0.066,0.045-0.124,0.094-0.173c0.049-0.049,0.145-0.109,0.286-0.18
l1.215-0.611v0.733l-0.853,0.407c-0.024,0.012-0.057,0.028-0.1,0.048c-0.255,0.119-0.382,0.259-0.382,0.421v0.213h1.334v0.667
h-3.377v-0.964c0-0.434,0.077-0.746,0.231-0.935c0.154-0.19,0.404-0.284,0.751-0.284c0.232,0,0.417,0.057,0.554,0.17
C51.857,100.079,51.939,100.242,51.966,100.455z M50.745,101.312h0.921v-0.314c0-0.182-0.036-0.313-0.108-0.392
c-0.071-0.08-0.19-0.119-0.354-0.119c-0.164,0-0.282,0.039-0.353,0.118s-0.106,0.209-0.106,0.394V101.312z"/>
<path opacity="0.6" fill="#FFFFFF" d="M52.973,99.066V98.32h-2.192l0.172,0.694h-0.602l-0.167-0.699v-0.645h2.789v-0.746h0.588
v2.142H52.973z"/>
<path opacity="0.6" fill="#FFFFFF" d="M56.191,100.455c0.014-0.066,0.045-0.124,0.094-0.173c0.049-0.049,0.145-0.109,0.286-0.18
l1.215-0.611v0.733l-0.853,0.407c-0.024,0.012-0.057,0.028-0.1,0.048c-0.255,0.119-0.382,0.259-0.382,0.421v0.213h1.334v0.667
h-3.377v-0.964c0-0.434,0.077-0.746,0.231-0.935c0.154-0.19,0.404-0.284,0.751-0.284c0.232,0,0.417,0.057,0.554,0.17
C56.081,100.079,56.163,100.242,56.191,100.455z M54.969,101.312h0.921v-0.314c0-0.182-0.036-0.313-0.108-0.392
c-0.071-0.08-0.19-0.119-0.354-0.119c-0.164,0-0.282,0.039-0.353,0.118s-0.106,0.209-0.106,0.394V101.312z"/>
<path opacity="0.6" fill="#FFFFFF" d="M57.197,98.51v-1.423h0.588v2.144h-0.57l-0.384-0.362c-0.457-0.43-0.738-0.691-0.844-0.783
c-0.13-0.113-0.245-0.195-0.345-0.244c-0.1-0.05-0.199-0.075-0.297-0.075c-0.151,0-0.267,0.046-0.35,0.137
c-0.082,0.091-0.123,0.221-0.123,0.388c0,0.119,0.024,0.253,0.071,0.402c0.047,0.148,0.116,0.303,0.207,0.465h-0.622
c-0.059-0.161-0.104-0.319-0.135-0.474c-0.031-0.155-0.046-0.303-0.046-0.445c0-0.357,0.083-0.638,0.25-0.843
c0.167-0.204,0.394-0.306,0.682-0.306c0.133,0,0.257,0.022,0.373,0.066c0.116,0.045,0.245,0.121,0.387,0.23
c0.103,0.08,0.333,0.299,0.692,0.658C56.926,98.241,57.081,98.395,57.197,98.51z"/>
<path opacity="0.6" fill="#FFFFFF" d="M60.749,100.455c0.014-0.066,0.045-0.124,0.094-0.173c0.049-0.049,0.145-0.109,0.286-0.18
l1.215-0.611v0.733l-0.853,0.407c-0.024,0.012-0.057,0.028-0.1,0.048c-0.255,0.119-0.382,0.259-0.382,0.421v0.213h1.334v0.667
h-3.377v-0.964c0-0.434,0.077-0.746,0.231-0.935c0.154-0.19,0.404-0.284,0.751-0.284c0.232,0,0.417,0.057,0.554,0.17
C60.639,100.079,60.721,100.242,60.749,100.455z M59.527,101.312h0.921v-0.314c0-0.182-0.036-0.313-0.108-0.392
c-0.071-0.08-0.19-0.119-0.354-0.119c-0.164,0-0.282,0.039-0.353,0.118c-0.071,0.078-0.106,0.209-0.106,0.394V101.312z"/>
<path opacity="0.6" fill="#FFFFFF" d="M60.832,98.25v0.357h-0.588V98.25c0-0.166-0.033-0.294-0.099-0.386
c-0.065-0.091-0.158-0.137-0.277-0.137c-0.125,0-0.223,0.046-0.293,0.137c-0.07,0.091-0.105,0.22-0.105,0.386
c0,0.127,0.016,0.262,0.047,0.407c0.032,0.145,0.078,0.295,0.138,0.45H59.05c-0.047-0.155-0.082-0.309-0.108-0.459
c-0.024-0.151-0.037-0.295-0.037-0.434c0-0.356,0.078-0.633,0.233-0.832c0.155-0.199,0.37-0.299,0.642-0.299
c0.2,0,0.365,0.057,0.492,0.172c0.128,0.114,0.211,0.278,0.25,0.491c0.042-0.241,0.138-0.425,0.288-0.552
c0.15-0.127,0.347-0.19,0.592-0.19c0.327,0,0.577,0.105,0.749,0.314c0.172,0.209,0.258,0.514,0.258,0.914
c0,0.171-0.014,0.338-0.043,0.503c-0.028,0.165-0.07,0.323-0.124,0.474h-0.62c0.071-0.142,0.125-0.295,0.161-0.459
c0.037-0.164,0.056-0.337,0.056-0.518s-0.042-0.324-0.125-0.43c-0.084-0.105-0.197-0.158-0.338-0.158
c-0.173,0-0.307,0.053-0.402,0.158C60.879,97.907,60.832,98.057,60.832,98.25z"/>
<path opacity="0.6" fill="#FFFFFF" d="M65.306,100.455c0.014-0.066,0.045-0.124,0.094-0.173c0.049-0.049,0.145-0.109,0.286-0.18
l1.215-0.611v0.733l-0.853,0.407c-0.024,0.012-0.057,0.028-0.1,0.048c-0.255,0.119-0.382,0.259-0.382,0.421v0.213h1.334v0.667
h-3.377v-0.964c0-0.434,0.077-0.746,0.231-0.935c0.154-0.19,0.404-0.284,0.751-0.284c0.232,0,0.417,0.057,0.554,0.17
C65.197,100.079,65.279,100.242,65.306,100.455z M64.085,101.312h0.921v-0.314c0-0.182-0.036-0.313-0.108-0.392
c-0.071-0.08-0.19-0.119-0.354-0.119c-0.164,0-0.282,0.039-0.353,0.118c-0.071,0.078-0.106,0.209-0.106,0.394V101.312z"/>
<path opacity="0.6" fill="#FFFFFF" d="M63.524,97.981v-0.699H65.6v-0.371h0.572v0.371h0.728v0.64h-0.728v1.339h-0.647
L63.524,97.981z M64.266,97.922l1.334,0.853v-0.853H64.266z"/>
<path opacity="0.6" fill="#FFFFFF" d="M69.531,100.455c0.014-0.066,0.045-0.124,0.094-0.173c0.049-0.049,0.145-0.109,0.286-0.18
l1.215-0.611v0.733l-0.853,0.407c-0.024,0.012-0.057,0.028-0.1,0.048c-0.255,0.119-0.382,0.259-0.382,0.421v0.213h1.334v0.667
h-3.377v-0.964c0-0.434,0.077-0.746,0.231-0.935c0.154-0.19,0.404-0.284,0.751-0.284c0.232,0,0.417,0.057,0.554,0.17
C69.421,100.079,69.504,100.242,69.531,100.455z M68.31,101.312h0.921v-0.314c0-0.182-0.036-0.313-0.108-0.392
c-0.071-0.08-0.19-0.119-0.354-0.119c-0.164,0-0.282,0.039-0.353,0.118c-0.071,0.078-0.106,0.209-0.106,0.394V101.312z"/>
<path opacity="0.6" fill="#FFFFFF" d="M67.749,99.186v-2.135h0.473l2.904,1.144v0.681l-2.789-1.099v1.409H67.749z"/>
<path opacity="0.6" fill="#FFFFFF" d="M73.755,100.455c0.014-0.066,0.045-0.124,0.094-0.173c0.049-0.049,0.145-0.109,0.286-0.18
l1.215-0.611v0.733l-0.853,0.407c-0.024,0.012-0.057,0.028-0.1,0.048c-0.255,0.119-0.382,0.259-0.382,0.421v0.213h1.334v0.667
h-3.377v-0.964c0-0.434,0.077-0.746,0.231-0.935c0.154-0.19,0.404-0.284,0.751-0.284c0.232,0,0.417,0.057,0.554,0.17
C73.646,100.079,73.728,100.242,73.755,100.455z M72.534,101.312h0.921v-0.314c0-0.182-0.036-0.313-0.108-0.392
c-0.071-0.08-0.19-0.119-0.354-0.119s-0.282,0.039-0.353,0.118c-0.071,0.078-0.106,0.209-0.106,0.394V101.312z"/>
<path opacity="0.6" fill="#FFFFFF" d="M73.561,98.594c-0.059,0.171-0.151,0.3-0.277,0.389c-0.126,0.089-0.28,0.133-0.462,0.133
c-0.28,0-0.502-0.091-0.665-0.274c-0.163-0.182-0.244-0.431-0.244-0.744c0-0.315,0.081-0.564,0.244-0.746
c0.163-0.182,0.384-0.274,0.665-0.274c0.181,0,0.334,0.044,0.46,0.131c0.126,0.087,0.219,0.215,0.279,0.382
c0.057-0.187,0.16-0.333,0.308-0.439c0.148-0.105,0.325-0.158,0.532-0.158c0.324,0,0.574,0.096,0.751,0.287
c0.176,0.191,0.265,0.464,0.265,0.816c0,0.351-0.088,0.623-0.265,0.814C74.974,99.104,74.724,99.2,74.4,99.2
c-0.208,0-0.386-0.053-0.534-0.161C73.718,98.932,73.616,98.784,73.561,98.594z M73.843,98.098c0,0.149,0.047,0.27,0.141,0.362
c0.095,0.092,0.219,0.138,0.375,0.138c0.155,0,0.28-0.046,0.375-0.138c0.095-0.092,0.142-0.213,0.142-0.362
c0-0.149-0.048-0.271-0.145-0.363c-0.096-0.093-0.221-0.139-0.373-0.139c-0.155,0-0.28,0.046-0.375,0.138
C73.891,97.826,73.843,97.948,73.843,98.098z M72.875,98.523c0.133,0,0.238-0.038,0.316-0.114c0.077-0.076,0.116-0.18,0.116-0.311
c0-0.133-0.039-0.237-0.116-0.313c-0.078-0.076-0.183-0.114-0.316-0.114c-0.131,0-0.235,0.038-0.311,0.114
c-0.076,0.076-0.114,0.18-0.114,0.313c0,0.13,0.038,0.233,0.115,0.31C72.643,98.485,72.746,98.523,72.875,98.523z"/>
</g>
<g id="copper_points">
<circle fill="#846D60" cx="55.771" cy="123.854" r="4.271"/>
<circle fill="#F4DDB8" cx="55.771" cy="123.854" r="2.471"/>
<circle fill="#846D60" cx="213.729" cy="152.125" r="4.271"/>
<circle fill="#F4DDB8" cx="213.729" cy="152.125" r="2.471"/>
<circle fill="#F4DDB8" cx="218.952" cy="86.602" r="2.522"/>
<circle fill="#846D60" cx="240.93" cy="210.708" r="4.271"/>
<circle fill="#F4DDB8" cx="240.93" cy="210.708" r="2.471"/>
<circle fill="#846D60" cx="216.2" cy="56.583" r="4.271"/>
<circle fill="#F4DDB8" cx="216.2" cy="56.583" r="2.471"/>
<circle fill="#846D60" cx="218.952" cy="86.709" r="1.633"/>
<circle fill="#F4DDB8" cx="218.952" cy="86.602" r="2.522"/>
<circle fill="#846D60" cx="218.952" cy="86.709" r="1.633"/>
<circle fill="#F4DDB8" cx="218.952" cy="94.519" r="2.522"/>
<circle fill="#846D60" cx="218.952" cy="94.626" r="1.633"/>
<circle fill="#F4DDB8" cx="218.952" cy="94.519" r="2.522"/>
<circle fill="#846D60" cx="218.952" cy="94.626" r="1.633"/>
<circle fill="#F4DDB8" cx="218.952" cy="102.436" r="2.522"/>
<circle fill="#846D60" cx="218.952" cy="102.542" r="1.633"/>
<circle fill="#F4DDB8" cx="218.952" cy="102.436" r="2.522"/>
<circle fill="#846D60" cx="218.952" cy="102.542" r="1.633"/>
<circle fill="#F4DDB8" cx="218.952" cy="110.305" r="2.522"/>
<circle fill="#846D60" cx="218.952" cy="110.412" r="1.633"/>
<circle fill="#F4DDB8" cx="218.952" cy="110.305" r="2.522"/>
<circle fill="#846D60" cx="218.952" cy="110.412" r="1.633"/>
<circle fill="#F4DDB8" cx="218.952" cy="117.952" r="2.522"/>
<circle fill="#846D60" cx="218.952" cy="118.059" r="1.633"/>
<circle fill="#F4DDB8" cx="218.952" cy="117.952" r="2.522"/>
<path fill="#F4DDB8" d="M221.012,135.574h-4.231c-0.224,0-0.406-0.182-0.406-0.406v-4.232c0-0.224,0.182-0.406,0.406-0.406h4.231
c0.224,0,0.406,0.182,0.406,0.406v4.232C221.418,135.392,221.236,135.574,221.012,135.574z"/>
<circle fill="#846D60" cx="218.952" cy="118.059" r="1.633"/>
<circle fill="#F4DDB8" cx="218.952" cy="125.538" r="2.522"/>
<circle fill="#846D60" cx="218.952" cy="125.645" r="1.633"/>
<circle fill="#F4DDB8" cx="218.952" cy="125.538" r="2.522"/>
<circle fill="#846D60" cx="218.952" cy="125.645" r="1.633"/>
<circle fill="#F4DDB8" cx="218.898" cy="133.052" r="2.522"/>
<circle fill="#846D60" cx="218.952" cy="133.158" r="1.633"/>
<circle fill="#846D60" cx="218.952" cy="133.158" r="1.633"/>
</g>
<g class="outline-parent" id="gpio" {{action 'showName' "GPIO"}}>
<g class="outline" id="gpio-outline">
<rect x="49" y="50" fill="none" stroke-miterlimit="10" width="99.164" height="16.333"/>
</g>
<g id="pin-holders">
<path opacity="0.15" d="M57.088,56.417c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V56.417z"/>
<path opacity="0.15" d="M64.5,56.417c0-1.067-0.516-2.007-1.305-2.625H58.91c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V56.417z"/>
<path opacity="0.15" d="M71.912,56.417c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V56.417z"/>
<path opacity="0.15" d="M79.324,56.417c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V56.417z"/>
<path opacity="0.15" d="M86.736,56.417c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V56.417z"/>
<path opacity="0.15" d="M94.149,56.417c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V56.417z"/>
<path opacity="0.15" d="M101.561,56.417c0-1.067-0.516-2.007-1.305-2.625H95.97c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V56.417z"/>
<path opacity="0.15" d="M108.973,56.417c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V56.417z"/>
<path opacity="0.15" d="M116.385,56.417c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V56.417z"/>
<path opacity="0.15" d="M123.797,56.417c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V56.417z"/>
<path opacity="0.15" d="M131.209,56.417c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V56.417z"/>
<path opacity="0.15" d="M138.621,56.417c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.79,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V56.417z"/>
<path opacity="0.15" d="M146.033,56.417c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V56.417z"/>
<path fill="none" d="M139.138,53.875c0-1.067,0.516-2.007,1.305-2.625h-3.887c0.79,0.618,1.305,1.558,1.305,2.625v8.75
c0,0.81-0.304,1.543-0.789,2.125h2.856c-0.486-0.582-0.789-1.315-0.789-2.125V53.875z"/>
<path fill="none" d="M95.426,53.875c0-1.067,0.516-2.007,1.305-2.625h-3.887c0.79,0.618,1.305,1.558,1.305,2.625v8.75
c0,0.81-0.304,1.543-0.789,2.125h2.856c-0.486-0.582-0.789-1.315-0.789-2.125V53.875z"/>
<path fill="none" d="M131.725,53.875c0-1.067,0.516-2.007,1.305-2.625h-3.887c0.79,0.618,1.305,1.558,1.305,2.625v8.75
c0,0.81-0.304,1.543-0.789,2.125h2.856c-0.486-0.582-0.79-1.315-0.79-2.125V53.875z"/>
<path fill="none" d="M49,53.875c0-1.067,0.488-2.007,1.236-2.625H46.75C43.022,51.25,40,54.272,40,58
c0,3.728,3.022,6.75,6.75,6.75h2.997C49.287,64.168,49,63.435,49,62.625V53.875z"/>
<path fill="none" d="M124.313,53.875c0-1.067,0.516-2.007,1.305-2.625h-3.887c0.79,0.618,1.305,1.558,1.305,2.625v8.75
c0,0.81-0.304,1.543-0.789,2.125h2.856c-0.486-0.582-0.789-1.315-0.789-2.125V53.875z"/>
<path fill="none" d="M79.841,53.875c0-1.067,0.516-2.007,1.305-2.625h-3.887c0.79,0.618,1.305,1.558,1.305,2.625v8.75
c0,0.81-0.304,1.543-0.789,2.125h2.856c-0.486-0.582-0.789-1.315-0.789-2.125V53.875z"/>
<path fill="none" d="M88.014,53.875c0-1.067,0.516-2.007,1.305-2.625h-3.887c0.79,0.618,1.305,1.558,1.305,2.625v8.75
c0,0.81-0.304,1.543-0.789,2.125h2.856c-0.486-0.582-0.789-1.315-0.789-2.125V53.875z"/>
<path fill="none" d="M58.365,53.875c0-1.067,0.516-2.007,1.305-2.625h-3.887c0.79,0.618,1.305,1.558,1.305,2.625v8.75
c0,0.81-0.304,1.543-0.789,2.125h2.856c-0.486-0.582-0.789-1.315-0.789-2.125V53.875z"/>
<path fill="none" d="M110.25,53.875c0-1.067,0.516-2.007,1.305-2.625h-3.887c0.79,0.618,1.305,1.558,1.305,2.625v8.75
c0,0.81-0.304,1.543-0.789,2.125h2.856c-0.486-0.582-0.789-1.315-0.789-2.125V53.875z"/>
<path fill="none" d="M102.077,53.875c0-1.067,0.516-2.007,1.305-2.625h-3.887c0.79,0.618,1.305,1.558,1.305,2.625v8.75
c0,0.81-0.304,1.543-0.789,2.125h2.856c-0.486-0.582-0.789-1.315-0.789-2.125V53.875z"/>
<path fill="none" d="M65.017,53.875c0-1.067,0.516-2.007,1.305-2.625h-3.887c0.79,0.618,1.305,1.558,1.305,2.625v8.75
c0,0.81-0.304,1.543-0.789,2.125h2.856c-0.486-0.582-0.789-1.315-0.789-2.125V53.875z"/>
<path fill="none" d="M73.189,53.875c0-1.067,0.516-2.007,1.305-2.625h-3.887c0.79,0.618,1.305,1.558,1.305,2.625v8.75
c0,0.81-0.304,1.543-0.789,2.125h2.856c-0.486-0.582-0.789-1.315-0.789-2.125V53.875z"/>
<path fill="none" d="M145.373,51.25h-0.645c0.79,0.618,1.305,1.558,1.305,2.625v8.75c0,0.81-0.304,1.543-0.789,2.125h0.129
c3.938,0,7.13-3.022,7.13-6.75C152.503,54.272,149.311,51.25,145.373,51.25z"/>
<path fill="none" d="M117.662,53.875c0-1.067,0.516-2.007,1.305-2.625h-3.887c0.79,0.618,1.305,1.558,1.305,2.625v8.75
c0,0.81-0.304,1.543-0.789,2.125h2.856c-0.486-0.582-0.789-1.315-0.789-2.125V53.875z"/>
<path fill="#353535" d="M57.088,53.875c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V53.875z"/>
<path fill="#353535" d="M64.5,53.875c0-1.067-0.516-2.007-1.305-2.625H58.91c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V53.875z"/>
<path fill="#353535" d="M71.912,53.875c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V53.875z"/>
<path fill="#353535" d="M79.324,53.875c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V53.875z"/>
<path fill="#353535" d="M86.736,53.875c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V53.875z"/>
<path fill="#353535" d="M94.149,53.875c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V53.875z"/>
<path fill="#353535" d="M101.561,53.875c0-1.067-0.516-2.007-1.305-2.625H95.97c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V53.875z"/>
<path fill="#353535" d="M108.973,53.875c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V53.875z"/>
<path fill="#353535" d="M116.385,53.875c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V53.875z"/>
<path fill="#353535" d="M123.797,53.875c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V53.875z"/>
<path fill="#353535" d="M131.209,53.875c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V53.875z"/>
<path fill="#353535" d="M138.621,53.875c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.79,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V53.875z"/>
<path fill="#353535" d="M146.033,53.875c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v8.75
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V53.875z"/>
</g>
<g id="pins">
<rect x="52.76" y="53.917" fill="#020202" width="1.76" height="2.667"/>
<rect x="52.76" y="62.417" fill="#020202" width="1.76" height="1.667"/>
<rect x="52.76" y="53.417" fill="#DCDBDB" width="1.76" height="1.667"/>
<rect x="52.76" y="60.917" fill="#DCDBDB" width="1.76" height="1.667"/>
<rect x="60.172" y="54.917" fill="#020202" width="1.76" height="1.667"/>
<rect x="60.172" y="62.417" fill="#020202" width="1.76" height="1.667"/>
<rect x="60.172" y="53.417" fill="#DCDBDB" width="1.76" height="1.667"/>
<rect x="60.172" y="60.917" fill="#DCDBDB" width="1.76" height="1.667"/>
<rect x="67.584" y="54.917" fill="#020202" width="1.76" height="1.667"/>
<rect x="67.584" y="62.417" fill="#020202" width="1.76" height="1.667"/>
<rect x="67.584" y="53.417" fill="#DCDBDB" width="1.76" height="1.667"/>
<rect x="67.584" y="60.917" fill="#DCDBDB" width="1.76" height="1.667"/>
<rect x="74.996" y="54.667" fill="#020202" width="1.76" height="1.667"/>
<rect x="74.996" y="62.167" fill="#020202" width="1.76" height="1.667"/>
<rect x="74.996" y="53.167" fill="#DCDBDB" width="1.76" height="1.667"/>
<rect x="74.996" y="60.667" fill="#DCDBDB" width="1.76" height="1.667"/>
<rect x="82.408" y="54.667" fill="#020202" width="1.76" height="1.667"/>
<rect x="82.408" y="62.167" fill="#020202" width="1.76" height="1.667"/>
<rect x="82.408" y="53.167" fill="#DCDBDB" width="1.76" height="1.667"/>
<rect x="82.408" y="60.667" fill="#DCDBDB" width="1.76" height="1.667"/>
<rect x="89.821" y="54.667" fill="#020202" width="1.76" height="1.667"/>
<rect x="89.821" y="62.167" fill="#020202" width="1.76" height="1.667"/>
<rect x="89.821" y="53.167" fill="#DCDBDB" width="1.76" height="1.667"/>
<rect x="89.821" y="60.667" fill="#DCDBDB" width="1.76" height="1.667"/>
<rect x="97.233" y="54.792" fill="#020202" width="1.76" height="1.667"/>
<rect x="97.233" y="62.292" fill="#020202" width="1.76" height="1.667"/>
<rect x="97.233" y="53.292" fill="#DCDBDB" width="1.76" height="1.667"/>
<rect x="97.233" y="60.792" fill="#DCDBDB" width="1.76" height="1.667"/>
<rect x="104.645" y="54.792" fill="#020202" width="1.76" height="1.667"/>
<rect x="104.645" y="62.292" fill="#020202" width="1.76" height="1.667"/>
<rect x="104.645" y="53.292" fill="#DCDBDB" width="1.76" height="1.667"/>
<rect x="104.645" y="60.792" fill="#DCDBDB" width="1.76" height="1.667"/>
<rect x="112.057" y="54.792" fill="#020202" width="1.76" height="1.667"/>
<rect x="112.057" y="62.292" fill="#020202" width="1.76" height="1.667"/>
<rect x="112.057" y="53.292" fill="#DCDBDB" width="1.76" height="1.667"/>
<rect x="112.057" y="60.792" fill="#DCDBDB" width="1.76" height="1.667"/>
<rect x="119.469" y="54.542" fill="#020202" width="1.76" height="1.667"/>
<rect x="119.469" y="62.042" fill="#020202" width="1.76" height="1.667"/>
<rect x="119.469" y="53.042" fill="#DCDBDB" width="1.76" height="1.667"/>
<rect x="119.469" y="60.542" fill="#DCDBDB" width="1.76" height="1.667"/>
<rect x="126.881" y="54.542" fill="#020202" width="1.76" height="1.667"/>
<rect x="126.881" y="62.042" fill="#020202" width="1.76" height="1.667"/>
<rect x="126.881" y="53.042" fill="#DCDBDB" width="1.76" height="1.667"/>
<rect x="126.881" y="60.542" fill="#DCDBDB" width="1.76" height="1.667"/>
<rect x="134.293" y="54.542" fill="#020202" width="1.76" height="1.667"/>
<rect x="134.293" y="62.042" fill="#020202" width="1.76" height="1.667"/>
<rect x="134.293" y="53.042" fill="#DCDBDB" width="1.76" height="1.667"/>
<rect x="134.293" y="60.542" fill="#DCDBDB" width="1.76" height="1.667"/>
<rect x="141.705" y="54.542" fill="#020202" width="1.76" height="1.667"/>
<rect x="141.705" y="62.042" fill="#020202" width="1.76" height="1.667"/>
<rect x="141.705" y="53.042" fill="#DCDBDB" width="1.76" height="1.667"/>
<rect x="141.705" y="60.542" fill="#DCDBDB" width="1.76" height="1.667"/>
</g>
</g>
<g id="cpu" class="outline" {{action 'showName' 'CPU'}}>
<rect x="149.667" y="113" opacity="0.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" width="39.333" height="40.667"/>
<rect x="150.667" y="116.333" opacity="0.2" width="37.667" height="36.667"/>
<rect x="150.667" y="115.333" fill="#353535" width="37.667" height="36.667"/>
<g id="cpu_text">
<g>
<rect x="176.625" y="122.07" fill="#454545" width="2.25" height="11.596"/>
<rect x="171.875" y="122.07" fill="#454545" width="2.171" height="21.43"/>
<rect x="167.75" y="122.07" fill="#454545" width="2" height="8.891"/>
<rect x="167.75" y="137.251" fill="#454545" width="2" height="6.249"/>
<rect x="154" y="119.398" fill="#454545" width="1.875" height="18.727"/>
</g>
</g>
</g>
<g class="outline" id="video_1_" {{action 'showName' 'Video Out'}}>
<g id="video-outline">
<rect x="172" y="55.375" opacity="0.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" width="32.333" height="30.333"/>
</g>
<polygon opacity="0.1" points="195.5,58.708 195.5,61.573 183.704,61.573 183.704,58.708 174.046,58.708 174.046,87.708
183.704,87.708 183.704,84.647 195.5,84.647 195.5,87.708 205.25,87.708 205.25,58.708 "/>
<g id="video">
<polygon fill="#C1C1C0" points="202,66.125 202,66.125 176.5,66.125 176.5,66.125 176.5,26.75 176.5,26.75 202,26.75 202,26.75
"/>
<rect x="176.5" y="55.708" fill="#B5B5B6" width="25.5" height="3.042"/>
<rect x="176.5" y="26.75" fill="#B2B3B3" width="5" height="29.25"/>
<rect x="200.375" y="26.75" fill="#B2B3B3" width="1.625" height="32"/>
<rect x="193.75" y="26.75" fill="#CFCECE" width="6.625" height="28.958"/>
</g>
<rect x="181.161" y="58.573" fill="#EACF1A" width="16.972" height="23.074"/>
<rect x="174.046" y="55.708" fill="#F4DA1C" width="9.659" height="29"/>
<rect x="195.5" y="55.708" fill="#F4DA1C" width="9.75" height="29"/>
</g>
<g id="header_x5F_1" class="outline" {{action 'showName' 'DSI Display Connector'}}>
<rect x="79.949" y="101.667" opacity="0.1" width="7.737" height="67.667"/>
<g id="header_x5F_1_solder">
<rect x="75" y="110.438" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="88.5" y="110.438" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="76.754" y="110.833" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="77.004" y="110.833" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="75" y="113.438" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="88.5" y="113.438" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="76.754" y="113.833" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="77.004" y="113.833" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="75" y="116.354" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="88.5" y="116.354" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="76.754" y="116.75" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="77.004" y="116.75" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="75" y="119.354" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="88.5" y="119.354" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="76.754" y="119.75" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="77.004" y="119.75" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="75" y="122.833" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="88.5" y="122.833" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="76.754" y="123.229" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="77.004" y="123.229" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="75" y="125.833" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="88.5" y="125.833" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="76.754" y="126.229" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="77.004" y="126.229" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="75" y="128.75" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="88.5" y="128.75" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="76.754" y="129.146" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="77.004" y="129.146" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="75" y="131.75" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="88.5" y="131.75" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="76.754" y="132.146" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="77.004" y="132.146" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="75" y="134.979" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="88.5" y="134.979" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="76.754" y="135.375" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="77.004" y="135.375" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="75" y="137.979" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="88.5" y="137.979" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="76.754" y="138.375" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="77.004" y="138.375" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="75" y="140.896" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="88.5" y="140.896" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="76.754" y="141.292" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="77.004" y="141.292" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="75" y="143.896" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="88.5" y="143.896" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="76.754" y="144.292" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="77.004" y="144.292" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="75" y="147.375" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="88.5" y="147.375" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="76.754" y="147.771" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="77.004" y="147.771" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="75" y="150.375" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="88.5" y="150.375" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="76.754" y="150.771" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="77.004" y="150.771" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="75" y="153.292" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="88.5" y="153.292" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="76.754" y="153.688" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="77.004" y="153.688" fill="#E5E5E3" width="14.183" height="1"/>
</g>
<rect x="79.949" y="99.667" fill="#353535" width="7.737" height="67.667"/>
<rect x="84.422" y="108.667" width="3.264" height="51"/>
<rect x="85.255" y="109" fill="#DCDBDB" width="2.445" height="49.333"/>
</g>
<g id="header_x5F_2" class="outline" {{action 'showName' 'Camera CSI'}}>
<rect x="232.746" y="206.521" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="218" y="206.521" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="218.812" y="206.875" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="219.062" y="206.875" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="232.746" y="203.521" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="218" y="203.521" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="218.812" y="203.875" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="219.062" y="203.875" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="232.746" y="200.604" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="218" y="200.604" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="218.812" y="200.958" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="219.062" y="200.958" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="232.746" y="197.604" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="218" y="197.604" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="218.812" y="197.958" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="219.062" y="197.958" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="232.746" y="194.125" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="218" y="194.125" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="218.812" y="194.479" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="219.062" y="194.479" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="232.746" y="191.125" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="218" y="191.125" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="218.812" y="191.479" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="219.062" y="191.479" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="232.746" y="188.208" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="218" y="188.208" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="218.812" y="188.562" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="219.062" y="188.562" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="232.746" y="185.208" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="218" y="185.208" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="218.812" y="185.562" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="219.062" y="185.562" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="232.746" y="181.979" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="218" y="181.979" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="218.812" y="182.333" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="219.062" y="182.333" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="232.746" y="178.979" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="218" y="178.979" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="218.812" y="179.333" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="219.062" y="179.333" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="232.746" y="176.062" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="218" y="176.062" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="218.812" y="176.417" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="219.062" y="176.417" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="232.746" y="173.062" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="218" y="173.062" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="218.812" y="173.417" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="219.062" y="173.417" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="232.746" y="169.583" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="218" y="169.583" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="218.812" y="169.938" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="219.062" y="169.938" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="232.746" y="166.583" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="218" y="166.583" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="218.812" y="166.938" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="219.062" y="166.938" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="232.746" y="163.667" fill="#E5E5E3" width="2.504" height="1.75"/>
<rect x="218" y="163.667" fill="#E5E5E3" width="3.75" height="1.75"/>
<rect x="218.812" y="164.021" fill="#CCCCCC" width="14.683" height="1"/>
<rect x="219.062" y="164.021" fill="#E5E5E3" width="14.183" height="1"/>
<rect x="222.564" y="151.375" fill="#353535" width="7.737" height="66.667"/>
<rect x="222.564" y="159.708" width="3.264" height="51"/>
<rect x="222.551" y="160.375" fill="#DCDBDB" width="2.445" height="49.333"/>
</g>
<g id="audio_x5F_jack" class="outline" {{action 'showName' 'Audio Out'}}>
<polygon opacity="0.1" fill="#050606" points="226.432,49.667 226.432,81.863 240.667,81.863 250.833,81.863 265.333,81.863
265.333,49.667 "/>
<rect x="235.667" y="37.333" fill="#454545" width="20" height="13.667"/>
<rect x="235.667" y="37.333" fill="#3A3A3A" width="3.667" height="12.667"/>
<rect x="253.667" y="37.333" fill="#2D2D2D" width="2" height="15.708"/>
<rect x="249" y="37.333" fill="#4A494A" width="4.667" height="15.708"/>
<rect x="235.667" y="46.438" display="none" opacity="0.16" width="19.958" height="2.562"/>
<rect x="226.432" y="47.667" fill="#353535" width="38.901" height="32.197"/>
<circle fill="#2D2D2D" cx="245.719" cy="62.615" r="5.719"/>
<rect x="240.667" y="73.208" fill="#2D2D2D" width="10.167" height="6.289"/>
<rect x="235.667" y="46.438" fill="#353535" width="20" height="1.229"/>
</g>
<g id="gpu">
<g id="Layer_15">
<rect x="230.875" y="108.75" fill="#E5E5E3" width="0.792" height="1.062"/>
<rect x="230.016" y="109.031" fill="#C4C4C3" width="1.396" height="0.531"/>
<rect x="229.875" y="109.031" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="231.667,111.328 230.875,111.328 230.875,110.266 231.667,110.266 "/>
<polyline fill="#C4C4C3" points="231.411,111.078 230.016,111.078 230.016,110.547 231.411,110.547 "/>
<rect x="229.875" y="110.547" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="231.667,112.938 230.875,112.938 230.875,111.875 231.667,111.875 "/>
<polyline fill="#C4C4C3" points="231.411,112.688 230.016,112.688 230.016,112.156 231.411,112.156 "/>
<rect x="229.875" y="112.156" fill="#E5E5E3" width="1.396" height="0.531"/>
<rect x="230.875" y="108.75" fill="#E5E5E3" width="0.792" height="1.062"/>
<rect x="230.016" y="109.031" fill="#C4C4C3" width="1.396" height="0.531"/>
<rect x="229.875" y="109.031" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="231.667,111.328 230.875,111.328 230.875,110.266 231.667,110.266 "/>
<polyline fill="#C4C4C3" points="231.411,111.078 230.016,111.078 230.016,110.547 231.411,110.547 "/>
<rect x="229.875" y="110.547" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="231.667,112.938 230.875,112.938 230.875,111.875 231.667,111.875 "/>
<polyline fill="#C4C4C3" points="231.411,112.688 230.016,112.688 230.016,112.156 231.411,112.156 "/>
<rect x="229.875" y="112.156" fill="#E5E5E3" width="1.396" height="0.531"/>
<rect x="230.875" y="113.328" fill="#E5E5E3" width="0.792" height="1.062"/>
<rect x="230.016" y="113.609" fill="#C4C4C3" width="1.396" height="0.531"/>
<rect x="229.875" y="113.609" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="231.667,115.906 230.875,115.906 230.875,114.844 231.667,114.844 "/>
<polyline fill="#C4C4C3" points="231.411,115.656 230.016,115.656 230.016,115.125 231.411,115.125 "/>
<rect x="229.875" y="115.125" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="231.667,117.516 230.875,117.516 230.875,116.453 231.667,116.453 "/>
<polyline fill="#C4C4C3" points="231.411,117.266 230.016,117.266 230.016,116.734 231.411,116.734 "/>
<rect x="229.875" y="116.734" fill="#E5E5E3" width="1.396" height="0.531"/>
<rect x="230.875" y="113.328" fill="#E5E5E3" width="0.792" height="1.062"/>
<rect x="230.016" y="113.609" fill="#C4C4C3" width="1.396" height="0.531"/>
<rect x="229.875" y="113.609" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="231.667,115.906 230.875,115.906 230.875,114.844 231.667,114.844 "/>
<polyline fill="#C4C4C3" points="231.411,115.656 230.016,115.656 230.016,115.125 231.411,115.125 "/>
<rect x="229.875" y="115.125" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="231.667,117.516 230.875,117.516 230.875,116.453 231.667,116.453 "/>
<polyline fill="#C4C4C3" points="231.411,117.266 230.016,117.266 230.016,116.734 231.411,116.734 "/>
<rect x="229.875" y="116.734" fill="#E5E5E3" width="1.396" height="0.531"/>
<rect x="230.875" y="117.922" fill="#E5E5E3" width="0.792" height="1.062"/>
<rect x="230.016" y="118.203" fill="#C4C4C3" width="1.396" height="0.531"/>
<rect x="229.875" y="118.203" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="231.667,120.5 230.875,120.5 230.875,119.438 231.667,119.438 "/>
<polyline fill="#C4C4C3" points="231.411,120.25 230.016,120.25 230.016,119.719 231.411,119.719 "/>
<rect x="229.875" y="119.719" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="231.667,122.109 230.875,122.109 230.875,121.047 231.667,121.047 "/>
<polyline fill="#C4C4C3" points="231.411,121.859 230.016,121.859 230.016,121.328 231.411,121.328 "/>
<rect x="229.875" y="121.328" fill="#E5E5E3" width="1.396" height="0.531"/>
<rect x="230.875" y="117.922" fill="#E5E5E3" width="0.792" height="1.062"/>
<rect x="230.016" y="118.203" fill="#C4C4C3" width="1.396" height="0.531"/>
<rect x="229.875" y="118.203" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="231.667,120.5 230.875,120.5 230.875,119.438 231.667,119.438 "/>
<polyline fill="#C4C4C3" points="231.411,120.25 230.016,120.25 230.016,119.719 231.411,119.719 "/>
<rect x="229.875" y="119.719" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="231.667,122.109 230.875,122.109 230.875,121.047 231.667,121.047 "/>
<polyline fill="#C4C4C3" points="231.411,121.859 230.016,121.859 230.016,121.328 231.411,121.328 "/>
<rect x="229.875" y="121.328" fill="#E5E5E3" width="1.396" height="0.531"/>
<rect x="230.875" y="122.5" fill="#E5E5E3" width="0.792" height="1.062"/>
<rect x="230.016" y="122.781" fill="#C4C4C3" width="1.396" height="0.531"/>
<rect x="229.875" y="122.781" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="231.667,125.078 230.875,125.078 230.875,124.016 231.667,124.016 "/>
<polyline fill="#C4C4C3" points="231.411,124.828 230.016,124.828 230.016,124.297 231.411,124.297 "/>
<rect x="229.875" y="124.297" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="231.667,126.688 230.875,126.688 230.875,125.625 231.667,125.625 "/>
<polyline fill="#C4C4C3" points="231.411,126.438 230.016,126.438 230.016,125.906 231.411,125.906 "/>
<rect x="229.875" y="125.906" fill="#E5E5E3" width="1.396" height="0.531"/>
<rect x="230.875" y="122.5" fill="#E5E5E3" width="0.792" height="1.062"/>
<rect x="230.016" y="122.781" fill="#C4C4C3" width="1.396" height="0.531"/>
<rect x="229.875" y="122.781" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="231.667,125.078 230.875,125.078 230.875,124.016 231.667,124.016 "/>
<polyline fill="#C4C4C3" points="231.411,124.828 230.016,124.828 230.016,124.297 231.411,124.297 "/>
<rect x="229.875" y="124.297" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="231.667,126.688 230.875,126.688 230.875,125.625 231.667,125.625 "/>
<polyline fill="#C4C4C3" points="231.411,126.438 230.016,126.438 230.016,125.906 231.411,125.906 "/>
<rect x="229.875" y="125.906" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="231.667,128.229 230.875,128.229 230.875,127.167 231.667,127.167 "/>
<polyline fill="#C4C4C3" points="231.411,127.979 230.016,127.979 230.016,127.448 231.411,127.448 "/>
<rect x="229.875" y="127.448" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="231.667,128.229 230.875,128.229 230.875,127.167 231.667,127.167 "/>
<polyline fill="#C4C4C3" points="231.411,127.979 230.016,127.979 230.016,127.448 231.411,127.448 "/>
<rect x="229.875" y="127.448" fill="#E5E5E3" width="1.396" height="0.531"/>
<rect x="230.875" y="128.62" fill="#E5E5E3" width="0.792" height="1.062"/>
<rect x="230.016" y="128.901" fill="#C4C4C3" width="1.396" height="0.531"/>
<rect x="229.875" y="128.901" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="231.667,131.198 230.875,131.198 230.875,130.135 231.667,130.135 "/>
<polyline fill="#C4C4C3" points="231.411,130.948 230.016,130.948 230.016,130.417 231.411,130.417 "/>
<rect x="229.875" y="130.417" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="231.667,132.807 230.875,132.807 230.875,131.745 231.667,131.745 "/>
<polyline fill="#C4C4C3" points="231.411,132.557 230.016,132.557 230.016,132.026 231.411,132.026 "/>
<rect x="229.875" y="132.026" fill="#E5E5E3" width="1.396" height="0.531"/>
<rect x="230.875" y="128.62" fill="#E5E5E3" width="0.792" height="1.062"/>
<rect x="230.016" y="128.901" fill="#C4C4C3" width="1.396" height="0.531"/>
<rect x="229.875" y="128.901" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="231.667,131.198 230.875,131.198 230.875,130.135 231.667,130.135 "/>
<polyline fill="#C4C4C3" points="231.411,130.948 230.016,130.948 230.016,130.417 231.411,130.417 "/>
<rect x="229.875" y="130.417" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="231.667,132.807 230.875,132.807 230.875,131.745 231.667,131.745 "/>
<polyline fill="#C4C4C3" points="231.411,132.557 230.016,132.557 230.016,132.026 231.411,132.026 "/>
<rect x="229.875" y="132.026" fill="#E5E5E3" width="1.396" height="0.531"/>
<rect x="257.75" y="131.695" fill="#E5E5E3" width="0.792" height="1.062"/>
<rect x="258.005" y="131.945" fill="#C4C4C3" width="1.396" height="0.531"/>
<rect x="258.146" y="131.945" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="257.75,130.18 258.542,130.18 258.542,131.242 257.75,131.242 "/>
<polyline fill="#C4C4C3" points="258.005,130.43 259.401,130.43 259.401,130.961 258.005,130.961 "/>
<rect x="258.146" y="130.43" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="257.75,128.57 258.542,128.57 258.542,129.633 257.75,129.633 "/>
<polyline fill="#C4C4C3" points="258.005,128.82 259.401,128.82 259.401,129.352 258.005,129.352 "/>
<rect x="258.146" y="128.82" fill="#E5E5E3" width="1.396" height="0.531"/>
<rect x="257.75" y="131.695" fill="#E5E5E3" width="0.792" height="1.062"/>
<rect x="258.005" y="131.945" fill="#C4C4C3" width="1.396" height="0.531"/>
<rect x="258.146" y="131.945" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="257.75,130.18 258.542,130.18 258.542,131.242 257.75,131.242 "/>
<polyline fill="#C4C4C3" points="258.005,130.43 259.401,130.43 259.401,130.961 258.005,130.961 "/>
<rect x="258.146" y="130.43" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="257.75,128.57 258.542,128.57 258.542,129.633 257.75,129.633 "/>
<polyline fill="#C4C4C3" points="258.005,128.82 259.401,128.82 259.401,129.352 258.005,129.352 "/>
<rect x="258.146" y="128.82" fill="#E5E5E3" width="1.396" height="0.531"/>
<rect x="257.75" y="127.117" fill="#E5E5E3" width="0.792" height="1.062"/>
<rect x="258.005" y="127.367" fill="#C4C4C3" width="1.396" height="0.531"/>
<rect x="258.146" y="127.367" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="257.75,125.602 258.542,125.602 258.542,126.664 257.75,126.664 "/>
<polyline fill="#C4C4C3" points="258.005,125.852 259.401,125.852 259.401,126.383 258.005,126.383 "/>
<rect x="258.146" y="125.852" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="257.75,123.992 258.542,123.992 258.542,125.055 257.75,125.055 "/>
<polyline fill="#C4C4C3" points="258.005,124.242 259.401,124.242 259.401,124.773 258.005,124.773 "/>
<rect x="258.146" y="124.242" fill="#E5E5E3" width="1.396" height="0.531"/>
<rect x="257.75" y="127.117" fill="#E5E5E3" width="0.792" height="1.062"/>
<rect x="258.005" y="127.367" fill="#C4C4C3" width="1.396" height="0.531"/>
<rect x="258.146" y="127.367" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="257.75,125.602 258.542,125.602 258.542,126.664 257.75,126.664 "/>
<polyline fill="#C4C4C3" points="258.005,125.852 259.401,125.852 259.401,126.383 258.005,126.383 "/>
<rect x="258.146" y="125.852" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="257.75,123.992 258.542,123.992 258.542,125.055 257.75,125.055 "/>
<polyline fill="#C4C4C3" points="258.005,124.242 259.401,124.242 259.401,124.773 258.005,124.773 "/>
<rect x="258.146" y="124.242" fill="#E5E5E3" width="1.396" height="0.531"/>
<rect x="257.75" y="122.523" fill="#E5E5E3" width="0.792" height="1.062"/>
<rect x="258.005" y="122.773" fill="#C4C4C3" width="1.396" height="0.531"/>
<rect x="258.146" y="122.773" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="257.75,121.008 258.542,121.008 258.542,122.07 257.75,122.07 "/>
<polyline fill="#C4C4C3" points="258.005,121.258 259.401,121.258 259.401,121.789 258.005,121.789 "/>
<rect x="258.146" y="121.258" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="257.75,119.398 258.542,119.398 258.542,120.461 257.75,120.461 "/>
<polyline fill="#C4C4C3" points="258.005,119.648 259.401,119.648 259.401,120.18 258.005,120.18 "/>
<rect x="258.146" y="119.648" fill="#E5E5E3" width="1.396" height="0.531"/>
<rect x="257.75" y="122.523" fill="#E5E5E3" width="0.792" height="1.062"/>
<rect x="258.005" y="122.773" fill="#C4C4C3" width="1.396" height="0.531"/>
<rect x="258.146" y="122.773" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="257.75,121.008 258.542,121.008 258.542,122.07 257.75,122.07 "/>
<polyline fill="#C4C4C3" points="258.005,121.258 259.401,121.258 259.401,121.789 258.005,121.789 "/>
<rect x="258.146" y="121.258" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="257.75,119.398 258.542,119.398 258.542,120.461 257.75,120.461 "/>
<polyline fill="#C4C4C3" points="258.005,119.648 259.401,119.648 259.401,120.18 258.005,120.18 "/>
<rect x="258.146" y="119.648" fill="#E5E5E3" width="1.396" height="0.531"/>
<rect x="257.75" y="117.945" fill="#E5E5E3" width="0.792" height="1.062"/>
<rect x="258.005" y="118.195" fill="#C4C4C3" width="1.396" height="0.531"/>
<rect x="258.146" y="118.195" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="257.75,116.43 258.542,116.43 258.542,117.492 257.75,117.492 "/>
<polyline fill="#C4C4C3" points="258.005,116.68 259.401,116.68 259.401,117.211 258.005,117.211 "/>
<rect x="258.146" y="116.68" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="257.75,114.82 258.542,114.82 258.542,115.883 257.75,115.883 "/>
<polyline fill="#C4C4C3" points="258.005,115.07 259.401,115.07 259.401,115.602 258.005,115.602 "/>
<rect x="258.146" y="115.07" fill="#E5E5E3" width="1.396" height="0.531"/>
<rect x="257.75" y="117.945" fill="#E5E5E3" width="0.792" height="1.062"/>
<rect x="258.005" y="118.195" fill="#C4C4C3" width="1.396" height="0.531"/>
<rect x="258.146" y="118.195" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="257.75,116.43 258.542,116.43 258.542,117.492 257.75,117.492 "/>
<polyline fill="#C4C4C3" points="258.005,116.68 259.401,116.68 259.401,117.211 258.005,117.211 "/>
<rect x="258.146" y="116.68" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="257.75,114.82 258.542,114.82 258.542,115.883 257.75,115.883 "/>
<polyline fill="#C4C4C3" points="258.005,115.07 259.401,115.07 259.401,115.602 258.005,115.602 "/>
<rect x="258.146" y="115.07" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="257.75,113.279 258.542,113.279 258.542,114.341 257.75,114.341 "/>
<polyline fill="#C4C4C3" points="258.005,113.529 259.401,113.529 259.401,114.06 258.005,114.06 "/>
<rect x="258.146" y="113.529" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="257.75,113.279 258.542,113.279 258.542,114.341 257.75,114.341 "/>
<polyline fill="#C4C4C3" points="258.005,113.529 259.401,113.529 259.401,114.06 258.005,114.06 "/>
<rect x="258.146" y="113.529" fill="#E5E5E3" width="1.396" height="0.531"/>
<rect x="257.75" y="111.826" fill="#E5E5E3" width="0.792" height="1.062"/>
<rect x="258.005" y="112.076" fill="#C4C4C3" width="1.396" height="0.531"/>
<rect x="258.146" y="112.076" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="257.75,110.31 258.542,110.31 258.542,111.372 257.75,111.372 "/>
<polyline fill="#C4C4C3" points="258.005,110.56 259.401,110.56 259.401,111.091 258.005,111.091 "/>
<rect x="258.146" y="110.56" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="257.75,108.701 258.542,108.701 258.542,109.763 257.75,109.763 "/>
<polyline fill="#C4C4C3" points="258.005,108.951 259.401,108.951 259.401,109.482 258.005,109.482 "/>
<rect x="258.146" y="108.951" fill="#E5E5E3" width="1.396" height="0.531"/>
<rect x="257.75" y="111.826" fill="#E5E5E3" width="0.792" height="1.062"/>
<rect x="258.005" y="112.076" fill="#C4C4C3" width="1.396" height="0.531"/>
<rect x="258.146" y="112.076" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="257.75,110.31 258.542,110.31 258.542,111.372 257.75,111.372 "/>
<polyline fill="#C4C4C3" points="258.005,110.56 259.401,110.56 259.401,111.091 258.005,111.091 "/>
<rect x="258.146" y="110.56" fill="#E5E5E3" width="1.396" height="0.531"/>
<polyline fill="#E5E5E3" points="257.75,108.701 258.542,108.701 258.542,109.763 257.75,109.763 "/>
<polyline fill="#C4C4C3" points="258.005,108.951 259.401,108.951 259.401,109.482 258.005,109.482 "/>
<rect x="258.146" y="108.951" fill="#E5E5E3" width="1.396" height="0.531"/>
<rect x="255.65" y="106.921" fill="#E5E5E3" width="1.062" height="0.792"/>
<rect x="255.9" y="106.061" fill="#C4C4C3" width="0.531" height="1.396"/>
<rect x="255.9" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="254.134,107.712 254.134,106.921 255.197,106.921 255.197,107.712 "/>
<polyline fill="#C4C4C3" points="254.384,107.457 254.384,106.061 254.915,106.061 254.915,107.457 "/>
<rect x="254.384" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="252.525,107.712 252.525,106.921 253.587,106.921 253.587,107.712 "/>
<polyline fill="#C4C4C3" points="252.775,107.457 252.775,106.061 253.306,106.061 253.306,107.457 "/>
<rect x="252.775" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<rect x="255.65" y="106.921" fill="#E5E5E3" width="1.062" height="0.792"/>
<rect x="255.9" y="106.061" fill="#C4C4C3" width="0.531" height="1.396"/>
<rect x="255.9" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="254.134,107.712 254.134,106.921 255.197,106.921 255.197,107.712 "/>
<polyline fill="#C4C4C3" points="254.384,107.457 254.384,106.061 254.915,106.061 254.915,107.457 "/>
<rect x="254.384" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="252.525,107.712 252.525,106.921 253.587,106.921 253.587,107.712 "/>
<polyline fill="#C4C4C3" points="252.775,107.457 252.775,106.061 253.306,106.061 253.306,107.457 "/>
<rect x="252.775" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<rect x="251.072" y="106.921" fill="#E5E5E3" width="1.062" height="0.792"/>
<rect x="251.322" y="106.061" fill="#C4C4C3" width="0.531" height="1.396"/>
<rect x="251.322" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="249.556,107.712 249.556,106.921 250.618,106.921 250.618,107.712 "/>
<polyline fill="#C4C4C3" points="249.806,107.457 249.806,106.061 250.337,106.061 250.337,107.457 "/>
<rect x="249.806" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="247.947,107.712 247.947,106.921 249.009,106.921 249.009,107.712 "/>
<polyline fill="#C4C4C3" points="248.197,107.457 248.197,106.061 248.728,106.061 248.728,107.457 "/>
<rect x="248.197" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<rect x="251.072" y="106.921" fill="#E5E5E3" width="1.062" height="0.792"/>
<rect x="251.322" y="106.061" fill="#C4C4C3" width="0.531" height="1.396"/>
<rect x="251.322" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="249.556,107.712 249.556,106.921 250.618,106.921 250.618,107.712 "/>
<polyline fill="#C4C4C3" points="249.806,107.457 249.806,106.061 250.337,106.061 250.337,107.457 "/>
<rect x="249.806" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="247.947,107.712 247.947,106.921 249.009,106.921 249.009,107.712 "/>
<polyline fill="#C4C4C3" points="248.197,107.457 248.197,106.061 248.728,106.061 248.728,107.457 "/>
<rect x="248.197" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<rect x="246.478" y="106.921" fill="#E5E5E3" width="1.062" height="0.792"/>
<rect x="246.728" y="106.061" fill="#C4C4C3" width="0.531" height="1.396"/>
<rect x="246.728" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="244.962,107.712 244.962,106.921 246.025,106.921 246.025,107.712 "/>
<polyline fill="#C4C4C3" points="245.212,107.457 245.212,106.061 245.743,106.061 245.743,107.457 "/>
<rect x="245.212" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="243.353,107.712 243.353,106.921 244.415,106.921 244.415,107.712 "/>
<polyline fill="#C4C4C3" points="243.603,107.457 243.603,106.061 244.134,106.061 244.134,107.457 "/>
<rect x="243.603" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<rect x="246.478" y="106.921" fill="#E5E5E3" width="1.062" height="0.792"/>
<rect x="246.728" y="106.061" fill="#C4C4C3" width="0.531" height="1.396"/>
<rect x="246.728" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="244.962,107.712 244.962,106.921 246.025,106.921 246.025,107.712 "/>
<polyline fill="#C4C4C3" points="245.212,107.457 245.212,106.061 245.743,106.061 245.743,107.457 "/>
<rect x="245.212" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="243.353,107.712 243.353,106.921 244.415,106.921 244.415,107.712 "/>
<polyline fill="#C4C4C3" points="243.603,107.457 243.603,106.061 244.134,106.061 244.134,107.457 "/>
<rect x="243.603" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<rect x="241.9" y="106.921" fill="#E5E5E3" width="1.062" height="0.792"/>
<rect x="242.15" y="106.061" fill="#C4C4C3" width="0.531" height="1.396"/>
<rect x="242.15" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="240.384,107.712 240.384,106.921 241.447,106.921 241.447,107.712 "/>
<polyline fill="#C4C4C3" points="240.634,107.457 240.634,106.061 241.165,106.061 241.165,107.457 "/>
<rect x="240.634" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="238.775,107.712 238.775,106.921 239.837,106.921 239.837,107.712 "/>
<polyline fill="#C4C4C3" points="239.025,107.457 239.025,106.061 239.556,106.061 239.556,107.457 "/>
<rect x="239.025" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<rect x="241.9" y="106.921" fill="#E5E5E3" width="1.062" height="0.792"/>
<rect x="242.15" y="106.061" fill="#C4C4C3" width="0.531" height="1.396"/>
<rect x="242.15" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="240.384,107.712 240.384,106.921 241.447,106.921 241.447,107.712 "/>
<polyline fill="#C4C4C3" points="240.634,107.457 240.634,106.061 241.165,106.061 241.165,107.457 "/>
<rect x="240.634" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="238.775,107.712 238.775,106.921 239.837,106.921 239.837,107.712 "/>
<polyline fill="#C4C4C3" points="239.025,107.457 239.025,106.061 239.556,106.061 239.556,107.457 "/>
<rect x="239.025" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="237.233,107.712 237.233,106.921 238.296,106.921 238.296,107.712 "/>
<polyline fill="#C4C4C3" points="237.483,107.457 237.483,106.061 238.014,106.061 238.014,107.457 "/>
<rect x="237.483" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="237.233,107.712 237.233,106.921 238.296,106.921 238.296,107.712 "/>
<polyline fill="#C4C4C3" points="237.483,107.457 237.483,106.061 238.014,106.061 238.014,107.457 "/>
<rect x="237.483" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<rect x="235.78" y="106.921" fill="#E5E5E3" width="1.062" height="0.792"/>
<rect x="236.03" y="106.061" fill="#C4C4C3" width="0.531" height="1.396"/>
<rect x="236.03" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="234.264,107.712 234.264,106.921 235.327,106.921 235.327,107.712 "/>
<polyline fill="#C4C4C3" points="234.514,107.457 234.514,106.061 235.046,106.061 235.046,107.457 "/>
<rect x="234.514" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="232.655,107.712 232.655,106.921 233.717,106.921 233.717,107.712 "/>
<polyline fill="#C4C4C3" points="232.905,107.457 232.905,106.061 233.436,106.061 233.436,107.457 "/>
<rect x="232.905" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<rect x="235.78" y="106.921" fill="#E5E5E3" width="1.062" height="0.792"/>
<rect x="236.03" y="106.061" fill="#C4C4C3" width="0.531" height="1.396"/>
<rect x="236.03" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="234.264,107.712 234.264,106.921 235.327,106.921 235.327,107.712 "/>
<polyline fill="#C4C4C3" points="234.514,107.457 234.514,106.061 235.046,106.061 235.046,107.457 "/>
<rect x="234.514" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="232.655,107.712 232.655,106.921 233.717,106.921 233.717,107.712 "/>
<polyline fill="#C4C4C3" points="232.905,107.457 232.905,106.061 233.436,106.061 233.436,107.457 "/>
<rect x="232.905" y="105.921" fill="#E5E5E3" width="0.531" height="1.396"/>
<rect x="232.68" y="133.691" fill="#E5E5E3" width="1.062" height="0.792"/>
<rect x="232.961" y="133.947" fill="#C4C4C3" width="0.531" height="1.396"/>
<rect x="232.961" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="235.258,133.691 235.258,134.483 234.195,134.483 234.195,133.691 "/>
<polyline fill="#C4C4C3" points="235.008,133.947 235.008,135.342 234.477,135.342 234.477,133.947 "/>
<rect x="234.477" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="236.867,133.691 236.867,134.483 235.805,134.483 235.805,133.691 "/>
<polyline fill="#C4C4C3" points="236.617,133.947 236.617,135.342 236.086,135.342 236.086,133.947 "/>
<rect x="236.086" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<rect x="232.68" y="133.691" fill="#E5E5E3" width="1.062" height="0.792"/>
<rect x="232.961" y="133.947" fill="#C4C4C3" width="0.531" height="1.396"/>
<rect x="232.961" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="235.258,133.691 235.258,134.483 234.195,134.483 234.195,133.691 "/>
<polyline fill="#C4C4C3" points="235.008,133.947 235.008,135.342 234.477,135.342 234.477,133.947 "/>
<rect x="234.477" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="236.867,133.691 236.867,134.483 235.805,134.483 235.805,133.691 "/>
<polyline fill="#C4C4C3" points="236.617,133.947 236.617,135.342 236.086,135.342 236.086,133.947 "/>
<rect x="236.086" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<rect x="237.258" y="133.691" fill="#E5E5E3" width="1.062" height="0.792"/>
<rect x="237.539" y="133.947" fill="#C4C4C3" width="0.531" height="1.396"/>
<rect x="237.539" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="239.836,133.691 239.836,134.483 238.773,134.483 238.773,133.691 "/>
<polyline fill="#C4C4C3" points="239.586,133.947 239.586,135.342 239.055,135.342 239.055,133.947 "/>
<rect x="239.055" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="241.445,133.691 241.445,134.483 240.383,134.483 240.383,133.691 "/>
<polyline fill="#C4C4C3" points="241.195,133.947 241.195,135.342 240.664,135.342 240.664,133.947 "/>
<rect x="240.664" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<rect x="237.258" y="133.691" fill="#E5E5E3" width="1.062" height="0.792"/>
<rect x="237.539" y="133.947" fill="#C4C4C3" width="0.531" height="1.396"/>
<rect x="237.539" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="239.836,133.691 239.836,134.483 238.773,134.483 238.773,133.691 "/>
<polyline fill="#C4C4C3" points="239.586,133.947 239.586,135.342 239.055,135.342 239.055,133.947 "/>
<rect x="239.055" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="241.445,133.691 241.445,134.483 240.383,134.483 240.383,133.691 "/>
<polyline fill="#C4C4C3" points="241.195,133.947 241.195,135.342 240.664,135.342 240.664,133.947 "/>
<rect x="240.664" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<rect x="241.852" y="133.691" fill="#E5E5E3" width="1.062" height="0.792"/>
<rect x="242.133" y="133.947" fill="#C4C4C3" width="0.531" height="1.396"/>
<rect x="242.133" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="244.43,133.691 244.43,134.483 243.367,134.483 243.367,133.691 "/>
<polyline fill="#C4C4C3" points="244.18,133.947 244.18,135.342 243.648,135.342 243.648,133.947 "/>
<rect x="243.648" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="246.039,133.691 246.039,134.483 244.977,134.483 244.977,133.691 "/>
<polyline fill="#C4C4C3" points="245.789,133.947 245.789,135.342 245.258,135.342 245.258,133.947 "/>
<rect x="245.258" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<rect x="241.852" y="133.691" fill="#E5E5E3" width="1.062" height="0.792"/>
<rect x="242.133" y="133.947" fill="#C4C4C3" width="0.531" height="1.396"/>
<rect x="242.133" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="244.43,133.691 244.43,134.483 243.367,134.483 243.367,133.691 "/>
<polyline fill="#C4C4C3" points="244.18,133.947 244.18,135.342 243.648,135.342 243.648,133.947 "/>
<rect x="243.648" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="246.039,133.691 246.039,134.483 244.977,134.483 244.977,133.691 "/>
<polyline fill="#C4C4C3" points="245.789,133.947 245.789,135.342 245.258,135.342 245.258,133.947 "/>
<rect x="245.258" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<rect x="246.43" y="133.691" fill="#E5E5E3" width="1.062" height="0.792"/>
<rect x="246.711" y="133.947" fill="#C4C4C3" width="0.531" height="1.396"/>
<rect x="246.711" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="249.008,133.691 249.008,134.483 247.945,134.483 247.945,133.691 "/>
<polyline fill="#C4C4C3" points="248.758,133.947 248.758,135.342 248.227,135.342 248.227,133.947 "/>
<rect x="248.227" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="250.617,133.691 250.617,134.483 249.555,134.483 249.555,133.691 "/>
<polyline fill="#C4C4C3" points="250.367,133.947 250.367,135.342 249.836,135.342 249.836,133.947 "/>
<rect x="249.836" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<rect x="246.43" y="133.691" fill="#E5E5E3" width="1.062" height="0.792"/>
<rect x="246.711" y="133.947" fill="#C4C4C3" width="0.531" height="1.396"/>
<rect x="246.711" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="249.008,133.691 249.008,134.483 247.945,134.483 247.945,133.691 "/>
<polyline fill="#C4C4C3" points="248.758,133.947 248.758,135.342 248.227,135.342 248.227,133.947 "/>
<rect x="248.227" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="250.617,133.691 250.617,134.483 249.555,134.483 249.555,133.691 "/>
<polyline fill="#C4C4C3" points="250.367,133.947 250.367,135.342 249.836,135.342 249.836,133.947 "/>
<rect x="249.836" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="252.159,133.691 252.159,134.483 251.096,134.483 251.096,133.691 "/>
<polyline fill="#C4C4C3" points="251.909,133.947 251.909,135.342 251.378,135.342 251.378,133.947 "/>
<rect x="251.378" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="252.159,133.691 252.159,134.483 251.096,134.483 251.096,133.691 "/>
<polyline fill="#C4C4C3" points="251.909,133.947 251.909,135.342 251.378,135.342 251.378,133.947 "/>
<rect x="251.378" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<rect x="252.549" y="133.691" fill="#E5E5E3" width="1.062" height="0.792"/>
<rect x="252.831" y="133.947" fill="#C4C4C3" width="0.531" height="1.396"/>
<rect x="252.831" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="255.128,133.691 255.128,134.483 254.065,134.483 254.065,133.691 "/>
<polyline fill="#C4C4C3" points="254.878,133.947 254.878,135.342 254.346,135.342 254.346,133.947 "/>
<rect x="254.346" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="256.737,133.691 256.737,134.483 255.674,134.483 255.674,133.691 "/>
<polyline fill="#C4C4C3" points="256.487,133.947 256.487,135.342 255.956,135.342 255.956,133.947 "/>
<rect x="255.956" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<rect x="252.549" y="133.691" fill="#E5E5E3" width="1.062" height="0.792"/>
<rect x="252.831" y="133.947" fill="#C4C4C3" width="0.531" height="1.396"/>
<rect x="252.831" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="255.128,133.691 255.128,134.483 254.065,134.483 254.065,133.691 "/>
<polyline fill="#C4C4C3" points="254.878,133.947 254.878,135.342 254.346,135.342 254.346,133.947 "/>
<rect x="254.346" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<polyline fill="#E5E5E3" points="256.737,133.691 256.737,134.483 255.674,134.483 255.674,133.691 "/>
<polyline fill="#C4C4C3" points="256.487,133.947 256.487,135.342 255.956,135.342 255.956,133.947 "/>
<rect x="255.956" y="134.087" fill="#E5E5E3" width="0.531" height="1.396"/>
<path fill="#383838" d="M256.742,133.667h-24.068c-0.557,0-1.008-0.451-1.008-1.008v-23.984c0-0.557,0.451-1.008,1.008-1.008
h24.068c0.557,0,1.008,0.451,1.008,1.008v23.984C257.75,133.215,257.299,133.667,256.742,133.667z"/>
</g>
<g id="Layer_26">
<circle fill="#2D2D2D" cx="254.471" cy="130.584" r="1.524"/>
</g>
</g>
<g id="transistor_x5F_1">
<rect x="101.153" y="88.417" fill="#E5E5E3" width="3.93" height="6.667"/>
<rect x="107.78" y="88.417" fill="#E5E5E3" width="3.93" height="6.667"/>
<rect x="114.843" y="88.417" fill="#E5E5E3" width="3.93" height="6.667"/>
<rect x="103.848" y="70.11" fill="#E5E5E3" width="11.794" height="7.446"/>
<rect x="101.952" y="87" fill="#CCCCCC" width="2.445" height="7.5"/>
<rect x="108.453" y="87" fill="#CCCCCC" width="2.445" height="7.5"/>
<rect x="115.586" y="87" fill="#CCCCCC" width="2.445" height="7.5"/>
<rect x="101.952" y="86.667" fill="#E5E5E3" width="2.445" height="7.5"/>
<rect x="100.716" y="77.556" fill="#353535" width="17.919" height="9.444"/>
<rect x="108.453" y="86.667" fill="#E5E5E3" width="2.445" height="7.5"/>
<rect x="115.586" y="86.667" fill="#E5E5E3" width="2.445" height="7.5"/>
<rect x="103.848" y="70.11" fill="#C6C6C5" width="11.794" height="0.973"/>
</g>
<g id="micro_usb" class="outline" {{action 'showName' 'Micro USB Power In'}}>
<rect x="60.667" y="202.5" fill="#E5E5E3" width="3.833" height="5.5"/>
<rect x="46" y="187.02" opacity="0.1" width="16" height="23.5"/>
<rect x="60.667" y="183.833" fill="#E5E5E3" width="3.833" height="5.333"/>
<rect x="46" y="184.5" fill="#D3D3D3" width="16" height="23.5"/>
<rect x="44.333" y="187.167" fill="#D3D3D3" width="5.667" height="18.833"/>
<rect x="63.958" y="202.5" fill="#C6C6C5" width="0.583" height="5.5"/>
<rect x="63.833" y="183.833" fill="#C6C6C5" width="0.667" height="5.333"/>
<polygon fill="#A9A8A8" points="53.708,188.208 50.917,188.208 50.917,187.708 50,187.708 50,188.208 50,190.583 50,191.042
50.917,191.042 50.917,190.583 53.708,190.583 "/>
<polygon fill="#A9A8A8" points="53.708,203 50.917,203 50.917,202.5 50,202.5 50,203 50,205.375 50,205.833 50.917,205.833
50.917,205.375 53.708,205.375 "/>
<rect x="58.417" y="187.38" fill="#A9A8A8" width="1.708" height="4.828"/>
<rect x="59.271" y="191.042" fill="#A9A8A8" width="1.729" height="1.167"/>
<rect x="58.417" y="201.297" fill="#A9A8A8" width="1.708" height="4.828"/>
<rect x="59.271" y="201.297" fill="#A9A8A8" width="1.729" height="1.167"/>
</g>
<g id="round-thing">
<rect x="82.5" y="181.625" fill="#E5E5E3" width="7.875" height="31.25"/>
<circle opacity="0.1" cx="86.129" cy="202.088" r="9.667"/>
<circle fill="#EFEFEF" cx="86.129" cy="199.208" r="9.667"/>
<path fill="#969696" d="M79.081,204.099c1.552,2.23,4.131,3.696,7.048,3.696c2.318,0,4.42-0.927,5.966-2.425L79.081,204.099z"/>
<rect x="82.5" y="181.625" fill="#C6C6C5" width="7.875" height="1.125"/>
<rect x="82.5" y="211.75" fill="#C6C6C5" width="7.875" height="1.125"/>
<g id="Layer_25">
<rect x="80.579" y="198.353" transform="matrix(0.9944 0.1054 -0.1054 0.9944 21.5952 -7.5122)" fill="#D3D3D3" width="2.609" height="4.48"/>
<rect x="84.894" y="193.266" transform="matrix(0.9944 0.1054 -0.1054 0.9944 21.3736 -7.9712)" fill="#D3D3D3" width="2.445" height="10"/>
<rect x="88.513" y="196.988" transform="matrix(0.9944 0.1054 -0.1054 0.9944 21.6101 -8.3371)" fill="#D3D3D3" width="2.367" height="6.667"/>
</g>
</g>
<g id="ethernet" class="outline" {{action 'showName' 'Ethernet'}}>
<rect x="247.576" y="171.977" opacity="0.1" width="61.758" height="47.062"/>
<rect x="266.167" y="161.167" fill="#E5E5E3" width="6" height="8.417"/>
<rect x="247.576" y="166.938" fill="#CFCECE" width="65.424" height="47.062"/>
<rect x="248.572" y="172.042" fill="#A5A4A4" width="1.266" height="15.625"/>
<rect x="248.924" y="194.542" fill="#A5A4A4" width="1.266" height="15.625"/>
<rect x="266.167" y="161.167" fill="#C9C9C9" width="6" height="0.833"/>
</g>
<g id="usb" class="outline" {{action 'showName' 'USB'}}>
<circle fill="#F4DDB8" stroke="#D3BA97" stroke-width="0.3" stroke-miterlimit="10" cx="298.427" cy="144.156" r="4.761"/>
<circle fill="#E5E5E3" stroke="#C6C6C5" stroke-width="0.3" stroke-miterlimit="10" cx="298.427" cy="144.156" r="2.904"/>
<circle fill="#F4DDB8" stroke="#D3BA97" stroke-width="0.3" stroke-miterlimit="10" cx="281.371" cy="106.363" r="4.761"/>
<circle fill="#E5E5E3" stroke="#C6C6C5" stroke-width="0.3" stroke-miterlimit="10" cx="281.371" cy="106.723" r="2.904"/>
<circle fill="#F4DDB8" stroke="#D3BA97" stroke-width="0.3" stroke-miterlimit="10" cx="298.787" cy="106.363" r="4.761"/>
<circle fill="#E5E5E3" stroke="#C6C6C5" stroke-width="0.3" stroke-miterlimit="10" cx="298.787" cy="106.723" r="2.904"/>
<circle fill="#F4DDB8" stroke="#D3BA97" stroke-width="0.3" stroke-miterlimit="10" cx="281.011" cy="144.156" r="4.761"/>
<circle fill="#E5E5E3" stroke="#C6C6C5" stroke-width="0.3" stroke-miterlimit="10" cx="281.011" cy="144.156" r="2.904"/>
<polygon opacity="0.1" fill="#020202" points="328.318,148.032 280.288,148.032 280.288,110.161 328.318,110.161 328.318,144.072
"/>
<rect x="280.288" y="106.921" fill="#D3D3D3" width="50.712" height="37.871"/>
<rect x="331" y="109.812" fill="#D3D3D3" width="1.53" height="31.958"/>
<polygon fill="#D3D3D3" points="332.53,108.097 331,108.097 331.72,103.843 333.25,103.843 "/>
<polygon fill="#D3D3D3" points="333.25,148.157 331.72,148.157 331,143.903 332.53,143.903 "/>
<g id="Layer_28">
<polygon fill="#E0E0E0" points="332.41,120.803 314,121.523 314,111.609 332.41,112.329 "/>
<polygon fill="#E0E0E0" points="332.41,139.163 314,139.883 314,129.969 332.41,130.689 "/>
<path fill="#D3D3D3" d="M323.708,118.783l-10.566,0.948c-1.72,0.037-3.142-1.677-3.142-2.915v-0.499
c0-1.239,1.422-2.953,3.142-2.915l10.566,0.948c1.648,0.036,2.959,1.008,2.959,2.195v0.043
C326.667,117.775,325.356,118.748,323.708,118.783z"/>
<path fill="#D3D3D3" d="M323.159,137.143l-10.143,0.948c-1.651,0.037-3.016-1.677-3.016-2.915v-0.499
c0-1.239,1.365-2.953,3.016-2.915l10.143,0.948c1.582,0.036,2.841,1.008,2.841,2.195v0.043
C326,136.135,324.742,137.108,323.159,137.143z"/>
<polygon fill="#BABABA" points="331.375,112.289 331.375,120.844 332.41,120.803 332.41,112.329 "/>
<polygon fill="#BABABA" points="331.375,130.649 331.375,139.204 332.41,139.163 332.41,130.689 "/>
<polygon fill="#C1C1C0" points="321.375,118.993 323.205,118.828 323.205,114.304 321.375,114.14 "/>
<polygon fill="#C1C1C0" points="321.031,137.353 322.861,137.188 322.861,132.664 321.031,132.5 "/>
</g>
<g id="Layer_29">
<rect x="280.288" y="115.333" fill="#BFBFBF" width="8.962" height="21.917"/>
<path fill="#BFBFBF" d="M301.828,122.07v6.99c1.93,0,3.495-1.565,3.495-3.495C305.323,123.635,303.758,122.07,301.828,122.07z"/>
<circle fill="#B0AFB0" cx="284.654" cy="126.046" r="3.014"/>
</g>
</g>
<g id="pins-2">
<path opacity="0.15" d="M214.782,134.839c0-1.067-0.516-1.287-1.305-1.905h-4.285c-0.79,0.618-1.305,0.838-1.305,1.905v2.99
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V134.839z"/>
<path fill="none" d="M214.122,130.392h-0.645c0.79,0.618,1.305,1.558,1.305,2.625v2.27c0,0.81-0.304,1.543-0.789,2.125h0.129
c3.938,0,7.13-3.022,7.13-6.75C221.251,126.934,218.059,130.392,214.122,130.392z"/>
<path fill="#353535" d="M214.782,133.017c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v2.27
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V133.017z"/>
<rect x="210.454" y="134.344" fill="#020202" width="1.76" height="1.667"/>
<rect x="210.454" y="132.844" fill="#DCDBDB" width="1.76" height="1.667"/>
<path fill="#353535" d="M214.782,125.997c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v2.27
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V125.997z"/>
<rect x="210.454" y="127.144" fill="#020202" width="1.76" height="1.667"/>
<rect x="210.454" y="125.824" fill="#DCDBDB" width="1.76" height="1.667"/>
<path fill="#353535" d="M214.782,118.977c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v2.27
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V118.977z"/>
<rect x="210.454" y="120.304" fill="#020202" width="1.76" height="1.667"/>
<rect x="210.454" y="118.804" fill="#DCDBDB" width="1.76" height="1.667"/>
<path fill="#353535" d="M214.782,111.957c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v2.27
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V111.957z"/>
<rect x="210.454" y="113.284" fill="#020202" width="1.76" height="1.667"/>
<rect x="210.454" y="111.784" fill="#DCDBDB" width="1.76" height="1.667"/>
<path fill="#353535" d="M214.782,104.937c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v2.27
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V104.937z"/>
<rect x="210.454" y="106.264" fill="#020202" width="1.76" height="1.667"/>
<rect x="210.454" y="104.764" fill="#DCDBDB" width="1.76" height="1.667"/>
<path fill="#353535" d="M214.782,97.917c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v2.27
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V97.917z"/>
<rect x="210.454" y="99.244" fill="#020202" width="1.76" height="1.667"/>
<rect x="210.454" y="97.744" fill="#DCDBDB" width="1.76" height="1.667"/>
<path fill="#353535" d="M214.782,90.897c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v2.27
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V90.897z"/>
<rect x="210.454" y="92.224" fill="#020202" width="1.76" height="1.667"/>
<rect x="210.454" y="90.724" fill="#DCDBDB" width="1.76" height="1.667"/>
<path fill="#353535" d="M214.782,83.877c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v2.27
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V83.877z"/>
<rect x="210.454" y="85.204" fill="#020202" width="1.76" height="1.667"/>
<rect x="210.454" y="83.704" fill="#DCDBDB" width="1.76" height="1.667"/>
<path fill="#353535" d="M214.782,76.857c0-1.067-0.516-2.007-1.305-2.625h-4.285c-0.79,0.618-1.305,1.558-1.305,2.625v2.27
c0,0.81,0.304,1.543,0.789,2.125h5.317c0.486-0.582,0.789-1.315,0.789-2.125V76.857z"/>
<rect x="210.454" y="78.184" fill="#020202" width="1.76" height="1.667"/>
<rect x="210.454" y="76.684" fill="#DCDBDB" width="1.76" height="1.667"/>
</g>
<g id="hdmi" class="outline" {{action 'showName' 'HDMI Out'}}>
<g id="Layer_34">
<path fill="#E5E5E3" d="M208.351,209.66c0,0.696-0.564,1.26-1.26,1.26h-2.438c-0.696,0-1.26-0.564-1.26-1.26v-4.729
c0-0.696,0.564-1.26,1.26-1.26h2.438c0.696,0,1.26,0.564,1.26,1.26V209.66z"/>
<path fill="#E5E5E3" d="M208.351,191.66c0,0.696-0.564,1.26-1.26,1.26h-1.896c-0.696,0-1.26-0.564-1.26-1.26v-6.062
c0-0.696,0.564-1.26,1.26-1.26h1.896c0.696,0,1.26,0.564,1.26,1.26V191.66z"/>
<path fill="#E5E5E3" d="M163.583,210.365c0,0.696-0.564,1.26-1.26,1.26h-2.438c-0.696,0-1.26-0.564-1.26-1.26v-4.729
c0-0.696,0.564-1.26,1.26-1.26h2.438c0.696,0,1.26,0.564,1.26,1.26V210.365z"/>
<path fill="#DCDBDB" d="M163.583,192.365c0,0.696-0.564,1.26-1.26,1.26h-1.896c-0.696,0-1.26-0.564-1.26-1.26v-6.062
c0-0.696,0.564-1.26,1.26-1.26h1.896c0.696,0,1.26,0.564,1.26,1.26V192.365z"/>
<line fill="#DCDBDB" x1="158.625" y1="210.365" x2="158.625" y2="205.635"/>
<path fill="#E5E5E3" d="M163.583,192.365c0,0.696-0.564,1.26-1.26,1.26h-1.896c-0.696,0-1.26-0.564-1.26-1.26v-6.062
c0-0.632,0.5-1.26,1.26-1.26h1.896c0.696,0,1.26,0.564,1.26,1.26V192.365z"/>
<g>
<rect x="168.719" y="183.312" fill="#D3D3D3" width="1.438" height="2.031"/>
<rect x="169.193" y="184.328" fill="#E5E5E3" width="0.583" height="6.141"/>
</g>
<g>
<rect x="170.346" y="183.312" fill="#D3D3D3" width="1.438" height="2.031"/>
<rect x="170.821" y="184.328" fill="#E5E5E3" width="0.583" height="6.141"/>
</g>
<g>
<rect x="171.955" y="183.312" fill="#D3D3D3" width="1.438" height="2.031"/>
<rect x="172.429" y="184.328" fill="#E5E5E3" width="0.583" height="6.141"/>
</g>
<g>
<rect x="173.548" y="183.312" fill="#D3D3D3" width="1.438" height="2.031"/>
<rect x="174.023" y="184.328" fill="#E5E5E3" width="0.583" height="6.141"/>
</g>
<g>
<rect x="175.176" y="183.312" fill="#D3D3D3" width="1.438" height="2.031"/>
<rect x="175.65" y="184.328" fill="#E5E5E3" width="0.583" height="6.141"/>
</g>
<g>
<rect x="176.784" y="183.312" fill="#D3D3D3" width="1.438" height="2.031"/>
<rect x="177.259" y="184.328" fill="#E5E5E3" width="0.583" height="6.141"/>
</g>
<g>
<rect x="178.398" y="183.327" fill="#D3D3D3" width="1.438" height="2.031"/>
<rect x="178.872" y="184.343" fill="#E5E5E3" width="0.583" height="6.141"/>
</g>
<g>
<rect x="180.025" y="183.327" fill="#D3D3D3" width="1.438" height="2.031"/>
<rect x="180.5" y="184.343" fill="#E5E5E3" width="0.583" height="6.141"/>
</g>
<g>
<rect x="181.633" y="183.327" fill="#D3D3D3" width="1.438" height="2.031"/>
<rect x="182.108" y="184.343" fill="#E5E5E3" width="0.583" height="6.141"/>
</g>
<g>
<rect x="183.227" y="183.327" fill="#D3D3D3" width="1.438" height="2.031"/>
<rect x="183.702" y="184.343" fill="#E5E5E3" width="0.583" height="6.141"/>
</g>
<g>
<rect x="184.855" y="183.327" fill="#D3D3D3" width="1.438" height="2.031"/>
<rect x="185.329" y="184.343" fill="#E5E5E3" width="0.583" height="6.141"/>
</g>
<g>
<rect x="186.463" y="183.327" fill="#D3D3D3" width="1.438" height="2.031"/>
<rect x="186.938" y="184.343" fill="#E5E5E3" width="0.583" height="6.141"/>
</g>
<g>
<rect x="188.08" y="183.286" fill="#D3D3D3" width="1.438" height="2.031"/>
<rect x="188.555" y="184.301" fill="#E5E5E3" width="0.583" height="6.141"/>
</g>
<g>
<rect x="189.708" y="183.286" fill="#D3D3D3" width="1.438" height="2.031"/>
<rect x="190.182" y="184.301" fill="#E5E5E3" width="0.583" height="6.141"/>
</g>
<g>
<rect x="191.316" y="183.286" fill="#D3D3D3" width="1.438" height="2.031"/>
<rect x="191.79" y="184.301" fill="#E5E5E3" width="0.583" height="6.141"/>
</g>
<g>
<rect x="192.91" y="183.286" fill="#D3D3D3" width="1.438" height="2.031"/>
<rect x="193.384" y="184.301" fill="#E5E5E3" width="0.583" height="6.141"/>
</g>
<g>
<rect x="194.537" y="183.286" fill="#D3D3D3" width="1.438" height="2.031"/>
<rect x="195.012" y="184.301" fill="#E5E5E3" width="0.583" height="6.141"/>
</g>
<g>
<rect x="196.145" y="183.286" fill="#D3D3D3" width="1.438" height="2.031"/>
<rect x="196.62" y="184.301" fill="#E5E5E3" width="0.583" height="6.141"/>
</g>
</g>
<rect x="161.062" y="192.255" opacity="0.07" width="45.021" height="33.542"/>
<rect x="161.062" y="189.375" fill="#D3D3D3" width="45.021" height="33.542"/>
<rect x="161.062" y="189.375" fill="#C6C6C5" width="2.521" height="33.542"/>
<rect x="203.562" y="189.375" fill="#DCDBDB" width="2.521" height="33.542"/>
<g id="Layer_33">
<path fill="#C6C6C5" d="M174.917,195.74c0,0.696-0.564,1.26-1.26,1.26h-1.479c-0.696,0-1.26-0.564-1.26-1.26l0,0
c0-0.696,0.564-1.26,1.26-1.26h1.479C174.352,194.479,174.917,195.043,174.917,195.74L174.917,195.74z"/>
<path fill="#C6C6C5" d="M196.5,195.74c0,0.696-0.564,1.26-1.26,1.26h-1.479c-0.696,0-1.26-0.564-1.26-1.26l0,0
c0-0.696,0.564-1.26,1.26-1.26h1.479C195.936,194.479,196.5,195.043,196.5,195.74L196.5,195.74z"/>
<path fill="#C6C6C5" d="M172.516,219.333h-5.865c-0.293,0-0.527-0.244-0.514-0.537l0.64-14.591
c0.032-0.721,0.625-1.289,1.347-1.289h2.92c0.722,0,1.315,0.568,1.347,1.289l0.64,14.591
C173.043,219.089,172.809,219.333,172.516,219.333z"/>
<path fill="#D3D3D3" d="M171.887,219.333h-4.607l0.687-13.021c0.018-0.35,0.308-0.624,0.658-0.624h1.916
c0.351,0,0.64,0.274,0.658,0.624L171.887,219.333z"/>
<path fill="#C6C6C5" d="M200.543,219.333h-5.865c-0.293,0-0.527-0.244-0.514-0.537l0.64-14.591
c0.032-0.721,0.625-1.289,1.347-1.289h2.92c0.722,0,1.315,0.568,1.347,1.289l0.64,14.591
C201.069,219.089,200.835,219.333,200.543,219.333z"/>
<path fill="#D3D3D3" d="M199.913,219.333h-4.607l0.687-13.021c0.018-0.35,0.308-0.624,0.658-0.624h1.916
c0.351,0,0.64,0.274,0.658,0.624L199.913,219.333z"/>
<polygon fill="#C6C6C5" points="167.912,207.354 167.865,208.237 171.301,208.237 171.255,207.354 "/>
<polygon fill="#C6C6C5" points="195.939,207.354 195.892,208.237 199.328,208.237 199.281,207.354 "/>
</g>
</g>
<g id="leds">
<rect x="272.818" y="69.38" fill="#E5E5E3" width="3.01" height="2.583"/>
<rect x="272.818" y="71.713" fill="#C9C9C9" width="3.01" height="0.25"/>
<rect x="272.818" y="64.625" fill="#E5E5E3" width="3.01" height="2.583"/>
<rect x="273" y="65.765" fill="#FFFFFF" width="2.625" height="4.985"/>
<rect x="273.958" y="68" fill="#E8E8E8" width="0.625" height="0.625"/>
<rect x="272.818" y="64.625" fill="#C9C9C9" width="3.01" height="0.25"/>
<rect x="278.943" y="69.38" fill="#E5E5E3" width="3.01" height="2.583"/>
<rect x="278.943" y="71.713" fill="#C9C9C9" width="3.01" height="0.25"/>
<rect x="278.943" y="64.625" fill="#E5E5E3" width="3.01" height="2.583"/>
<rect x="279.125" y="65.765" fill="#FFFFFF" width="2.625" height="4.985"/>
<rect x="280.083" y="68" fill="#E8E8E8" width="0.625" height="0.625"/>
<rect x="278.943" y="64.625" fill="#C9C9C9" width="3.01" height="0.25"/>
<rect x="288.13" y="69.38" fill="#E5E5E3" width="3.01" height="2.583"/>
<rect x="288.13" y="71.713" fill="#C9C9C9" width="3.01" height="0.25"/>
<rect x="288.13" y="64.625" fill="#E5E5E3" width="3.01" height="2.583"/>
<rect x="288.312" y="65.765" fill="#FFFFFF" width="2.625" height="4.985"/>
<rect x="289.271" y="68" fill="#E8E8E8" width="0.625" height="0.625"/>
<rect x="288.13" y="64.625" fill="#C9C9C9" width="3.01" height="0.25"/>
<rect x="294.255" y="69.38" fill="#E5E5E3" width="3.01" height="2.583"/>
<rect x="294.255" y="71.713" fill="#C9C9C9" width="3.01" height="0.25"/>
<rect x="294.255" y="64.625" fill="#E5E5E3" width="3.01" height="2.583"/>
<rect x="294.438" y="65.765" fill="#FFFFFF" width="2.625" height="4.985"/>
<rect x="295.396" y="68" fill="#E8E8E8" width="0.625" height="0.625"/>
<rect x="294.255" y="64.625" fill="#C9C9C9" width="3.01" height="0.25"/>
<rect x="300.38" y="69.38" fill="#E5E5E3" width="3.01" height="2.583"/>
<rect x="300.38" y="71.713" fill="#C9C9C9" width="3.01" height="0.25"/>
<rect x="300.38" y="64.625" fill="#E5E5E3" width="3.01" height="2.583"/>
<rect x="300.562" y="65.765" fill="#FFFFFF" width="2.625" height="4.985"/>
<rect x="301.521" y="68" fill="#E8E8E8" width="0.625" height="0.625"/>
<rect x="300.38" y="64.625" fill="#C9C9C9" width="3.01" height="0.25"/>
<path opacity="0.7" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="0.2" stroke-miterlimit="10" d="M274.506,57.3
c0.772,0,1.347,0.133,1.728,0.399c0.38,0.267,0.57,0.673,0.57,1.219s-0.189,0.952-0.567,1.217
c-0.378,0.265-0.955,0.398-1.731,0.398c-0.774,0-1.351-0.133-1.731-0.4c-0.38-0.266-0.57-0.671-0.57-1.215
c0-0.546,0.19-0.952,0.57-1.219C273.155,57.433,273.731,57.3,274.506,57.3z M274.506,57.983c-0.651,0-1.116,0.073-1.396,0.218
c-0.279,0.145-0.418,0.384-0.418,0.717c0,0.331,0.14,0.568,0.418,0.714c0.28,0.145,0.745,0.218,1.396,0.218
c0.649,0,1.113-0.073,1.392-0.218c0.279-0.146,0.418-0.383,0.418-0.714c0-0.333-0.139-0.572-0.417-0.717
C275.621,58.056,275.157,57.983,274.506,57.983z"/>
<path opacity="0.7" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="0.2" stroke-miterlimit="10" d="M272.285,56.478v-0.657h1.971
l-1.971-2.043v-0.767l1.811,1.88l2.622-1.935v0.79l-2.221,1.576l0.487,0.499h1.734v0.657H272.285z"/>
<path opacity="0.7" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="0.2" stroke-miterlimit="10" d="M278.066,62.527v-1.411
c0-0.54,0.112-0.949,0.337-1.227c0.225-0.278,0.554-0.417,0.987-0.417c0.438,0,0.768,0.138,0.992,0.415
c0.223,0.278,0.335,0.687,0.335,1.229v0.757h1.781v0.654H278.066z M278.559,61.873h1.666v-0.757c0-0.303-0.073-0.538-0.22-0.707
c-0.147-0.169-0.351-0.254-0.615-0.254c-0.263,0-0.467,0.084-0.613,0.252c-0.145,0.168-0.218,0.404-0.218,0.709V61.873z"/>
<path opacity="0.7" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="0.2" stroke-miterlimit="10" d="M278.066,59.174v-0.637
l3.598-0.463l-2.382-0.551V56.84l2.387-0.557l-3.604-0.463v-0.637l4.432,0.722v0.618l-2.634,0.657l2.634,0.653v0.619
L278.066,59.174z"/>
<path opacity="0.7" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="0.2" stroke-miterlimit="10" d="M280.406,52.722
c0.039-0.168,0.114-0.312,0.224-0.43c0.11-0.119,0.329-0.267,0.658-0.444l1.211-0.656v0.702l-1.119,0.576
c-0.319,0.166-0.524,0.316-0.616,0.449c-0.092,0.132-0.138,0.306-0.138,0.519v0.625h1.874v0.656h-4.432v-1.347
c0-0.531,0.11-0.937,0.329-1.22c0.22-0.283,0.538-0.424,0.953-0.424c0.293,0,0.532,0.087,0.717,0.261
C280.25,52.163,280.364,52.408,280.406,52.722z M278.559,54.063h1.574v-0.716c0-0.313-0.064-0.546-0.193-0.699
c-0.129-0.153-0.326-0.23-0.591-0.23c-0.256,0-0.451,0.082-0.586,0.245c-0.136,0.162-0.204,0.399-0.204,0.71V54.063z"/>
<path opacity="0.7" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="0.2" stroke-miterlimit="10" d="M287.113,62.411v-2.846h0.504
v2.188h1.188v-1.984h0.505v1.984h2.235v0.657H287.113z"/>
<path opacity="0.7" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="0.2" stroke-miterlimit="10" d="M287.113,57.749
c0-0.738,0.18-1.282,0.54-1.631c0.36-0.35,0.921-0.524,1.681-0.524c0.756,0,1.314,0.174,1.673,0.524
c0.359,0.35,0.539,0.893,0.539,1.631v0.981h-4.432V57.749z M291.053,57.762c0-0.551-0.124-0.934-0.373-1.152
s-0.697-0.327-1.346-0.327c-0.655,0-1.107,0.109-1.356,0.325c-0.249,0.217-0.373,0.602-0.373,1.154v0.311h3.447V57.762z"/>
<path opacity="0.7" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="0.2" stroke-miterlimit="10" d="M287.113,54.904v-0.702
l1.671-1.062l-1.671-1.081v-0.703l2.084,1.447l2.349-1.551v0.703l-1.909,1.184l1.909,1.279v0.706l-2.349-1.619L287.113,54.904z"/>
<path opacity="0.7" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="0.2" stroke-miterlimit="10" d="M293.404,62.468V61.93h3.928
v-1.916h0.505v2.454H293.404z"/>
<path opacity="0.7" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="0.2" stroke-miterlimit="10" d="M293.444,59.112v-0.893
l3.637-1.89h-3.637v-0.696h4.418v0.894l-3.637,1.89h3.637v0.695H293.444z"/>
<path opacity="0.7" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="0.2" stroke-miterlimit="10" d="M293.429,54.739v-0.657h1.971
l-1.971-2.043v-0.767l1.811,1.88l2.622-1.935v0.79l-2.221,1.576l0.487,0.499h1.734v0.657H293.429z"/>
<polygon opacity="0.7" fill="#FFFFFF" points="303.652,60.009 299.735,60.009 299.735,60.756 300.296,62.06 301.076,62.06
300.538,60.843 303.652,60.843 303.652,61.859 304.338,61.859 304.338,59.005 303.652,59.005 "/>
<path opacity="0.7" fill="#FFFFFF" d="M300.275,58.26c0.4,0.273,0.994,0.412,1.765,0.412c0.772,0,1.366-0.139,1.766-0.412
c0.411-0.28,0.619-0.699,0.619-1.245c0-0.546-0.208-0.965-0.619-1.247c-0.4-0.274-0.994-0.412-1.766-0.412
c-0.771,0-1.365,0.139-1.765,0.412c-0.411,0.282-0.619,0.702-0.619,1.247C299.655,57.561,299.864,57.981,300.275,58.26z
M300.316,57.015c0-0.228,0.099-0.409,0.302-0.551l1.954,1.337c-0.17,0.019-0.347,0.028-0.532,0.028
c-0.597,0-1.043-0.072-1.327-0.215C300.446,57.479,300.316,57.284,300.316,57.015z M301.405,56.231
c0.194-0.021,0.406-0.032,0.635-0.032c0.597,0,1.043,0.072,1.328,0.215c0.266,0.134,0.396,0.33,0.396,0.601
c0,0.251-0.128,0.444-0.389,0.588L301.405,56.231z"/>
<polygon opacity="0.7" fill="#FFFFFF" points="304.338,53.846 300.86,53.846 302.702,53.163 302.762,53.14 302.762,52.516
300.861,51.812 304.338,51.812 304.338,51.02 299.735,51.02 299.735,52.055 301.812,52.832 299.795,53.581 299.735,53.604
299.735,54.635 304.338,54.635 "/>
</g>
<g id="resistors_b">
<rect x="153.375" y="80.677" fill="#E5E5E3" width="4.75" height="3.635"/>
<rect x="153.375" y="70.597" fill="#E5E5E3" width="4.75" height="3.635"/>
<rect x="153.375" y="72.793" fill="#FFFFFF" width="4.75" height="9.485"/>
<rect x="153.375" y="74.232" fill="#B48464" width="4.75" height="6.518"/>
<rect x="169.642" y="95.369" fill="#E5E5E3" width="3.635" height="4.75"/>
<rect x="179.722" y="95.369" fill="#E5E5E3" width="3.635" height="4.75"/>
<rect x="171.676" y="95.369" fill="#FFFFFF" width="9.485" height="4.75"/>
<rect x="173.204" y="95.369" fill="#B48464" width="6.518" height="4.75"/>
<rect x="169.642" y="103.889" fill="#E5E5E3" width="3.635" height="4.75"/>
<rect x="179.722" y="103.889" fill="#E5E5E3" width="3.635" height="4.75"/>
<rect x="171.676" y="103.889" fill="#FFFFFF" width="9.485" height="4.75"/>
<rect x="173.204" y="103.889" fill="#B48464" width="6.518" height="4.75"/>
</g>
<g id="resistor_sm">
<rect x="64.125" y="72.187" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="64.125" y="69.419" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="64.125" y="70.022" fill="#FFFFFF" width="1.625" height="2.604"/>
<rect x="64.125" y="70.417" fill="#B48464" width="1.625" height="1.79"/>
<rect x="67.365" y="72.187" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="67.365" y="69.419" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="67.365" y="70.022" fill="#FFFFFF" width="1.625" height="2.604"/>
<rect x="67.365" y="70.417" fill="#3A3A3A" width="1.625" height="1.79"/>
<rect x="71.927" y="72.187" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="71.927" y="69.419" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="71.927" y="70.022" fill="#FFFFFF" width="1.625" height="2.604"/>
<rect x="71.927" y="70.417" fill="#3A3A3A" width="1.625" height="1.79"/>
<rect x="85.709" y="72.187" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="85.709" y="69.419" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="85.709" y="70.022" fill="#FFFFFF" width="1.625" height="2.604"/>
<rect x="85.709" y="70.417" fill="#3A3A3A" width="1.625" height="1.79"/>
<rect x="90.344" y="72.187" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="90.344" y="69.419" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="90.344" y="70.022" fill="#FFFFFF" width="1.625" height="2.604"/>
<rect x="90.344" y="70.417" fill="#B48464" width="1.625" height="1.79"/>
<rect x="76.521" y="80.062" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="76.521" y="77.294" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="76.521" y="77.897" fill="#FFFFFF" width="1.625" height="2.604"/>
<rect x="76.521" y="78.292" fill="#3A3A3A" width="1.625" height="1.79"/>
<rect x="81.177" y="80.062" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="81.177" y="77.294" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="81.177" y="77.897" fill="#FFFFFF" width="1.625" height="2.604"/>
<rect x="81.177" y="78.292" fill="#3A3A3A" width="1.625" height="1.79"/>
<rect x="76.521" y="69.419" fill="#E5E5E3" width="1.625" height="1.144"/>
<rect x="76.521" y="72.114" fill="#E5E5E3" width="1.625" height="1.144"/>
<rect x="81.177" y="69.419" fill="#E5E5E3" width="1.625" height="1.144"/>
<rect x="81.177" y="72.114" fill="#E5E5E3" width="1.625" height="1.144"/>
<rect x="85.709" y="77.28" fill="#E5E5E3" width="1.625" height="1.144"/>
<rect x="85.709" y="79.975" fill="#E5E5E3" width="1.625" height="1.144"/>
<rect x="71.912" y="77.28" fill="#E5E5E3" width="1.625" height="1.144"/>
<rect x="71.912" y="79.975" fill="#E5E5E3" width="1.625" height="1.144"/>
<rect x="92.031" y="100.071" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="92.031" y="97.303" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="92.031" y="97.906" fill="#FFFFFF" width="1.625" height="2.604"/>
<rect x="92.031" y="98.301" fill="#B48464" width="1.625" height="1.79"/>
<rect x="122.688" y="159.218" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="122.688" y="156.45" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="122.688" y="157.054" fill="#FFFFFF" width="1.625" height="2.604"/>
<rect x="122.688" y="157.449" fill="#B48464" width="1.625" height="1.79"/>
<rect x="127.438" y="159.218" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="127.438" y="156.45" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="127.438" y="157.054" fill="#FFFFFF" width="1.625" height="2.604"/>
<rect x="127.438" y="157.449" fill="#B48464" width="1.625" height="1.79"/>
<rect x="147.526" y="210.593" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="147.526" y="207.825" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="147.526" y="208.429" fill="#FFFFFF" width="1.625" height="2.604"/>
<rect x="147.526" y="208.824" fill="#3A3A3A" width="1.625" height="1.79"/>
<rect x="152.182" y="210.593" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="152.182" y="207.825" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="152.182" y="208.429" fill="#FFFFFF" width="1.625" height="2.604"/>
<rect x="152.182" y="208.824" fill="#3A3A3A" width="1.625" height="1.79"/>
<rect x="142.557" y="210.603" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="142.557" y="207.835" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="142.557" y="208.439" fill="#FFFFFF" width="1.625" height="2.604"/>
<rect x="142.557" y="208.834" fill="#3A3A3A" width="1.625" height="1.79"/>
<rect x="125.021" y="208.71" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="125.021" y="205.942" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="125.021" y="206.546" fill="#FFFFFF" width="1.625" height="2.604"/>
<rect x="125.021" y="206.941" fill="#B48464" width="1.625" height="1.79"/>
<rect x="159.527" y="173.947" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="159.527" y="171.18" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="159.527" y="171.783" fill="#FFFFFF" width="1.625" height="2.604"/>
<rect x="159.527" y="172.178" fill="#3A3A3A" width="1.625" height="1.79"/>
<rect x="174.838" y="176.947" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="174.838" y="174.18" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="174.838" y="174.783" fill="#FFFFFF" width="1.625" height="2.604"/>
<rect x="174.838" y="175.178" fill="#3A3A3A" width="1.625" height="1.79"/>
<rect x="169.902" y="176.334" fill="#E5E5E3" width="2.421" height="1.868"/>
<rect x="169.902" y="171.155" fill="#E5E5E3" width="2.421" height="1.868"/>
<rect x="169.902" y="172.283" fill="#FFFFFF" width="2.421" height="4.874"/>
<rect x="169.902" y="173.023" fill="#3A3A3A" width="2.421" height="3.349"/>
<rect x="163.716" y="176.334" fill="#E5E5E3" width="2.421" height="1.868"/>
<rect x="163.716" y="171.155" fill="#E5E5E3" width="2.421" height="1.868"/>
<rect x="163.716" y="172.283" fill="#FFFFFF" width="2.421" height="4.874"/>
<rect x="163.716" y="173.023" fill="#3A3A3A" width="2.421" height="3.349"/>
<rect x="216.552" y="141.784" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="216.552" y="139.017" fill="#E5E5E3" width="1.625" height="0.998"/>
<rect x="216.552" y="139.62" fill="#FFFFFF" width="1.625" height="2.604"/>
<rect x="216.552" y="140.015" fill="#3A3A3A" width="1.625" height="1.79"/>
<rect x="224.38" y="140.922" fill="#E5E5E3" width="1.822" height="2.765"/>
<rect x="229.431" y="140.922" fill="#E5E5E3" width="1.822" height="2.765"/>
<rect x="225.399" y="140.922" fill="#FFFFFF" width="4.753" height="2.765"/>
<rect x="226.165" y="140.922" fill="#7B7B7B" width="3.266" height="2.765"/>
<rect x="234.453" y="150.563" fill="#E5E5E3" width="0.998" height="1.625"/>
<rect x="237.221" y="150.563" fill="#E5E5E3" width="0.998" height="1.625"/>
<rect x="235.011" y="150.563" fill="#FFFFFF" width="2.604" height="1.625"/>
<rect x="235.431" y="150.563" fill="#3A3A3A" width="1.79" height="1.625"/>
<rect x="239.047" y="153.784" fill="#E5E5E3" width="0.998" height="1.625"/>
<rect x="241.814" y="153.784" fill="#E5E5E3" width="0.998" height="1.625"/>
<rect x="239.605" y="153.784" fill="#FFFFFF" width="2.604" height="1.625"/>
<rect x="240.025" y="153.784" fill="#3A3A3A" width="1.79" height="1.625"/>
<rect x="241.609" y="150.563" fill="#E5E5E3" width="0.998" height="1.625"/>
<rect x="244.377" y="150.563" fill="#E5E5E3" width="0.998" height="1.625"/>
<rect x="242.168" y="150.563" fill="#FFFFFF" width="2.604" height="1.625"/>
<rect x="242.587" y="150.563" fill="#3A3A3A" width="1.79" height="1.625"/>
<rect x="246.203" y="153.784" fill="#E5E5E3" width="0.998" height="1.625"/>
<rect x="248.971" y="153.784" fill="#E5E5E3" width="0.998" height="1.625"/>
<rect x="246.761" y="153.784" fill="#FFFFFF" width="2.604" height="1.625"/>
<rect x="247.181" y="153.784" fill="#3A3A3A" width="1.79" height="1.625"/>
<rect x="193.992" y="121.297" fill="#E5E5E3" width="0.998" height="1.625"/>
<rect x="196.76" y="121.297" fill="#E5E5E3" width="0.998" height="1.625"/>
<rect x="194.551" y="121.297" fill="#FFFFFF" width="2.604" height="1.625"/>
<rect x="194.97" y="121.297" fill="#B48464" width="1.79" height="1.625"/>
<rect x="193.992" y="130.136" fill="#E5E5E3" width="0.998" height="1.625"/>
<rect x="196.76" y="130.136" fill="#E5E5E3" width="0.998" height="1.625"/>
<rect x="194.551" y="130.136" fill="#FFFFFF" width="2.604" height="1.625"/>
<rect x="194.97" y="130.136" fill="#B48464" width="1.79" height="1.625"/>
<rect x="193.992" y="133.134" fill="#E5E5E3" width="0.998" height="1.625"/>
<rect x="196.76" y="133.134" fill="#E5E5E3" width="0.998" height="1.625"/>
<rect x="194.551" y="133.134" fill="#FFFFFF" width="2.604" height="1.625"/>
<rect x="194.97" y="133.134" fill="#B48464" width="1.79" height="1.625"/>
<rect x="193.992" y="136.01" fill="#E5E5E3" width="0.998" height="1.625"/>
<rect x="196.76" y="136.01" fill="#E5E5E3" width="0.998" height="1.625"/>
<rect x="194.551" y="136.01" fill="#FFFFFF" width="2.604" height="1.625"/>
<rect x="194.97" y="136.01" fill="#B48464" width="1.79" height="1.625"/>
<rect x="193.992" y="139.203" fill="#E5E5E3" width="0.998" height="1.625"/>
<rect x="196.76" y="139.203" fill="#E5E5E3" width="0.998" height="1.625"/>
<rect x="194.551" y="139.203" fill="#FFFFFF" width="2.604" height="1.625"/>
<rect x="194.97" y="139.203" fill="#FFFFFF" width="1.79" height="1.625"/>
<rect x="269.167" y="138.39" fill="#E5E5E3" width="0.998" height="1.625"/>
<rect x="271.934" y="138.39" fill="#E5E5E3" width="0.998" height="1.625"/>
<rect x="269.725" y="138.39" fill="#FFFFFF" width="2.604" height="1.625"/>
<rect x="270.145" y="138.39" fill="#B48464" width="1.79" height="1.625"/>
<rect x="269.167" y="149.286" fill="#E5E5E3" width="0.998" height="1.625"/>
<rect x="271.934" y="149.286" fill="#E5E5E3" width="0.998" height="1.625"/>
<rect x="269.725" y="149.286" fill="#FFFFFF" width="2.604" height="1.625"/>
<rect x="270.145" y="149.286" fill="#B48464" width="1.79" height="1.625"/>
<rect x="253.635" y="141.288" fill="#E5E5E3" width="1.822" height="2.765"/>
<rect x="258.686" y="141.288" fill="#E5E5E3" width="1.822" height="2.765"/>
<rect x="254.654" y="141.288" fill="#FFFFFF" width="4.753" height="2.765"/>
<rect x="255.42" y="141.288" fill="#F4DDB8" width="3.266" height="2.765"/>
</g>
<g id="transistor">
<rect x="102.417" y="205.942" fill="#E5E5E3" width="4.333" height="5.183"/>
<rect x="116.583" y="205.942" fill="#E5E5E3" width="4.333" height="5.183"/>
<rect x="111.125" y="199.078" fill="#E5E5E3" width="2" height="6.021"/>
<rect x="103.5" y="180.167" fill="#E5E5E3" width="16.583" height="5.583"/>
<rect x="103.917" y="201.333" fill="#E5E5E3" width="2" height="6.021"/>
<rect x="118.083" y="201.333" fill="#E5E5E3" width="2" height="6.021"/>
<rect x="103.5" y="180.167" fill="#C6C6C5" width="16.583" height="1.083"/>
<rect x="102.417" y="209.75" fill="#C6C6C5" width="4.333" height="1.375"/>
<rect x="116.583" y="209.75" fill="#C6C6C5" width="4.333" height="1.375"/>
<rect x="102.083" y="185.344" fill="#353535" width="20.083" height="16.745"/>
<rect x="146" y="185.317" fill="#E5E5E3" width="1.25" height="2.933"/>
<rect x="151.875" y="185.317" fill="#E5E5E3" width="1.25" height="2.933"/>
<rect x="148.812" y="179.784" fill="#E5E5E3" width="1.25" height="2.933"/>
<rect x="148.375" y="178.5" fill="#E5E5E3" width="2.312" height="2.312"/>
<rect x="145.469" y="187.28" fill="#E5E5E3" width="2.312" height="1.816"/>
<rect x="151.344" y="187.28" fill="#E5E5E3" width="2.312" height="1.816"/>
<rect x="145.469" y="188.562" fill="#C6C6C5" width="2.312" height="0.534"/>
<rect x="151.344" y="188.562" fill="#C6C6C5" width="2.312" height="0.534"/>
<rect x="148.375" y="178.5" fill="#C6C6C5" width="2.312" height="0.625"/>
<rect x="145.125" y="181.938" fill="#353535" width="8.625" height="3.812"/>
<rect x="141.75" y="80.677" fill="#E5E5E3" width="1.25" height="2.99"/>
<rect x="144.375" y="80.593" fill="#E5E5E3" width="1.25" height="2.99"/>
<rect x="147.292" y="80.593" fill="#E5E5E3" width="1.25" height="2.99"/>
<rect x="141.75" y="75" fill="#E5E5E3" width="0.835" height="2.742"/>
<rect x="147.5" y="75.167" fill="#E5E5E3" width="0.835" height="2.742"/>
<rect x="141.083" y="73.833" fill="#E5E5E3" width="2.084" height="2.084"/>
<rect x="146.833" y="74" fill="#E5E5E3" width="2.084" height="2.084"/>
<rect x="141.416" y="82.494" fill="#E5E5E3" width="2" height="2.268"/>
<rect x="144.166" y="82.533" fill="#E5E5E3" width="2" height="2.268"/>
<rect x="147" y="82.533" fill="#E5E5E3" width="2" height="2.268"/>
<rect x="140.417" y="77" fill="#353535" width="9.25" height="4.647"/>
<rect x="141.083" y="73.833" fill="#C6C6C5" width="2.084" height="0.399"/>
<rect x="146.875" y="74.033" fill="#C6C6C5" width="2.084" height="0.399"/>
<rect x="147" y="84.312" fill="#C6C6C5" width="2" height="0.488"/>
<rect x="144.166" y="84.312" fill="#C6C6C5" width="2" height="0.488"/>
<rect x="141.416" y="84.312" fill="#C6C6C5" width="2" height="0.488"/>
</g>
</svg>
<p>Original SVG by Jonathan Rutheiser, for use under Creative Commons BY-SA 3.0 </p>
<p class="fundraising-input">Fundraising: $ {{input type="number" value=thermHeight min="0" max="600" step="10"}}</p>
<div class="therm-container">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 744.1 950" preserveAspectRatio="xMidYMid meet">
<style>
.temperature {
transition: all .6s ease;
}
.therm-liquid {
fill: #2b98f0;
}
.outline, .dashes {
stroke-width: 20;
stroke: #ab1a58;
fill: none;
}
.bulb {
stroke-width: 20;
stroke: #ab1a58;
}
</style>
<circle class="bulb therm-liquid" cx="365.7" cy="780.1" r="94.3" />
<path class="outline" d="m304.6 707.4 0-581.8c0 0-8.2-71.7 62.8-69.9 62.9 1.6 57.9 68.1 57.9 68.1L426 706.6Z"/>
<rect class="mask" width="102" height="50" x="314.6" y="667.8" style="fill:#fff;stroke-width:4" />
<rect class="temperature therm-liquid" width="106" height={{thermHeight}} x="312.6" y="700" style="stroke-width:4" transform="rotate(180 365.4 710)" />
</svg>
</div>
{{diagram-component}}
{{raspi-component}}
{{thermometer-component}}
{
"version": "0.11.1",
"EmberENV": {
"FEATURES": {}
},
"options": {
"use_pods": false,
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
"ember": "2.11.0",
"ember-data": "2.11.0",
"ember-template-compiler": "2.11.0",
"ember-testing": "2.11.0"
},
"addons": {}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment