feat: add description to meta

Paymenter · Dec 4, 2023 · 0c1918e · 0c1918e
1 parent 9b9c9ad
commit 0c1918e
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 17 deletions.
diff --git a/config.toml b/config.toml
@@ -1,3 +1,6 @@
 baseURL = 'https://paymenter.org/'
 languageCode = 'en-us'
-title = 'Paymenter'
+title = 'Paymenter'
+
+[params]
+description = 'Paymenter is an open source payment gateway for your hosting.'
diff --git a/content/docs/getting-started/installation.md b/content/docs/getting-started/installation.md
@@ -1,5 +1,6 @@
 ---
 title: Installation
+description: How to install Paymenter
 type: docs
 toc: true
 
@@ -112,10 +113,10 @@ You'll then need to create an administrative user so that you can log into the a
 php artisan p:user:create
 ```
 
-# Webserver configuration
+## Webserver configuration
 
 {{< tabs tabTotal="4">}}
-{{< tab tabName="Nginx" >}}
+{{< tab tabName="Nginx" tabID="nginx" >}}
 
 For nginx you can create a file in /etc/nginx/sites-available/ called paymenter.conf and add the following:
 
@@ -147,7 +148,7 @@ sudo systemctl restart nginx
 ```
 
 {{< /tab >}}
-{{< tab tabName="Nginx with SSL" >}}
+{{< tab tabName="Nginx with SSL" tabID="nginx-ssl" >}}
 
 For nginx you can create a file in /etc/nginx/sites-available/ called paymenter.conf and add the following:
 
@@ -189,7 +190,7 @@ sudo systemctl restart nginx
 ```
 
 {{< /tab >}}
-{{< tab tabName="Apache" >}}
+{{< tab tabName="Apache" tabID="apache" >}}
 
 For apache you can create a file in /etc/apache2/sites-available/ called paymenter.conf and add the following:
 
@@ -214,7 +215,7 @@ sudo systemctl restart apache2
 ```
 
 {{< /tab >}}
-{{< tab tabName="Apache with SSL" >}}
+{{< tab tabName="Apache with SSL" tabID="apache-ssl" >}}
 
 For apache you can create a file in /etc/apache2/sites-available/ called paymenter.conf and add the following:
 

diff --git a/content/docs/getting-started/introduction.md b/content/docs/getting-started/introduction.md
@@ -1,6 +1,6 @@
 ---
 title: Introduction
-description: Use the accordion component to show hidden information based on the collapse and expand state of the child elements using data attribute options
+description: Introduction to Paymenter
 toc: true
 
 next: Installation

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>{{ or .Title .Site.Title }}{{ if ne .Kind "home" }} | {{ .CurrentSection.Title }}{{ end }}</title>
+    <title>{{ or .Title .Site.Title }}{{ if ne .Kind "home" }} | Paymenter Docs{{ end }}</title>
     {{ $style := resources.Get "style.css" }}
     <link rel="stylesheet" href="{{ $style.Permalink }}">
     <script>
@@ -15,25 +15,25 @@
             document.documentElement.classList.remove('dark')
         }
     </script>
-    <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-0994GMPHVG"></script>
+    {{/*  <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-0994GMPHVG"></script>
     <script>
       function gtag() {
         dataLayer.push(arguments)
       }
       window.dataLayer = window.dataLayer || [], gtag("js", new Date), gtag("config", "G-0994GMPHVG")
-    </script>
+    </script>  */}}
     <link type="application/json+oembed" href="https://paymenter.org/home.json" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://paymenter.org/" />
-    <meta property="og:title" content="Paymenter Docs" />
-    <meta property="og:description" content="Paymenter is an open source payment gateway for your hosting." />
+    <meta property="og:title" content="{{ or .Title .Site.Title }}{{ if ne .Kind "home" }} | Paymenter Docs{{ end }}" />
+    <meta property="og:description" content="{{ or .Description }}{{ if ne .Kind "home" }}{{ end }}" />
     <meta property="twitter:card" content="summary_large_image" />
     <meta property="twitter:url" content="https://paymenter.org/" />
-    <meta property="twitter:title" content="Paymenter Docs" />
-    <meta property="twitter:description" content="Paymenter is an open source payment gateway for your hosting." />
+    <meta property="twitter:title" content="{{ or .Title .Site.Title }}{{ if ne .Kind "home" }} | Paymenter Docs{{ end }}" />
+    <meta property="twitter:description" content="{{ or .Description }}{{ if ne .Kind "home" }}{{ end }}" />
     <meta name="twitter:image" content="https://cdn.discordapp.com/attachments/935234707015229511/1028031007573680318/unknown.png" data-rh="true">
     <meta property="og:image" content="https://cdn.discordapp.com/attachments/935234707015229511/1028031007573680318/unknown.png" data-rh="true">
     <link rel="manifest" href="/manifest.json">
@@ -229,7 +229,7 @@ <h2 class="mb-6 text-sm font-semibold text-secondary-900 uppercase">Follow Us</h
         </div>
       </div>
     </footer>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.6.4/flowbite.min.js "></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.2.0/flowbite.min.js "></script>
 </body>
 
 </html>
diff --git a/layouts/shortcodes/tab.html b/layouts/shortcodes/tab.html
@@ -1,5 +1,5 @@
 {{ $tabName := .Get "tabName" }}
-{{ $tabID := delimit (shuffle (slice "a" "b" "c" "d" "e" "f")) "" }}
+{{ $tabID := .Get "tabID" }}
 {{ .Parent.Scratch.Add "tabName" (slice $tabName) }}
 {{ .Parent.Scratch.Add "tabID" (slice $tabID) }}
 

diff --git a/layouts/shortcodes/tabs.html b/layouts/shortcodes/tabs.html
@@ -2,7 +2,7 @@
     <div class="flex flex-wrap" id="nav-tab" role="tablist" data-tabs-toggle="#myTabContent">
         {{ $tabTotal := .Get "tabTotal" }} {{ $tabRightAlign := .Get "tabRightAlign" }} {{ $tabName := .Scratch.Get "tabName" }} {{ $tabID := .Scratch.Get "tabID" }} {{ range $i, $sequence := (seq $tabTotal) }}
 
-        <a class="flex items-center justify-center px-4 py-2 text-sm font-medium leading-5 text-gray-700 bg-white m-1 rounded-lg focus:outline-none focus:shadow-outline-blue focus:text-blue-500 hover:text-gray-800 {{ if eq $i 0 }} active {{ end }}{{ if in $tabRightAlign (add 1 $i) }} ml-auto {{ end }}"
+        <a class="flex items-center justify-center button button-primary m-1 {{ if eq $i 0 }} text-white {{ end }}{{ if in $tabRightAlign (add 1 $i) }} ml-auto {{ end }}"
             id="nav-{{ (index $tabID $i) }}" data-tabs-target="#{{ (index $tabID $i) }}" data-toggle="tab" href="#{{ (index $tabID $i) }}" role="tab" aria-controls="nav-home" aria-selected="true">{{ (replaceRE "(\\s)" " " (index $tabName $i)) }}</a> {{ end }}
     </div>
 </nav>