commit cba297f027d95ab29c20f46f37559767c3a2e117 Author: Adel Daouzli Date: Tue Mar 20 10:46:09 2018 +0100 premier commit avec exemple de présentation et template diff --git a/Makefile b/Makefile new file mode 100644 index 0000000..e1475e2 --- /dev/null +++ b/Makefile @@ -0,0 +1,7 @@ +all: presentation.pdf + +presentation.pdf: presentation.md + pandoc $^ -t beamer -o $@ + +clean: + rm -rf presentation.pdf diff --git a/chaton.png b/chaton.png new file mode 100644 index 0000000..3242695 Binary files /dev/null and b/chaton.png differ diff --git a/hadoly_modele_navigation.tex b/hadoly_modele_navigation.tex new file mode 100644 index 0000000..7985e70 --- /dev/null +++ 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} + + diff --git a/logo-hadoly.png b/logo-hadoly.png new file mode 100644 index 0000000..9e25f2e Binary files /dev/null and b/logo-hadoly.png differ diff --git a/page_garde_fond.png b/page_garde_fond.png new file mode 100644 index 0000000..b1b9360 Binary files /dev/null and b/page_garde_fond.png differ diff --git a/presentation.md b/presentation.md new file mode 100644 index 0000000..9f04607 --- /dev/null +++ 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") + + diff --git a/presentation.pdf b/presentation.pdf new file mode 100644 index 0000000..378cde9 Binary files /dev/null and b/presentation.pdf differ diff --git a/template/hadoly_blocks.sty b/template/hadoly_blocks.sty new file mode 100644 index 0000000..fc96264 --- /dev/null +++ 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={}} + + diff --git a/template/hadoly_couleurs.sty b/template/hadoly_couleurs.sty new file mode 100644 index 0000000..02c343c --- /dev/null +++ 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} + diff --git a/template/hadoly_entete_navigation.sty b/template/hadoly_entete_navigation.sty new file mode 100644 index 0000000..0cf4474 --- /dev/null +++ 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 diff --git a/template/hadoly_page_de_garde.sty b/template/hadoly_page_de_garde.sty new file mode 100644 index 0000000..7f1b9d4 --- /dev/null +++ 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*} +} + + diff --git a/template/hadoly_pied_de_page.sty b/template/hadoly_pied_de_page.sty new file mode 100644 index 0000000..1a8ca2e --- /dev/null +++ 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 + + + diff --git a/template/logo-hadoly.png b/template/logo-hadoly.png new file mode 100644 index 0000000..9e25f2e Binary files /dev/null and b/template/logo-hadoly.png differ diff --git a/template/page_garde_fond.png b/template/page_garde_fond.png new file mode 100644 index 0000000..b1b9360 Binary files /dev/null and b/template/page_garde_fond.png differ