Merge pull request #98 from influxdata/update/images-icons

Update images and icons

assets/styles/layouts/_inline-icons.scss

@@ -1,7 +1,7 @@
 // Helper styles for inline icons used with the "icon" shortcode
 .article--content {
   .inline {
-    margin: 0 .2rem;
+    margin: 0 .15rem;
     &.middle:before { vertical-align: middle; }
     &.xsmall:before { font-size: .8rem; }
     &.small:before { font-size: .9rem; }
@@ -10,7 +10,7 @@
     &.add-btn-round {
       font-family: "icomoon";
       color:#fff;
-      background:#22adf6;
+      background:#7a65f2;
       border-radius:50%;
       margin:0 .25rem;
       display: inline-block;

assets/styles/tools/_icomoon.scss

@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'icomoon';
-  src:  url('fonts/icomoon.eot?9ofj87');
-  src:  url('fonts/icomoon.eot?9ofj87#iefix') format('embedded-opentype'),
-    url('fonts/icomoon.ttf?9ofj87') format('truetype'),
-    url('fonts/icomoon.woff?9ofj87') format('woff'),
-    url('fonts/icomoon.svg?9ofj87#icomoon') format('svg');
+  src:  url('fonts/icomoon.eot?s76ef');
+  src:  url('fonts/icomoon.eot?s76ef#iefix') format('embedded-opentype'),
+    url('fonts/icomoon.ttf?s76ef') format('truetype'),
+    url('fonts/icomoon.woff?s76ef') format('woff'),
+    url('fonts/icomoon.svg?s76ef#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -87,12 +87,15 @@
 .icon-ui-search:before {
   content: "\e933";
 }
-.icon-ui-triangle:before {
+.icon-ui-trash:before {
   content: "\e935";
 }
-.icon-ui-wrench:before {
+.icon-ui-triangle:before {
   content: "\e936";
 }
+.icon-ui-wrench-2:before {
+  content: "\e939";
+}
 .icon-moon1:before {
   content: "\e904";
 }

content/v2.0/example.md

@@ -7,11 +7,11 @@ menu:
 weight: 1
 #enterprise_all: true
 enterprise_some: true
-draft: true
+#draft: true
 "v2.0/tags": [influxdb]
 ---
 
-This is a paragraph. Lorem ipsum dolor ({{< icon "wrench" >}}) sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo.
+This is a paragraph. Lorem ipsum dolor ({{< icon "trash" >}}) sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo.
 
 {{< nav-icon "dashboards" >}}
 

content/v2.0/process-data/manage-tasks/create-task.md

@@ -34,7 +34,7 @@ The InfluxDB UI provides multiple ways to create a task:
    for detailed information about each option.
 5. Click **Save as Task**.
 
-{{< img-hd src="/img/data-explorer-save-as-task.png" title="Add a task from the Data Explorer"/>}}
+{{< img-hd src="/img/2-0-data-explorer-save-as-task.png" title="Add a task from the Data Explorer"/>}}
 
 ### Create a task in the Task UI
 1. Click on the **Tasks** icon in the left navigation menu.
@@ -47,7 +47,7 @@ The InfluxDB UI provides multiple ways to create a task:
 4. In the right panel, enter your task script.
 5. Click **Save** in the upper right.
 
-{{< img-hd src="/img/tasks-create-edit.png" title="Create a task" />}}
+{{< img-hd src="/img/2-0-tasks-create-edit.png" title="Create a task" />}}
 
 ### Import a task
 1. Click on the **Tasks** icon in the left navigation menu.

content/v2.0/process-data/manage-tasks/update-task.md

@@ -22,7 +22,7 @@ To view your tasks, click the **Tasks** icon in the left navigation menu.
 3. In the right panel, modify the task script.
 4. Click **Save** in the upper right.
 
-{{< img-hd src="/img/tasks-create-edit.png" alt="Update a task" />}}
+{{< img-hd src="/img/2-0-tasks-create-edit.png" alt="Update a task" />}}
 
 #### Update the status of a task
 In the list of tasks, click the toggle in the **Active** column of the task you

content/v2.0/query-data/execute-queries.md

@@ -21,7 +21,7 @@ This guide covers the different options:
 ## Data Explorer
 Queries can be built, executed, and visualized in InfluxDB UI's Data Explorer.
 
-![Data Explorer with Flux](/img/data-explorer-ui.png)
+![Data Explorer with Flux](/img/2-0-data-explorer-ui.png)
 
 ## Influx REPL
 The [`influx repl` command](/v2.0/reference/cli/influx/repl) starts an interactive

content/v2.0/query-data/guides/mathematic-operations.md

@@ -12,7 +12,7 @@ weight: 209
 
 [Flux](/v2.0/reference/flux), InfluxData's data scripting and query language,
 supports mathematic expressions in data transformations.
-This article describes how to use [Flux arithmetic operators](/v2.0/reference/flux/language/operators/#arithmetic-operator)
+This article describes how to use [Flux arithmetic operators](/v2.0/reference/flux/language/operators/#arithmetic-operators)
 to "map" over data and transform values using mathematic operations.
 
 ##### Basic mathematic operations

content/v2.0/visualize-data/dashboards.md

@@ -45,10 +45,10 @@ You can also send data to your dashboard directly from the Data Explorer. For de
 2. Click **Delete**.    
 3. Click **Confirm** to continue deleting your dashboard.
 
-    ![Delete a dashboard](/img/dashboard-delete.png)
+    ![Delete a dashboard](/img/2-0-dashboard-delete.png)
 
 #### Clone a dashboard
 1. Hover over the dashbaord name in the list of dashboard to show options.
 2. Click **Clone**. The cloned dashboard opens.
 
-    ![Clone a dashboard](/img/dashboard-clone.png)
+    ![Clone a dashboard](/img/2-0-dashboard-clone.png)

content/v2.0/visualize-data/explore-metrics.md

@@ -45,7 +45,7 @@ Select from available [visualization types](/v2.0/visualize-data/visualization-t
 
 1. Select a visualization type from the dropdown menu in the upper-left.
 
-    {{< img-hd src="/img/visualization-dropdown.png" title="Visualization dropdown" />}}
+    {{< img-hd src="/img/2-0-visualization-dropdown.png" title="Visualization dropdown" />}}
 
 2. Select the **Visualization** tab at the bottom of the **Data Explorer**.
    For details about all of the available visualization options, see

content/v2.0/visualize-data/labels.md

@@ -14,7 +14,7 @@ weight: 101
 Labels are a way to add visual metadata to dashboards, tasks, and other items in the InfluxDB UI.
 To manage labels, click the **Configuration** icon in the navigation bar and select **Labels**.
 
-{{< img-hd src="/img/labels-nav-link.png" title="Labels configuration" />}}
+{{< img-hd src="/img/2-0-labels-nav-link.png" title="Labels configuration" />}}
 
 #### Create a label
 1. Click **+ Create Label**.

content/v2.0/visualize-data/visualization-types.md

@@ -51,19 +51,19 @@ To view **Graph** controls, click the settings icon ({{< icon "gear" >}}) next t
 
 ##### Line Graph example
 
-![Line Graph example](/img/chrono-viz-line-graph-example.png)
+{{< img-hd src="/img/2-0-visualizations-line-graph-example.png" alt="Line Graph example" />}}
 
 ##### Stacked Graph example
 
-![Stacked Graph example](/img/chrono-viz-stacked-graph-example.png)
+{{< img-hd src="/img/2-0-visualizations-stacked-graph-example.png" alt="Stacked Graph example" />}}
 
 #### Step-Plot Graph example
 
-![Step-Plot Graph example](/img/chrono-viz-step-plot-graph-example.png)
+{{< img-hd src="/img/2-0-visualizations-step-plot-graph-example.png" alt="Step-Plot Graph example" />}}
 
 ##### Bar Graph example
 
-![Bar Graph example](/img/chrono-viz-bar-graph-example.png)
+{{< img-hd src="/img/2-0-visualizations-bar-graph-example.png" alt="Bar Graph example" />}}
 
 ### Graph + Single Stat
 
@@ -102,7 +102,7 @@ To view **Graph + Single Stat** controls, click the settings icon ({{< icon "gea
 
 #### Graph + Single Stat example
 
-![Line Graph + Single Stat example](/img/chrono-viz-line-graph-single-stat-example.png)
+{{< img-hd src="/img/2-0-visualizations-line-graph-single-stat-example.png" alt="Line Graph + Single Stat example" />}}
 
 ### Histogram
 
@@ -125,7 +125,7 @@ To view **Histogram** controls, click the settings icon ({{< icon "gear" >}}) ne
 
 #### Histogram example
 
-![Histogram example](/img/histogram_example.png)
+{{< img-hd src="/img/2-0-visualizations-histogram-example.png" alt="Histogram example" />}}
 
 ### Single Stat
 
@@ -172,7 +172,7 @@ To view **Gauge** controls, click the settings icon ({{< icon "gear" >}}) next t
 
 #### Gauge example
 
-![Gauge example](/img/chrono-viz-gauge-example.png)
+{{< img-hd src="/img/2-0-visualizations-gauge-example.png" alt="Gauge example" />}}
 
 ### Table
 
@@ -207,4 +207,4 @@ To view **Table** controls, click the settings icon ({{< icon "gear" >}}) next t
 
 #### Table view example
 
-![Table example](/img/chrono-viz-table-example.png)
+{{< img-hd src="/img/2-0-visualizations-table-example.png" alt="Table example" />}}

layouts/shortcodes/icon.html

@@ -44,6 +44,8 @@
 <span class="inline icon-ui-remove middle small"></span>
 {{ else if eq $icon "search" }}
 <span class="inline icon-ui-search middle small"></span>
+{{ else if or (eq $icon "trash") (eq $icon "trashcan") (eq $icon "delete") }}
+<span class="inline icon-ui-trash small"></span>
 {{ else if eq $icon "triangle" }}
 <span class="inline icon-ui-triangle middle"></span>
 {{ else if eq $icon "add-label" }}

static/fonts/icomoon.svg

@@ -60,10 +60,11 @@
 <glyph unicode="&#xe932;" glyph-name="ui-remove" d="M640 448l236.16 236.16c24.96 24.96 24.96 65.92 0 90.24l-37.76 37.76c-24.96 24.96-65.92 24.96-90.24 0l-236.16-236.16-236.16 236.16c-24.96 24.96-65.92 24.96-90.24 0l-37.76-37.76c-24.96-24.96-24.96-65.92 0-90.24l236.16-236.16-236.16-236.16c-24.96-24.96-24.96-65.92 0-90.24l37.76-37.76c24.96-24.96 65.92-24.96 90.24 0l236.16 236.16 236.16-236.16c24.96-24.96 65.92-24.96 90.24 0l37.76 37.76c24.96 24.96 24.96 65.92 0 90.24l-236.16 236.16z" />
 <glyph unicode="&#xe933;" glyph-name="ui-search" d="M993.28 92.16l-202.24 202.24c40.96 64 64 135.68 64 217.6 0 225.28-181.76 407.040-407.040 407.040s-404.48-184.32-404.48-407.040 181.76-407.040 407.040-407.040c79.36 0 153.6 23.040 217.6 64l202.24-202.24c17.92-17.92 40.96-25.6 64-25.6s46.080 7.68 64 25.6c30.72 33.28 30.72 92.16-5.12 125.44zM145.92 512c0 166.4 135.68 302.080 302.080 302.080s304.64-135.68 304.64-304.64c0-79.36-30.72-151.040-79.36-204.8-2.56-2.56-7.68-5.12-10.24-7.68s-5.12-7.68-7.68-10.24c-53.76-48.64-125.44-79.36-204.8-79.36-168.96 0-304.64 135.68-304.64 304.64z" />
 <glyph unicode="&#xe934;" glyph-name="folder-upload" d="M576 704l-128 128h-448v-832h1024v704h-448zM512 480l224-224h-160v-256h-128v256h-160l224 224z" />
-<glyph unicode="&#xe935;" glyph-name="ui-triangle" d="M832 38.4h-640c-53.76 0-97.28 20.48-120.32 58.88-20.48 35.84-17.92 84.48 10.24 133.12l320 552.96c28.16 46.080 66.56 74.24 110.080 74.24s81.92-28.16 110.080-74.24l320-552.96c28.16-46.080 30.72-94.72 10.24-133.12-23.040-35.84-66.56-58.88-120.32-58.88zM512 780.8c-15.36 0-30.72-12.8-43.52-35.84l-320-552.96c-12.8-23.040-15.36-43.52-10.24-56.32 7.68-12.8 25.6-20.48 53.76-20.48h640c25.6 0 46.080 7.68 53.76 20.48s5.12 33.28-10.24 56.32l-320 552.96c-12.8 23.040-28.16 35.84-43.52 35.84z" />
-<glyph unicode="&#xe936;" glyph-name="ui-wrench-2" d="M199.68-33.28c-43.52 0-87.040 17.92-120.32 51.2-28.16 25.6-48.64 71.68-48.64 117.76 0 43.52 17.92 84.48 48.64 117.76l330.24 327.68c-2.56 17.92-5.12 35.84-5.12 53.76 0 161.28 133.12 294.4 294.4 294.4 35.84 0 66.56-7.68 92.16-15.36s40.96-28.16 43.52-48.64c2.56-17.92 0-35.84-10.24-51.2l-5.12-7.68-110.080-110.080c-2.56-2.56-5.12-5.12-5.12-7.68s2.56-5.12 5.12-7.68l38.4-38.4c5.12-5.12 12.8-5.12 17.92 0l107.52 107.52c12.8 17.92 38.4 25.6 58.88 20.48 20.48-2.56 40.96-17.92 48.64-40.96 7.68-28.16 15.36-58.88 15.36-94.72 0-161.28-133.12-294.4-294.4-294.4-17.92 0-35.84 2.56-53.76 5.12l-330.24-330.24c-33.28-30.72-74.24-48.64-117.76-48.64zM698.88 852.48c-120.32 0-217.6-97.28-217.6-217.6 0-20.48 2.56-35.84 7.68-58.88l5.12-20.48-358.4-358.4c-17.92-17.92-28.16-40.96-28.16-61.44 0-17.92 7.68-46.080 25.6-61.44 38.4-38.4 94.72-38.4 128-5.12l358.4 358.4 20.48-5.12c17.92-5.12 35.84-7.68 56.32-7.68 120.32 0 217.6 97.28 217.6 217.6 0 15.36-2.56 28.16-5.12 46.080l-89.6-92.16c-35.84-35.84-89.6-35.84-125.44 0l-38.4 38.4c-17.92 17.92-25.6 38.4-25.6 64 0 23.040 10.24 46.080 25.6 64l94.72 94.72c-20.48 2.56-35.84 5.12-51.2 5.12z" />
+<glyph unicode="&#xe935;" glyph-name="ui-trash" d="M934.4 832h-194.56l-66.56 110.080c-5.12 10.24-17.92 17.92-30.72 17.92h-261.12c-12.8 0-25.6-7.68-33.28-17.92l-64-110.080h-194.56c-20.48 0-38.4-17.92-38.4-38.4v-102.4c0-20.48 17.92-38.4 38.4-38.4h844.8c20.48 0 38.4 17.92 38.4 38.4v102.4c0 20.48-17.92 38.4-38.4 38.4zM404.48 883.2h215.040l30.72-51.2h-276.48l30.72 51.2zM857.6 601.6h-691.2c-10.24 0-20.48-5.12-28.16-12.8s-10.24-17.92-10.24-28.16l51.2-588.8c2.56-20.48 17.92-35.84 38.4-35.84h588.8c20.48 0 35.84 15.36 38.4 35.84l51.2 588.8c0 10.24-2.56 20.48-10.24 28.16s-17.92 12.8-28.16 12.8z" />
+<glyph unicode="&#xe936;" glyph-name="ui-triangle" d="M832 38.4h-640c-53.76 0-97.28 20.48-120.32 58.88-20.48 35.84-17.92 84.48 10.24 133.12l320 552.96c28.16 46.080 66.56 74.24 110.080 74.24s81.92-28.16 110.080-74.24l320-552.96c28.16-46.080 30.72-94.72 10.24-133.12-23.040-35.84-66.56-58.88-120.32-58.88zM512 780.8c-15.36 0-30.72-12.8-43.52-35.84l-320-552.96c-12.8-23.040-15.36-43.52-10.24-56.32 7.68-12.8 25.6-20.48 53.76-20.48h640c25.6 0 46.080 7.68 53.76 20.48s5.12 33.28-10.24 56.32l-320 552.96c-12.8 23.040-28.16 35.84-43.52 35.84z" />
 <glyph unicode="&#xe937;" glyph-name="triangle" d="M981.333 192l-358.4 605.867c-17.067 29.867-46.933 51.2-81.067 59.733s-68.267 4.267-98.133-12.8c-17.067-8.533-34.133-25.6-42.667-42.667 0 0 0 0 0 0l-358.4-610.133c-34.133-59.733-12.8-140.8 46.933-174.933 17.067-12.8 38.4-17.067 59.733-17.067h725.333c34.133 0 68.267 12.8 89.6 38.4 25.6 25.6 38.4 55.467 38.4 89.6-4.267 21.333-8.533 46.933-21.333 64zM904.533 98.134c-8.533-8.533-21.333-12.8-29.867-12.8h-725.333c-8.533 0-12.8 0-21.333 4.267-21.333 12.8-25.6 38.4-17.067 59.733l362.667 601.6c4.267 4.267 8.533 12.8 12.8 12.8 21.333 12.8 46.933 4.267 59.733-12.8l362.667-601.6c4.267-4.267 4.267-12.8 4.267-21.333 4.267-12.8-4.267-21.333-8.533-29.867z" />
 <glyph unicode="&#xe938;" glyph-name="x" d="M571.733 426.667l226.133 226.133c17.067 17.067 17.067 42.667 0 59.733s-42.667 17.067-59.733 0l-226.133-226.133-226.133 226.133c-17.067 17.067-42.667 17.067-59.733 0s-17.067-42.667 0-59.733l226.133-226.133-226.133-226.133c-17.067-17.067-17.067-42.667 0-59.733 8.533-8.533 17.067-12.8 29.867-12.8s21.333 4.267 29.867 12.8l226.133 226.133 226.133-226.133c8.533-8.533 21.333-12.8 29.867-12.8s21.333 4.267 29.867 12.8c17.067 17.067 17.067 42.667 0 59.733l-226.133 226.133z" />
+<glyph unicode="&#xe939;" glyph-name="ui-wrench-2" d="M199.68-33.28c-43.52 0-87.040 17.92-120.32 51.2-28.16 25.6-48.64 71.68-48.64 117.76 0 43.52 17.92 84.48 48.64 117.76l330.24 327.68c-2.56 17.92-5.12 35.84-5.12 53.76 0 161.28 133.12 294.4 294.4 294.4 35.84 0 66.56-7.68 92.16-15.36s40.96-28.16 43.52-48.64c2.56-17.92 0-35.84-10.24-51.2l-5.12-7.68-110.080-110.080c-2.56-2.56-5.12-5.12-5.12-7.68s2.56-5.12 5.12-7.68l38.4-38.4c5.12-5.12 12.8-5.12 17.92 0l107.52 107.52c12.8 17.92 38.4 25.6 58.88 20.48 20.48-2.56 40.96-17.92 48.64-40.96 7.68-28.16 15.36-58.88 15.36-94.72 0-161.28-133.12-294.4-294.4-294.4-17.92 0-35.84 2.56-53.76 5.12l-330.24-330.24c-33.28-30.72-74.24-48.64-117.76-48.64zM698.88 852.48c-120.32 0-217.6-97.28-217.6-217.6 0-20.48 2.56-35.84 7.68-58.88l5.12-20.48-358.4-358.4c-17.92-17.92-28.16-40.96-28.16-61.44 0-17.92 7.68-46.080 25.6-61.44 38.4-38.4 94.72-38.4 128-5.12l358.4 358.4 20.48-5.12c17.92-5.12 35.84-7.68 56.32-7.68 120.32 0 217.6 97.28 217.6 217.6 0 15.36-2.56 28.16-5.12 46.080l-89.6-92.16c-35.84-35.84-89.6-35.84-125.44 0l-38.4 38.4c-17.92 17.92-25.6 38.4-25.6 64 0 23.040 10.24 46.080 25.6 64l94.72 94.72c-20.48 2.56-35.84 5.12-51.2 5.12z" />
 <glyph unicode="&#xe94c;" glyph-name="map2" d="M672 768l-320 128-352-128v-768l352 128 320-128 352 128v768l-352-128zM384 814.27l256-102.4v-630.138l-256 102.398v630.14zM64 723.172l256 93.090v-631.8l-256-93.088v631.798zM960 172.828l-256-93.092v631.8l256 93.090v-631.798z" />
 <glyph unicode="&#xe9da;" glyph-name="heart" d="M755.188 896c-107.63 0-200.258-87.554-243.164-179-42.938 91.444-135.578 179-243.216 179-148.382 0-268.808-120.44-268.808-268.832 0-301.846 304.5-380.994 512.022-679.418 196.154 296.576 511.978 387.206 511.978 679.418 0 148.392-120.43 268.832-268.812 268.832z" />
 <glyph unicode="&#xea2e;" glyph-name="loop2" d="M889.68 793.68c-93.608 102.216-228.154 166.32-377.68 166.32-282.77 0-512-229.23-512-512h96c0 229.75 186.25 416 416 416 123.020 0 233.542-53.418 309.696-138.306l-149.696-149.694h352v352l-134.32-134.32zM928 448c0-229.75-186.25-416-416-416-123.020 0-233.542 53.418-309.694 138.306l149.694 149.694h-352v-352l134.32 134.32c93.608-102.216 228.154-166.32 377.68-166.32 282.77 0 512 229.23 512 512h-96z" />