update

_extensions/davidcarayon/inrae/_extension.yml

@@ -0,0 +1,63 @@
+title: Templates INRAE
+author: David Carayon
+version: 1.0.0
+quarto-version: ">=1.2.0"
+contributes:
+
+  ## Project definition
+  project:
+    project:
+      type: default
+     #type: website
+     #type: manuscript
+     #type: book
+    format: inrae-html
+
+  ## Formats definition
+  formats:
+    html:
+      code-overflow: wrap
+      theme: lumen
+      toc-title: "Sommaire"
+      number-sections: true
+      highlight-style: github
+      css: ressources/html-inrae.css
+    docx:
+      reference-doc: ressources/word-template.docx
+      toc-title: "Sommaire"
+    typst:
+      template-partials:
+          - ressources/typst-template.typ
+          - ressources/typst-show.typ
+      toc: true
+      toc-depth: 3
+      number-sections: true
+      papersize: a4
+      lang: fr
+      date: today
+      date-format: long
+      cover-img: "field.jpg"
+    revealjs:
+      title-slide-attributes:
+        data-background-image: ressources/assets/sigle-inrae.png
+        data-background-size: 40%
+        data-background-position: left
+        data-background-opacity: "0.5"
+        data-footer: ""
+      include-after-body: ressources/revealjs-clean-title-slide.html
+      logo: ressources/assets/bloc-etat.png
+      footer: "Pied de page"
+      transition: fade
+      slide-number: "c/t"
+      auto-stretch: false
+      center-title-slide: true
+      theme: [default, ressources/revealjs-inrae.scss]
+      plugins:
+      - PdfExport
+    beamer: 
+      include-in-header: ressources/beamer-colorthemeinrae.sty
+      aspectratio: 169
+      keep-tex: false
+    pptx:
+      reference-doc: ressources/powerpoint-template.pptx
+      toc: true

_extensions/davidcarayon/inrae/ressources/beamer-colorthemeinrae.sty

