added contacts and signals

resources/css/style.css

@@ -30,6 +30,8 @@ body{
 	height: 60px !important;
 }
 
+svg circle,
+svg line,
 svg polygon,
 svg rect{
 	fill:#617de4;
@@ -40,10 +42,15 @@ svg rect{
 svg text{
 	font-size: 50px;
 }
+
 svg .block{
 	fill: #ffffff;
 }
 
+svg circle{
+	fill: gray;
+}
+
 .menu{
 	position: fixed;
 	width: 100%;
@@ -125,4 +132,12 @@ h2{
 
 #Eraser polygon{
 	stroke: red;
-}
+}
+
+.sig_a{
+	fill: red;
+}
+
+.sig_b{
+	fill: black;
+}

resources/svg/ContactH.svg

@@ -0,0 +1,4 @@
+<svg width="%width%" height="100" viewbox="0 0 100 100">
+	<rect x="0" y="35" width="100" height="30" />
+	<circle cx="50" cy="50" r="25" />
+</svg>

resources/svg/ContactV.svg

@@ -0,0 +1,4 @@
+<svg width="100" height="" viewbox="0 0 100 100">
+	<rect x="35" y="0" width="30" height="100" />
+	<circle cx="50" cy="50" r="25" />
+</svg>

resources/svg/SignalE.svg

@@ -0,0 +1,7 @@
+<svg width="%width%" height="100" viewbox="0 0 100 100">
+	<rect x="0" y="35" width="100" height="30" />
+	<rect class="sig_a" x="5" y="5" height="20" width="20" />
+	<rect class="sig_B" x="25" y="5" height="20" width="20" />
+	<line x1="45" y1="15" x2="70" y2="15" />
+	<line x1="70" y1="10" x2="70" y2="20" />
+</svg>

resources/svg/SignalN.svg

@@ -0,0 +1,7 @@
+<svg width="100" height="" viewbox="0 0 100 100">
+	<rect x="35" y="0" width="30" height="100" />
+	<rect class="sig_a" x="5" y="75" height="20" width="20" />
+	<rect class="sig_B" x="5" y="55" height="20" width="20" />
+	<line x1="15" y1="30" x2="15" y2="55" />
+	<line x1="10" y1="30" x2="20" y2="30" />
+</svg>

resources/svg/SignalS.svg

@@ -0,0 +1,7 @@
+<svg width="100" height="" viewbox="0 0 100 100">
+	<rect x="35" y="0" width="30" height="100" />
+	<rect class="sig_a" x="75" y="5" height="20" width="20" />
+	<rect class="sig_B" x="75" y="25" height="20" width="20" />
+	<line x1="85" y1="45" x2="85" y2="70" />
+	<line x1="80" y1="70" x2="90" y2="70" />
+</svg>

resources/svg/SignalW.svg

@@ -0,0 +1,7 @@
+<svg width="%width%" height="100" viewbox="0 0 100 100">
+	<rect x="0" y="35" width="100" height="30" />
+	<rect class="sig_a" x="75" y="75" height="20" width="20" />
+	<rect class="sig_B" x="55" y="75" height="20" width="20" />
+	<line x1="30" y1="85" x2="55" y2="85" />
+	<line x1="30" y1="80" x2="30" y2="90" />
+</svg>

resources/svg/StraightV.svg

@@ -1,3 +1,3 @@
-<svg width="100" height="" viewbox="0 0 100 100">
+<svg width="100" height="" viewbox="0 0 100 %height%">
 	<rect x="35" y="0" width="30" height="%height%" />	
 </svg>