docs: add favicon and og image

.pre-commit-config.yaml

@@ -7,6 +7,7 @@ repos:
       - id: trailing-whitespace
       - id: end-of-file-fixer
       - id: check-added-large-files
+        args: ['--maxkb=600']
       - id: fix-encoding-pragma
 
   - repo: https://github.com/commitizen-tools/commitizen

docs/public/site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

docs/theme.config.tsx

@@ -1,4 +1,6 @@
 import {DocsThemeConfig, useTheme} from 'nextra-theme-docs'
+import { useConfig } from 'nextra-theme-docs'
+
 const Logo = () => {
     const {resolvedTheme} = useTheme();
     const title = 'Laravel CycleORM Adapter';
@@ -13,7 +15,7 @@ const Logo = () => {
             </style>
             <g>
                 <path
-                    d="M881.02,603.19V445.23h31.58v157.96H881.02z M912.61,634.77v-31.58h31.58v31.58H912.61z M944.19,603.19v-63.17h31.58v63.17   H944.19z M975.77,634.77v-31.58h31.58v31.58H975.77z M1007.36,603.19V445.23h31.62v157.96H1007.36z"></path>
+                    d="M881.02,603.19V445.23h31.58v157.96H881.02z M912.61,634.77v-31.58h31.58v31.58H912.61z M944.19,603.19v-63.17h31.58v63.17 H944.19z M975.77,634.77v-31.58h31.58v31.58H975.77z M1007.36,603.19V445.23h31.62v157.96H1007.36z"></path>
                 <rect x="975.77" y="603.19" className="st2" width="31.58" height="31.58"></rect>
                 <rect x="944.19" y="540.02" className="st3" width="31.58" height="63.17"></rect>
                 <rect x="881.02" y="445.23" className="st1" width="31.58" height="157.96"></rect>
@@ -30,7 +32,7 @@ const Logo = () => {
             </style>
             <g>
                 <path className="st0"
-                      d="M881.02,603.19V445.23h31.58v157.96H881.02z M912.61,634.77v-31.58h31.58v31.58H912.61z M944.19,603.19v-63.17   h31.58v63.17H944.19z M975.77,634.77v-31.58h31.58v31.58H975.77z M1007.36,603.19V445.23h31.62v157.96H1007.36z"></path>
+                      d="M881.02,603.19V445.23h31.58v157.96H881.02z M912.61,634.77v-31.58h31.58v31.58H912.61z M944.19,603.19v-63.17 h31.58v63.17H944.19z M975.77,634.77v-31.58h31.58v31.58H975.77z M1007.36,603.19V445.23h31.62v157.96H1007.36z"></path>
                 <rect x="975.77" y="603.19" className="st2" width="31.58" height="31.58"></rect>
                 <rect x="944.19" y="540.02" className="st3" width="31.58" height="63.17"></rect>
                 <rect x="881.02" y="445.23" className="st1" width="31.58" height="157.96"></rect>
@@ -70,7 +72,36 @@ const config: DocsThemeConfig = {
     sidebar: {
         toggleButton: true,
         defaultMenuCollapseLevel: 3,
-    }
+    },
+    head: function useHead() {
+        const { title } = useConfig()
+        const socialCard = 'https://laravel-cycle-orm-adapter.wayof.dev/og.png'
+
+        return (
+            <>
+                <meta name="msapplication-TileColor" content="#fff" />
+                <meta name="theme-color" content="#fff" />
+                <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+                <meta httpEquiv="Content-Language" content="en" />
+                <meta name="description" content="Laravel package that provides Cycle ORM integration."/>
+                <meta name="og:description" content="Laravel package that provides Cycle ORM integration."/>
+                <meta name="twitter:card" content="summary_large_image" />
+                <meta name="twitter:image" content={socialCard} />
+                <meta name="twitter:site:domain" content="laravel-cycle-orm-adapter.wayof.dev" />
+                <meta name="twitter:url" content="laravel-cycle-orm-adapter.wayof.dev" />
+                <meta
+                    name="og:title"
+                    content={title ? title + ' – Laravel-CycleORM-Adapter' : 'Laravel-CycleORM-Adapter'}
+                />
+                <meta name="og:image" content={socialCard} />
+                <meta name="apple-mobile-web-app-title" content="W" />
+                <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" />
+                <link rel="manifest" href="/site.webmanifest" />
+            </>
+        )
+    },
 }
 
 export default config