initial docs redesign

docs/_config.yml

@@ -40,10 +40,10 @@ plugins:
 collections:
   object_detection:
     output: true
-    permalink: /object-detection/cli/:path:output_ext
+    permalink: /workshops/object-detection/:path:output_ext
   classification:
     output: true
-    permalink: /classification/cli/:path:output_ext
+    permalink: /workshops/classification/:path:output_ext
 
 # Theme all pages with workshop layout
 defaults:

docs/_includes/head.html

@@ -11,6 +11,10 @@
     rel="stylesheet"
     href="{{ '/assets/css/github-markdown.css' | relative_url }}"
   />
+  <link
+    rel="stylesheet"
+    href="{{ '/assets/css/custom2.css' | relative_url }}"
+  />
   <link rel="stylesheet" href="{{ '/assets/css/custom.css' | relative_url }}" />
   {%- feed_meta -%} {%- if jekyll.environment == 'production' and
   site.google_analytics -%} {%- include google-analytics.html -%} {%- endif -%}

docs/_layouts/titlebar-thin.html

@@ -0,0 +1,80 @@
+---
+layout: base
+---
+
+<div class="Home_titleBar__3XDTsthin">
+  <a href="https://cloud.annotations.ai" class="Home_title__1dfd5">
+    <span class="Home_titlePrefix__vIot9">IBM</span>&nbsp;&nbsp;Cloud
+    Annotations
+  </a>
+  <a
+    class="Home_link__3O3aj {% if page.active == 'guides' %}activeLink{% endif %}"
+    href="/"
+    >Guides</a
+  >
+  <a
+    class="Home_link__3O3aj {% if page.active == 'workshops' %}activeLink{% endif %}"
+    href="/workshops"
+    >Workshops</a
+  >
+  <a
+    class="Home_link__3O3aj {% if page.active == 'demos' %}activeLink{% endif %}"
+    href="/demos"
+    >Demos</a
+  >
+  <a
+    class="Home_link__3O3aj {% if page.active == 'sdks' %}activeLink{% endif %} lastLink"
+    href="/sdks"
+    >SDKs</a
+  >
+
+  <a
+    class="Home_link__3O3ajgithub"
+    href="https://ibm.biz/cloud-annotations-developer"
+    target="_blank"
+    rel="noopener noreferrer"
+    ><div>IBM Developer</div>
+    <svg
+      class="Home_link__3O3ajgithubicon"
+      focusable="false"
+      preserveAspectRatio="xMidYMid meet"
+      aria-label="Open resource"
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 32 32"
+      role="img"
+      style="will-change: transform;"
+    >
+      <path
+        d="M26 28H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h9v2H6v20h20v-9h2v9a2 2 0 0 1-2 2z"
+      ></path>
+      <path d="M21 2v2h5.59L18 12.59 19.41 14 28 5.41V11h2V2h-9z"></path></svg
+  ></a>
+
+  <a
+    class="Home_link__3O3ajgithub"
+    href="https://github.com/cloud-annotations"
+    target="_blank"
+    rel="noopener noreferrer"
+    ><div>GitHub</div>
+    <svg
+      class="Home_link__3O3ajgithubicon"
+      focusable="false"
+      preserveAspectRatio="xMidYMid meet"
+      aria-label="Open resource"
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 32 32"
+      role="img"
+      style="will-change: transform;"
+    >
+      <path
+        d="M26 28H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h9v2H6v20h20v-9h2v9a2 2 0 0 1-2 2z"
+      ></path>
+      <path d="M21 2v2h5.59L18 12.59 19.41 14 28 5.41V11h2V2h-9z"></path></svg
+  ></a>
+</div>
+
+{{ content }}

docs/_layouts/titlebar.html

@@ -0,0 +1,80 @@
+---
+layout: base
+---
+
+<div class="Home_titleBar__3XDTs">
+  <a href="https://cloud.annotations.ai" class="Home_title__1dfd5">
+    <span class="Home_titlePrefix__vIot9">IBM</span>&nbsp;&nbsp;Cloud
+    Annotations
+  </a>
+  <a
+    class="Home_link__3O3aj {% if page.active == 'guides' %}activeLink{% endif %}"
+    href="/"
+    >Guides</a
+  >
+  <a
+    class="Home_link__3O3aj {% if page.active == 'workshops' %}activeLink{% endif %}"
+    href="/workshops"
+    >Workshops</a
+  >
+  <a
+    class="Home_link__3O3aj {% if page.active == 'demos' %}activeLink{% endif %}"
+    href="/demos"
+    >Demos</a
+  >
+  <a
+    class="Home_link__3O3aj {% if page.active == 'sdks' %}activeLink{% endif %} lastLink"
+    href="/sdks"
+    >SDKs</a
+  >
+
+  <a
+    class="Home_link__3O3ajgithub"
+    href="https://ibm.biz/cloud-annotations-developer"
+    target="_blank"
+    rel="noopener noreferrer"
+    ><div>IBM Developer</div>
+    <svg
+      class="Home_link__3O3ajgithubicon"
+      focusable="false"
+      preserveAspectRatio="xMidYMid meet"
+      aria-label="Open resource"
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 32 32"
+      role="img"
+      style="will-change: transform;"
+    >
+      <path
+        d="M26 28H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h9v2H6v20h20v-9h2v9a2 2 0 0 1-2 2z"
+      ></path>
+      <path d="M21 2v2h5.59L18 12.59 19.41 14 28 5.41V11h2V2h-9z"></path></svg
+  ></a>
+
+  <a
+    class="Home_link__3O3ajgithub"
+    href="https://github.com/cloud-annotations"
+    target="_blank"
+    rel="noopener noreferrer"
+    ><div>GitHub</div>
+    <svg
+      class="Home_link__3O3ajgithubicon"
+      focusable="false"
+      preserveAspectRatio="xMidYMid meet"
+      aria-label="Open resource"
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 32 32"
+      role="img"
+      style="will-change: transform;"
+    >
+      <path
+        d="M26 28H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h9v2H6v20h20v-9h2v9a2 2 0 0 1-2 2z"
+      ></path>
+      <path d="M21 2v2h5.59L18 12.59 19.41 14 28 5.41V11h2V2h-9z"></path></svg
+  ></a>
+</div>
+
+{{ content }}

docs/_layouts/workshop-stepper.html

@@ -1,13 +1,7 @@
 ---
-layout: base
+layout: titlebar-thin
 ---
 
-<div class="titlebar">
-  <a href="https://ibm.biz/cloud-annotations-developer"
-    ><span class="prefix">IBM</span>&nbsp;Developer</a
-  >
-</div>
-
 <div class="sidebar">
   <ol class="stepper">
     {% for item in site[page.collection] %} {% if item.url == page.url %}