Merge branch 'dernier-version'

sparna-git · May 21, 2024 · 816899a · 816899a
2 parents c4f9d7d + 3d586e2
commit 816899a
Show file tree

Hide file tree

Showing 410 changed files with 32,794 additions and 2,221 deletions.
diff --git a/.eleventy.js b/.eleventy.js
@@ -2,6 +2,12 @@ const { EleventyRenderPlugin } = require("@11ty/eleventy");
 const plugin_syntaxhighlight = require('@11ty/eleventy-plugin-syntaxhighlight');
 const plugin_schema = require("@quasibit/eleventy-plugin-schema");
 
+
+/* Internationalization i18n : Jorge */
+const { EleventyI18nPlugin } = require("@11ty/eleventy");
+const i18n = require('eleventy-plugin-i18n');
+const translations = require('./src/_data/i18n');
+
 /*
 Thomas : this is to work with N3 triplestore when parsing schema.org metadata
 const HTMLParser = require('node-html-parser');
@@ -145,10 +151,29 @@ module.exports = function(eleventyConfig) {
   });
   */
 
+  // internationalization 
+  eleventyConfig.addPlugin(EleventyI18nPlugin, {
+    defaultLanguage: 'fr', // Required
+    errorMode: 'allow-fallback' // Opting out of "strict"
+  });
+
+
+  eleventyConfig.addPlugin(i18n, {
+    translations,
+    fallbackLocales: {
+      '*': 'fr'
+    },
+  });
+
+  // filter for collections
+  eleventyConfig.addFilter('localeFilter', function(collection, locale) {
+    if (!locale) return collection;
+      const filtered = collection.filter(item => item.data.locale == locale)
+      return filtered;
+  });
 
   // pass-through
-  eleventyConfig.addPassthroughCopy("src/assets");
-  eleventyConfig.addPassthroughCopy("src/CNAME");
+  eleventyConfig.addPassthroughCopy({ "static": "/" });
 
   // settings
   return {

diff --git a/.github/workflows/11ty.yml b/.github/workflows/11ty.yml
@@ -20,4 +20,4 @@ jobs:
         uses: peaceiris/actions-gh-pages@v3
         with:
           publish_dir: dist
-          github_token: ${{ secrets.GITHUB_TOKEN }}
+          github_token: ${{ secrets.GITHUB_TOKEN }}
diff --git a/dist/.htaccess b/dist/.htaccess
@@ -0,0 +1,14 @@
+# Redirect visitors who request the root domain path (e.g. www.sparna.fr) to the appropriate language version
+# Fallback to English version if no matching browser language defined
+# Based on language version being at e.g. www.sparna.fr/en/
+# This has no effect on any subpaths of the website
+# Using a 302 temporary redirect header stops the redirection from being cached in the browser.
+
+RewriteEngine on
+
+# language starts with FR
+RewriteCond %{HTTP:Accept-Language} ^fr [NC]
+RewriteRule ^$ /fr/ [L,R=302]
+
+# else redirect to the English version
+RewriteRule ^$ /en/ [L,R=302]
diff --git a/dist/11ty-notes/Sparna_new_website_using_eleventy/index.html b/dist/11ty-notes/Sparna_new_website_using_eleventy/index.html
diff --git a/dist/CNAME b/dist/CNAME
diff --git a/dist/assets/css/style.css b/dist/assets/css/style.css
@@ -122,6 +122,10 @@ body.page-id-2 #header #menu li.current-menu-item a, body #header #menu li#menu-
   border-bottom-color: #94c56e;
 }
 
+body.single-reference div.informations img {
+  width:100%;
+}
+
 #contenu {
   float: left;
   width: 100%;
@@ -377,7 +381,7 @@ body.home #architecture #domaine_action #action_formation .detail {
 }
 body.home #qui_suis_je {
   position: absolute;
-  top: 1850px;
+  top: 1900px;
   left: 0;
   line-height: 18px;
 }

