%
% (c) 2008 - Jean-Sébastien Kroll-Rabotin jeansebastien.krollrabotin@ensiacet.fr
%
% DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
%                    Version 2, December 2004
%
% Copyright (C) 2004 Sam Hocevar
%  14 rue de Plaisance, 75014 Paris, France
% Everyone is permitted to copy and distribute verbatim or modified
% copies of this license document, and changing it is allowed as long
% as the name is changed.
%
%            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
%   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
%
%  0. You just DO WHAT THE FUCK YOU WANT TO.

\documentclass[10pt]{beamer}


\usetheme{Warsaw}
\usefonttheme[onlymath]{serif}
\useoutertheme{smoothbars}

%\usepackage{geometry}
%\geometry{a4paper,landscape}

\usepackage[french]{babel}
\usepackage[utf8]{inputenc}
\usepackage{graphicx}
\usepackage{verbatim}

%
% Backslash '\'
\def\bs{\texttt{\char '134}}

\title{}
\author{}

\AtBeginSection[]
{
  \begin{frame}
    \frametitle{Plan}
    \tableofcontents[currentsection]
  \end{frame}
}



\begin{document}
%\maketitle
\definecolor{green}{rgb}{0,0.5,0}
\definecolor{purple}{rgb}{0.5,0,0.5}
\defverb\lb|<|
\defverb\rb|>|
\defverb\scl|:|
\defverb\sscl|;|
\defverb\qut|"|

\begin{frame}
\only<1>{\textit{Nouveau fichier texte (vide)} moncv.html}
\only<2-10>{\textcolor{purple}{\lb{}!DOCTYPE html PUBLIC \qut{}-//W3C//DTD XHTML 1.0 Strict//EN\qut{} \qut{}http\scl//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\qut{}\rb{}}\\}
\only<3-10>{\textcolor{blue}{\lb{}\textbf{html} \textcolor{green}{xmlns=}\textcolor{red}{\qut{}http\scl{}//www.w3.org/1999/xhtml\qut{}} \textcolor{green}{xml\scl{}lang=}\textcolor{red}{\qut{}fr\qut{}} \textcolor{green}{lang=}\textcolor{red}{\qut{}fr\qut{}}\rb{}}\\}
\only<4-10>{\textcolor{blue}{\lb{}\textbf{head}\rb{}}\\}
\only<5-10>{\textcolor{blue}{\lb{}\textbf{meta} \textcolor{green}{http-equiv=}\textcolor{red}{\qut{}Content-Type\qut{}} \textcolor{green}{content=}\textcolor{red}{\qut{}text/html\sscl{} \textcolor{green}{charset=}UTF-8\qut{}} /\rb{}}\\}
\only<6-10>{\textcolor{blue}{\lb{}\textbf{meta} \textcolor{green}{http-equiv=}\textcolor{red}{\qut{}Content-Script-Type\qut{}} \textcolor{green}{content=}\textcolor{red}{\qut{}text/javascript\qut{}} /\rb{}}\\}
\only<7-10>{\textcolor{blue}{\lb{}\textbf{link} \textcolor{green}{rel=}\textcolor{red}{\qut{}stylesheet\qut{}} \textcolor{green}{type=}\textcolor{red}{\qut{}text/css\qut{}} \textcolor{green}{media=}\textcolor{red}{\qut{}screen\qut{}} \textcolor{green}{href=}\textcolor{red}{\qut{}monstyle.css\qut{}} \textcolor{green}{title=}\textcolor{red}{\qut{}Mon style\qut{}} /\rb{}}\\}
\only<8-10>{\textcolor{blue}{\lb{}\textbf{title}\rb{}}Curriculum Vitae de Luke Skywalker\textcolor{blue}{\lb{}/\textbf{title}\rb{}}\\}
\only<4-10>{\textcolor{blue}{\lb{}/\textbf{head}\rb{}}\\}
\only<9->{\textcolor{blue}{\lb{}\textbf{body}\rb{}}\\}
\only<22->{\textcolor{blue}{\lb{}\textbf{div}\only<23->{ \textcolor{green}{id=}\textcolor{red}{\qut{}mescoordonnees\qut{}}}\rb{}}\\
\textcolor{blue}{\lb{}\textbf{div}\only<24->{ \textcolor{green}{class=}\textcolor{red}{\qut{}nom\qut{}}}\rb{}}Luke Skywalker\textcolor{blue}{\lb{}/\textbf{div}\rb{}}\\
\textcolor{blue}{\lb{}\textbf{div}\only<25->{ \textcolor{green}{class=}\textcolor{red}{\qut{}naissance\qut{}}}\rb{}}
\only<25->{\textcolor{blue}{\lb{}\textbf{span}\rb{}}Date de naissance\textcolor{red}{\&nbsp\sscl{}}\scl{}\textcolor{blue}{\lb{}/\textbf{span}\rb{}}\\} %%%
19 octobre 1977\textcolor{blue}{\lb{}/\textbf{div}\rb{}}\\
\textcolor{blue}{\lb{}\textbf{div}\only<26->{ \textcolor{green}{class=}\textcolor{red}{\qut{}adresse\qut{}}}\rb{}}
\only<26->{\textcolor{blue}{\lb{}\textbf{span}\rb{}}Adresse\textcolor{red}{\&nbsp\sscl{}}\scl{}\textcolor{blue}{\lb{}/\textbf{span}\rb{}}} %%%
\\Ferme d'Owen et Beru\textcolor{blue}{\lb{}\textbf{br} /\rb{}}99\textcolor{red}{\&nbsp\sscl{}}999 Tatooine\\\textcolor{blue}{\lb{}/\textbf{div}\rb{}}
\textcolor{blue}{\lb{}\textbf{div}\only<27->{ \textcolor{green}{class=}\textcolor{red}{\qut{}telephone\qut{}}}\rb{}}
\only<27->{\textcolor{blue}{\lb{}\textbf{span}\rb{}}Téléphone\textcolor{red}{\&nbsp\sscl{}}\scl{}\textcolor{blue}{\lb{}/\textbf{span}\rb{}}\\} %%%
06 888 999 00\textcolor{blue}{\lb{}/\textbf{div}\rb{}}\\
\textcolor{blue}{\lb{}\textbf{address}\rb{}}\only<28->{\\\textcolor{blue}{\lb{}\textbf{a} \textcolor{green}{href=}\textcolor{red}{\qut{}mailto\scl{}luke.skywalker@starwars.com\qut{}}\rb{}}\\}luke.skywalker@starwars.com\only<28->{\\\textcolor{blue}{\lb{}/\textbf{a}\rb{}}}\textcolor{blue}{\lb{}/\textbf{address}\rb{}}\\
\textcolor{blue}{\lb{}/\textbf{div}\rb{}}\\
}
\only<10->{\textcolor{blue}{\lb{}\textbf{h1}\rb{}}Candidature à un poste de pilote de X-Wing\textcolor{blue}{\lb{}/\textbf{h1}\rb{}}\\}
\only<11-18>{\textcolor{blue}{\lb{}\textbf{h2}\rb{}}Formation\textcolor{red}{\&nbsp\sscl{}}\scl{}\textcolor{blue}{\lb{}/\textbf{h2}\rb{}}\\}
\only<12-18>{\textcolor{blue}{\lb{}\textbf{dl}\rb{}}}
\only<13-18>{\\\hspace{3em}\textcolor{blue}{\lb{}\textbf{dt}\rb{}}1977 à aujourd'hui\textcolor{red}{\&nbsp\sscl{}}\scl{}\textcolor{blue}{\lb{}/\textbf{dt}\rb{}}\\}
\only<14-18>{\hspace{3em}\textcolor{blue}{\lb{}\textbf{dd}\rb{}}Héro mythique d'une saga spatiale, sous le commandement de l'Amiral Ackbar. Participation aux attaques des deux étoiles noires avec succès.\textcolor{blue}{\lb{}/\textbf{dd}\rb{}}\\}
\only<15-18>{\hspace{3em}\textcolor{blue}{\lb{}\textbf{dt}\rb{}}1944 à 1977\textcolor{red}{\&nbsp\sscl{}}\scl{}\textcolor{blue}{\lb{}/\textbf{dt}\rb{}}\\
\hspace{3em}\textcolor{blue}{\lb{}\textbf{dd}\rb{}}Personnage de fiction peuplant l'imagination fertile du réalisateur George Lucas.\textcolor{blue}{\lb{}/\textbf{dd}\rb{}}\\
\hspace{3em}\textcolor{blue}{\lb{}\textbf{dd}\rb{}}Ai été inspiré des héros de contes chevaleresques tels que Perceval dont l'histoire partage un grand nombre de points communs avec la mienne.\textcolor{blue}{\lb{}/\textbf{dd}\rb{}}\\}
\only<16->{\hspace{3em}\textit{\textcolor{blue}{etc}}\\}
\only<12-18>{\textcolor{blue}{\lb{}/\textbf{dl}\rb{}}\\}
\only<17-18>{\textcolor{blue}{\lb{}\textbf{h2}\rb{}}Stages effectués\textcolor{red}{\&nbsp\sscl{}}\scl{}\textcolor{blue}{\lb{}/\textbf{h2}\rb{}}\\\textit{\textcolor{blue}{etc}}\\}
\only<18-21>{\textcolor{blue}{\lb{}\textbf{h2}\rb{}}Compétences\textcolor{red}{\&nbsp\sscl{}}\scl{}\textcolor{blue}{\lb{}/\textbf{h2}\rb{}}\\}
\only<19-21>{\textcolor{blue}{\lb{}\textbf{ul}\rb{}}}
\only<19-21>{\\\hspace{3em}\textcolor{blue}{\lb{}\textbf{li}\rb{}}Langues\textcolor{red}{\&nbsp\sscl{}}\scl{}}
\only<20-21>{\\\hspace{3em}\textcolor{blue}{\lb{}\textbf{dl}\rb{}}\\
\hspace{6em}\textcolor{blue}{\lb{}\textbf{dt}\rb{}}Anglais\textcolor{blue}{\lb{}/\textbf{dt}\rb{}}\textcolor{blue}{\lb{}\textbf{dd}\rb{}}Courant\textcolor{blue}{\lb{}/\textbf{dd}\rb{}}\\
\hspace{6em}\textcolor{blue}{\lb{}\textbf{dt}\rb{}}Aurebesh\textcolor{blue}{\lb{}/\textbf{dt}\rb{}}\textcolor{blue}{\lb{}\textbf{dd}\rb{}}Lu, écrit\textcolor{blue}{\lb{}/\textbf{dd}\rb{}}\\
\hspace{3em}\textcolor{blue}{\lb{}/\textbf{dl}\rb{}}\\}
\only<19-21>{\hspace{3em}\textcolor{blue}{\lb{}/\textbf{li}\rb{}}\\}
\only<21-21>{\hspace{3em}\textcolor{blue}{\lb{}\textbf{li}\rb{}}Connaissance de divers logiciels spécialisés en simulation de vol\textcolor{red}{\&nbsp\sscl{}}\scl{} Flight Gear, GL-117, Vega Strike\textcolor{blue}{\lb{}/\textbf{li}\rb{}}\\}
\only<19-21>{\textcolor{blue}{\lb{}/\textbf{ul}\rb{}}\\\textit{\textcolor{blue}{etc}}\\}
\only<9->{\textcolor{blue}{\lb{}/\textbf{body}\rb{}}\\}
\only<3-10>{\textcolor{blue}{\lb{}/\textbf{html\rb{}}}\\}
\end{frame}

\begin{frame}
\only<1>{\textit{Nouveau fichier texte (vide)} monstyle.css}
\only<2-5>{\textcolor{blue}{body} \{\\
\hspace{3em}\textcolor{green}{padding}\textcolor{purple}{\scl{}} 1em 0 5em 0\textcolor{purple}{\sscl{}}\\
\}\\}
\only<3-5>{\textcolor{blue}{h1}, \textcolor{blue}{h2} \{\\
\hspace{3em}\textcolor{green}{text-align}\textcolor{purple}{\scl{}} center\textcolor{purple}{\sscl{}}\\
\}\\}
\only<4-6>{\textcolor{blue}{h2} \{\\
\hspace{3em}\textcolor{green}{border}\textcolor{purple}{\scl{}} 1px solid \#00a\textcolor{purple}{\sscl{}}\\
\hspace{3em}\textcolor{green}{background}\textcolor{purple}{\scl{}} \#aaf\textcolor{purple}{\sscl{}}\\
\hspace{3em}\textcolor{green}{color}\textcolor{purple}{\scl{}} \#00a\textcolor{purple}{\sscl{}}\\}
\only<5-6>{\hspace{3em}\textcolor{green}{margin-left}\textcolor{purple}{\scl{}} 10\%\textcolor{purple}{\sscl{}}\\
\hspace{3em}\textcolor{green}{margin-right}\textcolor{purple}{\scl{}} 10\%\textcolor{purple}{\sscl{}}\\}
\only<4-6>{\}\\}
\only<6-8>{\textcolor{blue}{dl}, \textcolor{blue}{ul} \{\\
\hspace{3em}\textcolor{green}{padding}\textcolor{purple}{\scl{}} 0\textcolor{purple}{\sscl{}}\\
\hspace{3em}\textcolor{green}{margin}\textcolor{purple}{\scl{}} 0 12\%\textcolor{purple}{\sscl{}}\\
\}\\}
\only<7-9>{\textcolor{blue}{li}, \textcolor{blue}{dl}  \textcolor{blue}{*} \{\\
\hspace{3em}\textcolor{green}{margin}\textcolor{purple}{\scl{}} 0\textcolor{purple}{\sscl{}}\\
\}\\}
\only<8-10>{\textcolor{blue}{dt} \{\\
\hspace{3em}\textcolor{green}{font-weight}\textcolor{purple}{\scl{}} bolder\textcolor{purple}{\sscl{}}\\
\}\\}
\only<9-11>{\textcolor{blue}{body} \textcolor{purple}{\rb{}} \textcolor{blue}{dl} \textcolor{blue}{dt} \{\\
\hspace{3em}\textcolor{green}{width}\textcolor{purple}{\scl{}} 13em\textcolor{purple}{\sscl{}}\\
\hspace{3em}\textcolor{green}{margin-top}\textcolor{purple}{\scl{}} 1em\textcolor{purple}{\sscl{}}\\
\hspace{3em}\textcolor{green}{height}\textcolor{purple}{\scl{}} 2.1ex\textcolor{purple}{\sscl{}}\\
\hspace{3em}\textcolor{green}{margin-bottom}\textcolor{purple}{\scl{}} -2.1ex\textcolor{purple}{\sscl{}}\\
\}\\}
\only<10-12>{\textcolor{blue}{dd} \{\\
\hspace{3em}\textcolor{green}{margin-left}\textcolor{purple}{\scl{}} 2em\textcolor{purple}{\sscl{}}\\
\}\\}
\only<11-13>{\textcolor{blue}{body} \textcolor{purple}{\rb{}} \textcolor{blue}{dl} \textcolor{blue}{dd} \{\\
\hspace{3em}\textcolor{green}{margin-left}\textcolor{purple}{\scl{}} 14em\textcolor{purple}{\sscl{}}\\
\}\\}
\only<12-14>{\textcolor{blue}{ul} \{\\
\hspace{3em}\textcolor{green}{list-style-type}\textcolor{purple}{\scl{}} none\textcolor{purple}{\sscl{}}\\
\}\\}
\only<13-15>{\textcolor{blue}{div}\textcolor{purple}{\#mescoordonnees} \{\\
\hspace{3em}\textcolor{green}{margin-left}\textcolor{purple}{\scl{}} 10\%\textcolor{purple}{\sscl{}}\\
\}\\}
\only<14-16>{\textcolor{purple}{\#mescoordonnees} \textcolor{blue}{div} \textcolor{blue}{span} \{\\
\hspace{3em}\textcolor{green}{display}\textcolor{purple}{\scl{}} none\textcolor{purple}{\sscl{}}\\
\}\\}
\only<15-17>{\textcolor{purple}{\#mescoordonnees} \textcolor{red}{.naissance}\textcolor{purple}{\scl{}}before \{\\
\hspace{3em}\textcolor{green}{content}\textcolor{purple}{\scl{}} \textcolor{red}{\qut{}Né le \scl{} \qut{}}\textcolor{purple}{\sscl{}}\\
\}\\}
\only<16-18>{\textcolor{purple}{\#mescoordonnees} \textcolor{red}{.telephone}\textcolor{purple}{\scl{}}before \{\\
\hspace{3em}\textcolor{green}{content}\textcolor{purple}{\scl{}} \textcolor{red}{\qut{}Tel. \scl{} \qut{}}\textcolor{purple}{\sscl{}}\\
\}\\}
\only<17-19>{\textcolor{purple}{\#mescoordonnees} \textcolor{blue}{address}\textcolor{purple}{\scl{}}before \{\\
\hspace{3em}\textcolor{green}{font-style}\textcolor{purple}{\scl{}} normal\textcolor{purple}{\sscl{}}\\
\hspace{3em}\textcolor{green}{font-weight}\textcolor{purple}{\scl{}} normal\textcolor{purple}{\sscl{}}\\
\hspace{3em}\textcolor{green}{content}\textcolor{purple}{\scl{}} \textcolor{red}{\qut{}Mail \scl{} \qut{}}\textcolor{purple}{\sscl{}}\\
\}\\}
\only<18->{\textcolor{purple}{\#mescoordonnees} \textcolor{red}{.adresse} \{\\
\hspace{3em}\textcolor{green}{margin}\textcolor{purple}{\scl{}} 1ex 0\textcolor{purple}{\sscl{}}\\
\}\\}
\only<19->{\textcolor{blue}{/* body * \{border \scl{} 1px solid red\} */}\\}
\end{frame}

\end{document}
