Skip to content
Snippets Groups Projects
Commit 3f6d35bc authored by Paul BREUIL's avatar Paul BREUIL
Browse files

done help + better favion + fully vecotrized

parent efdaebb5
No related branches found
No related tags found
1 merge request!2Update site
......@@ -40,51 +40,54 @@ include("../lib/header.inc.php");
</div>
<?php include("../lib/filet.inc.php"); ?>
<h2>
<span class="serif">
<?php echo $langArray['titleAdvancedUsers']; ?>
</h2>
</span>
<p class="text-muted lead">
<?php echo $langArray['subtitleAdvancedUsers']; ?>
</p>
</h2>
<div class="row">
<div class="col-md">
<h3>
<div class="col-lg">
<h3 class="serif">
<?php echo $langArray['titleLatexDistribs']; ?>
</h3>
<p>
<?php echo $langArray['latexDistribution']; ?>
<div style="text-align:center">
<a class="btn btn-primary btn-large btn-gold" href="https://www.tug.org/texlive/quickinstall.html">Linux</a>
<a class="btn btn-primary btn-large btn-gold" href="http://miktex.org/download">Windows</a>
<a class="btn btn-primary btn-large btn-gold" href="http://www.tug.org/mactex/downloading.html">Macintosh</a>
</div>
</p>
<div style="text-align:center">
<a class="btn btn-primary btn-large" href="https://www.tug.org/texlive/quickinstall.html">Linux</a>
<a class="btn btn-primary btn-large" href="http://miktex.org/download">Windows</a>
<a class="btn btn-primary btn-large" href="http://www.tug.org/mactex/downloading.html">Macintosh</a>
</div>
</div>
<div class="col-md">
<h3>
<div class="col-lg">
<h3 class="serif">
<?php echo $langArray['titleTextEditor']; ?>
</h3>
<p>
<?php echo $langArray['textEditor']; ?>
<div style="text-align:center">
<a class="btn btn-primary btn-large btn-gold" href="http://www.xm1math.net/texmaker/download_fr.html">
<?php echo $langArray['anyOs']; ?>
</a>
</div>
</p>
<div style="text-align:center">
<a class="btn btn-primary btn-large" href="http://www.xm1math.net/texmaker/download_fr.html">
<?php echo $langArray['anyOs']; ?>
</a>
</div>
</div>
<div class="col-md">
<h3>
<div class="col-lg">
<h3 class="serif">
<?php echo $langArray['titleEnjoy']; ?>
</h3>
<p>
<?php echo $langArray['enjoy']; ?>
<div style="text-align:center">
<a class="btn btn-primary btn-large btn-gold" href="/ourpackages/?hl=<?php echo "$hl" ?>">
<?php echo $langArray['nextStep']; ?>
</a>
<a class="btn btn-primary btn-large btn-gold" href="http://wikix.polytechnique.org/LaTeX">WikiX</a>
</div>
</p>
<div style="text-align:center">
<a class="btn btn-primary btn-large" href="/ourpackages/?hl=<?php echo "$hl" ?>">
<?php echo $langArray['nextStep']; ?>
</a>
<a class="btn btn-primary btn-large" href="http://wikix.polytechnique.org/LaTeX">WikiX</a>
</div>
</div>
</div>
<div class="row" style="margin-bottom: 20px;">
......
img/en.png

8.61 KiB

img/favicon.png

2.67 KiB | W: | H:

img/favicon.png

4.01 KiB | W: | H:

img/favicon.png
img/favicon.png
img/favicon.png
img/favicon.png
  • 2-up
  • Swipe
  • Onion skin
img/fr.png

9.93 KiB

img/glyphicons-halflings-white.png

8.57 KiB

img/glyphicons-halflings.png

13.5 KiB

img/logo.png

12.6 KiB

