Skip to content

Commit

Permalink
Adjust spacing button hero
Browse files Browse the repository at this point in the history
  • Loading branch information
@yves-chevallier
yves-chevallier committed Sep 9, 2024
1 parent e335770 commit 5ca0508
Show file tree
Hide file tree
Showing 5 changed files with 282 additions and 0 deletions.
7 changes: 7 additions & 0 deletions docs/course-c/05-introduction/code-of-conduct.md
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,12 @@
# Développement logiciel

**Objectifs**

- Comprendre les valeurs et les bonnes pratiques du développement logiciel
- Comprendre l'importance d'apprendre par soi-même
- Comprendre l'importance de l'anglais en informatique
- Importance de la communauté des développeurs

Être développeur logiciel que ce soit professionnellement ou comme loisir, ce n'est pas simplement écrire du code. Il y a l'art et la manière de le faire, il y a des règles à respecter, des consensus à suivre et de bonnes pratiques à adopter.

J'ai vu trop souvent dans le milieu académique et professionnel, des soi-disant experts ou professeurs qui inculquent à leurs élèves ou collègues des pratiques dogmatiques basées sur des croyances personnelles ou des habitudes anciennes. L'informatique est une discipline vivante basée avant tout sur la collaboration, l'écoute et l'introspection. Il est donc essentiel d'avoir l'esprit ouvert, et de faire preuve d'humilité.
Expand Down
8 changes: 8 additions & 0 deletions docs/course-c/05-introduction/programming.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,14 @@ epigraph:

# Programmation

**Objectifs**

- Définir les concepts d'algorithmique et de programmation.
- Exemples d'algorithmes.
- Origine de la programmation.
- Bref historique de l'informatique.
- Introduction à la machine de Turing.

La **programmation**, également appelée **codage**, est l'art subtil et rigoureux de transformer des concepts abstraits en instructions exécutables par une machine. À travers cette discipline, le programmeur devient l'architecte d'un univers logique, où chaque ligne de code est une brique ajoutée à une structure plus vaste, guidée par un plan précis : l'**algorithme**. Ce dernier, semblable à une partition musicale, dicte la succession des opérations que la machine, fidèle exécutante, doit suivre sans faillir.

L'essence même de la programmation réside donc dans la traduction de ces algorithmes en un **langage formel**, une sorte de langage commun, épuré et sans ambiguïté, où l'esprit humain et le processeur se rencontrent. Cette activité, à la croisée des chemins entre la science, l'ingénierie et l'art, est avant tout une quête de précision, d'efficacité, et d'élégance.
Expand Down
5 changes: 5 additions & 0 deletions docs/css/extra.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,11 @@
--md-code-font: "Noto Sans Mono", monospace;
}

/* Fixing spacing in hom buttons */
.mdx-hero .md-button {
margin-bottom: 0.5em;
}

