Add social card to website

Signed-off-by: Stefan Prodan <[email protected]>

docs/theme/main.html

@@ -3,30 +3,30 @@
 {% block extrahead %}
 
 <meta property="og:url" content="{{ page.canonical_url }}">
-{% if page and page.meta and page.meta.title %}
-<meta property="og:title" content="{{ page.meta.title }}">
-{% elif page and page.title and not page.is_homepage %}
-<meta property="og:title" content="{{ page.title }} - {{ config.site_name }}">
-{% else %}
-<meta property="og:title" content="{{ config.site_name }}">
-{% endif %}
-<meta property="og:description" content="{{ config.site_description }}">
-<meta property="og:image" content="https://timoni.sh/images/logo.png">
+<meta property="og:image" content="https://timoni.sh/images/logo_card.png">
 <meta property="og:image:alt" content="timoni.sh">
 <meta property="og:image:type" content="image/png">
+{% if page.is_homepage %}
+<meta property="og:title" content="{{ config.site_name }}">
+<meta property="og:description" content="{{ config.site_description }}">
+{% else %}
+<meta property="og:title" content="{{ page.title }}">
+<meta property="og:description" content="{{ config.site_description }}">
+{% endif %}
 
-<meta name="twitter:card" content="summary">
 <meta name="twitter:site" content="@stefanprodan">
 <meta name="twitter:creator" content="@stefanprodan">
-{% if page and page.meta and page.meta.title %}
-<meta property="twitter:title" content="{{ page.meta.title }}">
-{% elif page and page.title and not page.is_homepage %}
-<meta property="twitter:title" content="{{ page.title }}">
-{% else %}
+<meta name="twitter:image:alt" content="timoni.sh">
+{% if page.is_homepage %}
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:image" content="https://timoni.sh/images/logo_card.png">
 <meta property="twitter:title" content="{{ config.site_name }}">
-{% endif %}
-<meta name="twitter:description" content="{{ config.site_description }}">
+<meta property="twitter:description" content="{{ config.site_description }}">
+{% else %}
+<meta name="twitter:card" content="summary">
 <meta name="twitter:image" content="https://timoni.sh/images/logo.png">
-<meta name="twitter:image:alt" content="timoni.sh">
+<meta property="twitter:title" content="{{ page.title }}">
+<meta property="twitter:description" content="{{ config.site_description }}">
+{% endif %}
 
 {% endblock %}

mkdocs.yml

@@ -10,7 +10,7 @@ copyright: Copyright © 2023 Stefan Prodan
 
 home:
   image: images/logo_icons.svg
-  tagline: Cloud Native Application Distribution and Lifecycle Management
+  tagline: Distribution and Lifecycle Management for Cloud-Native Applications
   description: |
     Timoni brings CUE's type safety, code generation, and data validation features to Kubernetes,
     making the experience of crafting complex deployments into a pleasant and rewarding journey.