feat: update social meta tags

- add default meta tag title & description for social media (twitter & fb)
- update catalogue & index

Signed-off-by: Lachezar Lechev <[email protected]>

Author: elpiel

config.toml

@@ -23,4 +23,11 @@ rustlang_website = "https://rust-lang.org"
 twitter_username = "@AeroRust"
 twitter_url = "https://twitter.com/AeroRust"
 youtube_url = "https://youtube.com/c/AeroRust"
-email = "[email protected]"
+email = "[email protected]"
+[extra.default.meta]
+title = "Welcome to AeroRust (ÄR) - Your launchpad to space"
+description = """
+We build the Open-source ecosystem of Rust for aerospace applications.
+With more than 400 members and multiple projects in the aerospace domain:
+drones, maritime, "Are we in space yet?" crates catalogue and more.
+"""

content/_index.md

@@ -1,4 +1,9 @@
 +++
-title = "The AeroRust (ÄR) community"
+title = "Welcome to"
 template = "index.html"
+description = """
+We build the Open-source ecosystem of Rust for aerospace applications.
+With more than 400 members and multiple projects in the aerospace domain:
+drones, maritime, "Are we in space yet?" crates catalogue and more.
+"""
 +++

content/catalogue/_index.md

@@ -1,7 +1,8 @@
 +++
-title = "Are we in space yet?"
+title = "\"Are we in space yet?\" catalogue"
 description = '''
-A catalogue of aerospace crates organized by categories.
+A catalogue of crates for aerospace or space applicatoins arranged
+by their categories.
 '''
 template = "catalogue/index.html"
 +++

templates/base.html

@@ -16,8 +16,8 @@
   {# Facebook non-required meta tag -#}
   <meta property="og:site_name" content="The AeroRust community website">
   {% block meta -%}
-    {{ meta_macros::facebook_meta(title="Welcome!", description="The AeroRust Community website!", url=current_url, image=get_url(path="images/aerorust-ferris.png")) }}
-    {{ meta_macros::twitter_meta(title="Welcome!", description="The AeroRust Community website!", image=get_url(path="images/aerorust-ferris.png")) }}
+    {{ meta_macros::facebook_meta(title=config.extra.default.meta.title, description=config.extra.default.meta.description, url=current_url, image=get_url(path="images/aerorust-ferris.png")) }}
+    {{ meta_macros::twitter_meta(title=config.extra.default.meta.title, description=config.extra.default.meta.description, image=get_url(path="images/aerorust-ferris.png")) }}
   {% endblock -%}
 </head>
 

templates/catalogue/index.html

@@ -1,18 +1,22 @@
 {% extends "base.html" %}
 
-{% block title %}Are we in space yet? catalogue{% endblock title %}
+{% block title %}{{ section.title }}{% endblock title %}
 
-{% block content %}
+{% block meta %}
+  {{ meta_macros::facebook_meta(url=current_url, title=section.title, type="website", description=section.description, image=get_url(path="images/aerorust-ferris.png")) }}
+  {{ meta_macros::twitter_meta(title=section.title, description=section.description, image=get_url(path="images/aerorust-ferris.png")) }}
+{% endblock %}
 
+{% block content %}
 <div class="my-4 text-center">
   <img class="d-block mx-auto mb-4" src="{{ get_url(path="images/cargo.png") }}" alt="" width="72" height="72">
   <h1 class="display-5 fw-bold">Are we <strong class="text-aerorust-light">in space</strong> yet?</h1>
   <h2>Yes! There is some Rust in space!</h2>
   <div class="col-lg-8 mx-auto">
     <p class="lead mb-4">
-      This is a catalogue of crates (Rust's libraries) separated by in their categories.
-      Only categories related to aerospace or space applications are included in this list
-      and they are automatically extracted for <a href="https://crates.io">crates.io</a>
+      This is a catalogue of crates (Rust's libraries) arranged in categories.
+      Only categories for aerospace or space applications are included in this list
+      and they are automatically populated using <a href="https://crates.io">crates.io</a>
       - the official crates registry.
     </p>
     <div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
@@ -37,7 +41,6 @@ <h5 class="card-title">{{ category_section.title }}</h5>
         </div>
       </a>
     </div>
-  {% endfor -%}
+    {% endfor -%}
   </div>
-
 {% endblock content %}

templates/index.html

@@ -1,14 +1,13 @@
 {% extends "base.html" %}
 
-{% block title %}Home{% endblock title %}
+{% block title %}{{ section.title }}{% endblock title %}
 
 {% block meta %}
-  {{ meta_macros::facebook_meta(url=current_url, title="Welcome!", type="website", description="Welcome to the AeroRust community website!", image=get_url(path="images/aerorust-ferris.png")) }}
-  {{ meta_macros::twitter_meta(title="Welcome!", description="Welcome to the AeroRust community website!", image=get_url(path="images/aerorust-ferris.png")) }}
+  {{ meta_macros::facebook_meta(url=current_url, title="Welcome to AeroRust (ÄR) - Your launchpad to space", type="website", description=section.description, image=get_url(path="images/aerorust-ferris.png")) }}
+  {{ meta_macros::twitter_meta(title="Welcome to AeroRust (ÄR) - Your launchpad to space", description=section.description, image=get_url(path="images/aerorust-ferris.png")) }}
 {% endblock %}
 
 {% block content %}
-
 <div class="col-xxl-8 py-4 text-gray-300">
   <div class="row flex-lg-row-reverse align-items-center g-5">
     <div class="col-10 col-sm-12 col-lg-6 mx-auto">
@@ -26,7 +25,7 @@ <h1 class="display-5 fw-bold lh-1 mb-3">Welcome to the <strong class="text-aeror
         Rust has many compelling features and benefits over other languages used in these industries,
         including easily interoperable with other languages and tool chains.
         <br>
-        <a href="#learn-more" class="fw-bold">Learn more...</a>
+        {# <a href="#learn-more" class="fw-bold">Learn more...</a> #}
       </p>
       <div class="d-grid gap-2 d-md-flex justify-content-md-start">
         <a href="{{ config.extra.github_org | safe }}" target="_blank" class="btn btn-outline-light btn-lg px-4 me-md-2"><i