Complete Theme Migration from Henrik

.github/workflows/regen-gh-pages.yml

@@ -21,7 +21,23 @@ jobs:
         uses: peaceiris/actions-hugo@v2
         with:
           hugo-version: 'latest'
+          extended: true    # Use extended Hugo
 
+      - name: Setup Node
+        uses: actions/setup-node@v2
+        with:
+          node-version: '14'
+
+      - name: Cache dependencies
+        uses: actions/cache@v1
+        with:
+          path: ~/.npm
+          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-node-
+      - name: Prepare postcss-cli
+        run: npm ci
+        
       - name: Build
         run: hugo --minify
 

.gitignore

@@ -1 +1,3 @@
 public/
+/node_modules/
+/resources/_gen/

.gitmodules

@@ -1,3 +1,3 @@
-[submodule "themes/relearn"]
+[submodule "themes/docsy"]
-	path = themes/relearn
+	path = themes/docsy
-	url = https://github.com/McShelby/hugo-theme-relearn.git
+	url = https://github.com/google/docsy.git

README.md

@@ -1,9 +1,29 @@
+# alguidelines.dev Site Source Repo
+
+This is the source for the [alguidelines.dev](https://alguidelines.dev)
+website.
 # Business Central Design Patterns & Best Practices
 
 This site is meant to house some of the community's knowledge about Microsoft Dynamics 365 Business Central AL Development best practices, particularly around hosting Design Patterns.
 
 Please see the [ALGuidelines.dev](https://alguidelines.dev/) site for the full information about this project.
 
+## Repo organization
+
+This is a [hugo](https://gohugo.io) statically-generated site, hosted
+on [GitHub Pages](https://https://pages.github.com).  The site is automatically built by
+GitHub Actions (see regen-gh-pages.yml).
+
+All site content is stored in the `content` directory in markdown format.
+
+```text
+content/en
+├── _index.html  # Landing page
+├── author       # Info about blog authors
+├── blog         # Blog posts
+├── docs         # Documentation pages
+└── search.md
+```
 ## Contributing
 
 This project welcomes contributions and suggestions.  Most contributions require you to agree to a
@@ -18,6 +38,32 @@ This project has adopted the [Microsoft Open Source Code of Conduct](https://ope
 For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or
 contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments.
 
+### Setup
+
+1. Clone and setup
+```sh
+# Clone all submodules
+git submodule update --init --recursive --depth 1
+# Install NPM dependencies
+npm install
+```
+2. Run Hugo server
+```
+$ hugo server
+Web Server is available at http://localhost:1313/ (bind address 127.0.0.1)
+Press Ctrl+C to stop
+```
+You can visit [localhost:1313](http://localhost:1313/) in browser to preview website.
+
+### Making changes
+
+1. Create a new branch
+2. Make your changes
+3. Verify your changes locally with Hugo server
+4. Commit and push your changes to the branch
+5. Raise a PR to main branch
+6. Once PR is merged, your changes would be live on the site
+
 ## Trademarks
 
 This project may contain trademarks or logos for projects, products, or services. Authorized use of Microsoft 

config.toml

@@ -1,36 +1,216 @@
 baseURL = 'https://alguidelines.dev/'
+enableRobotsTXT = true
 languageCode = 'en-us'
 title = 'AL Guidelines'
 
-# Change the default theme to be use when building the site with Hugo
+# Hugo allows theme composition (and inheritance). The precedence is from left to right.
-theme = "relearn"
+theme = ["docsy"]
 
-# For search functionality
+# Will give values to .Lastmod etc.
-[outputs]
+enableGitInfo = true
-home = [ "HTML", "RSS", "JSON"]
+
+# Comment out to disable taxonomies in Docsy
+# disableKinds = ["taxonomy", "taxonomyTerm"]
+
+# You can add your own taxonomies
+[taxonomies]
+author = "author"
+category = "categories"
+tag = "tags"
+
+[params.taxonomy]
+# set taxonomyCloud = [] to hide taxonomy clouds
+taxonomyCloud = []
+
+# If used, must have same lang as taxonomyCloud
+taxonomyCloudTitle = ["Tag Cloud", "Categories", "Authors"]
+
+# set taxonomyPageHeader = [] to hide taxonomies on the page headers
+taxonomyPageHeader = ["tags", "categories", "authors"]
+
+# Highlighting config
+pygmentsCodeFences = true
+pygmentsUseClasses = false
+# Use the new Chroma Go highlighter in Hugo.
+pygmentsUseClassic = false
+#pygmentsOptions = "linenos=table"
+# See https://help.farbox.com/pygments.html
+pygmentsStyle = "tango"
+
+# First one is picked as the Twitter card image if not set on page.
+#images = ["images/project-illustration.png"]
+
+# Configure how URLs look like per section.
+[permalinks]
+blog = "/blog/:slug/"
+
+[markup.goldmark.renderer]
+unsafe = true
+
+[markup.highlight]
+style = "tango"
+
+## Configuration for BlackFriday markdown parser: https://github.com/russross/blackfriday
+[blackfriday]
+angledQuotes = false
+hrefTargetBlank = false
+latexDashes = true
+plainIDAnchors = true
+
+# Image processing configuration.
+[imaging]
+anchor = "smart"
+quality = 75
+resampleFilter = "CatmullRom"
+
+[services]
+[services.googleAnalytics]
+# Comment out the next line to disable GA tracking. Also disables the feature described in [params.ui.feedback].
+id = ""
+
+# Language configuration
+
+[languages]
+[languages.en]
+description = "Guidelines for when Developing AL for Microsoft Dynamics 365 Business Central"
+languageName = "English"
+title = "alguidelines.dev"
+# Weight used for sorting.
+weight = 1
+
+# Everything below this are Site Params
 
 [params]
-  # Change default color scheme with a variant one. Can be empty, "red", "blue", "green".
+copyright = "Copyright © 2020 alguidelines.dev Project"
-  themeVariant = "blue"
+github_repo = "https://github.com/microsoft/alguidelines"
-  # If set to false, a Home button will appear below the search bar on the menu.
+github_project_repo = "https://github.com/microsoft/alguidelines"
-  # It is redirecting to the landing page of the current language if specified. (Default is "/")
+privacy_policy = ""
-  disableLandingPageButton = true
-  # Enable GitHub editing
-  editURL = "https://github.com/microsoft/alguidelines/edit/main/content/"
-  # This controls whether submenus will be expanded (true), or collapsed (false) in the
-  # menu; if no setting is given, the first menu level is set to false, all others to true;
-  # this can be overridden in the pages frontmatter
-  alwaysopen = false
 
-# Additional menu (left sidebar) area links
+# Google Custom Search Engine ID. Remove or comment out to disable search.
-[[menu.shortcuts]]
+# gcs_engine_id = "c632b781ffe71b197"
-name = "<i class='fab fa-github'></i> GitHub repo"
+#algolia_docsearch = true
-identifier = "gh"
+
+# current release branch - could be rc
+release_branch = "master"
+# the main version. Never is rc.
+release_version = "v1.15.1"
+
+slackurl = ""
+
+installurl = ''
+learnmoreurl = ''
+#twitterurl = ''
+
+notoc = true
+
+# First one is picked as the Twitter card image if not set on page.
+images = ["images/og-image-fission.png"]
+
+[params.social]
+#github = ''
+#slackurl = ""
+#twitter = ''
+
+[[params.whatsnew]]
+badge = 'FISSION DZONE REFCARD'
+body = 'Get started with Serverless on Kubernetes in 5 minutes! Learn how to set up Fission, its key concepts, how to create and invoke a function, monitor its performance, and more.'
+heading = 'New! Download the Fission.io Refcard'
+[params.whatsnew.button]
+hero_class = 'mid'
+text = 'Download Now!'
+url = 'https://platform9.com/wp-content/uploads/2019/03/dzone-refcard-fissionio.pdf'
+
+[[params.whatsnew]]
+badge = 'BLOG'
+body = 'Learn how to use Fission functions with PostgreSQL database.'
+heading = 'Fission Functions with PostgreSQL Sample'
+[params.whatsnew.button]
+hero_class = 'mid-2'
+text = 'Read More'
+url = '/blog/how-to-use-postgresql-database-with-fission-functions/'
+
+[[params.whatsnew]]
+badge = 'BLOG'
+body = 'Tutorial to deploy Next.js applications with Fission.'
+heading = 'Next.js Application with Fission'
+[params.whatsnew.button]
+hero_class = 'mid-2'
+text = 'REad More'
+url = '/blog/serverless-next.js-example-blog-with-fission/'
+
+# User interface configuration
+[params.ui]
+#  Set to true to disable breadcrumb navigation.
+breadcrumb_disable = false
+# Set to true to disable the About link in the site footer
+footer_about_disable = false
+# Set to false if you don't want to display a logo (/assets/icons/logo.svg) in the top navbar
+navbar_logo = true
+# Set to true if you don't want the top navbar to be translucent when over a `block/cover`, like on the homepage.
+navbar_translucent_over_cover_disable = false
+# Enable to show the side bar menu in its compact state.
+sidebar_menu_compact = true
+# Set to true to hide the sidebar search box (the top nav search box will still be displayed if search is enabled)
+sidebar_search_disable = true
+
+# Adds a H2 section titled "Feedback" to the bottom of each doc. The responses are sent to Google Analytics as events.
+# This feature depends on [services.googleAnalytics] and will be disabled if "services.googleAnalytics.id" is not set.
+# If you want this feature, but occasionally need to remove the "Feedback" section from a single page,
+# add "hide_feedback: true" to the page's front matter.
+[params.ui.feedback]
+enable = true
+# The responses that the user sees after clicking "yes" (the page was helpful) or "no" (the page was not helpful).
+no = 'Sorry to hear that. Please <a href="https://github.com/microsoft/alguidelines/issues/new">tell us how we can improve</a>.'
+yes = 'Glad to hear it! Please <a href="https://github.com/microsoft/alhuidelines/issues/new">tell us how we can improve</a>.'
+
+# Adds a reading time to the top of each doc.
+# If you want this feature, but occasionally need to remove the Reading time from a single page, 
+# add "hide_readingtime: true" to the page's front matter
+[params.ui.readingtime]
+enable = false
+
+[[params.links.user]]
+desc = "Development takes place here!"
+icon = "fab fa-github"
+name = "GitHub"
 url = "https://github.com/microsoft/alguidelines"
-weight = 10
+[params.links]
-
+[[params.links.user]]
-[[menu.shortcuts]]
+desc = "Follow us on Twitter to get the latest news!"
-name = "<i class='fab fa-discord'></i> BC Discord"
+icon = "fab fa-twitter"
-identifier = "ds"
+name = "Twitter"
+url = "https://twitter.com/search?q=%23bcalhelp"
+[[params.links.user]]
+desc = "Chat with other project users in #users"
+icon = "fab fa-discord"
+name = "Discord"
 url = "https://discord.gg/4wbfNv3"
+# End user relevant links. These will show up on left side of footer and in the community page if you have one.
+
+
+[sitemap]
+changefreq = "monthly"
+filename = "sitemap.xml"
+priority = 0.5
+
+[menu]
+[[menu.main]]
+name = "Docs"
+url = "/docs/"
+pre = "<i class='fas fa-book'></i>"
 weight = 10
+[[menu.main]]
+name = "Blog"
+url = "/blog/"
+pre = "<i class='fas fa-blog'></i>"
+weight = 11
+[[menu.main]]
+name = "GitHub"
+pre = "<i class='fab fa-github'></i>"
+url = "https://github.com/microsoft/alguidelines"
+weight = 13
+[[menu.main]]
+name = "Discord"
+pre = "<i class='fab fa-discord'></i>"
+url = "https://discord.gg/4wbfNv3"
+weight = 14

content/Contributing/ForkAndPR/index.md

@@ -11,20 +11,22 @@ AL Guidelines is a community project, and as such YOU are encouraged to submit c
 
 If You are toying with an idea, but You aren't ready to create a document just yet, you are encouraged to create a project discussion thread here: https://github.com/microsoft/alguidelines/discussions
 
-{{% notice warning %}}
+{{% alert title="Warning" color="warning" %}}
+This is a warning.
 If You haven't worked in collaboration with "external" GitHub repositories before, please familiarize yourself with that process by visiting:
 
 https://docs.github.com/en/pull-requests/collaborating-with-pull-requests
 
-{{% /notice %}}
+{{% /alert %}}
 
 ## Steps
 Now that You have decided that You are ready to contribute, these are the steps to take.
-{{% notice info %}}
+{{% alert title="Note" color="info" %}}
 You can read more about this process here:
 
 https://docs.github.com/en/get-started/quickstart/contributing-to-projects
-{{% /notice %}}
+
+{{% /alert %}}
 
 ### Step 1: Fork
 In order to work on the repository, You must [Fork](https://docs.github.com/en/get-started/quickstart/fork-a-repo) the repository.
@@ -37,20 +39,20 @@ Once You have successfully forked the repository, go to your own GitHub reposito
 
 You are now able to clone your own repository to your local pc and start editing using your favorite editor. [Visual Studio Code](https://code.visualstudio.com/) is perfectly fine for this task.
 
-{{% notice info %}}
+{{% alert title="Note" color="info" %}}
 You can read more about forking here:
 
 https://docs.github.com/en/get-started/quickstart/fork-a-repo
-{{% /notice %}}
+{{% /alert %}}
 
 ### Step 2: Branch
 While not necessarily a must, it is always good practice to create a branch off of your forked repository. That will allow you to work on multiple contributions at the same time and won't have to wait for pull requests to be approved before you can continue on your next contribution.
 
-{{% notice info %}}
+{{% alert title="Note" color="info" %}}
 You can read more about Branches here:
 
 https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-branches
-{{% /notice %}}
+{{% /alert %}}
 ### Step 3: Pull Request
 Once you are happy with your contribution, it's time to create a pull request to propose changes into the main project! This is the final step in producing a fork of someone else's project, and arguably the most important. If you've made a change that you feel would benefit the community as a whole, you should definitely consider contributing back.
 

content/_index.md

@@ -1,39 +1,526 @@
-+++
+---
-title = "Home"
+title: "ALGuidelines.dev"
-+++
+linkTitle: "ALGuidelines.dev"
+description: "Design Patterns and Guidelines for AL development for Microsoft Dynamics 365 Business Central"
+images: ["images/og-image-fission.png"]
+---
 
-## Business Central Design Patterns & Best Practices
+<div class="hero">
+  <div class="container">
+    <div class="row justify-content-center align-items-center">
+      <div class="col-xl-7 col-lg-6 col-md-6 hero-section-mobile">
+        <h1 class="hero-title">
+          Guidelines and Patterns<br />
+          for AL for<br />
+          Microsoft Dynamics 365 Business Central
+        </h1>
+        <img
+          class="img-fluid hero-banner show-mobile-big"
+          src="/images/fission-illustration.svg"
+          alt-text="Fission Banner"
+        />
+        <br />
+        <a href="/docs/installation/"
+          ><button class="hero-big">
+            <img
+              src="/images/github-icon.png"
+              width="22px"
+              style="margin-right: 12px"
+            />Install Fission
+          </button></a
+        >
+      </div>
 
-This site is meant to house some of the community's knowledge about Microsoft Dynamics 365 Business Central AL Development best practices, particularly around hosting Design Patterns.
+  <div class="col-xl-5 col-lg-6 col-md-6 show-desktop-big">
+        <img
+          class="img-fluid hero-banner"
+          src="/images/fission-illustration.svg"
+          alt-text="Fission Banner"
+        />
+      </div>
+    </div>
+  </div>
+</div>
 
-### What are Design Patterns?
+<div class="body-container">
+  <div class="container">
+    <br />
+    <div class="row">
+      <div class="col-lg-5">
+        <h2 class="section-title">What is Fission?</h2>
+        <p class="section-text-bold">
+          Fission is a framework for serverless functions on Kubernetes.
+        </p>
+        <p class="section-text">
+          Write short-lived functions in any language, and map them to HTTP
+          requests (or other event triggers).
+        </p>
+        <p class="section-text">
+          Deploy functions instantly with one command. There are no containers
+          to build, and no Docker registries to manage.
+        </p>
+        <a href="/docs/installation/"
+          ><button class="hero-mid">Learn More &amp; Install Fission</button></a
+        >
+      </div>
 
-To quote the original NAV Team blog post about the NAV Design Patterns:
+  <div class="col-lg-7">
+        <img
+          class="img-fluid show-mobile-margin"
+          src="/images/body-img-1.svg"
+          alt-text="Fission Banner"
+        />
+      </div>
+    </div>
+  </div>
+</div>
 
-> A team of people interested in NAV application design has come together to work on naming and surfacing design solutions to common NAV business needs. When those solutions are generic enough to be applied in various places of the NAV application, with slight variations on implementation but mainly respecting the same base concepts, we can describe them as NAV design patterns.
+<div class="wide-image show-desktop">
+  <img src="/images/wave.webp" class="big-waves" />
+</div>
 
-A design pattern is a repeatable template of how to solve a common development challenge.
+<div class="body-container push-up">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12 center-text" style="margin-bottom: 50px">
+        <h2 class="section-title">Benefits</h2>
+      </div>
 
-### What are Development Best Practices?
+  <div class="col-lg-4">
+        <div class="card-shadow">
+          <img src="/images/focus.svg" width="50px" class="img-card" />
+          <h4 class="section-text-bold">Focus on Code,<br />Not Plumbing</h4>
+          <p class="section-text">
+            Fission lets developers run code functions easily, while automating
+            the menial work of configuring Kubernetes micro-services concepts
+            behind the scenes. Just write your code functions and Fission will
+            make it run on Kubernetes.
+          </p>
+        </div>
+      </div>
+      <div class="col-lg-4">
+        <div class="card-shadow">
+          <img src="/images/portable.svg" width="50px" class="img-card" />
+          <h4 class="section-text-bold">
+            Portable: Run your Lambda-like service, anywhere
+          </h4>
+          <p class="section-text">
+            Fission is open source under the Apache license. Fission works on a
+            Kubernetes cluster anywhere: on your laptop, in any public cloud, or
+            in a private data-center. Write your application with the
+            flexibility of deploying it anywhere.
+          </p>
+        </div>
+      </div>
+      <div class="col-lg-4">
+        <div class="card-shadow">
+          <img src="/images/extensible.svg" width="50px" class="img-card" />
+          <h4 class="section-text-bold">
+            Extensible and<br />
+            Customizable
+          </h4>
+          <p class="section-text">
+            Fission is extensible to any programming language (Python, NodeJS,
+            Go, C#, PHP are supported today). It abstracts away containers by
+            default, but you can build your own containers if you need to.
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
 
-(more text coming soon)
+  <div class="container">
+    <div class="row feature-section">
+      <div class="col-lg-12 center-text" style="margin-bottom: 50px">
+        <h2 class="section-title">Features</h2>
+      </div>
+      <div class="col-lg-4">
+        <div class="feature-card">
+          <div class="card-header-custom">
+            <img
+              src="/images/kubernetes-native.svg"
+              width="36px"
+              class="img-card-header"
+            />
+            <h4 class="section-text-bold">Kubernetes Native</h4>
+          </div>
+          <p class="section-text">
+            Fission is open source under the Apache License. It works on a
+            Kubernetes cluster anywhere: in your private datacenter, in a public
+            cloud, or on your laptop.
+          </p>
+        </div>
+      </div>
 
-### History of "NAV Design Patterns"
+  <div class="col-lg-4">
+        <div class="feature-card">
+          <div class="card-header-custom">
+            <img
+              src="/images/fast-cold.svg"
+              width="36px"
+              class="img-card-header"
+            />
+            <h4 class="section-text-bold">Fast Cold-Start</h4>
+          </div>
+          <p class="section-text">
+            Fission maintains a configurable pool of containers, so your
+            functions have very low cold-start latencies, typically ~100msec.
+          </p>
+        </div>
+      </div>
 
-In 2013, Microsoft NAV Dev Team and prominent members of the community collaborated on a Community and Microsoft collection of commonly needed / used Design Patterns.
+  <div class="col-lg-4">
+        <div class="feature-card">
+          <div class="card-header-custom">
+            <img
+              src="/images/declarative.svg"
+              width="36px"
+              class="img-card-header"
+            />
+            <h4 class="section-text-bold">
+              Declarative Application Specifications
+            </h4>
+          </div>
+          <p class="section-text">
+            Declarative specifications give the developer the capability to
+            define a function once and then deploy it anywhere. Fission
+            resources (functions, triggers etc.) can be checked into source
+            control, and the application can be recreated from them.
+          </p>
+        </div>
+      </div>
 
-For some history on this, waldo's posts [Code is Poetry](https://www.waldo.be/2013/06/14/code-is-poetry/) and [Design is Philosophy](https://www.waldo.be/2013/08/28/design-is-philosophy-2/) are a great read.
+  <div class="col-lg-4">
+        <div class="feature-card">
+          <div class="card-header-custom">
+            <img
+              src="/images/administration.svg"
+              width="36px"
+              class="img-card-header"
+            />
+            <h4 class="section-text-bold">
+              Administration & Operational Simplicity
+            </h4>
+          </div>
+          <p class="section-text">
+            Fission aims for operational simplicity by incorporating logs
+            directly into the CLI, via integration with Fluentd. It also
+            integrates with Prometheus for metrics tracking and dashboard
+            visibility.
+          </p>
+        </div>
+      </div>
 
+  <div class="col-lg-4">
+        <div class="feature-card">
+          <div class="card-header-custom">
+            <img src="/images/istio.svg" width="36px" class="img-card-header" />
+            <h4 class="section-text-bold">Istio Service-mesh Integration</h4>
+          </div>
+          <p class="section-text">
+            Fission integrates with Istio, which is an open platform to connect,
+            manage and secure micro-services. With Istio, users also get the
+            ability to monitor function usage and trace request latency through
+            dashboards.
+          </p>
+        </div>
+      </div>
 
-#### Behind This Project
+  <div class="col-lg-4">
+        <div class="feature-card">
+          <div class="card-header-custom">
+            <img
+              src="/images/language.svg"
+              width="36px"
+              class="img-card-header"
+            />
+            <h4 class="section-text-bold">Wide Language Support</h4>
+          </div>
+          <p class="section-text">
+            Fission is extensible to any programming language of your choice.
+            Python, NodeJS, Go, C#, PHP are supported today, but you can build
+            your own custom containers if you need to.
+          </p>
+        </div>
+      </div>
 
-This project is a Microsoft Business Central Community initiative with support from the Microsoft Business Central team.  The founding community members are
+  <div class="col-lg-4">
-* waldo ([Twitter](https://twitter.com/waldo1001), [Blog](https://www.waldo.be), [GitHub](https://github.com/waldo1001))
+        <div class="feature-card">
-* Arend-Jan Kauffmann ([Twitter](https://twitter.com/ajkauffmann), [Blog](https://www.kauffmann.nl/), [GitHub](https://github.com/ajkauffmann))
+          <div class="card-header-custom">
-* Henrik Helgesen ([Twitter](https://twitter.com/TheDoubleH), [Blog](https://thedoubleh.dev/), [GitHub](https://github.com/thedoubleh))
+            <img
-* Jeremy Vyska ([Twitter](https://twitter.com/JeremyVyska),[Blog](https://jeremy.vyska.info/articles), [GitHub](https://github.com/JeremyVyska))
+              src="/images/autoscaling.svg"
+              width="36px"
+              class="img-card-header"
+            />
+            <h4 class="section-text-bold">Function Autoscaling</h4>
+          </div>
+          <p class="section-text">
+            Fission provides autoscaling for functions based on CPU usage. In
+            the future, custom metrics will be also supported for scaling
+            functions. You can set the initial and maximum CPU for a function
+            and target CPU at which autoscaling will be triggered.
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
 
-#### Contributing
+<div class="wide-image show-desktop">
+  <img src="/images/wave.webp" class="big-waves" />
+</div>
 
-To find out more about contributing, read up here:
+<div class="body-container push-up">
-[Contributing](/contributing/)
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12 center-text" style="margin-bottom: 50px">
+        <h2 class="section-title">Use Cases</h2>
+      </div>
+      <div class="col-lg-10 center-text info-card" style="margin-bottom: 50px">
+        <h3 class="section-text-bold">Build Serverless API Backends</h3>
+        <p class="section-text">
+          Create API backends for web and mobile apps without managing servers.
+          Just write functions, and map them to HTTP routes. Fission takes care
+          of the rest: deployment, routing, scalability, availability. Use
+          Kubernetes service discovery and networking to interoperate with
+          other services, like Redis, Postgres, Etcd etc.
+        </p>
+        <img
+          src="/images/use-case-1.png"
+          class="img-fluid"
+          alt-text="Build Serverless API Backends use case diagram"
+        />
+        <br /><br />
+      </div>
+
+  <div class="col-lg-10 center-text info-card" style="margin-bottom: 50px">
+        <h3 class="section-text-bold">Easily Implement Webhooks</h3>
+        <p class="section-text">
+          Webhooks are a popular way to integrate with third-party services.
+          Slack provides webhooks that are triggered by certain words or
+          messages; GitHub provides webhooks triggered by events in Git
+          repositories. Fission is a great place to implement webhooks: just
+          write the code, map it to a URL, and point the webhook at that URL.
+        </p>
+        <img
+          src="/images/use-case-2.png"
+          class="img-fluid"
+          alt-text="Easily implement webhook use case diagram"
+        />
+        <br /><br />
+      </div>
+
+  <div class="col-lg-10 center-text info-card" style="margin-bottom: 50px">
+        <h3 class="section-text-bold">Write Kubernetes Event Handlers</h3>
+        <p class="section-text">
+          By subscribing to Kubernetes watches, you can write custom automation
+          for your Kubernetes infrastructure. Fission’s integration with
+          Kubernetes watches allows you to monitor resources such as Pods and
+          Services, and execute arbitrary functions when the watched set of
+          resources change.
+        </p>
+        <img
+          src="/images/use-case-3.png"
+          class="img-fluid"
+          alt-text="Write Kubernetes Event Handlers use case diagram"
+        />
+        <br /><br />
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="body-container whats-new">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12 center-text" style="margin-bottom: 40px">
+        <h2 class="section-title">What's New</h2>
+      </div>
+      <div class="col-lg-4">
+        <div class="card-shadow">
+          <span class="card-badge">FISSION DZONE REFCARD</span>
+          <h4 class="section-text-bold mt-4">
+            New! Download the <span class="d-lg-block">Fission.io Refcard</span>
+          </h4>
+          <div class="card-shadow-content">
+            <p class="section-text">
+              Get started with Serverless on Kubernetes in 5 minutes! Learn how
+              to set up Fission, its key concepts, how to create and invoke a
+              function, monitor its performance, and more.
+            </p>
+            <a
+              href="https://platform9.com/wp-content/uploads/2019/03/dzone-refcard-fissionio.pdf"
+              ><button class="hero-mid align-self-end">Download Now!</button></a
+            >
+          </div>
+        </div>
+      </div>
+
+  <div class="col-lg-4">
+        <div class="card-shadow">
+          <span class="card-badge">BLOG</span>
+          <h4 class="section-text-bold mt-4">
+            Fission PostgreSQL Database <span class="d-lg-block">Sample</span>
+          </h4>
+          <div class="card-shadow-content">
+            <p class="section-text">
+              Learn how to use Fission functions with PostgreSQL database and
+              perform basic operations on it.
+            </p>
+            <a href="/blog/how-to-use-postgresql-database-with-fission-functions/"
+              ><button class="hero-mid-2 align-self-end">Read More</button></a
+            >
+          </div>
+        </div>
+      </div>
+
+  <div class="col-lg-4">
+        <div class="card-shadow">
+          <span class="card-badge">BLOG</span>
+          <h4 class="section-text-bold mt-4">
+            Next.js Application with <span class="d-lg-block">Fission</span>
+          </h4>
+          <div class="card-shadow-content">
+            <p class="section-text">
+             Learn how you can create a Next.js application with Fission.
+             We create a Next.js blog in this tutorial.
+            </p>
+            <a
+              href="/blog/serverless-next.js-example-blog-with-fission/"
+              ><button class="hero-mid-2 align-self-end">Read More</button></a
+            >
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="body-container">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-4">
+        <br />
+        <br />
+        <h1 class="section-title">Join the Community</h1>
+        <br />
+
+  <div class="show-mobile">
+          <div class="community-cards">
+            <a href="/slack"
+              ><div class="card-shadow">
+                <div class="card-header-custom">
+                  <img
+                    src="/images/slack.svg"
+                    width="30px"
+                    class="img-card-header"
+                  />
+                  <p class="section-text-bold">Slack</p>
+                </div>
+                <p class="section-text">
+                  Join the Fission community to engage with the fission team,
+                  interact with other users, and contribute ideas and feedback.
+                </p>
+              </div></a
+            >
+
+  <a href="https://github.com/fission"
+              ><div class="card-shadow">
+                <div class="card-header-custom">
+                  <img
+                    src="/images/github.svg"
+                    width="30px"
+                    class="img-card-header"
+                  />
+                  <p class="section-text-bold">GitHub</p>
+                </div>
+                <p class="section-text">
+                  Dive into the code and learn more about Fission. Submit PRs
+                  and collaborate with other like-minded contributors.
+                </p>
+              </div></a
+            >
+            <a href="https://twitter.com/fissionio"
+              ><div class="card-shadow twitter-card" style="margin-left: auto">
+                <div class="card-header-custom">
+                  <img
+                    src="/images/twitter.svg"
+                    width="36px"
+                    class="img-card-header"
+                  />
+                  <p class="section-text-bold">Twitter</p>
+                </div>
+                <p class="section-text">
+                  Follow us <b class="text-highlight">@fissionio</b> to stay up
+                  to date with Fission news.
+                </p>
+              </div></a
+            >
+          </div>
+        </div>
+      </div>
+
+  <div class="col-lg-8 community-cards show-desktop">
+        <div class="row">
+          <div class="col-lg-6">
+            <a href="/slack"
+              ><div class="card-shadow">
+                <div class="card-header-custom">
+                  <img
+                    src="/images/slack.svg"
+                    width="30px"
+                    class="img-card-header"
+                  />
+                  <p class="section-text-bold">Slack</p>
+                </div>
+                <p class="section-text">
+                  Join the Fission community to engage with the fission team,
+                  interact with other users, and contribute ideas and feedback.
+                </p>
+              </div></a
+            >
+          </div>
+          <div class="col-lg-6">
+            <a href="https://github.com/fission"
+              ><div class="card-shadow">
+                <div class="card-header-custom">
+                  <img
+                    src="/images/github.svg"
+                    width="30px"
+                    class="img-card-header"
+                  />
+                  <p class="section-text-bold">GitHub</p>
+                </div>
+                <p class="section-text">
+                  Dive into the code and learn more about Fission. Submit PRs
+                  and collaborate with other like-minded contributors.
+                </p>
+              </div></a
+            >
+          </div>
+          <div class="col-lg-6">
+            <a href="https://twitter.com/fissionio"
+              ><div
+                class="card-shadow twitter-card-desktop"
+                style="margin-left: auto"
+              >
+                <div class="card-header-custom">
+                  <img
+                    src="/images/twitter.svg"
+                    width="36px"
+                    class="img-card-header"
+                  />
+                  <p class="section-text-bold">Twitter</p>
+                </div>
+                <p class="section-text">
+                  Follow us <b class="text-highlight">@fissionio</b> to stay up
+                  to date with Fission news.
+                </p>
+              </div></a
+            >
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

package.json

@@ -0,0 +1,24 @@
+{
+  "name": "tech-doc-hugo",
+  "version": "0.0.1",
+  "description": "Hugo theme for technical documentation.",
+  "main": "none.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/google/docsy-example.git"
+  },
+  "author": "",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/google/docsy-example/issues"
+  },
+  "homepage": "https://github.com/google/docsy-example#readme",
+  "dependencies": {},
+  "devDependencies": {
+    "autoprefixer": "^10.4.2",
+    "postcss-cli": "^9.1.0"
+  }
+}

themes/docsy

@@ -0,0 +1 @@
+Subproject commit 66818eb0905c014f342432c5fc918fc4b1c04b57

themes/relearn

@@ -1 +0,0 @@
-Subproject commit da99510f6e66ae3d04088ed879e9ddb0e849f3fb