diff --git a/dist/assets/cv/cv-thomas-francart-202403-fr.pdf b/dist/assets/cv/cv-thomas-francart-202403-fr.pdf
diff --git a/dist/assets/images/EN.png b/dist/assets/images/EN.png
diff --git a/dist/assets/images/FR.png b/dist/assets/images/FR.png
diff --git a/dist/assets/images/GB.png b/dist/assets/images/GB.png
diff --git a/dist/assets/images/team/jorge-aquino.png b/dist/assets/images/team/jorge-aquino.png
diff --git a/dist/assets/images/team/marie-muller.png b/dist/assets/images/team/marie-muller.png
diff --git a/dist/assets/images/team/thomas-francart.jpg b/dist/assets/images/team/thomas-francart.jpg
diff --git a/dist/en/contact/index.html b/dist/en/contact/index.html
@@ -0,0 +1,277 @@
+<!DOCTYPE html>
+<html lang="en" dir="">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width">
+	<title></title>
+
+	<link rel="alternate" hreflang="en" href="/en/contact/"/>
+
+	<link rel='stylesheet' id='style-main-css'  href="../../assets/css/style.css" type='text/css' media='all' />
+	<link rel='stylesheet'  href="../../assets/css/contact-form.css" type='text/css' media='all' />
+
+	<link rel='stylesheet' id='fonts-css'  href="../../assets/css/fonts/fonts.css" type='text/css' media='all' />
+
+	<script
+			  src="https://code.jquery.com/jquery-3.7.1.min.js"
+			  integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
+			  crossorigin="anonymous"></script>
+
+	<script type='text/javascript' src="../../assets/js/sparna.js"></script>
+
+	<!-- Jetpack Open Graph Tags -->
+	<meta property="og:type" content="website" />
+	<meta property="og:title" content="Sparna" />
+	<meta property="og:description" content="Web de données | Architecture de l&#039;informations | Accès aux connaissances" />
+	<meta property="og:url" content="http://www.sparna.fr/" />
+	<meta property="og:site_name" content="Sparna" />
+	<meta property="og:image" content="../../assets/images/logo.png" />
+	<meta property="og:locale" content="en" />
+	<meta name="twitter:card" content="summary" />
+
+</head>
+
+<body class="page page-id-2 page-template-default">
+	<div class="interieur">
+		<header id="header">
+			<div id="logo"><a href="/fr" title = "Sparna"><img src="../../assets/images/logo.png" alt = "" /></a></div>
+			<nav id = "menu">
+				<div class="menu-menu-principal-container">
+					<ul id="menu-menu-principal" class="nav-menu">
+						<li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page page_item page-item-46 menu-item-48"><a href="/en/">Home</a></li>
+						<li id="menu-item-26" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26"><a href="/en/references">Use cases</a></li>
+						<li id="menu-item-22" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22"><a href="/en/formations">Training offers</a></li>
+						<li id="menu-item-10" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10"><a href="/en/team">The team</a></li>
+						<li id="menu-item-9" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9"><a href="/en/contact">Contact</a></li>
+						<li id="menu-item-50" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-50"><a href="http://blog.sparna.fr" target="_blank">Blog</a></li>
+						<li>
+							<div class="menu-menu-principal-container">
+
+
+
+									<a href="/fr/contact/" lang="fr" hreflang="fr"><img src="/assets/images/FR.png" alt =""/></a>
+
+							</div>					
+						</li>
+					</ul>
+				</div>			
+			</nav>			
+		</header>
+
+		<section id = "contenu">
+			<h1>Contact <br/>Us</h1>
+<h2>Have a question ?</h2>
+<p>Would you like to find out more about our training courses and references? Do you have a business problem related to web data? Just want to say hello? <strong>Use the form below</strong>, it sends me an e-mail, and I'll get back to you as soon as possible!</p>
+
+<script src="https://www.google.com/recaptcha/api.js"></script>
+
+<div role="form" class="wpcf7" id="wpcf7-f43-o1" lang="fr-FR" dir="ltr">
+  <div class="screen-reader-response"></div>
+  <form name="" action="" id="contact-form" method="post" class="wpcf7-form">
+    <div style="display: none;">
+      <input type="hidden" name="_wpcf7" value="43">
+      <input type="hidden" name="_wpcf7_version" value="4.2">
+      <input type="hidden" name="_wpcf7_locale" value="fr_FR">
+      <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f43-o1">
+      <input type="hidden" name="_wpnonce" value="10bba91abe">
+    </div>
+
+    <p>
+      <label>Last name / First name <span>(*)</span> :</label>
+      <span class="wpcf7-form-control-wrap your-name">
+          <input type="text" name="your-name" id="name-input" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="(*) required" required>
+      </span>  
+    </p>
+    <p>
+      <label>Email <span>(*)</span> :</label>
+      <span class="wpcf7-form-control-wrap your-email">
+        <input type="email" name="your-email" id="email-input" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="(*) required" required>
+      </span>
+    </p>
+    <p>
+      <label>Subject <span>(*)</span> :</label>
+      <span class="wpcf7-form-control-wrap your-subject">
+        <input type="text" name="your-subject" id="subject-input" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="(*) required" required>
+      </span>
+    </p>
+    <p>
+      <label>Message <span>(*)</span> :</label>
+      <span class="wpcf7-form-control-wrap your-message">
+        <textarea name="your-message" id="description-input" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="(*) required" required></textarea>
+      </span>
+    </p>
+
+    <p>
+      <input type="submit" id="submit" onClick="submitToAPI(event)" value="Envoyer" class="wpcf7-form-control wpcf7-submit">
+
+      <img 
+        class="ajax-loader" 
+        src="http://www.sparna.fr/wp-content/plugins/contact-form-7/images/ajax-loader.gif"
+        alt="Envoi en cours ..." 
+        style="visibility: hidden;">
+    </p>
+    <div id="msgReponse" class="wpcf7-response-output"></div>
+
+    <div class="wpcf7-response-output wpcf7-display-none"></div>
+  </form>
+</div>
+
+<!-- for call the function AWS-->
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
+<script>
+  // function send email 
+  function submitToAPI(e) {
+    e.preventDefault();
+
+
+    // Section of validation
+
+    // Name
+    var Namere = /[A-Za-z]{1}[A-Za-z]/;
+    if (!Namere.test($("#name-input").val())) {
+        alert ("Le nom ne peut pas contenir moins de 2 caractères");
+        return;
+    }
+    // Email validation
+    if ($("#email-input").val()=="") {
+        alert ("Veuillez entrer votre email");
+        return false;
+    }
+    var reeamil = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,6})?$/;
+    if (!reeamil.test($("#email-input").val())) {
+        alert ("Veuillez entrer une adresse e-mail valide");
+        return false;
+    }
+    // Subject validation
+    if ($("#subject-input").val()=="") {
+        alert ("Entrez votre sujet");
+        return false;
+    }
+    // Message validation
+    if ($("#description-input").val()=="") {
+        alert ("Entrer votre message......");
+        return false;
+    }
+
+    // All is OK - execeute send email 
+    var URL = "https://lyy1bpmcy3.execute-api.eu-central-1.amazonaws.com/v1/sparna_email_forward";
+
+    var name = $("#name-input").val();
+    var email = $("#email-input").val();
+    var subject = $("#subject-input").val();
+    var desc = $("#description-input").val();
+    var data = {
+        name : name,
+        email : email,
+        subject : subject,
+        desc : desc
+        };
+
+
+    $.ajax({
+      type: "POST",
+      // The URL is from API Gateway 
+      url : URL,
+      dataType: "json",
+      crossDomain: "true",
+      contentType: "application/json; charset=utf-8",
+      data: JSON.stringify(data),
+      success: function (result) {
+
+        const alertMessage = document.getElementById("msgReponse");
+        const wrapper = document.createElement('div');
+        wrapper.id = "alertMsg";
+
+        const img_test = "<img class=\"aligncenter wp-image-10 size-full\" src=\"../../assets/images/contact_qui.png\" alt=\"\">";
+        wrapper.innerHTML = ['<div>','   <div>'+img_test+'  '+'E-mail envoyé avec succès, Appuyez sur le botton pour sortir   <button type="button" onClick="btnClose(event)" class="wpcf7-form-control">Fermer</button></img></div>','</div>'].join('');
+
+        alertMessage.append(wrapper);
+      },
+      error: function() {
+
+        const alertMessage = document.getElementById("msgReponse");
+        const wrapper = document.createElement('div');
+        wrapper.id = "alertMsg";
+        const img_test = "<img class=\"aligncenter wp-image-10 size-full\" src=\"../../assets/images/logo.png\" alt=\"\">";
+        wrapper.innerHTML = ['<div>','   <div>'+img_test+'  '+'Il y a eu a probleme pour envoyer l\'e-mail, Appuyez sur le botton pour sortir  <button type="button" onClick="btnClose(event)" class="wpcf7-form-control">Fermer</button></img></div>','</div>'].join('');
+
+        alertMessage.append(wrapper);
+
+        //show an error message
+        //alert("UnSuccessfull");
+        }
+      });
+  }
+
+
+
+    function btnClose(e) {
+        document.getElementById("contact-form").reset();
+        location.reload();
+        document.getElementById("msgReponse").reset()
+    }
+
+
+    /*  
+    const check_name = document.getElementById("#name-input");
+    if (!check_name.checkValidity() || check_name.value === null) {
+      alert(check_name.validationMessage);
+      btnClose(event); 
+    }
+    */
+</script>
+
+<div id="carte">
+  <img src="../../assets/images/carte.png " alt="">
+  <h3>Sparna Tours</h3>
+  <p>30 rue André Theuriet<br>37000 Tours</p>
+</div>
+		</section>
+		</div>
+
+		<footer id = "footer">
+			<div class = "interieur">
+				<section class = "colonne">
+					<div class="menu-menu-principal-container">
+						<ul id="menu-menu-principal-1" class="nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page page_item page-item-46 menu-item-48"><a href="/">Home</a></li>
+							<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26"><a href="/en/references">Use cases</a></li>
+							<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22"><a href="/en/formations">Training offers</a></li>
+							<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10"><a href="/en/qui-suis-je">The team</a></li>
+							<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9"><a href="/en/contact">Contact</a></li>
+							<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-50"><a href="http://blog.sparna.fr" target="_blank">Blog</a></li>
+						</ul>
+					</div>
+				</section>
+
+				<section class = "colonne double"></section>
+
+				<section class = "colonne double">
+					<h5><a class="rsswidget" href="http://blog.sparna.fr/feed"><img style="border:0" width="14" height="14" src="../../assets/images/rss.png " alt="RSS"></a> <a class="rsswidget" href="http://blog.sparna.fr/">Last articles from the blog</a></h5>
+					<ul>
+								<li><a href="https://blog.sparna.fr/2024/01/15/cordis-a-sparql-endpoint-is-born/">CORDIS : a SPARQL endpoint is born !</a></li>
+
+
+								<li><a href="https://blog.sparna.fr/2023/03/13/2013-2023-tis-skosplays-birthday/">2013-2023 : ‘Tis SKOSPlay!’s Birthday !</a></li>
+
+
+								<li><a href="https://blog.sparna.fr/2022/10/31/sparnatural-a-semweb-pro-2022-le-8-novembre/">Sparnatural à SemWeb.pro 2022 le 8 novembre</a></li>
+
+
+								<li><a href="https://blog.sparna.fr/2022/10/18/dashboards-from-sparql-knowledge-graphs-using-looker-studio-google-data-studio/">Dashboards from SPARQL knowledge graphs using Looker Studio (Google Data Studio)</a></li>
+
+
+								<li><a href="https://blog.sparna.fr/2022/07/20/clean-json-ld-from-rdf-using-framing/">Clean JSON(-LD) from RDF using Framing</a></li>
+
+
+
+
+
+
+
+					</ul>
+				</section>
+			</div>
+		</footer>
+
+	</body>
+</html>