rename url and add seo tags

Gemfile

@@ -4,5 +4,5 @@ gem 'jekyll'
 
 group :jekyll_plugins do
   gem 'jekyll-sitemap'
-  gem 'jekyll-seo-tag'
+  gem 'jekyll-redirect-from'
 end

Gemfile.lock

@@ -29,10 +29,10 @@ GEM
       rouge (~> 3.0)
       safe_yaml (~> 1.0)
       terminal-table (~> 2.0)
+    jekyll-redirect-from (0.16.0)
+      jekyll (>= 3.3, < 5.0)
     jekyll-sass-converter (2.2.0)
       sassc (> 2.0.1, < 3.0)
-    jekyll-seo-tag (2.8.0)
-      jekyll (>= 3.8, < 5.0)
     jekyll-sitemap (1.4.0)
       jekyll (>= 3.7, < 5.0)
     jekyll-watch (2.2.1)
@@ -66,7 +66,7 @@ PLATFORMS
 
 DEPENDENCIES
   jekyll
-  jekyll-seo-tag
+  jekyll-redirect-from
   jekyll-sitemap
 
 BUNDLED WITH

_config.yml

@@ -32,7 +32,7 @@ highlighter: none
 
 plugins:
   - jekyll-sitemap
-  - jekyll-seo-tag
+  - jekyll-redirect-from
 
 defaults:
   - scope:

_data/entrypoints.yml

@@ -6,7 +6,7 @@
         "/dist/homepage.11d1d76a.js"
       ],
       "css": [
-        "/dist/857.0cd115e8.css",
+        "/dist/857.6650c424.css",
         "/dist/homepage.daa70971.css"
       ]
     },
@@ -19,7 +19,7 @@
         "/dist/main.774bb773.js"
       ],
       "css": [
-        "/dist/857.0cd115e8.css",
+        "/dist/857.6650c424.css",
         "/dist/main.35f80290.css"
       ]
     },

_data/flasher.yaml

@@ -1,6 +1,6 @@
 /: 'adapter-flasher'
-/docs/adapter/toastr/: 'adapter-toastr'
-/docs/adapter/noty/: 'adapter-noty'
-/docs/adapter/notyf/: 'adapter-notyf'
-/docs/adapter/sweetalert/: 'adapter-sweetalert'
-/docs/adapter/pnotify/: 'adapter-pnotify'
+/library/toastr/: 'adapter-toastr'
+/library/noty/: 'adapter-noty'
+/library/notyf/: 'adapter-notyf'
+/library/sweetalert/: 'adapter-sweetalert'
+/library/pnotify/: 'adapter-pnotify'

_data/manifest.yml

@@ -32,7 +32,7 @@
   "dist/383.82e9b159.js": "/dist/383.82e9b159.js",
   "dist/814.47265ca3.js": "/dist/814.47265ca3.js",
   "dist/874.ec7ba3fe.js": "/dist/874.ec7ba3fe.js",
-  "dist/857.0cd115e8.css": "/dist/857.0cd115e8.css",
+  "dist/857.6650c424.css": "/dist/857.6650c424.css",
   "dist/fonts/fa-duotone-900.ttf": "/dist/fonts/fa-duotone-900.7aaed888.ttf",
   "dist/fonts/fa-thin-100.ttf": "/dist/fonts/fa-thin-100.e979819d.ttf",
   "dist/fonts/fa-light-300.ttf": "/dist/fonts/fa-light-300.c92b45dd.ttf",

_data/menu.yml

@@ -1,32 +1,32 @@
 <i class="fa-duotone fa-rocket"></i> Getting Started:
     <i class="fa-duotone fa-book text-indigo-900 mr-1 fa-lg"></i> Introduction: '/'