......@@ -43,11 +43,11 @@
<div class="nav-item navbar-brand">
<?php if ($hl == "en") { ?>
<a href="?hl=fr">
<img alt="Français" style="height:16pt" src="/img/fr.png" />
🇫🇷
</a>
<?php } else if ($hl == "fr") { ?>
<a href="?hl=en">
<img alt="English" style="height:16pt" src="/img/en.png" />
🇬🇧
</a>
<?php } ?>
</div>
......
......@@ -23,6 +23,7 @@ $langArray = array(
"titleEasyExplonations" => "Use <span class='Latex'>L<sup>a</sup>T<sub>e</sub>X</span> (verry) easely",
"easyExplonations" => "If you are complitely lost, and the deadline is tomorow, you are in the right section. Download this <span class='Latex'>L<sup>a</sup>T<sub>e</sub>X</span> template. Go to <a href='https://en.overleaf.com/'>overleaf</a> and click on «&nbsp;New project&nbsp;» and «&nbsp;Import a project&nbsp;». Drag the zipfile you just downloaded. Wait a few seconds. The page that loads is the overleaf interface for edition. On the left, you have the directory in which you can include images. the large left part is the text editor, on which you can type <span class='Latex'>L<sup>a</sup>T<sub>e</sub>X</span> code. On the right, there is a preview of the .pdf document generated by the code. There are explonaitions of how to use <span class='Latex'>L<sup>a</sup>T<sub>e</sub>X</span> in the document, you can edit it as much as you need.",
"titleAdvancedUsers" => "For more advanced users",
"subtitleAdvancedUsers" => "It is a craggy path, but the result is worth it...",
"titleLatexDistribs" => "A <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> distribution",
"latexDistribution" => "To compile your source code, you need a compiler and many <em>packages</em>! Depending on your Operating System, use the following links to install a <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> distribution. For Linux, you should install <em>texlive</em> from your package deposit.",
"titleTextEditor" => "A text editor",
......@@ -33,17 +34,18 @@ $langArray = array(
"nextStep" => "Next step!",
"discoverLatex" => "Discover <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span>",
"subtitleDiscoverLatex" => "Because it's better when it's better.",
"whyLatex" => "Why would you use <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span>? <small>Discover the dark side of <i>Word</i></small>",
"titleLatexTypo" => "<span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> is typographer",
"latexTypo1" => "<span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> actually a set of high-level commands based on the <span class='latex'>T<sub>e</sub>X</span> language, invented by Donal Knuth in 1977. He wanted to write his main book, <i>The Art Of Computer Programming</i>, on a computer, but he couldn't find any word processing program satistfying enough for his expectations. He decided then to create his own, in a way that respects every subtelty and typographic convention due to the old mechanical tools once used to type, and forgotten by a new generation of electonic.",
"whyLatex" => "Why would you use <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span>?",
"whyLatexSubtitle" => "Discover the dark side of <i>Word</i>.",
"titleLatexTypo" => "<span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> is a typographer",
"latexTypo1" => "<span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> was actually a set of high-level commands based on the <span class='latex'>T<sub>e</sub>X</span> language, invented by Donal Knuth in 1977. He wanted to write his main book, <i>The Art Of Computer Programming</i>, on a computer, but he couldn't find any word processing program meeting his expectations. So, he decided to create his own, in a way that respects every subtelty and typographic convention born because of the old mechanical tools that were once used to type, and forgotten by a new generation of electronic.",
"latexTypo2" => "His program was created to optimise reading comfort and respect the aspect and the content of documents.",
"titleCleverLatex" => "<span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> is clever",
"cleverLatex1" => "In contrast to the other word processing programs, <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> is guided by a philosophy called <i>What You See Is What You Mean</i> ; indeed a document <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> is a source file containing code, using a language vaguely similar to html.",
"cleverLatex2" => "The source code is then compiled by <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span>, creating the final result. Thanks to this functionment, <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> is able to manage on its own the structure of your documents, to automatically create tables of contents, crossreferences, index, etc. Moreover, the user is able to program and define his own commands, allowing him to spare a considerable amount of time when writing long and complex documents.",
"clevelLatex3" => "Best of all: <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> is Turing-complete",
"cleverLatex1" => "In contrast to the other word processing programs, <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> is guided by a philosophy called <i>What You See Is What You Mean</i> ; indeed a <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> document is a source file containing code, using a language vaguely similar to html.",
"cleverLatex2" => "The source code is then compiled by <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span>, creating the final result. Thanks to this operation, <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> is able to manage on its own the structure of your documents, to automatically create tables of contents, crossreferences, indexes, etc. Moreover, the user is able to program and define his own commands, allowing him to gain a considerable amount of time when writing long and complex documents.",
"cleverLatex3" => "Best of all: <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> is Turing-complete",
"titleBeautiful" => "<span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> is beautiful",
"beautiful1" => "Thanks to the only font of <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span>, created by Donald Knuth himself, <em>Computer Modern Roman</em>, your documents won't remain unnoticed. A perfect harmony between text and mathematics made <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> the main software regarding scientific publications.",
"beautiful2" => "Indtead of slaving away looking for double spaces and any other typographic kink tolerated by <em>Word</em>, you will be able to take time to admire a well laid out document written in <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span>: everything has been thought for an optimal reading comfort.",
"beautiful2" => "Instead of slaving away looking for double spaces and any other typographic kink tolerated by <em>Word</em>, you will be able to take your time admiring a well laid out document written in <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span>: everything has been thought out for optimal reading comfort.",
"titleOurPackages" => "<span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span>, by TypographiX",
"subtitleOurPackages" => "Style without effort.",
"titlePolytechniquePackage" => "The <span style='font-family:'Lucida Console',
......@@ -63,5 +65,14 @@ $langArray = array(
"wrigtingDocuments" =>"You can read the (french) documentation of the package in the file named <span style=\"font-family:'Lucida Console', monospace\">polytechnique.pdf</span>.",
"titleSlides" => "Creating beautiful slides",
"slides" => "This package makes ugly slides, you should not use it for now, rather use the powerpoint template. The <span style=\"font-family:'Lucida Console', monospace\">polytechnique-beamer</span> package has examples in the files <span style=\"font-family:'Lucida Console', monospace\">minimal.tex</span> and <span style=\"font-family:'Lucida Console', monospace\">minimalistic.tex</span> describing everything you can do with it. Proper documentation is being worked on.",
"quickStartTitle" => "Quick start",
"quickStartSubtitle" => "Or how to start and finish a document on the same day.",
"quickReportTitle" => "Report",
"quickReportText" => "Download the <span class='Latex'>L<sup>a</sup>T<sub>e</sub>X</span> template with the button below. Then, go on <a href='https://en.overleaf.com/'>overleaf</a> and click on «&nbsp;New project&nbsp;» then «&nbsp;Import a project&nbsp;». Drag the zip you just downloaded on the window then wait a few seconds. <br /> From left to right, you will then see &nbsp;: <br /> – the file structure, you will only need it to add images&nbsp;; <br /> – the text editor, where you will modify the document&nbsp;; <br /> – the final result in pdf, that you can download. <br /> The document given contains an example report that you can modify.",
"quickPresentationTitle" => "Presentation",
"quickPresentationText" => "A PowerPoint template is available through the communication department. Go to <a href='https://intranet.polytechnique.fr/en/download'>the media kit page</a> of École polytechnique's intranet website then click on the button «&nbsp;Présentations PPT&nbsp;» in the «&nbsp;Kit Média&nbsp;» section. You can then download the most recent template file and open it, everything is explained inside.",
"quickOtherTitle" => "Other documents",
"quickOtherText" => "If the document you have to do is neither a report, nor a presentation then maybe our <a href='/ourpackages/?hl=<?php echo \"$hl\" ?>'>beamer or resume packages</a> can help. Otherwise, the TypographiX binet strongly encourages you to refer to the graphical charter of École polytechnique. For that, go of the <a href='https://intranet.polytechnique.fr/en/download'>media kit page</a> and download it by clicking on «&nbsp;Charte École polytechnique&nbsp;». It is sadly only available in french.",
"latexTemplate" => "Download the <span class='Latex'>L<sup>a</sup>T<sub>e</sub>X</span> template",
);
?>
......@@ -28,6 +28,7 @@ $langArray = array(
"subtitleHelp" => "La belle typographie n'a jamais été si facile !",
"titleEasyExplonations" => "Utiliser <span class='Latex'>L<sup>a</sup>T<sub>e</sub>X</span> (très) facilement",
"titleAdvancedUsers" => "Pour les utilisateurs plus avancés",
"subtitleAdvancedUsers" => "La route est escarpée mais la vue au sommet en vaut la peine...",
"titleLatexDistribs" => "La distribution <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span>",
"latexDistribution" => "Pour interpréter le code source de vos documents, il faut un moteur typographique... Et beaucoup de <em>paquets</em>. Installez suivant votre système d'exploitation les programmes indiqués par les liens ci-dessous. Pour Linux, la distribution TeXlive est disponible dans votre dépôt de paquetages",
"titleTextEditor" => "L'éditeur de code",
......@@ -38,14 +39,15 @@ $langArray = array(
"nextStep" => "Prochaine étape&nbsp;!",
"discoverLatex" => "Découvrir <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span>",
"subtitleDiscoverLatex" => "Parce que c'est mieux quand c'est mieux.",
"whyLatex" => "Pourquoi utliser <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span>&nbsp;? <small>Découvrez le côté obscur de <i>Word</i></small></h1>",
"whyLatex" => "Pourquoi utliser <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span>&nbsp;?",
"whyLatexSubtitle" => "Découvrez le côté obscur de <i>Word</i>.",
"titleLatexTypo" => "<span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> est typographie",
"latexTypo1" => "<span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> est en fait un jeu de commandes de haut niveau basées sur le langage <span class='latex'>T<sub>e</sub>X</span>, créé en 1977 par Donal Knuth. Ce dernier voulait en effet composer son livre phare, <i>The Art Of Computer Programming</i>, sur ordinateur, mais ne trouvait pas de logiciel de traitement de texte adapté à son niveau d'exigence. Qu'à cela ne tienne, notre brave Donald invente le sien, qui respecte toutes les subtilités et conventions typographiques issues de siècles de composition mécanique, délaissées par la nouvelle génération de traitement de textes électroniques.",
"latexTypo2" => "Concrètement, cela se traduit par une police soignée qui comporte des ligatures, la coupe des mots en fin de ligne pour des paragraphes justifiés impeccablement, des paramètres par défaut qui optimisent le confort de lecture...",
"titleCleverLatex" => "<span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> est intelligent",
"cleverLatex1" => "À l'inverse des autres traitements de textes, <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> est guidé par la philosophie <i>What You See Is What You Mean</i> ; en effet un document <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> est généré à partir d'un fichier source contenant du code, dont le langage à balises ressemble de loin à du HTML.",
"cleverLatex2" => "Le fichier source est alors compilé par <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> qui crée le résultat final. Grâce à cela, <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> peut gérer la structure du document afin de créér automatiquement tables des matières, références croisées, index, etc. De plus, l'utilisateur peut définir ses propres commandes typographiques qui lui permettront de gagner un temps fou sur des documents longs et complexes.",
"clevelLatex3" => "Cerise sur le gâteau&nbsp;: <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> est Turing-complet&nbsp;!",
"cleverLatex3" => "Cerise sur le gâteau&nbsp;: <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> est Turing-complet&nbsp;!",
"titleBeautiful" => "<span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> est beau",
"beautiful1" => "Grâce à la police unique de <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> créée par Donald Knuth lui-même, le <em>Computer Modern Roman</em>, vos documents ne passeront plus inaperçus. La parfaite harmonie entre texte et mathématiques assure l'hégémonie de <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span> quant à la production de publications scientifiques.",
"beautiful2" => "Au lieu de trimer pour traquer les doubles espacements ou autres abérrations typographiques tolérées par <em>Word</em>, prenez le temps de contempler un document mis en page par <span class='latex'>L<sup>a</sup>T<sub>e</sub>X</span>&nbsp;: ligatures, justification des paragraphes, parfaite uniformité typographique... Tout a été pensé pour un confort de lecture optimal.",
......@@ -76,5 +78,5 @@ $langArray = array(
"quickOtherTitle" => "Autres documents",
"quickOtherText" => "Si le document que vous avez à faire est ni un rapport, ni une présentation alors peut-être que <a href='/ourpackages/?hl=<?php echo \"$hl\" ?>'>nos paquets beamer ou CV</a> peuvent vous aider. Sinon, le binet TypographiX vous invite très chaudement à vous référer à la charte graphique de l'École polytechnique. Pour cela, allez sur <a href='https://intranet.polytechnique.fr/fr/m%C3%A9diath%C3%A8que'>le lien de la médiathèque</a> et téléchargez là en cliquant sur le bouton «&nbsp;Charte École polytechnique&nbsp;».",
"latexTemplate" => "Télécharger le patron <span class='Latex'>L<sup>a</sup>T<sub>e</sub>X</span>",
);
);
?>
......@@ -35,8 +35,6 @@ $dropdown-dark-link-active-color: $primary;
$dropdown-dark-link-active-bg: $gold;
$btn-border-radius: 0;
$navbar-fixed-height: 60px;
@import "../node_modules/bootstrap/scss/bootstrap";
.filet-wrapper {
......@@ -80,8 +78,6 @@ $navbar-fixed-height: 60px;
}
.main-container {
overflow: auto;
max-height: calc(100vh - $navbar-fixed-height);
text-align: justify;
}
......
......@@ -4,27 +4,26 @@ include_once("../lib/header.inc.php");
?>
<div class="container">
<div class="hero-unit">
<h1 class="serif mt-3">
<?php echo $langArray['discoverLatex']; ?>
</h1>
<p class="lead">
<?php echo $langArray['subtitleDiscoverLatex']; ?>
</p>
</div>
<h1 class="serif mt-3">
<?php echo $langArray['discoverLatex']; ?>
</h1>
<p class="text-muted lead">
<?php echo $langArray['subtitleDiscoverLatex']; ?>
</p>
<?php include("../lib/filet.inc.php"); ?>
<div class="page-header">
<h1>
<h2>
<span class="serif">
<?php echo $langArray['whyLatex']; ?>
</h1>
</div>
</span>
<p class="text-muted lead">
<?php echo $langArray['whyLatexSubtitle']; ?>
</p>
</h2>
<div class="row">
<div class="col-md">
<h3>
<div class="col-lg">
<h3 class="serif">
<?php echo $langArray['titleLatexTypo']; ?>
</h3>
<p>
......@@ -34,8 +33,8 @@ include_once("../lib/header.inc.php");
<?php echo $langArray['latexTypo2']; ?>
</p>
</div>
<div class="col-md">
<h3>
<div class="col-lg">
<h3 class="serif">
<?php echo $langArray['titleCleverLatex']; ?>
</h3>
<p>
......@@ -48,8 +47,8 @@ include_once("../lib/header.inc.php");
<?php echo $langArray['cleverLatex3']; ?>
</p>
</div>
<div class="col-md">
<h3>
<div class="col-lg">
<h3 class="serif">
<?php echo $langArray['titleBeautiful']; ?>
</h3>
<p>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment