Merge pull request #1 from pollfly/fix_icon_links

move and rename icons, fix links accordingly

docs/hyperdatasets/webapp/webapp_dataviews.md

@@ -61,7 +61,7 @@ frame filters to different Dataset versions.
 1. Do one of the following:
 
     * In the Dataview table, right click a Dataview and then click **Clone**.
-    * If the info panel is opened, click <img src="/docs/img/svg/bars-menu.svg" alt="Menu" className="icon size-lg space-sm" /> 
+    * If the info panel is opened, click <img src="/docs/latest/icons/ico-bars-menu.svg" alt="Menu" className="icon size-lg space-sm" /> 
       (menu) and then click **Clone**.
     
 1. Select a project or accept the current project, enter a name, and optionally enter a description
@@ -79,7 +79,7 @@ They only appear in the archive. After archiving, the Dataview can be restored f
     * Archive one Dataview - Right click the Dataview **>** **Archive**.
     * Archive multiple Dataviews - Select the Dataview checkboxes **>** In the footer menu that appears at the bottom of 
       the page, click **ARCHIVE**.
-* In the Dataview info panel - Click <img src="/docs/img/svg/bars-menu.svg" alt="Menu" className="icon size-lg space-sm" /> 
+* In the Dataview info panel - Click <img src="/docs/latest/icons/ico-bars-menu.svg" alt="Menu" className="icon size-lg space-sm" /> 
   (menu) **>** **ARCHIVE**.
 
 **To restore a Dataview:**
@@ -90,6 +90,6 @@ They only appear in the archive. After archiving, the Dataview can be restored f
     * In the Dataview table:
         * Restore one Dataview - Right click the Dataview **>** **Restore**.
         * Restore multiple Dataviews - Select the Dataview checkboxes **>** **Restore**.
-    * In the info panel, restore one Dataview - Click <img src="/docs/img/svg/bars-menu.svg" alt="Menu" className="icon size-lg space-sm" /> 
+    * In the info panel, restore one Dataview - Click <img src="/docs/latest/icons/ico-bars-menu.svg" alt="Menu" className="icon size-lg space-sm" /> 
       (menu) **>** **Restore**.
 

docs/img/svg/back-to-top.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 -2.25 24 24">
-  <title>circle-newest</title>
-  <path fill="#8f9dc9" d="M12,4a8,8,0,1,1-8,8,8,8,0,0,1,8-8m0-2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm4,15H14V7h2Zm-2-5L9,7V17Z"/>
-</svg>

docs/img/svg/bars-menu.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-  <path d="M6.31,8.61A.45.45,0,0,1,6,8.49a.43.43,0,0,1-.12-.32V7.08A.43.43,0,0,1,6,6.76a.45.45,0,0,1,.31-.12H17.69a.45.45,0,0,1,.31.12.43.43,0,0,1,.12.32V8.17a.43.43,0,0,1-.12.32.45.45,0,0,1-.31.12Zm0,4.37A.41.41,0,0,1,6,12.86a.39.39,0,0,1-.12-.31v-1.1A.39.39,0,0,1,6,11.14.42.42,0,0,1,6.31,11H17.69a.42.42,0,0,1,.31.13.39.39,0,0,1,.12.31v1.1a.39.39,0,0,1-.12.31.42.42,0,0,1-.31.13Zm0,4.38A.45.45,0,0,1,6,17.24a.43.43,0,0,1-.12-.32V15.83A.43.43,0,0,1,6,15.51a.45.45,0,0,1,.31-.12H17.69a.45.45,0,0,1,.31.12.43.43,0,0,1,.12.32v1.09a.43.43,0,0,1-.12.32.45.45,0,0,1-.31.12Z" fill="#8f9dc9"/>
-</svg>