-    <i class="fa-duotone fa-download text-indigo-900 mr-1 fa-lg"></i> Installation: '/docs/installation/'
-    <i class="fa-brands fa-symfony fa-lg text-black mr-1"></i> Symfony: '/docs/framework/symfony/'
-    <i class="fa-brands fa-laravel fa-lg text-red-900 mr-1"></i> Laravel: '/docs/framework/laravel/'
-    <i class="fa-duotone fa-ghost fa-lg text-pink-800 mr-1"></i> Livewire: '/docs/framework/livewire/'
-    <i class="fa-duotone fa-angles-right fa-lg text-indigo-900 mr-1"></i> Inertia: '/docs/framework/inertia/'
-    # <i class="fa-brands fa-js-square fa-lg text-yellow-600 mr-1"></i> Javascript: '/docs/framework/javascript/'
+    <i class="fa-duotone fa-download text-indigo-900 mr-1 fa-lg"></i> Installation: '/installation/'
+    <i class="fa-brands fa-symfony fa-lg text-black mr-1"></i> Symfony: '/symfony/'
+    <i class="fa-brands fa-laravel fa-lg text-red-900 mr-1"></i> Laravel: '/laravel/'
+    <i class="fa-duotone fa-ghost fa-lg text-pink-800 mr-1"></i> Livewire: '/livewire/'
+    <i class="fa-duotone fa-angles-right fa-lg text-indigo-900 mr-1"></i> Inertia: '/inertia/'
+    # <i class="fa-brands fa-js-square fa-lg text-yellow-600 mr-1"></i> Javascript: '/javascript/'
 
 # <i class="fa-duotone fa-bars"></i> Core Concepts:
-    # <i class="fa-duotone fa-message-code text-indigo-900 mr-1 fa-lg"></i> Usage: '/docs/concepts/usage/'
-    # <i class="fa-duotone fa-palette text-indigo-900 mr-1 fa-lg"></i> Themes: '/docs/concepts/themes/'
-    # <i class="fa-duotone fa-cubes text-indigo-900 mr-1 fa-lg"></i> Presets: '/docs/concepts/presets/'
-    # <i class="fa-duotone fa-circle-c text-indigo-900 mr-1 fa-lg"></i> Crud: '/docs/concepts/crud/'
-    # <i class="fa-duotone fa-circle-half-stroke text-indigo-900 mr-1 fa-lg"></i> Dark Mode: '/docs/concepts/dark-mode/'
-    # <i class="fa-duotone fa-signs-post text-indigo-900 mr-1 fa-lg"></i> RTL support: '/docs/concepts/rtl/'
+    # <i class="fa-duotone fa-message-code text-indigo-900 mr-1 fa-lg"></i> Usage: '/concepts/usage/'
+    # <i class="fa-duotone fa-palette text-indigo-900 mr-1 fa-lg"></i> Themes: '/concepts/themes/'
+    # <i class="fa-duotone fa-cubes text-indigo-900 mr-1 fa-lg"></i> Presets: '/concepts/presets/'
+    # <i class="fa-duotone fa-circle-c text-indigo-900 mr-1 fa-lg"></i> Crud: '/concepts/crud/'
+    # <i class="fa-duotone fa-circle-half-stroke text-indigo-900 mr-1 fa-lg"></i> Dark Mode: '/concepts/dark-mode/'
+    # <i class="fa-duotone fa-signs-post text-indigo-900 mr-1 fa-lg"></i> RTL support: '/concepts/rtl/'
 
 
 <i class="fa-duotone fa-plug"></i> libraries:
-    <i class="fa-duotone fa-bell text-indigo-900 mr-1 fa-lg"></i> Noty: '/docs/adapter/noty/'
-    <i class="fa-duotone fa-info-circle text-indigo-900 mr-1 fa-lg"></i> Notyf: '/docs/adapter/notyf/'
-    <i class="fa-duotone fa-bread-loaf text-indigo-900 mr-1 fa-lg"></i> Toastr: '/docs/adapter/toastr/'
-    <i class="fa-duotone fa-exclamation-circle text-indigo-900 mr-1 fa-lg"></i> Sweetalert: '/docs/adapter/sweetalert/'
-    <i class="fa-duotone fa-exclamation-triangle text-indigo-900 mr-1 fa-lg"></i> Pnotify: '/docs/adapter/pnotify/'
+    <i class="fa-duotone fa-bell text-indigo-900 mr-1 fa-lg"></i> Noty: '/library/noty/'
+    <i class="fa-duotone fa-info-circle text-indigo-900 mr-1 fa-lg"></i> Notyf: '/library/notyf/'
+    <i class="fa-duotone fa-bread-loaf text-indigo-900 mr-1 fa-lg"></i> Toastr: '/library/toastr/'
+    <i class="fa-duotone fa-exclamation-circle text-indigo-900 mr-1 fa-lg"></i> Sweetalert: '/library/sweetalert/'
+    <i class="fa-duotone fa-exclamation-triangle text-indigo-900 mr-1 fa-lg"></i> Pnotify: '/library/pnotify/'
 
 #<i class="fa-duotone fa-bars mr-2"></i> <i class="fa-brands fa-laravel fa-lg text-red-900 mr-1"></i> Laravel:
-#    Configuration: '/docs/laravel/configuration/'
-#    Translations: '/docs/laravel/translations/'
+#    Configuration: '/laravel/configuration/'
+#    Translations: '/laravel/translations/'
 
 #<i class="fa-duotone fa-bars mr-2"></i> <i class="fa-brands fa-symfony fa-lg text-black mr-1"></i> Symfony:
-#    Configuration: '/docs/symfony/configuration/'
-#    Translations: '/docs/symfony/translations/'
+#    Configuration: '/symfony/configuration/'
+#    Translations: '/symfony/translations/'

_data/project.yml

@@ -1 +1,2 @@
 version: "1.11"
+description: "Easily add flash notification messages to your website with PHPFlasher."

_includes/head.html

@@ -2,21 +2,26 @@
 <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
 <meta name="viewport" content="width=device-width, initial-scale=1"/>
 
-<meta name="twitter:image:src" content="https://php-flasher.io/dist/images/php-flasher-social-card.png" />
-<meta name="twitter:image:alt" content="Easily add flash notification messages to your website with PHPFlasher." />
-<meta name="twitter:site" content="@phpflasher" />
-<meta name="twitter:card" content="summary_large_image" />
-<meta name="twitter:title" content="PHPFlasher" />
-
-<meta property="og:image" content="https://php-flasher.io/dist/images/php-flasher-social-card.png" />
-<meta property="og:image:alt" content="Easily add flash notification messages to your website with PHPFlasher." />
-<meta property="og:site_name" content="PHPFlasher" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="PHPFlasher" />
+<title>{% if page.title %}{{ page.title }} | {% endif %}PHPFlasher</title>
+
+<meta property="og:title" content="{{ site.data.project.description }}">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://php-flasher.io">
+<meta property="og:image" content="https://php-flasher.io/dist/images/php-flasher-social-card.png">
+<meta property="og:image:alt" content="{{ site.data.project.description }}" />
+<meta property="og:image:width" content="1024">
+<meta property="og:image:height" content="512">
+<meta property="og:description" content="{{ site.data.project.description }}">
+<meta property="og:site_name" content="PHPFlasher">
 
-<meta property="og:url" content="https://php-flasher.io" />
+<meta name="twitter:card" content="summary_large_image" />
+<meta name="twitter:creator" content="@yoeunes">
+<meta name="twitter:site" content="@phpflasher" />
+<meta name="twitter:image:src" content="https://php-flasher.io/dist/images/php-flasher-social-card.png" />
+<meta name="twitter:image:alt" content="{{ site.data.project.description }}" />
+<meta name="twitter:title" content="{{ site.data.project.description }}">
 
-{% seo %}
+<meta name="description" content="{{ page.description }}" />
 
 <link rel="icon" type="image/png" href="/dist/images/favicon.ico"/>
 <link rel="apple-touch-icon" sizes="180x180" href="/dist/images/apple-touch-icon.png">

docs/framework/inertia.md

@@ -1,5 +1,6 @@
 ---
-permalink: /docs/framework/inertia/
+permalink: /inertia/
+redirect_from: /docs/framework/inertia/
 title: Inertia
 description: Easily add flash notification messages to your Inertia application with PHPFlasher. Follow our step-by-step guide to install and use the library in your project, and start engaging and informing your users with powerful flash messages.
 ---

docs/framework/javascript.md

@@ -1,5 +1,6 @@
 ---
-permalink: /docs/framework/javascript/
+permalink: /javascript/
+redirect_from: /docs/framework/javascript/
 title: JavaScript
 description: Easily add flash notification messages to your JavaScript application with PHPFlasher. Follow our step-by-step guide to install the library using npm or include it in your project using CDN links, and start engaging and informing your users with powerful flash messages.
 ---

docs/framework/laravel.md

@@ -1,5 +1,6 @@
 ---