/* Fix line height for code blocks, value depends on the font */
.md-typeset code {
line-height: 1.25;
Expand Down
123 changes: 123 additions & 0 deletions tex/titlepage1.tex
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,123 @@
% Taken from https://www.overleaf.com/latex/templates/carauma/pjksmbfyrnkr.pdf
\pagestyle{empty}

% Capa
\begin{center}
\begin{tikzpicture}[remember picture,overlay]

% Proporção áurea
%\pgfmathsetmacro{\goldenheight}{\paperwidth / \goldenratio}
%\pgfmathsetmacro{\goldenwidth}{\paperwidth}

% Fundo preto
\fill[black] (current page.south west) rectangle (current page.north east);

% Autor
\node[white, font=\Huge, anchor=north, text width =\linewidth, align = center] (author) at ([yshift=-44pt] current page.north) {\textcolor{customgold}{\scshape\large\authorname}};

% Título
\node[white, font=\Large, anchor=north, text width =0.9\linewidth, align = center, below=4pt of author.south] (title) {\scshape\Huge\booktitle};

% Subtítulo
\ifx\subtitle\undefined\else\if\relax\detokenize\expandafter{\subtitle}\relax\else
{\node[white, font=\Large, text width =\linewidth, align = center, anchor=north, below=8pt of title.south] {\textcolor{lightgray}{\scshape\large\subtitle}};}
\fi\fi

% Padrão de círculos central
\begin{scope}[shift={(current page.center)}, scale=1.0871]
\foreach \x in {-20, -18, -16, -14, -12, -10, -8, -6, -4, -2, 0, 2, 4, 6, 8, 10, 12, 14, 16, 18} {
\foreach \y in {-2, 2} {
\begin{scope}[shift={(\x + 1, \y)}]
\foreach \r in {0.2, 0.4, 0.6, 0.8, 1.0} {
\draw[thick, darkgray] (0,0) circle (\r);
}
\end{scope}
}
\foreach \y in {-3, -1, 1, 3} {
\begin{scope}[shift={(\x, \y)}]
\foreach \r in {0.2, 0.4} {
\draw[thick, darkgray] (0,0) circle (\r);
}
\end{scope}
}
\foreach \y in {-1, 1} {
\begin{scope}[shift={(\x, 0)}]
\foreach \r in {0.2, 0.4, 0.6, 0.8, 1.0} {
\draw[thick, customgold] (0,0) circle (\r);
\fill[thick, customgold] (0,0) circle (\r);
}
\end{scope}
}
\foreach \y in {-1, 1} {
\begin{scope}[shift={(\x, \y)}]
\foreach \r in {0.2, 0.4, 0.6, 0.8, 1.0} {
\fill[black] (0,0) circle (\r);
}
\end{scope}
}
\foreach \y in {-1, 1} {
\begin{scope}[shift={(\x, \y)}]
\foreach \r in {0.2, 0.4, 0.6, 0.8, 1.0} {
\draw[thick, darkgray] (0,0) circle (\r);
}
\end{scope}
}
}
\end{scope}

% Editora
\node[white, font=\Huge, anchor=south] (publisher) at ([yshift=32pt] current page.south) {\textcolor{gray}{\scshape\large\publisher}};

% Logotipo da editora
\node[anchor=north, above=4pt of publisher.north] {\includegraphics[width=0.07\textwidth]{frontmatter/logo-white.png}};

% Outras informações
\ifx\translatorname\undefined
\else
\if\relax\detokenize\expandafter{\translatorname}\relax
\else{
\node[white, font=\Large, anchor=north, above=114pt of publisher.north] (translatedBy) {\textcolor{gray}{\itshape\large{Tradução por}}};

\node[white, font=\Large, anchor=south, below=2pt of translatedBy.south] (translatorAuthor) {\textcolor{lightgray}{\itshape\large\translatorname}};
}
\fi
\fi
\end{tikzpicture}
\end{center}

\cleardoublepage

% Página de título (contra-capa)
\begin{titlepage}
\centering
\newgeometry{top=1in,bottom=1in,right=0in,left=0in}
\thispagestyle{empty}
~
% Autor
\vspace{24pt}
{\scshape\large \authorname\par}

% Título
\vspace{6pt}
{\scshape\Huge \booktitle\par}

% Subtítulo
\ifx\subtitle\undefined\else\if\relax\detokenize\expandafter{\subtitle}\relax\else
{\vspace{6pt}
{\scshape\large \subtitle\par}

\vspace{\stretch{1.25}}}
\fi\fi

% Quem fez a tradução
\ifx\translatorname\undefined\else\if\relax\detokenize\expandafter{\translatorname}\relax\else
{{\itshape\large{Tradução por}\par}
\vspace{6pt}

{\itshape\Large\translatorname\par}}
\fi\fi

% Editora
\vspace{\stretch{6}}
{\Huge\scshape\large\publisher\par}
\end{titlepage}
139 changes: 139 additions & 0 deletions tex/titlepage2.tex
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,139 @@
\NeedsTeXFormat{LaTeX2e}[1995/12/01]
\ProvidesPackage{stys/Titlepage}[2022/05/21,v1.0]
\def\fontspath{fonts/}
\usepackage{fontspec}
\usepackage{times}
\setmainfont{Times New Roman}
\newfontfamily\sandbox[Path=fonts/]{SANDBOX-TTF-2.ttf}
\newfontfamily\Frick[Path=fonts/]{Frick0.3-Condensed-2.otf}
\newfontfamily\Floane[Path=fonts/]{Floane-Regular-2.otf}
\newfontfamily\cabin[
Extension = .otf,
UprightFont = *-Regular,
BoldFont = *-Bold,
ItalicFont = *-Italic,
BoldItalicFont = *-BoldItalic,]{Cabin}
\newfontfamily\sansa[Path=fonts/, Extension = .ttf,
UprightFont = *_Regular,
BoldFont = *_Bold,
ItalicFont = *_Italic,
BoldItalicFont = *_Bold_Italic,]{Sansation}
\newfontfamily\dense[Path=fonts/]{Dense-Regular.otf}
\newfontfamily\rodondo[Path=fonts/]{Rodondo.otf}
\usepackage{anyfontsize} % 提供\fontsize{}{}\selectfont命令
\usepackage{etoolbox} %提供自定义封面选项接口
\usepackage[dvipsnames,svgnames,x11names,table]{xcolor}%颜色宏包 % Driver-independent color extensions
\usepackage{tikz}
\usepackage{graphicx} %插图
\usetikzlibrary{calc,fadings,patterns}
\usepackage{adjustbox} %修正minipage顶部对齐问题
\makeatletter
%%----------------------------------封面信息定义--------------------------------------------------------%%
\newcommand*\bookseries[1]{\def\@bookseries{#1}}
\newcommand*\subtitle[1]{\def\@subtitle{#1}}
\newcommand*\edition[1]{\def\@edition{#1}}
\newcommand*\presslogo[1]{\def\@presslogo{#1}}
\newcommand*\pressname[1]{\def\@pressname{#1}}
%\newcommand*\coverimage[1]{\def\@coverimage{#1}}
%%----------------------------------封面信息定义--------------------------------------------------------%%
\makeatother
%%%%===============================================================%%%%%
%%------------------------------------------------------封面设计--------------------------------------------------------%%
%%%%===============================================================%%%%%
\definecolor{coverbgcolor}{HTML}{9CCCDA}
\definecolor{coverfgcolor}{HTML}{508E99} %DE3A29 橙色
\definecolor{coverbar}{HTML}{508E99}
\newlength\outermarginwidth
\setlength\outermarginwidth{2cm}
\newlength\covershift
\setlength\covershift{5cm}
\tikzfading[name=fade right,
right color =transparent!100,
left color=transparent!50]
\tikzfading[name=fade left,
left color =transparent!100,
right color=transparent!50]
\tikzfading[name=fade up,
top color =transparent!100,
bottom color=transparent!50]
\tikzfading[name=fade down,
bottom color =transparent!100,
top color=transparent!50]
\makeatletter
\newcommand*\makecover{
%% Use the Tikz library positioning and clear the page header and footer
\usetikzlibrary{positioning}
\thispagestyle{empty}
\begin{tikzpicture}[remember picture,overlay]
\fill[coverfgcolor]
(current page.north west) rectangle (current page.south east);% 填充封面背景颜色 (coverbgcolor)
\shade[bottom color=coverfgcolor,top color=coverfgcolor!70]
([xshift=.5\outermarginwidth]current page.north west) rectangle (current page.south east); % 背景大矩形
\shade[left color=coverfgcolor,right color=coverfgcolor!60]
([xshift=\outermarginwidth,yshift=2\outermarginwidth]current page.west) rectangle (current page.south east); % 标题背景大矩形
\fill[coverbar!90,opacity=0.8]
([yshift=2\outermarginwidth]current page.west) rectangle ([xshift=\outermarginwidth,yshift=-.2\outermarginwidth]current page.west); % 最左侧装饰矩形
\shade[bottom color=coverfgcolor!70,top color=coverfgcolor!80,opacity=.5]
([xshift=\outermarginwidth]current page.north west) rectangle ([xshift=1.5\outermarginwidth,yshift=-1.75\covershift]current page.north west);%顶部琴键矩形1
\shade[top color=coverfgcolor!75,bottom color=coverfgcolor!65,opacity=.5]
([xshift=1.5\outermarginwidth]current page.north west) rectangle ([xshift=2\outermarginwidth,yshift=-1.6\covershift]current page.north west);%顶部琴键矩形2
\shade[top color=coverfgcolor!70,bottom color=coverfgcolor!60,opacity=.5]
([xshift=2\outermarginwidth]current page.north west) rectangle ([xshift=2.5\outermarginwidth,yshift=-1.3\covershift]current page.north west);%顶部琴键矩形3
\shade[top color=coverfgcolor!65,bottom color=coverfgcolor!55,opacity=.5]
([xshift=2.5\outermarginwidth]current page.north west) rectangle ([xshift=3\outermarginwidth,yshift=-1\covershift]current page.north west);%顶部琴键矩形4
\shade[top color=coverfgcolor!60,bottom color=coverfgcolor!50,opacity=.5]
([xshift=3\outermarginwidth]current page.north west) rectangle ([xshift=3.5\outermarginwidth,yshift=-.7\covershift]current page.north west);%顶部琴键矩形5
\shade[top color=coverfgcolor!70,bottom color=coverfgcolor!60,opacity=.5]
([xshift=3.5\outermarginwidth]current page.north west) rectangle ([xshift=4\outermarginwidth,yshift=-1.2\covershift]current page.north west);%顶部琴键矩形6
\shade[top color=coverfgcolor!85,bottom color=coverfgcolor!75,opacity=.5]
([xshift=4\outermarginwidth]current page.north west) rectangle ([xshift=4.5\outermarginwidth,yshift=-1.9\covershift]current page.north west);%顶部琴键矩形7
\shade[top color=coverfgcolor!65,bottom color=coverfgcolor!55,opacity=.5]
([xshift=4.5\outermarginwidth]current page.north west) rectangle ([xshift=5\outermarginwidth,yshift=-1.1\covershift]current page.north west);%顶部琴键矩形8
\shade[top color=coverfgcolor!70,bottom color=coverfgcolor!60,opacity=.5]
([xshift=5\outermarginwidth]current page.north west) rectangle ([xshift=5.5\outermarginwidth,yshift=-1.2\covershift]current page.north west);%顶部琴键矩形9
\shade[top color=coverfgcolor!75,bottom color=coverfgcolor!65,opacity=.5]
([xshift=6\outermarginwidth]current page.north west) rectangle ([xshift=6.5\outermarginwidth,yshift=-1.6\covershift]current page.north west);%顶部琴键矩形10
\shade[top color=coverfgcolor!70,bottom color=coverfgcolor!60,opacity=.5]
([xshift=6.5\outermarginwidth]current page.north west) rectangle ([xshift=7\outermarginwidth,yshift=-1.3\covershift]current page.north west);%顶部琴键矩形11
\shade[top color=coverfgcolor!80,bottom color=coverfgcolor!70,opacity=.5]
([xshift=7\outermarginwidth]current page.north west) rectangle ([xshift=7.5\outermarginwidth,yshift=-1.87\covershift]current page.north west);%顶部琴键矩形12
\shade[top color=coverfgcolor!65,bottom color=coverfgcolor!55,opacity=.5]
([xshift=7.5\outermarginwidth]current page.north west) rectangle ([xshift=8\outermarginwidth,yshift=-1.0\covershift]current page.north west);%顶部琴键矩形13
\shade[top color=coverfgcolor!60,bottom color=coverfgcolor!50,opacity=.5]
([xshift=8\outermarginwidth]current page.north west) rectangle ([xshift=8.5\outermarginwidth,yshift=-0.9\covershift]current page.north west);%顶部琴键矩形14
\shade[top color=coverfgcolor!80,bottom color=coverfgcolor!70,opacity=.5]
([xshift=8.5\outermarginwidth]current page.north west) rectangle ([xshift=9\outermarginwidth,yshift=-1.8\covershift]current page.north west);%顶部琴键矩形15
\shade[top color=coverfgcolor!75,bottom color=coverfgcolor!65,opacity=.5]
([xshift=9\outermarginwidth]current page.north west) rectangle ([xshift=9.5\outermarginwidth,yshift=-1.6\covershift]current page.north west);%顶部琴键矩形16
\shade[top color=coverfgcolor!70,bottom color=coverfgcolor!60,opacity=.5]
([xshift=9.5\outermarginwidth]current page.north west) rectangle ([xshift=10\outermarginwidth,yshift=-1.4\covershift]current page.north west);%顶部琴键矩形17
\shade[top color=coverfgcolor!65,bottom color=coverfgcolor!55,opacity=.5]
([xshift=10\outermarginwidth]current page.north west) rectangle ([xshift=10.5\outermarginwidth,yshift=-1.0\covershift]current page.north west);%顶部琴键矩形18
\shade[top color=coverfgcolor!60,bottom color=coverfgcolor!50,opacity=.5]
([xshift=10.5\outermarginwidth]current page.north west) rectangle ([xshift=11\outermarginwidth,yshift=-.7\covershift]current page.north west);%顶部琴键矩形19
\shade[top color=coverfgcolor!65,bottom color=coverfgcolor!55,opacity=.5]
([xshift=11\outermarginwidth]current page.north west) rectangle ([xshift=11.5\outermarginwidth,yshift=-1.3\covershift]current page.north west);%顶部琴键矩形20
\node[anchor=south] at ([xshift=5.8\outermarginwidth,yshift=-.4\covershift]current page.north west) {
\parbox{.8\paperwidth}{
\filright
\color{white}\rodondo\fontsize{20}{22}\selectfont\@bookseries}
}; %系列丛书名称
\node[ anchor=south] at ([xshift=.3\outermarginwidth,yshift=-.5\paperheight]current page.north)
{\parbox{.8\paperwidth}{%
\filright%
\color{white}\cabin\bfseries\fontsize{40}{40}\selectfont\@title\\[0.5ex]
\color{white}\cabin\fontsize{30}{30}\selectfont
\ifdefvoid{\@subtitle}{}{\@subtitle}
}};% 封面标题与副标题
\node[anchor=west,font=\rmfamily\bfseries\fontsize{25}{25}\itshape\selectfont,text=white] at ([xshift=1.4\outermarginwidth,yshift=-.8\covershift]current page.west) {\@edition};
\node[anchor=west,font=\cabin\bfseries\Huge,text=white] at ([xshift=1.4\outermarginwidth,yshift=\covershift]current page.west) {\@author};
\node[anchor=south,text=white,font=\rmfamily\fontsize{30}{30}\selectfont,] at
([xshift=1.35\covershift,yshift=-.1\covershift]current page.south) %
{\raisebox{-.3\covershift}{\includegraphics[width=0.3\linewidth]{\@presslogo}}\hspace*{-3.2ex}\parbox[c][\covershift][c]{.4\textwidth}{\@pressname}};%
\end{tikzpicture}%
\newpage
}
\makeatother
%%%%===============================================================%%%%%
%%------------------------------------------------------封面设计--------------------------------------------------------%%
\endinput

0 comments on commit 5ca0508

Please sign in to comment.