[DOCS] SEO and config changes

netlify.toml

@@ -30,17 +30,17 @@
 
 [[redirects]]
   from = "/docs/how_to/single_node"
-  to = "docs/quickstart"
+  to = "/docs/quickstart"
 
 [[redirects]]
-  from="docs/how_to/kubernetes"
-  to="/docs/getting_started/kubernetes_cluster"
+  from="/docs/how_to/kubernetes"
+  to="/docs/cluster/kubernetes_cluster"
 
 [[redirects]]
-  from="docs/quickstart/kubernetes"
+  from="/docs/quickstart/kubernetes"
   to="/docs/cluster/kubernetes_cluster"
 
 # TODO: Fix this with new content type
 [[redirects]]
   from = "/talks"
-  to = "docs/overview/media"
+  to = "/docs/overview/media"

site/config/_default/config.toml

@@ -32,7 +32,6 @@
     target = "archetypes"
 
 ignoreFiles = [ "\\.ttf$", "\\.woff$", "\\.woff2$", "\\.eot$" ]
-enableRobotsTXT = true
 metaDataFormat = "yaml"
 # theme = "docs-theme"
 # baseURL = "/"
@@ -44,8 +43,8 @@ defaultContentLanguageInSubdir = true
 
 [languages]
 [languages.en]
-title = "Kubernetes"
-description = "Production-Grade Container Orchestration"
+title = "M3 Documentation"
+description = "M3 is a Prometheus compatible, easy to adopt metrics engine that provides visibility for some of the world’s largest brands."
 languageName ="English"
 # Weight used for sorting.
 weight = 1
@@ -110,9 +109,10 @@ offlineSearch = false
   # Prefix URL to edit current page. Will display an "Edit this page" button on top right hand corner of every page. 
   # Useful to give opportunity to people to create merge request for your doc.
   # See the config.toml file from this documentation site to have an example.
-  # TODO: pattern to branch?
-  # TODO: bring back
-  # editURL = "https://github.com/m3db/m3/tree/master/site/content/"
+
+  helpBlock = true
+  editURL = "https://github.com/m3db/m3/tree/master/site/content/"
+
   # Author of the site, will be used in meta information
   author = "The M3 team and community"
   # Description of the site, will be used in meta information

site/config/production/config.toml

@@ -52,6 +52,7 @@ ignoreFiles = [ "\\.ttf$", "\\.woff$", "\\.woff2$", "\\.eot$" ]
 languageCode = "en-US"
 defaultContentLanguage = "en"
 # staticDir = ["static"]
+enableRobotsTXT = true
 
 metaDataFormat = "yaml"
 defaultContentLanguageInSubdir= true
@@ -101,11 +102,7 @@ offlineSearch = false
   # Prefix URL to edit current page. Will display an "Edit this page" button on top right hand corner of every page. 
   # Useful to give opportunity to people to create merge request for your doc.
   # See the config.toml file from this documentation site to have an example.
-  # TODO: pattern to branch?
-  # TODO: bring back
-  # editURL = "https://github.com/m3db/m3/tree/master/site/content/"
-  # Shows a checkmark for visited pages on the menu
-  showVisitedLinks = false
+
   # Disable search function. It will hide search bar
   disableSearch = false
   # Javascript and CSS cache are automatically busted when new version of site is generated. 
@@ -124,7 +121,7 @@ offlineSearch = false
   # Order sections in menu by "weight" or "title". Default to "weight"
   ordersectionsby = "weight"
   # Change default color scheme with a variant one. Can be "red", "blue", "green".
-  themeVariant = "blue"
+  # themeVariant = "blue"
   twitter = "m3db_io"
   disableHomeIcon = true
 

site/content/cluster/binaries_cluster.md

@@ -1,10 +1,9 @@
 ---
 linktitle: "Binaries"
+title: Creating an M3 Cluster with Binaries
 weight: 2
 ---
 
-# Creating an M3 Cluster with Binaries
-
 This guide shows you the steps involved in creating an M3 cluster using M3 binaries, typically you would automate this with infrastructure as code tools such as Terraform or [Kubernetes](/docs/operator).
 
 {{% notice note %}}

site/content/cluster/kubernetes_cluster.md

@@ -1,10 +1,9 @@
 ---
 linktitle: "Kubernetes"
+title: Creating an M3 Cluster with Kubernetes
 weight: 1
 ---
 
-# Creating an M3 Cluster with Kubernetes
-
 This guide shows you how to create an M3 cluster of 3 nodes, designed to run locally on the same machine. It is designed to show you how M3 and Kubernetes can work together, but not as a production example.
 
 {{% notice note %}}

site/content/quickstart/binaries.md

@@ -1,12 +1,9 @@
 ---
 linktitle: "Binaries"
+title: Creating a Single Node M3 Cluster with Binaries
 weight: 3
 ---
 
-<!-- TODO: Combine with other quickstart? -->
-
-# Creating a Single Node M3 Cluster with Binaries
-
 This guide shows how to install and configure M3, create a single-node cluster, and read and write metrics to it.
 
 {{% notice warning %}}

site/layouts/404.html

