premier commit avec exemple de présentation et template

5 years ago · cba297f027
commit cba297f027
14 changed files with 520 additions and 0 deletions
--- a/7
+++ b/7
@ -0,0 +1,7 @@
+all: presentation.pdf
+
+presentation.pdf: presentation.md
+	pandoc $^ -t beamer -o $@
+
+clean:
+	rm -rf presentation.pdf
--- a/chaton.png
+++ b/chaton.png
--- a/hadoly_modele_navigation.tex
+++ b/hadoly_modele_navigation.tex
@ -0,0 +1,39 @@
+% Style Beamer Hadoly - Adel Daouzli 2018
+% V0.1
+
+\newcommand*{\TemplatePath}{./template/}%
+
+% Définition des couleurs Hadoly
+
+\input{\TemplatePath hadoly_couleurs.sty}
+
+
+
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+%%%%%%%%%%%%%                         BLOCS                        %%%%%%%%%%%%%
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+
+\input{\TemplatePath hadoly_blocks.sty}
+
+
+
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+%%%%%%%%%%%%%                     PAGE DE GARDE                    %%%%%%%%%%%%%
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+
+\input{\TemplatePath hadoly_page_de_garde.sty}
+
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+%%%%%%%%%%%%%                        ENTÊTE                        %%%%%%%%%%%%%
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+
+\input{\TemplatePath hadoly_entete_navigation.sty}
+
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+%%%%%%%%%%%%%                     PIED DE PAGE                     %%%%%%%%%%%%%
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+
+
+\input{\TemplatePath hadoly_pied_de_page.sty}
+
+
--- a/logo-hadoly.png
+++ b/logo-hadoly.png
--- a/page_garde_fond.png
+++ b/page_garde_fond.png
--- a/presentation.md
+++ b/presentation.md
@ -0,0 +1,68 @@
+---
+title: Hadoly, le CHATON Lyonnais
+subtitle: Un hébergeur libre et éthique à Lyon
+author: Adel Daouzli
+date: 24 mars 2018
+header-includes:
+    - \input{hadoly_modele_navigation}
+---
+
+# Introduction
+
+## Comment faire une présentation Hadoly
+
+### Détails
+
+#### Une petite dose de magie :
+
+* Du Markdown
+* Un template LaTeX personnalisé (merci Adel)
+* Pandoc pour la conversion
+* Beamer pour le rendu
+
+
+#### Les étapes 1
+
+* Écrire un zoli texte
+
+    Ceci n'est pas un texte.
+    Ceci est une pipe
+
+* Écrire éventuellement un zoli code
+
+```python
+text = "I love Python and Hadoly :)"
+print(text)
+```
+
+---
+
+### Détails
+
+#### Les étapes 2
+
+* Enregistrer dans un fichier `prez.md`
+* Vérifié que latex, beamer, pandoc sont installés
+* Construire la présentation avec `Pandoc`
+```sh
+$ pandoc prez.md -f markdown -t beamer -o prez.pdf
+```
+* Construire la présentation via un _Makefile_
+```sh
+$ make
+```
+
+
+
+# Conclusion
+## La fin finale
+
+### Résultat
+
+Nous avons une belle présentation personnalisée :)
+
+N'oublions pas que nous sommes un CHATON :
+
+![chaton hadoly](chaton.png "Chaton Hadoly")
+
+
--- a/presentation.pdf
+++ b/presentation.pdf
--- a/template/hadoly_blocks.sty
+++ b/template/hadoly_blocks.sty
@ -0,0 +1,30 @@
+% Style Beamer Hadoly - Adel Daouzli 2018
+% Blocks bleu - V0.1
+
+% Note : doit être inclus après inclusion des couleurs hadoly
+
+% Définit la largeur d'un slide
+
+\setbeamersize{text margin left=5mm}
+\setbeamersize{text margin right=5mm}
+
+
+
+\setbeamercolor{normal text}{fg=hadoly_text_bleu_2,bg=white}
+\setbeamercolor{alerted text}{fg=red}
+\setbeamercolor{example text}{fg=hadoly_text_vert!50!black}
+
+
+% Puces rondes en dégradé
+
+\useinnertheme[shadow=true]{rounded}
+\setbeamercolor{item projected}{bg=hadoly_violet,fg=white}
+
+
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Blocs
+
+\setbeamercolor*{block title}{fg=white,bg=hadoly_bleu_3}
+\setbeamercolor*{block body}{fg=hadoly_text_bleu,bg=hadoly_grisbleu_6}
+\setbeamerfont{block title}{size={}}
+
+
--- a/template/hadoly_couleurs.sty
+++ b/template/hadoly_couleurs.sty
@ -0,0 +1,43 @@
+% Style Beamer Hadoly - Adel Daouzli 2018
+% Couleurs - V0.1
+
+% Définition des couleurs Hadoly
+
+\definecolor{hadoly_bleu}{HTML}{020279}
+\definecolor{hadoly_bleu_3}{HTML}{735FAD}
+\definecolor{hadoly_grisbleu_6}{HTML}{EEE5FA}
+\definecolor{hadoly_violet}{HTML}{4E4B8B}
+\definecolor{hadoly_violet_4}{HTML}{C4C2E0}
+
+\definecolor{hadoly_violet_bleu}{HTML}{270057}
+
+\definecolor{hadoly_text_jaune}{HTML}{C2BC00}
+\definecolor{hadoly_text_bleu}{HTML}{4E0596}
+\definecolor{hadoly_text_bleu_2}{HTML}{320269}
+\definecolor{hadoly_text_vert}{HTML}{548235}
+
+
+
+% Attribution des couleurs aux éléments des slides
+
+\setbeamercolor{structure}{fg=hadoly_bleu!90!black}
+\setbeamercolor{normal text}{fg=hadoly_text_bleu_2,bg=white}
+\setbeamercolor{alerted text}{fg=red}
+\setbeamercolor{example text}{fg=hadoly_text_vert!50!black}
+\setbeamercolor{background canvas}{parent=normal text}
+\setbeamercolor{frametitle}{fg=white}
+\setbeamerfont{frametitle}{series=\bfseries}
+
+\setbeamercolor{title}{fg=hadoly_text_bleu_2}
+\setbeamercolor{subtitle}{fg=hadoly_text_jaune}
+
+
+\setbeamercolor{palette quaternary}{bg=hadoly_violet_bleu}
+\setbeamercolor{palette secondary}{bg=hadoly_text_bleu_2}
+\setbeamercolor{palette primary}{fg=hadoly_text_bleu_2}
+\setbeamercolor{palette sidebar primary}{fg=hadoly_text_bleu_2}
+\setbeamercolor{palette sidebar secondary}{fg=hadoly_text_bleu_2}
+
+\setbeamercolor{upper separation line foot}{bg=hadoly_text_bleu_2}
+\setbeamercolor{upper separation line foot}{fg=hadoly_text_bleu_2}
+
--- a/template/hadoly_entete_navigation.sty
+++ b/template/hadoly_entete_navigation.sty
@ -0,0 +1,174 @@
+% Style Beamer Hadoly - Adel Daouzli 2018
+% entete navigation 3 elem - V0.1
+
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+%%%%%%%%%%%%%                        ENTÊTE                        %%%%%%%%%%%%%
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+
+% liste de navigation entête à 3 éléments (http://tex.stackexchange.com/a/96836)
+\makeatletter
+       \newcount\c@p
+       \newcount\c@m
+       \newcount\c@pp
+       \newcount\c@mm
+\def\insertsectionnavigation#1{%
+  \hbox to #1{%
+    \vbox{
+     {\usebeamerfont{section in head/foot}\usebeamercolor[fg]{section in head/foot}%
+     \vskip0.5625ex%
+     \def\slideentry##1##2##3##4##5##6{}%
+     \def\sectionentry##1##2##3##4##5{%
+       \ifnum##5=\c@part%
+           \def\insertsectionhead{##2}%
+           \def\insertsectionheadnumber{##1}%
+           \def\insertpartheadnumber{##5}%
+           \c@p=\c@section%
+           \c@m=\c@section%
+           \c@pp=\c@section%
+           \c@mm=\c@section%
+           \advance\c@m by -1 %
+           \advance\c@p by 1 %
+           \advance\c@mm by -2 %
+           \advance\c@pp by 2 %
+           %     
+           \ifnum \c@section=1
+               \ifnum\c@section=##1%
+                   \setbox\beamer@tempbox=\hbox{%
+                        \hyperlink{Navigation##3}{\hbox to #1{%
+                            {\hskip0.3cm\usebeamertemplate{section in head/foot}\hskip0.3cm\hfil}
+                            }}
+                   }%
+               \else%
+                   \ifnum##1=\c@p%
+                       \setbox\beamer@tempbox=\hbox{%
+                             \hyperlink{Navigation##3}{%
+                                 \hbox to #1{%
+                                 {\hskip0.3cm\usebeamertemplate{section in head/foot shaded}\hskip0.3cm\hfil}}
+                             }
+                       }
+                     %
+                   \else%
+                       \ifnum##1=\c@pp%
+                           \setbox\beamer@tempbox=\hbox{%
+                               \hyperlink{Navigation##3}{\hbox to #1{%
+                               {\hskip0.3cm\usebeamertemplate{section in head/foot shaded}\hskip0.3cm\hfil}}}
+                           }%
+                   %
+                       \else%
+                   %
+                       \fi%
+                   \fi%
+                   %
+               \fi%%  
+           \else%
+               \ifnum \c@section=\beamer@sectionmax
+                   \ifnum\c@section=##1%
+                       \setbox\beamer@tempbox=\hbox{%
+                           \hyperlink{Navigation##3}{\hbox to #1{%
+                           {\hskip0.3cm\usebeamertemplate{section in head/foot}\hskip0.3cm\hfil}}}
+                       }%
+                   \else%
+                       \ifnum##1=\c@m%
+                           \setbox\beamer@tempbox=\hbox{%
+                              \hyperlink{Navigation##3}{\hbox to #1{%
+                              {\hskip0.3cm\usebeamertemplate{section in head/foot shaded}\hskip0.3cm\hfil}}}
+                           }
+                     %
+                       \else%
+                           \ifnum##1=\c@mm%
+                               \setbox\beamer@tempbox=\hbox{%
+                                   \hyperlink{Navigation##3}{\hbox to #1{%
+                                   {\hskip0.3cm\usebeamertemplate{section in head/foot shaded}\hskip0.3cm\hfil}}}
+                                }%
+                   %
+                           \else%
+                   %
+                           \fi%
+                       \fi%
+                   %
+                   \fi%%
+               \else%
+                   \ifnum\c@section=##1%
+                       \setbox\beamer@tempbox=\hbox{%
+                           \hyperlink{Navigation##3}{\hbox to #1{%
+                           {\hskip0.3cm\usebeamertemplate{section in head/foot}\hskip0.3cm\hfil}}}
+                       }%
+                   \else%
+                       \ifnum##1=\c@m%
+                           \setbox\beamer@tempbox=\hbox{%
+                               \hyperlink{Navigation##3}{\hbox to #1{%
+                               {\hskip0.3cm\usebeamertemplate{section in head/foot shaded}\hskip0.3cm\hfil}}}
+                           }
+                     %
+                       \else%
+                           \ifnum##1=\c@p%
+                               \setbox\beamer@tempbox=\hbox{%
+                                   \hyperlink{Navigation##3}{\hbox to #1{%
+                                   {\hskip0.3cm\usebeamertemplate{section in head/foot shaded}\hskip0.3cm\hfil}}}
+                               }%
+                   %
+                           \else%
+                   %
+                           \fi%
+                       \fi%
+                   %
+                   \fi%%
+                %
+               \fi
+           \fi
+                %
+
+           \ht\beamer@tempbox=1.6875ex%
+           \dp\beamer@tempbox=0.75ex%
+           \box\beamer@tempbox
+       \fi
+     }%
+     \dohead\vskip0.5625ex
+     }
+    }%vbox
+    \hfil
+  }
+}
+
+% Permet d'utiliser \insertframetitle dans le headline
+\def\insertframetitle{}
+
+%%%%%%%%%%%%%   Entête
+
+\setbeamertemplate{headline}%
+{%
+    \ifnumequal{\c@framenumber}{1}{%
+          % pas d'entête sur la première page
+          % suppression de l'espace d'entête
+          \vspace*{\headheight}
+    }{%
+          % entête pour toutes les autre pages
+          \leavevmode%
+          \@tempdimb=3em%
+          \ifdim\@tempdimb>0pt%
+            \advance\@tempdimb by 1.825ex%
+%
+            % bloc gauche avec les 3 titres de section
+            \begin{beamercolorbox}[wd=.5\paperwidth,ht=\@tempdimb]{section in head/foot}%
+              \vbox to\@tempdimb{%
+                \vfil%
+                \insertsectionnavigation{.5\paperwidth}%
+                \vfil%
+              }
+            \end{beamercolorbox}%
+%
+            % bloc droit avec le numéro de page
+            \begin{beamercolorbox}[right,wd=.5\paperwidth,ht=\@tempdimb]{subsection in head/foot}%
+              \vbox to\@tempdimb {%
+                  \vfil
+                  %\parbox[fg=white]{0.9\paperwidth}{%
+                      \textcolor{white}{\insertframetitle\strut\hskip0.3cm\insertpagenumber\hskip0.3cm}
+                  %}
+                  \vfil
+              }%
+            \end{beamercolorbox}%
+          \fi%
+  }%
+}
+
+\makeatother
--- a/template/hadoly_page_de_garde.sty
+++ b/template/hadoly_page_de_garde.sty
@ -0,0 +1,108 @@
+% Style Beamer Hadoly - Adel Daouzli 2018
+% page de garde - V0.1
+
+% Note : doit être inclus après inclusion des couleurs hadoly
+
+% Si le package textpos est chargé il doit l'avoir été avec [absolute,overlay]{textpos}
+
+% Si textpos pas chargé
+\makeatletter
+\@ifpackageloaded{textpos}{}{%
+    \usepackage[absolute,overlay]{textpos}
+}
+\makeatother
+
+
+% IMPORTANT : il faut définir TemplatePath avec l'emplacement du dossier contenant
+% le template hadoly (dont ce fichier fait partie) avec un séparateur à la fin :
+% dossier donnant accès aux ressources depuis l'emplacement où est compilé le
+% document ou emplacement absolu
+% Sinon il sera défini par défaut avec "./template/"
+\ifdefined\TemplatePath
+\else
+\newcommand*{\TemplatePath}{./template/}%
+\fi
+
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+%%%%%%%%%%%%%                     PAGE DE GARDE                    %%%%%%%%%%%%%
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+
+
+%%%%%%%%%%%%%%   Arrière plan
+
+\makeatletter
+
+\setbeamertemplate{background canvas}{%
+    \ifnumequal{\c@framenumber}{1}{%
+        % Première page
+        \includegraphics[width=\paperwidth,height=\paperheight]{\TemplatePath page_garde_fond}
+    }{% pas d'arrière plan sur les autres page que numéro 1
+    }%
+}
+
+\makeatother
+
+
+%%%%%%%%%%%%%%   Titres et logo
+
+\setbeamertemplate{title page}
+{
+
+    % Logo Hadoly
+
+    \begin{textblock*}{3cm}(8.6cm,0.7cm)
+        \hfill
+        \includegraphics[width=2.3cm]{\TemplatePath logo-hadoly} \hspace{2mm}
+    \end{textblock*}
+
+    % Titres
+
+    \begin{textblock*}{3cm}(9.4cm,3.6cm)
+        % Titre de présentation
+        {\textcolor{hadoly_violet_4}{\noindent\rule{3cm}{0.1pt}}} % ligne de séparation
+        \vskip1mm
+        \parbox{3cm}{%
+            % Titre
+            \centering
+            {\usebeamercolor[fg]{title} \textbf{\inserttitle}}
+            \par%
+            % Sous-titre
+            {\usebeamercolor[fg]{subtitle} {\insertsubtitle}}
+            \vspace{2.4mm}
+
+            % Auteur
+            \scriptsize
+            \insertauthor \par
+            {\textcolor{hadoly_violet_4}{\noindent\rule{3cm}{0.1pt}}} % ligne de séparation
+    %        \vspace{2mm}
+
+            % Date
+            \tiny
+            \insertdate \par
+        } 
+    \end{textblock*}
+}
+
+
+%%%%%%%%%%%%%%   Texte arrière plan
+
+
+\addtobeamertemplate{title page}{}{%
+
+    % Texte arrière plan
+
+    \begin{textblock*}{8cm}(0.6cm,8cm)
+    {\usebeamercolor[fg]{frametitle}
+        \hfill \large \textbf{HADOLY} \par
+        \hfill \footnotesize \textbf{H}ébergeur \textbf{A}ssociatif \textbf{D}écentralisé et \textbf{O}uvert à \textbf{LY}on
+    }
+    \end{textblock*}
+
+    % Ligne blanche
+
+    \begin{textblock*}{8cm}(0pt,9.1cm)
+        {\textcolor{white}{\noindent\rule{6.6cm}{0.1pt}}}
+    \end{textblock*}
+}
+
+
--- a/template/hadoly_pied_de_page.sty
+++ b/template/hadoly_pied_de_page.sty
@ -0,0 +1,51 @@
+% Style Beamer Hadoly - Adel Daouzli 2018
+% pied de page - V0.1
+
+% Note : doit être inclus après inclusion des couleurs hadoly
+
+% Si le package textpos est chargé il doit l'avoir été avec [absolute,overlay]{textpos}
+
+% Si textpos pas chargé
+\makeatletter
+\@ifpackageloaded{textpos}{}{%
+    \usepackage[absolute,overlay]{textpos}
+}
+
+\@ifpackageloaded{etoolbox}{}{%
+    \usepackage{etoolbox}
+}
+\makeatother
+
+
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+%%%%%%%%%%%%%                     PIED DE PAGE                     %%%%%%%%%%%%%
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+
+
+% Description du footer
+
+\setbeamercolor{section in head/foot}{fg=white, bg=hadoly_violet_bleu}
+
+\makeatletter
+\setbeamertemplate{footline}
+{
+    \ifnumequal{\c@framenumber}{1}{%
+    }{%
+      \leavevmode%
+      \hbox{%
+      \begin{beamercolorbox}[wd=.333333\paperwidth,ht=2.25ex,dp=1ex,center]{section in head/foot}%
+        \usebeamerfont{author in head/foot}\insertshortauthor
+      \end{beamercolorbox}%
+      \begin{beamercolorbox}[wd=.333333\paperwidth,ht=2.25ex,dp=1ex,center]{section in head/foot}%
+        \usebeamerfont{title in head/foot}\insertshorttitle
+      \end{beamercolorbox}%
+      \begin{beamercolorbox}[wd=.333333\paperwidth,ht=2.25ex,dp=1ex,right]{section in head/foot}%
+        \usebeamerfont{date in head/foot}\insertshortdate{}\hspace*{2em}
+      \end{beamercolorbox}}%
+      \vskip0pt%
+    }%
+}
+\makeatother
+
+
+
--- a/template/logo-hadoly.png
+++ b/template/logo-hadoly.png
--- a/template/page_garde_fond.png
+++ b/template/page_garde_fond.png