docs/img/svg/legend.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 1000 1000" class="icon" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
-    <path d="M200,250H50a50,50,0,0,1,0-100H200a50,50,0,0,1,0,100Zm800-50a50,50,0,0,0-50-50H400a50,50,0,0,0,0,100H950A50,50,0,0,0,1000,200ZM250,400a50,50,0,0,0-50-50H50a50,50,0,0,0,0,100H200A50,50,0,0,0,250,400Zm750,0a50,50,0,0,0-50-50H400a50,50,0,0,0,0,100H950A50,50,0,0,0,1000,400ZM250,600a50,50,0,0,0-50-50H50a50,50,0,0,0,0,100H200A50,50,0,0,0,250,600Zm750,0a50,50,0,0,0-50-50H400a50,50,0,0,0,0,100H950A50,50,0,0,0,1000,600ZM250,800a50,50,0,0,0-50-50H50a50,50,0,0,0,0,100H200A50,50,0,0,0,250,800Zm750,0a50,50,0,0,0-50-50H400a50,50,0,0,0,0,100H950A50,50,0,0,0,1000,800Z" transform="translate(0, 150)" fill="#8f9dc9">
-    </path>
-</svg>

docs/img/svg/next-batch.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 -2.5 24 24">
-  <title>circle-older</title>
-  <path fill="#8f9dc9" d="M12,4a8,8,0,1,1-8,8,8,8,0,0,1,8-8m0-2A10,10,0,1,0,22,12,10,10,0,0,0,12,2ZM9,12l5,5V7Z"/>
-</svg>

docs/img/svg/prev-batch.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 -2.5 24 24">
-  <title>circle-newer</title>
-  <path fill="#8f9dc9" d="M12,20a8,8,0,1,1,8-8,8,8,0,0,1-8,8m0,2A10,10,0,1,0,2,12,10,10,0,0,0,12,22Zm3-10L10,7V17Z"/>
-</svg>

docs/img/svg/reset-scale.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 1000 1000" class="icon" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
-    <path d="m250 850l-187 0-63 0 0-62 0-188 63 0 0 188 187 0 0 62z m688 0l-188 0 0-62 188 0 0-188 62 0 0 188 0 62-62 0z m-875-938l0 188-63 0 0-188 0-62 63 0 187 0 0 62-187 0z m875 188l0-188-188 0 0-62 188 0 62 0 0 62 0 188-62 0z m-125 188l-1 0-93-94-156 156 156 156 92-93 2 0 0 250-250 0 0-2 93-92-156-156-156 156 94 92 0 2-250 0 0-250 0 0 93 93 157-156-157-156-93 94 0 0 0-250 250 0 0 0-94 93 156 157 156-157-93-93 0 0 250 0 0 250z" transform="matrix(1 0 0 -1 0 850)" fill="#8f9dc9">
-    </path>
-</svg>

docs/webapp/webapp_exp_comparing.md

@@ -193,7 +193,7 @@ Compare debug samples at any iteration to verify that an experiment is running a
 first. Use the viewer / player to inspect images, audio, video samples and do any of the following:
 * Move to the same sample in a different iteration (move the iteration slider).
 * Show the next or previous iteration's sample.
-* Download the file <img src="/docs/img/svg/download-json.svg" className="icon size-md space-sm" />.
+* Download the file <img src="/docs/latest/icons/ico-download-json.svg" className="icon size-md space-sm" />.
 * Zoom.
 * View the sample's iteration number, width, height, and coordinates.
 
@@ -203,8 +203,8 @@ first. Use the viewer / player to inspect images, audio, video samples and do an
 1. Locate debug samples by doing the following:
 
     * Filter by metric. In the **Metric** list, choose a metric.
-    * Show other iterations. Click <img src="/docs/img/svg/next-batch.svg" className="icon size-md space-sm" /> (Older images),
+    * Show other iterations. Click <img src="/docs/latest/icons/ico-circle-older.svg" className="icon size-md space-sm" /> (Older images),
-      <img src="/docs/img/svg/prev-batch.svg" className="icon size-md space-sm" /> (New images), or <img src="/docs/img/svg/back-to-top.svg" className="icon size-md space-sm" /> (Newest images).
+      <img src="/docs/latest/icons/ico-circle-newer.svg" className="icon size-md space-sm" /> (New images), or <img src="/docs/latest/icons/ico-circle-newest.svg" className="icon size-md space-sm" /> (Newest images).
 
     ![image](../img/webapp_compare_30.png)
 
