Display different colour/icon for different layouts

Signed-off-by: Stasia Michalska <[email protected]>

Author: hellcp

source/_layouts/blog/master.html

@@ -16,6 +16,8 @@
 
 layout: default
 menu_section: blog
+menu_section_color: '#e27c3f'
+menu_section_icon: /images/menu/blog.png
 ---
 <div class="container">
   <div class="row">

source/_layouts/community.html

@@ -1,6 +1,8 @@
 ---
 layout: sidebar_narrow
 menu_section: community
+menu_section_color: '#9d49d5'
+menu_section_icon: /images/menu/community.png
 sidebar_only: false
 ---
   <div class="section-menu section-menu--community section-menu--dark">

source/_layouts/docs.html

@@ -15,6 +15,8 @@
 
 layout: sidebar_narrow
 menu_section: docs
+menu_section_color: '#d84ba1'
+menu_section_icon: /images/menu/docs.png
 search_primary: docs
 ---
   <div class="section-menu section-menu--docs section-menu--dark">

source/_layouts/guides/master-wide.html

@@ -16,6 +16,8 @@
 
 layout: sidebar_narrow
 menu_section: guides
+menu_section_color: '#e5e327'
+menu_section_icon: /images/menu/guides.png
 ---
   <div class="section-menu section-menu--guides section-menu--light">
     <div class="section-menu__header">

source/_layouts/guides/master.html

@@ -16,6 +16,8 @@
 
 layout: sidebar_narrow
 menu_section: guides
+menu_section_color: '#e5e327'
+menu_section_icon: /images/menu/guides.png
 sidebar_only: false
 ---
   <div class="section-menu section-menu--guides section-menu--light">

source/_layouts/master.html

@@ -47,9 +47,13 @@
   {% endif %}
   {% else %}
   <meta property="og:type" content="website" />
+  {% if layout.menu_section_icon %}
+  <meta property="og:image" content="{{ site.asset_path | append: layout.menu_section_icon | absolute_url }}" />
+  {% else %}
   <meta property="og:image" content="{{ site.asset_path | append: '/images/rebble.png' | absolute_url }}" />
   {% endif %}
-  <meta name="theme-color" content="#ff4700">
+  {% endif %}
+  <meta name="theme-color" content="{% if layout.menu_section_color %}{{ layout.menu_section_color }}{% else %}#ff4700{% endif %}">
   <link rel="canonical" href="{{ page.url | replace: 'index.html', '' | prepend: site.baseurl | prepend: site.url }}">
   <link href="https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700" rel="stylesheet" type="text/css">
   <link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700" rel="stylesheet" type="text/css">

source/_layouts/more.html

@@ -16,6 +16,8 @@
 
 layout: sidebar_narrow
 menu_section: more
+menu_section_color: '#00a94b'
+menu_section_icon: /images/menu/more.png
 sidebar_only: false
 ---
   <div class="section-menu section-menu--more section-menu--dark">

source/_layouts/sdk/master.html

@@ -16,6 +16,8 @@
 
 layout: sidebar_narrow
 menu_section: sdk
+menu_section_color: '#4cafe2'
+menu_section_icon: /images/menu/sdk.png
 ---
   <div class="section-menu section-menu--sdk section-menu--dark">
     <div class="section-menu__header">

source/_layouts/tutorials/master.html

@@ -16,6 +16,8 @@
 
 layout: sidebar_narrow
 menu_section: tutorials
+menu_section_color: '#d55248'
+menu_section_icon: /images/menu/getting-started.png
 ---
 <div class="section-menu section-menu--getting-started section-menu--dark">
   <div class="section-menu__header">