@@ -0,0 +1,234 @@
+<!DOCTYPE html>
+<html class="no-js" lang="en-US">
+    <head>
+        <meta charset="UTF-8"/>
+        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+
+        <!-- Icons -->
+        <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/images/favicon/apple-touch-icon-57x57.png" />
+        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/images/favicon/apple-touch-icon-114x114.png" />
+        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/images/favicon/apple-touch-icon-72x72.png" />
+        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/images/favicon/apple-touch-icon-144x144.png" />
+        <link rel="apple-touch-icon-precomposed" sizes="60x60" href="/images/favicon/apple-touch-icon-60x60.png" />
+        <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/images/favicon/apple-touch-icon-120x120.png" />
+        <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/images/favicon/apple-touch-icon-76x76.png" />
+        <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/images/favicon/apple-touch-icon-152x152.png" />
+        <link rel="icon" type="image/png" href="/images/favicon/favicon-196x196.png" sizes="196x196" />
+        <link rel="icon" type="image/png" href="/images/favicon/favicon-96x96.png" sizes="96x96" />
+        <link rel="icon" type="image/png" href="/images/favicon/favicon-32x32.png" sizes="32x32" />
+        <link rel="icon" type="image/png" href="/images/favicon/favicon-16x16.png" sizes="16x16" />
+        <link rel="icon" type="image/png" href="/images/favicon/favicon-128.png" sizes="128x128" />
+        <meta name="application-name" content="&nbsp;"/>
+        <meta name="msapplication-TileColor" content="#FFFFFF" />
+        <meta name="msapplication-TileImage" content="mstile-144x144.png" />
+        <meta name="msapplication-square70x70logo" content="mstile-70x70.png" />
+        <meta name="msapplication-square150x150logo" content="mstile-150x150.png" />
+        <meta name="msapplication-wide310x150logo" content="mstile-310x150.png" />
+        <meta name="msapplication-square310x310logo" content="mstile-310x310.png" />
+
+
+        <link rel="manifest" href="manifest.json">
+
+            <link rel="canonical" href="#">
+
+
+        <link rel="stylesheet" href="/css/page_404.css">
+        <meta name="msapplication-config" content="browserconfig.xml"/>
+        <meta name="msapplication-TileColor" content="%23ffffff">
+        <meta name="msapplication-TileImage" content="/images/favicon/ms-icon-144x144.png">
+        <meta name="theme-color" content="%23ffffff">
+
+        <!-- Title -->
+        <title>M3: Open Source Metrics Engine</title>
+        <meta property="og:title" content="M3: Open Source Metrics Engine"/>
+        <meta property="og:site_name" content="M3"/>
+
+            <meta property="og:url" content="#"/>
+
+        <meta property="og:type" content="website"/>
+        <meta name="twitter:title" content="M3: Open Source Metrics Engine"/>
+        <meta name="twitter:site" content="@m3"/>
+        <meta name="twitter:card" content="summary_large_image"/>
+
+        <!-- Image -->
+
+            <meta property="og:image" content="/images/page/og-404.jpg"/>
+            <meta name="twitter:image" content="/images/page/og-404.jpg"/>
+
+
+        <!-- Description -->
+
+            <meta name="description" content="M3 is a Prometheus compatible, easy to adopt metrics engine that powers/provides visibility for some of the world's largest brands."/>
+            <meta name="twitter:description" content="M3 is a Prometheus compatible, easy to adopt metrics engine that powers/provides visibility for some of the world's largest brands."/>
+            <meta property="og:description" content="M3 is a Prometheus compatible, easy to adopt metrics engine that powers/provides visibility for some of the world's largest brands.">
+
+
+        <base href="/">
+
+    </head>
+
+    <body>
+
+
+<header id="screen-reader-shortcut-header" class="main-header js-main-header fixed-top w-100">
+
+
+        <nav class="navbar navbar-expand-lg navbar-light bg-light">
+    <div class="container c-mx-0">
+        <div class="row align-items-center justify-content-between no-gutters w-100">
+            <a class="navbar-brand d-flex align-items-center" href="">
+                <img src="/images/logo.svg" class="navbar-brand__logo" alt="logo-m3">
+            </a>
+
+            <div class="collapse navbar-collapse justify-content-between order-3 order-lg-2 pb-4 pb-lg-0" id="navbarNav">
+                <ul class="navbar-nav mt-auto ml-auto c-mr-lg-8">
+                    <li class="nav-item ">
+                        <a class="nav-link" href="/community/">Community <span class="sr-only">(current)</span></a>
+                    </li>
+                    <li class="nav-item ">
+                        <a class="nav-link" href="/about/">About M3</a>
+                    </li>
+                    <li class="nav-item ">
+                        <a class="nav-link" href="/docs/">Documentation</a>
+                    </li>
+                </ul>
+            </div>
+
+            <div class="navbar-socials order-lg-3">
+                <a href="https://bit.ly/m3slack" target="_blank" class="navbar-socials__logo-box bg-primary c-mr-2">
+                    <img src="/images/slack_logo-light.svg" class="navbar-socials__logo" alt="logo-slack-light" />
+                </a>
+                <a href="https://github.com/m3db/m3" target="_blank" class="navbar-socials__logo-box bg-primary c-ml-2">
+                    <img src="/images/github_logo-light.svg" class="navbar-socials__logo" alt="logo-github-light" />
+                </a>
+            </div>
+
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+                <span></span>
+                <span></span>
+                <span></span>
+            </button>
+        </div>
+    </div>
+</nav>
+
+
+</header>
+
+<div class="main-content page-page_404">
+
+
+
+<img src="/images/home/hero-bg.svg" class="home__bg-hero" alt="home-hero" />
+
+<section class="404-home">
+    <div class="container">
+        <div class="row">
+            <div class="col-md-8 col-lg-6 mx-auto text-center">
+                <h1 class="hero-home__heading line-height-1-2 font-weight-semibold c-mt-6">
+                    <span class="text-blue-light">
+                        404:
+                    </span>
+                   Page not found
+                </h1>
+                <p class="hero-home__desc line-height-1-8 c-mt-8 c-mt-md-5">    
+                    Sorry, but the page you were trying to view does not exist.
+
+                </p>
+                <a target="_self" rel="noopener" href="/"
+                class="crunch-button crunch-button__full-background crunch-button__full-background--gradient-color
+                crunch-button__full-background--arrow-right crunch-button__full-background--large text-white c-mt-10 c-mt-md-8">
+                    Return to homepage
+                </a>
+            </div>
+        </div>
+    </div>
+</section>
+
+
+
+            </div>
+
+
+<div class="js-main-footer-wrapper">
+    <footer class="main-footer c-py-10">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-3">
+                    <div class="main-footer__logo-wrapper">
+                        <a class="navbar-brand" href="">
+                            <img src="/images/logo.svg" class="main-footer__logo lazyload" alt="logo-m3" loading="lazy">
+                        </a>    
+                    </div>
+                </div>
+
+                <div class="col-6 col-md-3 c-mt-6 c-mt-md-0">
+                    <h4 class="main-footer__title font-size-16 font-weight-bold text-primary">Sitemap</h4>
+                    <ul class="main-footer__menu main-footer__menu-sitemap list-unstyled c-mt-3">
+                        <li class="main-footer__menu-item"><a href="/community">Community</a></li>
+                        <li class="main-footer__menu-item"><a href="/about">About M3</a></li>
+                        <li class="main-footer__menu-item"><a href="https://www.m3db.io/docs/" target="_blank">Documentation</a></li>
+                    </ul>
+                </div>
+
+                <div class="col-6 col-md-3 c-mt-6 c-mt-md-0">
+                    <h4 class="main-footer__title font-size-16 font-weight-bold text-primary">Join our Community</h4>
+                    <ul class="main-footer__menu main-footer__menu-community list-unstyled c-mt-3">
+                        <li class="main-footer__menu-item">
+                            <p class="text-center">
+                                <img src="/images/slack_logo-color.svg" class="main-footer__menu-community--slack lazyload" 
+                                loading="lazy" alt="logo-slack-color" />
+                            </p>
+                            <span><a href="https://bit.ly/m3slack" target="_blank">Slack</a></span>
+                        </li>
+                        <li class="main-footer__menu-item">
+                            <p class="text-center">
+                                <img src="/images/github_logo-color.svg" class="main-footer__menu-community--github lazyload" loading="lazy" alt="logo-github-color" />
+                            </p>
+                            <span><a href="https://github.com/m3db/m3" target="_blank">Github</a></span>
+                        </li>
+                        <li class="main-footer__menu-item">
+                            <p class="text-center">
+                                <img src="/images/meetup_logo-color.svg" class="main-footer__menu-community--meetup lazyload" loading="lazy" alt="logo-meetup-color" />
+                            </p>
+                            <span><a href="https://www.meetup.com/M3-Community/" target="_blank">Meetup</a></span>
+                        </li>
+                        <li class="main-footer__menu-item">
+                            <p class="text-center">
+                                <img src="/images/community/calendly-logo.svg" class="main-footer__menu-community--office lazyload" loading="lazy" alt="logo-office-color"/>
+                            </p>
+                            <span><a href="https://calendly.com/chronosphere-intro/m3-community-office-hours" target="_blank">Office Hours</a></span>
+                        </li>
+                    </ul>
+                </div>
+
+                <div class="col-md-3 c-mt-8 c-mt-md-0">
+                    <p class="main-footer__copy font-size-14 text-primary">Copyright © 2020. All rights reserved.</p>
+                </div>
+            </div>
+        </div>
+    </footer>
+</div>
+
+
+    <script src="/js/page_404.js" defer></script>
+<script>
+    WebFontConfig = {
+        custom: {
+            families: ['Cabin:400,500,600,700', 'Poppins:400,500']
+        }
+    };
+
+    (function(d) {
+        var wf = d.createElement('script'), s = d.scripts[0];
+        wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js';
+        wf.async = true;
+        s.parentNode.insertBefore(wf, s);
+    })(document);
+
+</script>
+
+
+    </body>
+</html>

site/static/robots.txt

@@ -0,0 +1 @@
+User-agent: *