Updating theme and configuration (#852)

* Enable robots, Update versions, add links

* Update left column minimum width

* Add Dapr docs image

* Update spacing for list pages

* Add home image

daprdocs/assets/scss/_sidebar-tree.scss

@@ -0,0 +1,147 @@
+//
+// Left side navigation
+//
+.td-sidebar-nav {
+    padding-right: 0.5rem;
+    margin-right: -15px;
+    margin-left: -15px;
+
+    @include media-breakpoint-up(md) {
+        @supports (position: sticky) {
+            max-height: calc(100vh - 10rem);
+            overflow-y: auto;
+        }
+    }
+
+
+    @include media-breakpoint-up(md) {
+        display: block !important;
+    }
+
+
+    &__section {
+        li {
+            list-style: none;
+        }
+
+        ul {
+            padding: 0;
+            margin: 0;
+        }
+
+        @include media-breakpoint-up(md) {
+            & > ul {
+                padding-left: .5rem;
+            }
+        }
+
+
+        padding-left: 0;
+    }
+
+    &__section-title {
+        display: block;
+        font-weight: $font-weight-medium;
+
+        .active {
+            font-weight: $font-weight-bold;
+        }
+
+        a {
+            color: $gray-900;
+        }
+    }
+
+    .td-sidebar-link {
+        display: block;
+        padding-bottom: 0.375rem;
+
+        &__page {
+            color: $gray-700;
+            font-weight: $font-weight-light;
+        }
+    }
+
+    a {
+        &:hover {
+            color: $blue;
+            text-decoration: none;
+        }
+
+        &.active {
+            font-weight: $font-weight-bold;
+        }
+    }
+
+    .dropdown {
+        a {
+            color: $gray-700;
+        }
+
+        .nav-link {
+             padding: 0 0 1rem;
+        }
+    }
+
+    & > .td-sidebar-nav__section {
+        padding-top: .5rem;
+        padding-left: 1.5rem;
+    }
+}
+
+.td-sidebar {
+    @include media-breakpoint-up(md) {
+        padding-top: 4rem;
+        background-color: $td-sidebar-bg-color;
+        padding-right: 1rem;
+        border-right: 1px solid $td-sidebar-border-color;
+        min-width: 18rem;
+    }
+
+
+    padding-bottom: 1rem;
+
+    &__toggle {
+        line-height: 1;
+        color: $gray-900;
+        margin: 1rem;
+    }
+
+    &__search {
+        padding: 1rem 15px;
+        margin-right: -15px;
+        margin-left: -15px;
+    }
+
+    &__inner {
+        order: 0;
+
+        @include media-breakpoint-up(md) {
+            @supports (position: sticky) {
+                position: sticky;
+                top: 4rem;
+                z-index: 10;
+                height: calc(100vh - 6rem);
+            }
+        }
+
+
+        @include media-breakpoint-up(xl) {
+            flex: 0 1 320px;
+        }
+
+
+        .td-search-box {
+            width: 100%;
+        }
+    }
+
+    #content-desktop {display: block;}
+    #content-mobile {display: none;}
+
+    @include media-breakpoint-down(md) {
+
+    #content-desktop {display: none;}
+    #content-mobile {display: block;}
+    }
+}

daprdocs/config.toml

@@ -1,8 +1,10 @@
 # Site Configuration
-baseURL = "https://docs.dapr.io"
+baseURL = "https://docs.dapr.io/"
 title = "Dapr Docs"
 theme = "docsy"
 
+enableRobotsTXT = true
+
 # Language Configuration
 languageCode = "en-us"
 contentDir = "content/en"
@@ -14,6 +16,10 @@ github_repo = "https://github.com/dapr/docs"
 github_project_repo = "https://github.com/dapr/dapr"
 github_subdir = "daprdocs"
 
+# Algolia
+# algolia_docsearch = true
+# sidebar_search_disable = true
+
 # Markdown Engine - Allow inline html
 [markup]
   [markup.goldmark]
@@ -34,28 +40,25 @@ github_subdir = "daprdocs"
     weight = 60
     url = "https://dapr.io/#download"
 [[menu.main]]
-    name = "Docs"
+    name = "Blog"
     weight = 70
-    url = "#"
+    url = "https://blog.dapr.io/blog"
 [[menu.main]]
     name = "Community"
     weight = 80
     url = "https://dapr.io/#community"
 
 [params]
+copyright = "Dapr"
 #privacy_policy = "https://policies.google.com/privacy"
 
-# UI Customization
-[params.ui]
-sidebar_menu_compact = true
-navbar_logo = true
-
 # Versioning
 version_menu = "Releases"
-version = "v0.10"
+version = "v0.11"
 archived_version = false
+
 [[params.versions]]
-  version = "Latest"
+  version = "v0.11"
   url = "#"
 [[params.versions]]
   version = "v0.10"
@@ -67,25 +70,41 @@ archived_version = false
   version = "v0.8"
   url = "https://github.com/dapr/docs/tree/v0.8.0"
 
+# UI Customization
+[params.ui]
+sidebar_menu_compact = true
+navbar_logo = true
+
 # Links
 ## End user relevant links. These will show up on left side of footer and in the community page if you have one.
 [[params.links.user]]
 	name ="Twitter"
 	url = "https://twitter.com/daprdev"
 	icon = "fab fa-twitter"
-        desc = "Follow us on Twitter to get the latest updates!"
+  desc = "Follow us on Twitter to get the latest updates!"
- [[params.links.user]]
+[[params.links.user]]
 	name = "YouTube"
 	url = "https://www.youtube.com/channel/UCtpSQ9BLB_3EXdWAUQYwnRA"
 	icon = "fab fa-youtube"
-        desc = "Community call recordings and other cool demos"
+  desc = "Community call recordings and other cool demos"
+[[params.links.user]]
+	name = "Blog"
+	url = "https://blog.dapr.io/posts"
+	icon = "fas fa-blog"
+  desc = "Community call recordings and other cool demos"
 ## Developer relevant links. These will show up on right side of footer and in the community page if you have one.
 [[params.links.developer]]
 	name = "GitHub"
 	url = "https://github.com/dapr/"
 	icon = "fab fa-github"
-        desc = "Development takes place here!"
+  desc = "Development takes place here!"
-
+[[params.links.developer]]
-# Algolia
+	name = "Gitter"
-algolia_docsearch = true
+	url = "https://gitter.im/Dapr/community"
-sidebar_search_disable = true
+	icon = "fab fa-gitter"
+  desc = "Conversations happen here!"
+[[params.links.developer]]
+	name = "Zoom"
+	url = "https://aka.ms/dapr-community-call"
+	icon = "fas fa-video"
+  desc = "Meetings happen here!"

daprdocs/content/en/docs/_index.md

@@ -0,0 +1 @@
+# <img src="/images/home-title.png" alt="Dapr Docs" width=400>

daprdocs/layouts/docs/list.html

@@ -0,0 +1,20 @@
+{{ define "main" }}
+<div class="td-content">
+	<h1>{{ .Title }}</h1>
+        {{ with .Params.description }}<div class="lead">{{ . | markdownify }}</div>{{ end }}
+	{{ if (and (not .Params.hide_readingtime) (.Site.Params.ui.readingtime.enable)) }}
+            {{ partial "reading-time.html" . }}
+        {{ end }}
+	{{ .Content }}
+        {{ partial "section-index.html" . }}
+	{{ if (and (not .Params.hide_feedback) (.Site.Params.ui.feedback.enable) (.Site.GoogleAnalytics)) }}
+		{{ partial "feedback.html" .Site.Params.ui.feedback }}
+		<br />
+	{{ end }}
+	{{ if (.Site.DisqusShortname) }}
+		<br />
+		{{ partial "disqus-comment.html" . }}
+	{{ end }}
+	<div class="text-muted pt-3 border-top">{{ partial "page-meta-lastmod.html" . }}</div>
+</div>
+{{ end }}