@@ -0,0 +1,146 @@
+% Template issu des travaux d'E. Quinton (INRAE)
+
+\usepackage{scrextend}
+
+\RequirePackage{lastpage,graphicx,tikz,setspace}
+\usetikzlibrary{positioning}
+
+
+% Based on Boadilla Style
+% definition des couleurs INRAE
+\definecolor{inrae}{RGB}{0,163,166} % inrae
+\definecolor{inraeclair}{RGB}{102,193,191}   % inrae clair
+\definecolor{inraemedium}{RGB}{0,140,142}   % inrae medium
+\definecolor{inraefonce}{RGB}{39,86, 98} % inrae foncé
+\definecolor{vert}{RGB}{157,197,68} % vert
+\definecolor{bleuclair}{RGB}{158,214,227} % bleu clair
+\definecolor{bleufonce}{RGB}{66,48,137} % bleu foncé
+\definecolor{gris}{RGB}{121,120,112}   % gris
+\definecolor{argent}{RGB}{196,192,179} % argent
+\definecolor{rouge}{RGB}{142,2,0} % rouge
+% disallow navigation menu
+\setbeamertemplate{navigation symbols}{}
+
+% Colors for title, subttitle, author, date...
+\setbeamercolor{title}{fg=inrae}
+\setbeamercolor{subtitle}{fg=inraefonce}
+\setbeamercolor{author}{fg=inrae}
+\setbeamercolor{date}{fg=inrae}
+\setbeamercolor{beamercolorbox}{bg=white}
+\setbeamercolor{section in toc}{bg=white,fg=inrae}
+\setbeamercolor{subsection in toc}{bg=white,fg=inraefonce}
+\setbeamercolor{section number projected}{bg=white,fg=bleufonce}
+\setbeamercolor{subsection number projected}{bg=white,fg=bleuclair}
+\setbeamercolor{frametitle}{fg=inrae}
+\setbeamercolor{framesubtitle}{fg=inraefonce}
+\setbeamercolor{item}{fg=inrae,bg=white}
+\setbeamercolor{subitem}{fg=inrae,bg=white}
+
+
+\useinnertheme[shadow]{rounded}
+\useoutertheme{default}
+
+
+\setbeamercolor{block title}{fg=white,bg=inraefonce}
+\setbeamercolor{block title alerted}{fg=white, bg=rouge}
+\setbeamercolor{block title example}{fg=black, bg=vert}
+\setbeamercolor{block body}{parent=normal text,use=block title,bg=block title.bg!20!bg}
+\setbeamercolor{block body alerted}{parent=normal text,use=block title alerted,bg=block title alerted.bg!20!bg}
+\setbeamercolor{block body example}{parent=normal text,use=block title example,bg=block title example.bg!20!bg}
+
+\setbeamercolor*{palette primary}{fg=white,bg=inraemedium}
+\setbeamercolor*{palette secondary}{fg=white,bg=inrae}
+\setbeamercolor*{palette tertiary}{fg=white,bg=inraeclair}
+\setbeamercolor*{palette quaternary}{fg=black,bg=white}
+
+\setbeamercolor*{palette sidebar primary}{fg=white,bg=inraefonce}
+\setbeamercolor*{palette sidebar secondary}{fg=white,bg=inrae}
+\setbeamercolor*{palette sidebar tertiary}{fg=white,bg=inraeclair}
+\setbeamercolor*{palette sidebar quaternary}{fg=black,bg=white}
+
+\setbeamercolor*{titlelike}{fg=inraefonce,bg=white}
+\setbeamercolor*{subtitlelike}{fg=inrae,bg=white}
+
+\setbeamercolor*{separation line}{}
+\setbeamercolor*{fine separation line}{}
+
+\setbeamersize{text margin left=1em,text margin right=1em}
+
+\useitemizeitemtemplate{%
+    \tiny\raise1.5pt\hbox{\color{inrae}$\blacktriangleright$}%
+}
+
+\usesubitemizeitemtemplate{%
+    \tiny\raise1.5pt\hbox{\color{inrae}$\blacktriangleright$}%
+}
+\usesubsubitemizeitemtemplate{%
+    \tiny\raise1.5pt\hbox{\color{inrae}$\bigstar$}%
+}
+
+
+% Title slide and Footer template from https://forgemia.inra.fr/gauthier.quesnel/beamer-inrae/
+
+
+\setbeamertemplate{title page}{
+    \begin{tikzpicture}[remember picture,overlay]
+        \node[xshift=3cm,yshift=-1cm] at (current page.west){%
+            \includegraphics[height=0.5\textheight]{_extensions/davidcarayon/inrae/ressources/assets/sigle-inrae.png}};
+    \end{tikzpicture}
+    \begin{tikzpicture}[remember picture,overlay]
+        \node[xshift=14.5cm,yshift=3cm] at (current page.west){%
+            \includegraphics[height=0.2\textheight]{_extensions/davidcarayon/inrae/ressources/assets/republique-francaise.png}};
+        \node[xshift=0cm,yshift=1cm] at (current page.south){%
+                \includegraphics[width=2cm]{_extensions/davidcarayon/inrae/ressources/assets/open-licence.png}};    
+
+
+    \end{tikzpicture}
+    \vspace{-2em}
+    \begin{addmargin}[.2em]{1em}
+      \begin{spacing}{.5}
+        {\usebeamerfont{title}{\usebeamercolor[fg]{title}\hbox{\color{inraemedium}$\bigblacktriangledown$}\textbf\inserttitle}}
+        \vskip 0.1em
+        \usebeamerfont{subtitle}\insertsubtitle
+      \end{spacing}
+    \end{addmargin}
+    \vspace{5em}
+    \begin{flushright}
+    \begin{spacing}{.8}
+        \hskip 25em{\usebeamercolor[fg]{title}\insertauthor}
+        \vskip 0.1em
+        \hskip 25em\insertinstitute
+        \vskip 0.1em
+    \end{spacing}
+    \hskip 25em\insertdate
+    \end{flushright}
+}
+
+\setbeamertemplate{footline}{
+    \begin{tikzpicture}[remember picture,overlay]
+        \ifnum\thepage>1
+        \node[xshift=+1.5cm,yshift=0.6cm] at (current page.south west){%
+            \includegraphics[width=3cm]{_extensions/davidcarayon/inrae/ressources/assets/bas-gauche.png}};
+        \node[xshift=+8.25cm,yshift=0.4cm] at (current page.south west){%
+                \begin{beamercolorbox}[ht=3em,dp=1em,left]{}
+                    \hspace{8em}\usebeamercolor[fg]{title}\insertshortauthor
+                \end{beamercolorbox}};
+        \node[xshift=+8.25cm,yshift=0.7cm] at (current page.south west){%
+                \begin{beamercolorbox}[ht=3em,dp=1em,left]{}
+                    \hspace{8em}\usebeamercolor[fg]{title}\insertshorttitle
+                \end{beamercolorbox}};
+\node[xshift=6.5cm,yshift=0.6cm] at (current page.south east){%
+                \begin{beamercolorbox}[ht=3em,dp=1em,left]{}
+                    p.~\thepage\hspace{0.2em}/\hspace{0.2em}\pageref{LastPage}
+                \end{beamercolorbox}};
+
+        \fi
+    \end{tikzpicture}
+}
+
+
+\setbeamertemplate{frametitle}{
+\vspace{+1em}
+\color{inrae}\textbf{\raise1pt\hbox{\color{inraemedium}$\blacktriangleright$}\hskip .3em \insertframetitle}}
+
+
+\mode
+<all>