@@ -222,7 +222,7 @@ first. Use the viewer / player to inspect images, audio, video samples and do an
 1. Do any of the following:
 
     * Move to the same sample in another iteration - Move the slider, or click **<** (previous) or **>** (next).
-    * Download the file - Click  <img src="/docs/img/svg/download-json.svg" className="icon size-md space-sm" />.
+    * Download the file - Click  <img src="/docs/latest/icons/ico-download-json.svg" className="icon size-md space-sm" />.
     * Zoom
     * For images, locate a position on the sample - Hover over the sample and the X, Y coordinates appear in the legend below the sample.
 
@@ -274,7 +274,7 @@ Search all text in the comparison.
 
 Show differences in other experiments in reference to a new base experiment. To set a new base experiment, do one of the following:
 * Click on <img src="/docs/latest/icons/ico-switch-base.svg" className="icon size-md space-sm" /> on the top right of the experiment that will be the new base.
-* Click on <img src="/docs/img/svg/pan.svg" className="icon size-md space-sm" /> the new base experiment and drag it all the way to the left
+* Click on <img src="/docs/latest/icons/ico-pan.svg" className="icon size-md space-sm" /> the new base experiment and drag it all the way to the left
 
 ![image](../img/webapp_compare_22.png)
 
@@ -282,7 +282,7 @@ Show differences in other experiments in reference to a new base experiment. To
 
 ### Dynamic ordering of the compared experiments
 
-To reorder the experiments being compared, press <img src="/docs/img/svg/pan.svg" className="icon size-md space-sm" /> on the top right of the experiment that
+To reorder the experiments being compared, press <img src="/docs/latest/icons/ico-pan.svg" className="icon size-md space-sm" /> on the top right of the experiment that
   needs to be moved, and drag the experiment to its new position.
 
 ![image](../img/webapp_compare_21.png)

docs/webapp/webapp_exp_sharing.md

@@ -23,7 +23,7 @@ Share experiments from the experiments table, the info panel menu, and/or the fu
 1. Click **Share** in one of these ways:
 
     * The experiment table - Right click the experiment **>** **Share**
-    * The info panel or full screen details view - Click the experiment **>** <img src="/docs/img/svg/bars-menu.svg" alt="Menu" className="icon size-md space-sm" /> 
+    * The info panel or full screen details view - Click the experiment **>** <img src="/docs/latest/icons/ico-bars-menu.svg" alt="Menu" className="icon size-md space-sm" /> 
       (menu) **>** **Share**. 
    
 1. Click **Create link**.

docs/webapp/webapp_exp_track_visual.md

@@ -394,21 +394,21 @@ Each plot supports plot controls allowing you better analyze the results. The ta
 
 |Icon|Description|
 |---|---|
