add SVG triangle to OppositeLen scroll

source/Scrolls/TriangleScrolls.mmt

@@ -131,6 +131,100 @@ theory OppositeLen =
         <scroll-slot>http://mathhub.info/FrameIT/frameworld?OppositeLen/Problem?distanceBC</scroll-slot>
     </math>
     <span>.</span>
+    <div>
+        <svg
+        width='50mm'
+        height='45mm'
+        viewBox='35 0 90 70'
+        version='1.1'
+        id='triangle'
+        xmlns='http://www.w3.org/2000/svg'
+        xmlns:svg='http://www.w3.org/2000/svg'>
+        <g id='shape'>
+            <path
+                style='fill:none;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1'
+                d='M 42.871972,64.67128 H 84.290656 V 7.6297578 Z'
+                id='triangle' />
+            <path
+                id='angleABC'
+                style='fill:none;stroke:#000000;stroke-width:0.265;stroke-dasharray:none;stroke-opacity:1'
+                d='m 46.024276,60.304806 a 5.3589964,5.3589964 0 0 1 2.252109,4.366474 h -5.358996 z' />
+            <g
+                id='angleBCA'>
+                <path
+                    style='fill:none;stroke:#000000;stroke-width:0.264999;stroke-dasharray:none;stroke-opacity:1'
+                    id='rightAngle'
+                    d='m 78.972396,64.665062 a 5.3308268,5.3308268 0 0 1 5.330827,-5.330827 v 5.330827 z' />
+                <circle
+                    style='fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264999;stroke-dasharray:none;stroke-opacity:1'
+                    id='rightAngleDot'
+                    cx='82.081886'
+                    cy='62.813831'
+                    r='0.32113415' />
+            </g>
+        </g>
+        <g
+            id='labels'
+            style='font-size:4.23333px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;stroke-width:0.264583'
+        >
+            <text
+                xml:space='preserve'
+                x='39.242592'
+                y='67.117035'
+                id='pointB'
+                style='fill:#0000ff'
+                dropzone='copy'
+                data-slot-id='http://mathhub.info/FrameIT/frameworld?TriangleProblem?B'>${lverb B}</text>
+            <text
+                xml:space='preserve'
+                x='85.100548'
+                y='68.080437'
+                id='pointC'
+                style='fill:#0000ff'
+                dropzone='copy'
+                data-slot-id='http://mathhub.info/FrameIT/frameworld?TriangleProblem?C'>${lverb C}</text>
+            <text
+                xml:space='preserve'
+                x='84.650963'
+                y='6.551136'
+                id='pointA'
+                style='fill:#0000ff'
+                dropzone='copy'
+                data-slot-id='http://mathhub.info/FrameIT/frameworld?TriangleProblem?A'>${lverb A}</text>
+            <text
+                xml:space='preserve'
+                x='48.234348'
+                y='62.492699'
+                id='angleAtB'
+                style='fill:#ffcc00'
+                dropzone='copy'
+                data-slot-id='http://mathhub.info/FrameIT/frameworld?TriangleProblem_AngleAtB?angleB'>${lverb angleB}</text>
+            <text
+                xml:space='preserve'
+                x='71.548683'
+                y='60.951256'
+                id='rightAngleAtC'
+                style='fill:#ffcc00'
+                dropzone='copy'
+                data-slot-id='http://mathhub.info/FrameIT/frameworld?TriangleProblem_RightAngleAtC?rightAngleC'>${lverb rightAngleC}</text>
+            <text
+                xml:space='preserve'
+                x='59.409813'
+                y='68.273117'
+                id='distanceBC'
+                style='fill:#008000'
+                dropzone='copy'
+                data-slot-id='http://mathhub.info/FrameIT/frameworld?OppositeLen/Problem?distanceBC'>${lverb distanceBC}</text>
+            <text
+                xml:space='preserve'
+                x='84.972092'
+                y='35.260529'
+                id='solutionCA'
+                style='fill:#008000'
+                data-solution-id='http://mathhub.info/FrameIT/frameworld?OppositeLen/Solution?deducedLineCA'>${lverb deducedLineCA}</text>
+        </g>
+        </svg>
+    </div>
 </scroll-description>" ❙
     ❚
 ❚