Top-level pages

docs/_data/global.json

@@ -1,19 +1,5 @@
 {
   "navbar_items": [
-    {
-      "id": "templates",
-      "color": "has-text-info",
-      "fa_type": "fas",
-      "fa_icon": "fa-code",
-      "title": "Templates"
-    },
-    {
-      "id": "videos",
-      "color": "has-text-success",
-      "fa_type": "fas",
-      "fa_icon": "fa-play-circle",
-      "title": "Videos"
-    },
     {
       "id": "blog",
       "color": "bd-has-text-rss",

docs/_data/links.json

@@ -6,46 +6,62 @@
     },
     "documentation": {
       "name": "Documentation",
+      "subtitle": "Everything you need to <strong>create a website</strong> with Bulma",
       "path": "/documentation"
     },
     "overview": {
       "name": "Overview",
+      "subtitle": "An overview of what Bulma as a <strong>framework</strong> is all about",
       "path": "/documentation/overview"
     },
     "overview-start": {
-      "name": "Start",
+      "name": "Getting started",
+      "subtitle": "You only need <strong>1 CSS file</strong> to use Bulma",
       "path": "/documentation/overview/start"
     },
+    "overview-customize": {
+      "name": "Customize",
+      "subtitle": "Create your <strong>own theme</strong> with a simple set of <strong>variables</strong>",
+      "path": "/documentation/overview/customize"
+    },
     "overview-classes": {
-      "name": "Classes",
+      "name": "CSS Classes",
+      "subtitle": "Bulma is simply a <strong>collection</strong> of CSS classes. Write the HTML code you want.",
       "path": "/documentation/overview/classes"
     },
     "overview-modular": {
-      "name": "Modular",
+      "name": "Modularity",
+      "subtitle": "Just import what you <strong>need</strong>",
       "path": "/documentation/overview/modular"
     },
     "overview-responsiveness": {
       "name": "Responsiveness",
+      "subtitle": "Bulma is a <strong>mobile-first</strong> framework",
       "path": "/documentation/overview/responsiveness"
     },
     "overview-variables": {
       "name": "Variables",
+      "subtitle": "Easily <strong>customize</strong> Bulma to match your design",
       "path": "/documentation/overview/variables"
     },
     "overview-colors": {
       "name": "Colors",
+      "subtitle": "The <strong>colors</strong> that <strong>style</strong> most Bulma elements and components",
       "path": "/documentation/overview/colors"
     },
     "overview-functions": {
       "name": "Functions",
+      "subtitle": "Utility functions to calculate colors and other values",
       "path": "/documentation/overview/functions"
     },
     "overview-mixins": {
       "name": "Mixins",
+      "subtitle": "Utility mixins for custom elements and responsive helpers",
       "path": "/documentation/overview/mixins"
     },
     "modifiers": {
       "name": "Modifiers",
+      "subtitle": "An <strong>easy-to-read</strong> naming system designed for humans",
       "path": "/documentation/modifiers"
     },
     "modifiers-syntax": {
@@ -70,6 +86,7 @@
     },
     "columns": {
       "name": "Columns",
+      "subtitle": "The power of <strong>Flexbox</strong> in a simple interface",
       "path": "/documentation/columns"
     },
     "columns-basics": {
@@ -98,6 +115,7 @@
     },
     "layout": {
       "name": "Layout",
+      "subtitle": "Design the <strong>structure</strong> of your webpage with these CSS classes",
       "path": "/documentation/layout"
     },
     "layout-level": {
@@ -251,8 +269,9 @@
   },
   "categories": {
     "overview": ["overview-start", "overview-classes", "overview-modular", "overview-responsiveness", "overview-variables", "overview-colors", "overview-functions", "overview-mixins"],
-    "columns": ["columns-basics", "columns-sizes", "columns-responsiveness", "columns-nesting", "columns-gap", "columns-options"],
     "modifiers": ["modifiers-syntax", "modifiers-helpers", "modifiers-responsive-helpers", "modifiers-color-helpers", "modifiers-typography-helpers"],
+    "columns": ["columns-basics", "columns-sizes", "columns-responsiveness", "columns-nesting", "columns-gap", "columns-options"],
+    "layout": ["layout-level", "layout-media", "layout-hero", "layout-section", "layout-footer", "layout-tiles"],
     "form": ["form-general", "form-input", "form-textarea", "form-select", "form-checkbox", "form-radio", "form-file"],
     "elements": ["elements-box", "elements-button", "elements-content", "elements-delete", "elements-icon", "elements-image", "elements-notification", "elements-progress", "elements-table", "elements-tag", "elements-title"],
     "components": ["components-breadcrumb", "components-card", "components-dropdown", "components-menu", "components-message", "components-modal", "components-navbar", "components-pagination", "components-panel", "components-tabs"]