adding more images

nitinme · nitinme · commit dedcf56e4302 · 2018-09-20T14:03:52.000-07:00
diff --git a/articles/cognitive-services/media/index/i_get-started.svg b/articles/cognitive-services/media/index/i_get-started.svg
@@ -0,0 +1,56 @@
+<svg id="ICONS-64x" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #ff9f2b;
+      }
+
+      .cls-2 {
+        fill: #ff8c00;
+      }
+
+      .cls-3 {
+        fill: #556a8a;
+      }
+
+      .cls-4, .cls-8 {
+        fill: #fff;
+      }
+
+      .cls-5 {
+        fill: #e5e5e5;
+      }
+
+      .cls-6 {
+        fill: #2bc7f4;
+      }
+
+      .cls-7 {
+        fill: none;
+      }
+
+      .cls-7, .cls-8 {
+        stroke: #556a8a;
+        stroke-miterlimit: 10;
+        stroke-width: 2px;
+      }
+    </style>
+  </defs>
+  <title>i_get-started</title>
+  <g>
+    <g>
+      <path class="cls-1" d="M6.91,60.27c-.76.25-1.57.48-2.41.71,5.06-21,15-17.21,15-17.21l1.63,1.54.06.2C21.57,46.9,22.92,55.19,6.91,60.27Z"/>
+      <path class="cls-2" d="M6.91,60.27c5-17.3,13.45-15,14.31-14.76C21.57,46.9,22.92,55.19,6.91,60.27Z"/>
+      <polygon class="cls-3" points="22.01 49.48 14.94 42.41 20.59 40.99 23.25 43.66 22.01 49.48"/>
+    </g>
+    <polygon class="cls-3" points="23.42 33.81 4.33 33.11 1.5 30.28 17.76 22.5 24.56 25.05 23.42 33.81"/>
+    <polygon class="cls-3" points="31.5 39.58 32.21 58.67 35.04 61.5 42.81 45.24 40.26 38.44 31.5 39.58"/>
+    <g>
+      <path class="cls-4" d="M27.69,48h-.21l-.17-.15L17.24,37.34l0-.25A41.74,41.74,0,0,1,28.73,16.81C37.87,7.71,59.2,3.89,60.1,3.73l.7-.12-.12.7s-.37,2.22-1.14,5.45c-2.08,8.74-5.8,20.4-11.73,26.36C38.58,45.41,28.54,48,27.69,48Z"/>
+      <path class="cls-5" d="M59,11c-1.69,7.11-5.36,19.43-11.6,25.7C38.18,46,28.15,47.9,27.63,48L22,42.38s1.79-10.32,11.32-19.8C39.59,16.35,51.88,12.68,59,11Z"/>
+      <path class="cls-6" d="M61,3.3A92,92,0,0,0,42.7,8.75l13.4,13.4A123.08,123.08,0,0,0,61,3.3Z"/>
+      <path class="cls-7" d="M27.69,48h-.21l-.17-.15L17.24,37.34l0-.25A41.74,41.74,0,0,1,28.73,16.81C37.87,7.71,59.2,3.89,60.1,3.73l.7-.12-.12.7s-.37,2.22-1.14,5.45c-2.08,8.74-5.8,20.4-11.73,26.36C38.58,45.41,28.54,48,27.69,48Z"/>
+    </g>
+  </g>
+  <circle class="cls-8" cx="37.5" cy="26.5" r="5"/>
+</svg>
diff --git a/articles/cognitive-services/media/index/i_guidelines.svg b/articles/cognitive-services/media/index/i_guidelines.svg
@@ -0,0 +1,66 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+        stroke: #556a8a;
+      }
+
+      .cls-1, .cls-5, .cls-6 {
+        stroke-miterlimit: 10;
+        stroke-width: 2px;
+      }
+
+      .cls-2 {
+        fill: #e5e5e5;
+      }
+
+      .cls-3 {
+        fill: #2bc7f4;
+      }
+
+      .cls-4 {
+        fill: #868787;
+      }
+
+      .cls-5, .cls-6 {
+        fill: none;
+      }
+
+      .cls-5 {
+        stroke: #868787;
+      }
+
+      .cls-6 {
+        stroke: #2bc7f4;
+      }
+    </style>
+  </defs>
+  <title>i_guidelines</title>
+  <g id="ICONS-64x">
+    <path class="cls-1" d="M1,7V61H63V7Z"/>
+    <path class="cls-1" d="M38.5,3A7.9,7.9,0,0,0,32,6a7.9,7.9,0,0,0-6.5-3H8V54H25.5a6.88,6.88,0,0,1,5,2.43C31.15,57.16,32,58,32,58s.85-.84,1.5-1.57a6.88,6.88,0,0,1,5-2.43H56V3Z"/>
+    <rect class="cls-2" x="9" y="4" width="8" height="49"/>
+    <rect class="cls-2" x="47" y="4" width="8" height="49"/>
+    <path class="cls-3" d="M33,6.34V55.5l-.25.27-.75.8c-.24-.25-.51-.53-.75-.8L31,55.5V6.33Z"/>
+  </g>
+  <g id="Layer_5" data-name="Layer 5">
+    <g>
+      <circle class="cls-4" cx="14" cy="31" r="2"/>
+      <line class="cls-5" x1="19" y1="31" x2="28" y2="31"/>
+      <circle class="cls-4" cx="14" cy="41" r="2"/>
+      <line class="cls-5" x1="19" y1="41" x2="28" y2="41"/>
+    </g>
+    <g>
+      <circle class="cls-4" cx="38" cy="31" r="2"/>
+      <line class="cls-5" x1="43" y1="31" x2="52" y2="31"/>
+      <circle class="cls-4" cx="38" cy="41" r="2"/>
+      <line class="cls-5" x1="43" y1="41" x2="52" y2="41"/>
+    </g>
+    <g>
+      <line class="cls-6" x1="15" y1="22" x2="26" y2="11"/>
+      <line class="cls-6" x1="26" y1="22" x2="15" y2="11"/>
+    </g>
+    <polyline class="cls-6" points="52 9.5 40.5 21 35.75 16.25"/>
+  </g>
+</svg>
diff --git a/articles/cognitive-services/media/index/i_overview.svg b/articles/cognitive-services/media/index/i_overview.svg
@@ -0,0 +1,47 @@
+<svg id="ICONS-64x" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <defs>
+    <style>
+      .cls-1, .cls-7 {
+        fill: #fff;
+      }
+
+      .cls-2 {
+        fill: #e5e5e5;
+      }
+
+      .cls-3 {
+        fill: #556a8a;
+      }
+
+      .cls-4 {
+        fill: #55d2f6;
+      }
+
+      .cls-5 {
+        fill: #2bc7f4;
+      }
+
+      .cls-6 {
+        fill: none;
+      }
+
+      .cls-7 {
+        stroke: #556a8a;
+        stroke-miterlimit: 10;
+        stroke-width: 2px;
+      }
+    </style>
+  </defs>
+  <title>i_overview</title>
+  <path class="cls-1" d="M32,62.49A30.48,30.48,0,0,1,10.44,10.44,30.49,30.49,0,1,1,53.56,53.56,30.29,30.29,0,0,1,32,62.49Z"/>
+  <path class="cls-2" d="M10.35,9.93A30.25,30.25,0,0,1,53.13,52.71Z"/>
+  <path class="cls-3" d="M32,3A29,29,0,0,1,52.5,52.5a29,29,0,1,1-41-41A28.8,28.8,0,0,1,32,3h0m0-2a31,31,0,1,0,21.91,9.08A30.89,30.89,0,0,0,32,1Z"/>
+  <polygon class="cls-4" points="13.62 13.62 26.34 37.66 50.38 50.38 35 28 13.62 13.62"/>
+  <polygon class="cls-5" points="13.62 13.62 50.38 50.38 37.66 26.34 13.62 13.62"/>
+  <rect class="cls-6" width="64" height="64"/>
+  <line class="cls-7" x1="32" y1="6" x2="32" y2="13"/>
+  <line class="cls-7" x1="32" y1="51" x2="32" y2="58"/>
+  <line class="cls-7" x1="6" y1="31" x2="13" y2="31"/>
+  <line class="cls-7" x1="51" y1="31" x2="58" y2="31"/>
+  <circle class="cls-1" cx="32" cy="32" r="3"/>
+</svg>
diff --git a/articles/cognitive-services/media/index/i_quick-start.svg b/articles/cognitive-services/media/index/i_quick-start.svg
@@ -0,0 +1,44 @@
+<svg id="ICONS-64x" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #556a8a;
+      }
+
+      .cls-2 {
+        fill: #fff;
+      }
+
+      .cls-3 {
+        fill: #e5e5e5;
+      }
+
+      .cls-4 {
+        fill: #2bc7f4;
+      }
+
+      .cls-5 {
+        fill: none;
+        stroke: #556a8a;
+        stroke-miterlimit: 10;
+        stroke-width: 2px;
+      }
+    </style>
+  </defs>
+  <title>i_quick-start</title>
+  <rect class="cls-1" x="30" y="1" width="4" height="10"/>
+  <rect class="cls-1" x="48.46" y="12.54" width="7" height="3" transform="translate(5.3 40.86) rotate(-45)"/>
+  <rect class="cls-1" x="51.55" y="7.45" width="8" height="6" transform="translate(87.44 57.12) rotate(-135)"/>
+  <path class="cls-2" d="M32,61.5a27.5,27.5,0,0,1,0-55A27.48,27.48,0,0,1,47.68,56.56,27.15,27.15,0,0,1,32,61.5Z"/>
+  <path class="cls-2" d="M32,61a27,27,0,0,1-4.81-.43,26.61,26.61,0,0,1-14-7.11l-.35-.34a27,27,0,0,1,0-38.18A26.64,26.64,0,0,1,27.22,7.45,27,27,0,0,1,32,7a26.77,26.77,0,0,1,19.05,7.89l.33.34A27,27,0,0,1,32,61Z"/>
+  <path class="cls-3" d="M51.45,53.45A27.46,27.46,0,0,1,27.14,61a27.08,27.08,0,0,1-14.22-7.25L51.79,14.92a27.51,27.51,0,0,1-.35,38.53Z"/>
+  <path class="cls-1" d="M32,8A26,26,0,0,1,46.82,55.33,26,26,0,0,1,6,34a25.67,25.67,0,0,1,4.67-14.83A26,26,0,0,1,32,8m0-2a28,28,0,0,0,0,56A28,28,0,0,0,51.72,14.14,27.89,27.89,0,0,0,32,6Z"/>
+  <path class="cls-4" d="M32,45A11,11,0,1,1,43,34,11,11,0,0,1,32,45Z"/>
+  <circle class="cls-2" cx="32" cy="34" r="4"/>
+  <rect class="cls-1" x="25" y="1" width="14" height="2" rx="1" ry="1" transform="translate(64 4) rotate(-180)"/>
+  <polygon class="cls-1" points="32.85 35.12 30.96 33.09 48.29 17.26 49.11 18.11 32.85 35.12"/>
+  <line class="cls-5" x1="32" y1="11" x2="32" y2="17"/>
+  <line class="cls-5" x1="32" y1="52" x2="32" y2="58"/>
+  <line class="cls-5" x1="9" y1="34" x2="15" y2="34"/>
+  <line class="cls-5" x1="49" y1="34" x2="55" y2="34"/>
+</svg>
diff --git a/articles/cognitive-services/media/index/i_tasks.svg b/articles/cognitive-services/media/index/i_tasks.svg
@@ -0,0 +1,34 @@
+<svg id="ICONS-64x" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+
+      .cls-2 {
+        fill: #e5e5e5;
+      }
+
+      .cls-3 {
+        fill: none;
+        stroke: #556a8a;
+        stroke-miterlimit: 10;
+        stroke-width: 2px;
+      }
+
+      .cls-4 {
+        fill: #2bc7f4;
+      }
+    </style>
+  </defs>
+  <title>i_tasks</title>
+  <path class="cls-1" d="M53,9H11a2.93,2.93,0,0,0-3,2.84V59.16A2.93,2.93,0,0,0,11,62H53a2.93,2.93,0,0,0,3-2.84V11.84A2.93,2.93,0,0,0,53,9Z"/>
+  <path class="cls-2" d="M55.5,11v8H8.5V11A2.5,2.5,0,0,1,11,8.5H53A2.5,2.5,0,0,1,55.5,11Z"/>
+  <path class="cls-3" d="M53,9H11a2.93,2.93,0,0,0-3,2.84V59.16A2.93,2.93,0,0,0,11,62H53a2.93,2.93,0,0,0,3-2.84V11.84A2.93,2.93,0,0,0,53,9Z"/>
+  <rect class="cls-1" x="18" y="8" width="28" height="7"/>
+  <path class="cls-4" d="M40,8a7.92,7.92,0,0,0-.62-3.11A8.06,8.06,0,0,0,35.11.62a8.11,8.11,0,0,0-6.22,0,8.31,8.31,0,0,0-2.55,1.72,8.13,8.13,0,0,0-1.72,2.55A7.92,7.92,0,0,0,24,8H19v6H45V8ZM32,8a2.5,2.5,0,1,1,2.5-2.5A2.5,2.5,0,0,1,32,8Z"/>
+  <polyline class="cls-3" points="15 29 20.5 34.5 33 22"/>
+  <polyline class="cls-3" points="15 45 20.5 50.5 33 38"/>
+  <line class="cls-3" x1="34" y1="30" x2="50" y2="30"/>
+  <line class="cls-3" x1="34" y1="46" x2="50" y2="46"/>
+</svg>