_extensions/davidcarayon/inrae/ressources/html-inrae.css

@@ -0,0 +1,136 @@
+
+/* Importing fonts */
+
+@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
+
+@font-face {
+  font-family: "Avenir Next Pro Cn";
+  src: url("assets/Linotype - AvenirNextLTPro-Cn.otf") format("opentype");
+};
+
+.title {
+  color: #00a3a6;
+  font-family: "Raleway";
+  font-weight: bold;
+}
+
+body {
+font-family: 'Avenir Next Pro Cn';
+}
+
+h1,h2,h3,h4,h5 {
+  text-align: left;
+  color: #00a3a6;
+  font-family: "Raleway";
+  font-weight: bold;
+}
+
+.header-section-number {
+  color: #00a3a6;
+}
+
+/* Websites / navbar */
+
+.navbar {
+  border: 0px solid #275662;
+  border-bottom: 5px solid #275662;
+  background-color: #00a3a6;
+}
+
+.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
+  color: #ffffff;
+  background-color: #275662;
+}
+
+.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
+  color: #ffffff;
+  background-color: #275662;
+}
+
+.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
+  color: #ffffff;
+  background-color: #275662;
+}
+
+/* Books / sidebar */
+
+#quarto-sidebar,
+#quarto-content .sidebar-navigation {
+    border: none !important;
+    color: #FFFFFF;
+    background-color: #00a3a6;
+
+    code {
+        font-size: inherit;
+        color: inherit;
+        background-color: transparent;
+    }
+
+    .sidebar-item-container {
+
+      a,
+      .chapter-number {
+          color: #FFFFFF;
+      }
+
+      a.active,
+      a:hover {
+          color: #FFFFFF;
+      }
+  }
+
+  .sidebar-item-section>.sidebar-item-container:first-child a,
+  .sidebar-item-section>.sidebar-item-container:first-child a.active,
+  .sidebar-item-section>.sidebar-item-container:first-child a:hover {
+      font-weight: bold;  
+      color: #FFFFFF;
+      background-color: transparent;
+  }
+
+}
+
+#quarto-header .quarto-secondary-nav-title {
+  text-align: center;
+}
+
+.book .book-body .page-wrapper .page-inner {
+  margin: auto;
+  width: 100%;
+  max-width: 1000px;
+
+}
+
+a.anchor-section::before {
+  color: #275662;
+  text-decoration-color: #275662;
+}
+
+a {
+  color: #ed6e6c;
+}
+
+.book-summary ul.summary li.active > a {
+  color: #ead8a2 !important;
+  background: 0 0;
+  text-decoration: none;
+}
+
+div.sidebar-item-container .active, div.sidebar-item-container .show > .nav-link, div.sidebar-item-container .sidebar-link > code {
+  color: #ed6e6c;
+  font-weight: bold;
+}
+
+.sidebar-title {
+    font-weight: bold;
+    text-align: center;
+}
+
+.sidebar nav[role="doc-toc"] ul > li > a.active {
+  border-left: 1px solid #ed6e6c;
+  color: #ed6e6c !important;
+}
+
+.sidebar nav[role="doc-toc"] ul > li > ul > li > a.active {
+  border-left: 1px solid #ed6e6c;
+  color: #ed6e6c !important;
+}

_extensions/davidcarayon/inrae/ressources/revealjs-clean-title-slide.html

@@ -0,0 +1,49 @@
+<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+
+<script type="text/javascript" charset="utf-8">
+  $(document).ready(function() {
+    // Add `data-footer` on title slide
+    function addCustomFooter() {
+      let titleSlide = $("section#title-slide");
+      let titleSlideFooter = titleSlide.attr('data-footer');
+      let footer = $('div.footer p');
+      let globalFooterText = footer.html();
+
+      if (titleSlide.hasClass('present')) {
+        footer.html(titleSlideFooter);
+      }
+
+      Reveal.on('slidechanged', function(event) {
+        if (event.currentSlide.matches('#title-slide')) {
+          footer.html(titleSlideFooter);
+        } else {
+          footer.html(globalFooterText);
+        }
+      });
+    }
+
+    addCustomFooter();
+
+    // Hide slide number on title slide
+    function removeSlideNumber() {
+      let slideNo = $('div.slide-number');
+      slideNo.addClass('hide');
+
+      Reveal.on('slidechanged', function(event) {
+        if (Reveal.isFirstSlide()) {
+          slideNo.addClass('hide');
+        } else {
+          slideNo.removeClass('hide');
+        }
+      });
+    }
+
+    removeSlideNumber();
+  });
+</script>
+
+<style>
+  .hide {
+    display: none !important;
+  }
+</style>