starters: update

add full navbar, feature lists, and blog to landing page

starters/landing-page/.github/workflows/publish.yaml

@@ -51,6 +51,8 @@ jobs:
         run: |
           echo "Hugo Cache Dir: $(hugo config | grep cachedir)"
           hugo --minify --baseURL "${{ steps.pages.outputs.base_url }}/"
+      - name: Generate Pagefind search index
+        run: npx pagefind --source "public"
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v2
         with:

starters/landing-page/config/_default/hugo.yaml

@@ -6,6 +6,20 @@
 title: Creator's Landing Page | Hugo Theme # Website name
 baseURL: 'https://example.com/' # Website URL
 
+############################
+## PAGE OPTIONS
+############################
+
+cascade:
+  # Blog post options
+  - _target:
+      path: /post/*
+      kind: section
+    # Change url to /blog/
+    url: /blog/
+    # Set the listing view
+    view: date-title-summary
+
 ############################
 ## LANGUAGE
 ############################
@@ -29,6 +43,7 @@ enableRobotsTXT: true
 footnotereturnlinkcontents: <sup>^</sup>
 ignoreFiles: [\.ipynb$, .ipynb_checkpoints$, \.Rmd$, \.Rmarkdown$, _cache$]
 permalinks:
+  post: '/blog/:slug/'
   authors: '/author/:slug/'
   tags: '/tag/:slug/'
   categories: '/category/:slug/'
@@ -42,6 +57,8 @@ imaging:
   anchor: smart
 timeout: 600000
 taxonomies:
+  tag: tags
+  category: categories
   author: authors
 markup:
   _merge: deep

starters/landing-page/config/_default/menus.yaml

@@ -1,15 +1,20 @@
 # Navigation Links
-#   To link a homepage widget, specify the URL as a hash `#` followed by the filename of the
-  #     desired widget in your `content/home/` folder.
-  #   The weight parameter defines the order that the links will appear in.
+#   To link a page section, specify the URL as a hash `/#` followed by the `id` of the section.
+#   The `weight` parameter defines the order that the links will appear in.
 
 main:
   - name: Home
-    url: /
+    url: /#top
     weight: 10
   - name: Features
     url: /#features
     weight: 20
   - name: Solutions
     url: /#solutions
     weight: 30
+  - name: Resources
+    weight: 40
+    hasChildren: true
+  - parent: Resources
+    name: Blog
+    url: blog/

starters/landing-page/config/_default/params.yaml

@@ -30,8 +30,17 @@ marketing:
 header:
   navbar:
     enable: true
-    blox: navbar
-    show_search: false
+    blox: "navbar"
+    fixed_to_top: true
+    logo:
+      text: ""
+      # Logo filename in `assets/media/` folder
+      filename: "logo.svg"
+    button:
+      enable: true
+      text: "Get Started"
+      url: "https://hugoblox.com/templates/"
+    show_search: true
     show_theme_chooser: true
 
 # Site footer

starters/landing-page/content/_index.md

@@ -11,15 +11,15 @@ sections:
       primary_action:
         text: Get Started
         url: https://hugoblox.com/templates/
-        icon: sparkles
+        icon: rocket-launch
       secondary_action:
         text: Read the docs
         url: https://docs.hugoblox.com
       announcement:
         text: Announcing the release of version 1.
         link:
           text: Read more
-          url: https://hugoblox.com/blog/
+          url: /blog/
     design:
       css_class: dark
       background:
@@ -42,7 +42,7 @@ sections:
           description: Super fast page load with Tailwind CSS and super fast site building with Hugo.
         - name: Easy
           icon: sparkles
-          description: Connecting with your friends and family as well as discovering new ones is easy with features like Groups.
+          description: One-click deployment to GitHub Pages. Have your new website live within 5 minutes!
         - name: No-Code
           icon: code-bracket
           description: Edit and design your site just using rich text (Markdown) and configurable YAML parameters.
@@ -58,13 +58,23 @@ sections:
       items:
         - title: Build your future-proof website
           text: As easy as 1, 2, 3!
+          feature_icon: check
+          features:
+            - "Future-proof - edit your content in text files"
+            - "Website is generated by a single app, Hugo"
+            - "No JavaScript knowledge required"
           # Upload image to `assets/media/` and reference the filename here
           image: build-website.png
           button:
             text: Get Started
             url: https://hugoblox.com/templates/
         - title: Large Community
-          text: Join our large community - ask questions and share your Hugo knowledge with others.
+          text: Join our large community on Discord - ask questions and get live responses
+          feature_icon: bolt
+          features:
+            - "Dedicated support channel"
+            - "3,000+ users on Discord"
+            - "Share your site and get feedback"
           # Upload image to `assets/media/` and reference the filename here
           image: coffee.jpg
           button:

starters/landing-page/content/post/_index.md

@@ -0,0 +1,3 @@
+---
+title: Blog
+---

starters/landing-page/content/post/data-visualization/index.md

@@ -0,0 +1,155 @@
+---
+title: 📈 Communicate your results effectively with the best data visualizations
+summary: Use popular tools such as Plotly, Mermaid, and data frames.
+date: 2023-10-25
+tags:
+  - Hugo
+  - Wowchemy
+  - Markdown
+image:
+  caption: 'Image credit: [**Unsplash**](https://unsplash.com)'
+---
+
+Wowchemy is designed to give technical content creators a seamless experience. You can focus on the content and Wowchemy handles the rest.
+
+Use popular tools such as Plotly, Mermaid, and data frames.
+
+## Charts
+
+Wowchemy supports the popular [Plotly](https://plot.ly/) format for interactive data visualizations. With Plotly, you can design almost any kind of visualization you can imagine!
+
+Save your Plotly JSON in your page folder, for example `line-chart.json`, and then add the `{{</* chart data="line-chart" */>}}` shortcode where you would like the chart to appear.
+
+Demo:
+
+{{< chart data="line-chart" >}}
+
+You might also find the [Plotly JSON Editor](http://plotly-json-editor.getforge.io/) useful.
+
+## Diagrams
+
+Wowchemy supports the _Mermaid_ Markdown extension for diagrams.
+
+An example **flowchart**:
+
+    ```mermaid
+    graph TD
+    A[Hard] -->|Text| B(Round)
+    B --> C{Decision}
+    C -->|One| D[Result 1]
+    C -->|Two| E[Result 2]
+    ```
+
+renders as
+
+```mermaid
+graph TD
+A[Hard] -->|Text| B(Round)
+B --> C{Decision}
+C -->|One| D[Result 1]
+C -->|Two| E[Result 2]
+```
+
+An example **sequence diagram**:
+
+    ```mermaid
+    sequenceDiagram
+    Alice->>John: Hello John, how are you?
+    loop Healthcheck
+        John->>John: Fight against hypochondria
+    end
+    Note right of John: Rational thoughts!
+    John-->>Alice: Great!
+    John->>Bob: How about you?
+    Bob-->>John: Jolly good!
+    ```
+
+renders as
+
+```mermaid
+sequenceDiagram
+Alice->>John: Hello John, how are you?
+loop Healthcheck
+    John->>John: Fight against hypochondria
+end
+Note right of John: Rational thoughts!
+John-->>Alice: Great!
+John->>Bob: How about you?
+Bob-->>John: Jolly good!
+```
+
+An example **class diagram**:
+
+    ```mermaid
+    classDiagram
+    Class01 <|-- AveryLongClass : Cool
+    Class03 *-- Class04
+    Class05 o-- Class06
+    Class07 .. Class08
+    Class09 --> C2 : Where am i?
+    Class09 --* C3
+    Class09 --|> Class07
+    Class07 : equals()
+    Class07 : Object[] elementData
+    Class01 : size()
+    Class01 : int chimp
+    Class01 : int gorilla
+    Class08 <--> C2: Cool label
+    ```
+
+renders as
+
+```mermaid
+classDiagram
+Class01 <|-- AveryLongClass : Cool
+Class03 *-- Class04
+Class05 o-- Class06
+Class07 .. Class08
+Class09 --> C2 : Where am i?
+Class09 --* C3
+Class09 --|> Class07
+Class07 : equals()
+Class07 : Object[] elementData
+Class01 : size()
+Class01 : int chimp
+Class01 : int gorilla
+Class08 <--> C2: Cool label
+```
+
+An example **state diagram**:
+
+    ```mermaid
+    stateDiagram
+    [*] --> Still
+    Still --> [*]
+    Still --> Moving
+    Moving --> Still
+    Moving --> Crash
+    Crash --> [*]
+    ```
+
+renders as
+
+```mermaid
+stateDiagram
+[*] --> Still
+Still --> [*]
+Still --> Moving
+Moving --> Still
+Moving --> Crash
+Crash --> [*]
+```
+
+## Data Frames
+
+Save your spreadsheet as a CSV file in your page's folder and then render it by adding the _Table_ shortcode to your page:
+
+```go
+{{</* table path="results.csv" header="true" caption="Table 1: My results" */>}}
+```
+
+renders as
+
+{{< table path="results.csv" header="true" caption="Table 1: My results" >}}
+
+## Did you find this page helpful? Consider sharing it 🙌

starters/landing-page/content/post/data-visualization/line-chart.json

@@ -0,0 +1,71 @@
+{
+  "data": [
+    {
+      "uid": "babced",
+      "fill": "tonexty",
+      "mode": "none",
+      "name": "Col2",
+      "type": "scatter",
+      "x": [
+        "2000-01-01",
+        "2001-01-01",
+        "2002-01-01",
+        "2003-01-01",
+        "2004-01-01",
+        "2005-01-01",
+        "2006-01-01",
+        "2007-01-01",
+        "2008-01-01",
+        "2009-01-01",
+        "2010-01-01",
+        "2011-01-01",
+        "2012-01-01",
+        "2013-01-01",
+        "2014-01-01",
+        "2015-01-01",
+        "2016-01-01"
+      ],
+      "y": [
+        "17087182",
+        "29354370",
+        "38760373",
+        "40912332",
+        "51611646",
+        "64780617",
+        "85507314",
+        "121892559",
+        "172338726",
+        "238027855",
+        "206956723",
+        "346004403",
+        "697089489",
+        "672985183",
+        "968882453",
+        "863105652",
+        "1068513050"
+      ],
+      "fillcolor": "rgb(224, 102, 102)"
+    }
+  ],
+  "layout": {
+    "title": "Total Number of Websites",
+    "width": 800,
+    "xaxis": {
+      "type": "date",
+      "range": [946702800000, 1451624400000],
+      "title": "Source: <a href=\"http://www.scribblrs.com/\">Scribblrs</a><br>Source: <a href=\"http://www.internetlivestats.com/total-number-of-websites/\">Internet Live Stats</a>",
+      "showgrid": false,
+      "autorange": true,
+      "tickformat": "%Y"
+    },
+    "yaxis": {
+      "type": "linear",
+      "range": [0, 1124750578.9473684],
+      "title": "",
+      "autorange": true
+    },
+    "height": 500,
+    "autosize": false
+  },
+  "frames": []
+}

starters/landing-page/content/post/data-visualization/results.csv

@@ -0,0 +1,4 @@
+customer_id, score
+1,0
+2,0.5
+3,1