Merge pull request #1925 from influxdata/update-icon-font

Add new notebooks icon

CONTRIBUTING.md

@@ -580,6 +580,8 @@ Below is a list of available icons (some are aliases):
 - nav-orgs
 - nav-tasks
 - note
+- notebook
+- notebooks
 - org
 - orgs
 - pause
@@ -606,13 +608,14 @@ In many cases, documentation references an item in the left nav of the InfluxDB
 Provide a visual example of the navigation item using the `nav-icon` shortcode.
 
 ```
-{{< nav-icon "Tasks" >}}
+{{< nav-icon "tasks" >}}
 ```
 
 The following case insensitive values are supported:
 
 - admin, influx
 - data-explorer, data explorer
+- notebooks, books
 - dashboards
 - tasks
 - monitor, alerts, bell

assets/styles/tools/_icomoon.scss

@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'icomoon';
-  src:  url('fonts/icomoon.eot?dzkzbu');
+  src:  url('fonts/icomoon.eot?lj8dxa');
-  src:  url('fonts/icomoon.eot?dzkzbu#iefix') format('embedded-opentype'),
+  src:  url('fonts/icomoon.eot?lj8dxa#iefix') format('embedded-opentype'),
-    url('fonts/icomoon.ttf?dzkzbu') format('truetype'),
+    url('fonts/icomoon.ttf?lj8dxa') format('truetype'),
-    url('fonts/icomoon.woff?dzkzbu') format('woff'),
+    url('fonts/icomoon.woff?lj8dxa') format('woff'),
-    url('fonts/icomoon.svg?dzkzbu#icomoon') format('svg');
+    url('fonts/icomoon.svg?lj8dxa#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -25,8 +25,8 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.icon-alert-circle:before {
+.icon-book-pencil:before {
-  content: "\e933";
+  content: "\e965";
 }
 .icon-influx-logo:before {
   content: "\e900";
@@ -112,6 +112,9 @@
 .icon-menu:before {
   content: "\e91b";
 }
+.icon-download:before {
+  content: "\e91c";
+}
 .icon-minus:before {
   content: "\e91d";
 }
@@ -139,7 +142,7 @@
 .icon-data-explorer:before {
   content: "\e925";
 }
-.icon-download:before {
+.icon-ui-download:before {
   content: "\e926";
 }
 .icon-duplicate:before {
@@ -178,6 +181,9 @@
 .icon-remove:before {
   content: "\e932";
 }
+.icon-alert-circle:before {
+  content: "\e933";
+}
 .icon-trash:before {
   content: "\e935";
 }

content/example.md

@@ -1,12 +1,8 @@
 ---
 title: Example post
 description: This is just an example post to show the format of new 2.0 posts
-menu:
-  influxdb_2_0:
-    name: Example post
 weight: 1
 draft: true
-"v2.0/tags": [influxdb, functions]
 related:
   - /influxdb/v2.0/write-data/
   - /influxdb/v2.0/write-data/quick-start
@@ -26,6 +22,7 @@ This is **bold** text. This is _italic_ text. This is _**bold and italic**_.
 {{< nav-icon "tasks" >}}
 {{< nav-icon "alerts" >}}
 {{< nav-icon "settings" >}}
+{{< nav-icon "notebooks" >}}
 
 {{< icon "add-cell" >}} add-cell  
 {{< icon "add-label" >}} add-label  
@@ -66,6 +63,8 @@ This is **bold** text. This is _italic_ text. This is _**bold and italic**_.
 {{< icon "nav-orgs" >}} nav-orgs  
 {{< icon "nav-tasks" >}} nav-tasks  
 {{< icon "note" >}} note  
+{{< icon "notebook" >}} notebook  
+{{< icon "notebooks" >}} notebooks  
 {{< icon "org" >}} org  
 {{< icon "orgs" >}} orgs  
 {{< icon "pause" >}} pause  

layouts/shortcodes/icon.html

@@ -58,6 +58,8 @@
 <span class="inline icon-eye-open large"></span>
 {{ else if or (eq $icon "eye-closed") (eq $icon "hide") }}
 <span class="inline icon-eye-closed large"></span>
+{{ else if or (eq $icon "notebook") (eq $icon "notebooks") }}
+<span class="inline icon-book-pencil"></span>
 {{ else if eq $icon "add-label" }}
 <span class="inline add-btn-round">&#59696;</span>
 {{ else if or (eq $icon "toggle") (eq $icon "toggle-blue") }}

layouts/shortcodes/nav-icon.html

@@ -8,6 +8,10 @@
   {{ .Scratch.Set "icon" "data-explorer" }}
   {{ .Scratch.Set "title" "Data Explorer" }}
   {{ .Scratch.Set "short_title" "Explore" }}
+{{ else if or (eq $navIcon "notebooks") (eq $navIcon "books") }}
+  {{ .Scratch.Set "icon" "book-pencil" }}
+  {{ .Scratch.Set "title" "Notebooks" }}
+  {{ .Scratch.Set "short_title" "Books" }}
 {{ else if or (eq $navIcon "dashboards") (eq $navIcon "boards") }}
   {{ .Scratch.Set "icon" "dashboards" }}
   {{ .Scratch.Set "title" "Dashboards" }}