-| ![image](../img/svg/download-png.svg) | Download plots as PNG files. |
+| <img src="/docs/latest/icons/ico-download-png.svg" className="icon size-md space-sm" /> | Download plots as PNG files. |
-| ![image](../img/svg/pan.svg) | Pan around plot. Click ![image](../img/svg/pan.svg), click the plot, and then drag. |
+| <img src="/docs/latest/icons/ico-pan.svg" className="icon size-md space-sm" /> | Pan around plot. Click <img src="/docs/latest/icons/ico-pan.svg" className="icon size-md space-sm" />, click the plot, and then drag. |
-| ![image](../img/svg/dotted-box.svg) | To examine an area, draw a dotted box around it. Click ![image](../img/svg/dotted-box.svg) and then drag. |
+| <img src="/docs/latest/icons/ico-dotted-box.svg" className="icon size-md space-sm" /> | To examine an area, draw a dotted box around it. Click <img src="/docs/latest/icons/ico-dotted-box.svg" className="icon size-md space-sm" /> and then drag. |
-| ![image](../img/svg/dotted-lasso.svg) | To examine an area, draw a dotted lasso around it. Click ![image](../img/svg/dotted-lasso.svg) and then drag. |
+| <img src="/docs/latest/icons/ico-dotted-lasso.svg" className="icon size-md space-sm" /> | To examine an area, draw a dotted lasso around it. Click <img src="/docs/latest/icons/ico-dotted-lasso.svg" className="icon size-md space-sm" /> and then drag. |
-| ![image](../img/svg/zoom.svg) | Zoom into a section of a plot. Zoom in - Click ![image](../img/svg/zoom.svg) and drag over a section of the plot. Reset to original scale - Click ![image](../img/svg/reset-scale.svg). |
+| <img src="/docs/latest/icons/ico-zoom.svg" className="icon size-md space-sm" /> | Zoom into a section of a plot. Zoom in - Click <img src="/docs/latest/icons/ico-zoom.svg" className="icon size-md space-sm" /> and drag over a section of the plot. Reset to original scale - Click <img src="/docs/latest/icons/ico-reset-autoscale.svg" className="icon size-md space-sm" /> . |
-| ![image](../img/svg/zoom-in.svg) | Zoom in. |
+| <img src="/docs/latest/icons/ico-zoom-in-square.svg" className="icon size-md space-sm" /> | Zoom in. |
-| ![image](../img/svg/zoom-out.svg) | Zoom out. |
+| <img src="/docs/latest/icons/ico-zoom-out-square.svg" className="icon size-md space-sm" /> | Zoom out. |
-| ![image](../img/svg/reset-autoscale.svg) | Reset to autoscale after zooming ( ![image](../img/svg/zoom.svg), ![image](../img/svg/zoom-in.svg), or ![image](../img/svg/zoom-out.svg) ). |
+| <img src="/docs/latest/icons/ico-reset-autoscale.svg" className="icon size-md space-sm" /> | Reset to autoscale after zooming ( <img src="/docs/latest/icons/ico-zoom.svg" className="icon size-md space-sm" />, <img src="/docs/latest/icons/ico-zoom-in-square.svg" className="icon size-md space-sm" />, or <img src="/docs/latest/icons/ico-zoom-out-square.svg" className="icon size-md space-sm" />). |
-| ![image](../img/svg/reset-axes.svg) | Reset axes after a zoom.
+| <img src="/docs/latest/icons/ico-reset-axes.svg" className="icon size-md space-sm" /> | Reset axes after a zoom. |
-| ![image](../img/svg/spike-lines.svg) | Show / hide spike lines. |
+| <img src="/docs/latest/icons/ico-spike-lines.svg" className="icon size-md space-sm" /> | Show / hide spike lines. |
-| ![image](../img/svg/show-closest.svg) | Show the closest data point on hover, including horizontal and vertical axes values. Click ![image](../img/svg/show-closest.svg) and then hover over a series on the plot. |
+| <img src="/docs/latest/icons/ico-show-closest.svg" className="icon size-md space-sm" /> | Show the closest data point on hover, including horizontal and vertical axes values. Click <img src="/docs/latest/icons/ico-show-closest.svg" className="icon size-md space-sm" /> and then hover over a series on the plot. |
-| ![image](../img/svg/compare-data.svg) | Compare data on hover. Click ![image](../img/svg/compare-data.svg) and then hover over the plot. |
+| <img src="/docs/latest/icons/ico-compare-data.svg" className="icon size-md space-sm" /> | Compare data on hover. Click <img src="/docs/latest/icons/ico-compare-data.svg" className="icon size-md space-sm" /> and then hover over the plot. |
-| ![image](../img/svg/logarithmic-view.svg) | Switch to logarithmic view. |
+| <img src="/docs/latest/icons/ico-logarithmic-view.svg" className="icon size-md space-sm" /> | Switch to logarithmic view. |
-| ![image](../img/svg/legend.svg) | Hide / show the legend. |
+| <img src="/docs/latest/icons/ico-ico-graph-legend.svg" className="icon size-md space-sm" /> | Hide / show the legend. |
-| ![image](../img/svg/download-json.svg) | To get metric data for further analysis, download plot data to JSON file. |
+| <img src="/docs/latest/icons/ico-download-json.svg" className="icon size-md space-sm" /> | To get metric data for further analysis, download plot data to JSON file. |
 
 
 ### Other plots