Files
JooL_website/templates/base.html
2026-05-20 15:04:03 +00:00

97 lines
5.2 KiB
HTML

{% load static i18n %}
<!DOCTYPE html>
{% get_current_language as CURRENT_LANG %}
<html lang="{{ CURRENT_LANG }}">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- ── Titre ── -->
<title>{% block title %}Jool International — AgriTech Intelligence pour l'Afrique{% endblock %}</title>
<!-- ── Meta description ── -->
<meta name="description" content="{% block meta_description %}Jool International développe des solutions AgriTech pour l'agriculture africaine : analyse satellitaire IA, cartographie drone et digitalisation des producteurs.{% endblock %}">
<meta name="robots" content="{% block meta_robots %}index, follow{% endblock %}">
<link rel="canonical" href="{% block canonical %}https://jool-international.com{{ request.path }}{% endblock %}">
<!-- ── Open Graph (partage réseaux sociaux) ── -->
<meta property="og:type" content="{% block og_type %}website{% endblock %}">
<meta property="og:site_name" content="Jool International">
<meta property="og:title" content="{% block og_title %}{% block title_plain %}Jool International — AgriTech Intelligence pour l'Afrique{% endblock %}{% endblock %}">
<meta property="og:description" content="{% block og_description %}Jool International développe des solutions AgriTech pour l'agriculture africaine : analyse satellitaire IA, cartographie drone et digitalisation des producteurs.{% endblock %}">
<meta property="og:url" content="https://jool-international.com{{ request.path }}">
<meta property="og:image" content="{% block og_image %}https://jool-international.com{% static 'img/logo.png' %}{% endblock %}">
<meta property="og:image:width" content="{% block og_image_w %}512{% endblock %}">
<meta property="og:image:height" content="{% block og_image_h %}512{% endblock %}">
<meta property="og:locale" content="fr_FR">
<!-- ── Twitter / X card ── -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{% block twitter_title %}Jool International — AgriTech Intelligence pour l'Afrique{% endblock %}">
<meta name="twitter:description" content="{% block twitter_description %}Solutions AgriTech pour l'agriculture africaine : satellite, drone, digitalisation.{% endblock %}">
<meta name="twitter:image" content="{% block twitter_image %}https://jool-international.com{% static 'img/logo.png' %}{% endblock %}">
<!-- ── Schema.org JSON-LD ── -->
{% block schema_org %}
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Jool International",
"url": "https://jool-international.com",
"logo": "https://jool-international.com{% static 'img/logo.png' %}",
"description": "Solutions AgriTech pour l'agriculture africaine : analyse satellitaire IA, cartographie drone et digitalisation des producteurs.",
"address": {
"@type": "PostalAddress",
"addressLocality": "Abidjan",
"addressCountry": "CI"
},
"contactPoint": {
"@type": "ContactPoint",
"email": "info@jool-int.com",
"telephone": "+22527225578825",
"contactType": "customer service"
},
"sameAs": [
"https://www.linkedin.com/company/jool-international/"
]
}
</script>
{% endblock %}
<!-- ── Favicon ── -->
<link rel="icon" type="image/x-icon" href="{% static 'img/favicon.ico' %}">
<link rel="icon" type="image/png" sizes="32x32" href="{% static 'img/favicon-32x32.png' %}">
<link rel="icon" type="image/png" sizes="16x16" href="{% static 'img/favicon-16x16.png' %}">
<link rel="apple-touch-icon" sizes="180x180" href="{% static 'img/apple-touch-icon.png' %}">
<!-- ── Hreflang ── -->
<link rel="alternate" hreflang="fr" href="https://jool-international.com{{ request.path }}">
<link rel="alternate" hreflang="en" href="https://jool-international.com{% language 'en' %}{{ request.path }}{% endlanguage %}">
<link rel="alternate" hreflang="x-default" href="https://jool-international.com{{ request.path }}">
<!-- ── Préchargement polices critiques ── -->
<link rel="preload" as="font" type="font/woff2" crossorigin href="{% static 'fonts/7cHqv4kjgoGqM7E3j-ws51ostz0rdg.woff2' %}">
<link rel="preload" as="font" type="font/woff2" crossorigin href="{% static 'fonts/7cHqv4kjgoGqM7E3t-4s51ostz0rdg.woff2' %}">
<link rel="preload" as="font" type="font/woff2" crossorigin href="{% static 'fonts/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmPq_HTTw.woff2' %}">
<!-- ── Fonts & styles ── -->
<link rel="stylesheet" href="{% static 'fonts/fonts.css' %}">
<link rel="stylesheet" href="{% static 'css/home.css' %}">
{% block extra_css %}{% endblock %}
</head>
<body>
{% include "core/partials/_nav.html" %}
{% block content %}{% endblock %}
{% include "core/partials/_footer.html" %}
<script defer src="{% static 'js/faq_toggle.js' %}"></script>
<script defer src="{% static 'js/scroll_reveal.js' %}"></script>
<script defer src="{% static 'js/hamburger.js' %}"></script>
{% block extra_js %}{% endblock %}
</body>
</html>