-permalink: /docs/framework/laravel/
+permalink: /laravel/
+redirect_from: /docs/framework/laravel/
 title: Laravel
 handler: flasher
 description: Easily add flash notification messages to your Laravel application with PHPFlasher. Follow our step-by-step guide to install and use the library in your project, and start engaging and informing your users with powerful flash messages.

docs/framework/livewire.md

@@ -1,5 +1,6 @@
 ---
-permalink: /docs/framework/livewire/
+permalink: /livewire/
+redirect_from: /docs/framework/livewire/
 title: Livewire
 description: Easily add flash notification messages to your Livewire application with PHPFlasher. Follow our step-by-step guide to install and use the library in your project, and start engaging and informing your users with powerful flash messages.
 ---

docs/framework/symfony.md

@@ -1,5 +1,6 @@
 ---
-permalink: /docs/framework/symfony/
+permalink: /symfony/
+redirect_from: /docs/framework/symfony/
 title: Symfony
 description: Easily add flash notification messages to your Symfony application with PHPFlasher. Follow our step-by-step guide to install and use the library in your project, and start engaging and informing your users with powerful flash messages.
 ---

docs/index.md

@@ -1,6 +1,6 @@
 ---
 permalink: /
-title: Home
+title:
 description: Easily add flash notification messages to your website with PHPFlasher. Supports popular notification libraries and desktop notifications. Enhance user experience on your website or application.
 ---
 

docs/installation.md

@@ -1,5 +1,6 @@
 ---
-permalink: /docs/installation/
+permalink: /installation/
+redirect_from: /docs/installation/
 title: Installation
 description: Install only the specific components you need for your project with PHPFlasher, a modular PHP library for displaying flash notification messages. Simply include the library in your composer.json file and run the composer install command to get started.
 ---

docs/adapter/noty.md → docs/library/noty.md

@@ -1,5 +1,6 @@
 ---
-permalink: /docs/adapter/noty/
+permalink: /library/noty/
+redirect_from: /docs/adapter/noty/
 title: Noty
 handler: noty
 description: Elevate your user experience with Noty, a popular JavaScript library for creating customizable, stylish notification messages. Easy to install and use, Noty is perfect for any project that wants to engage and inform users in a dynamic way.

docs/adapter/notyf.md → docs/library/notyf.md

@@ -1,5 +1,6 @@
 ---
-permalink: /docs/adapter/notyf/
+permalink: /library/notyf/
+redirect_from: /docs/adapter/notyf/
 title: Notyf
 handler: notyf
 description: Add lightweight, customizable notification messages to your web projects with Notyf, a popular JavaScript library. With a focus on simplicity and accessibility, Notyf is easy to install and use, making it a great choice for any project that wants to engage and inform users.

docs/adapter/pnotify.md → docs/library/pnotify.md

@@ -1,5 +1,6 @@
 ---
-permalink: /docs/adapter/pnotify/
+permalink: /library/pnotify/
+redirect_from: /docs/adapter/pnotify/
 title: Pnotify
 handler: pnotify
 description: Enhance your web projects with stylish and customizable notification messages using Pnotify, a popular JavaScript library. With a wide range of features and options, Pnotify is easy to install and use, making it a great choice for any project that wants to engage and inform users.

docs/adapter/sweetalert.md → docs/library/sweetalert.md

@@ -1,5 +1,6 @@
 ---
-permalink: /docs/adapter/sweetalert/
+permalink: /library/sweetalert/
+redirect_from: /docs/adapter/sweetalert/
 title: Sweetalert
 handler: sweetalert
 description: Add beautiful, customizable alert messages to your web projects with SweetAlert2, a popular JavaScript library. Easy to install and use, SweetAlert2 is perfect for any project that wants to engage and inform users in a visually appealing way.

docs/adapter/toastr.md → docs/library/toastr.md

@@ -1,5 +1,6 @@
 ---
-permalink: /docs/adapter/toastr/
+permalink: /library/toastr/
+redirect_from: /docs/adapter/toastr/
 title: Toastr
 handler: toastr
 description: Easily add customizable, stylish notification messages to your web projects with Toastr, a popular JavaScript library. With a focus on simplicity and flexibility, Toastr is easy to install and use, making it a great choice for any project that wants to engage and inform users.