Mirroring/bitoduc.fr
1
0
Fork 0
mirror of https://github.com/soulaklabs/bitoduc.fr.git synced 2025-12-09 17:35:35 +00:00
Code Issues Projects Releases Wiki Activity

Intégration de l'ancien style au niveau site sans Javascript.

Browse Source
This commit is contained in:
Valentin Lorentz
2017-03-09 18:18:31 +01:00
parent 596dc7c287
commit fba3206bff
4 changed files with 69 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
_includes/entete.html Normal file
View File

@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Bitoduc.fr : la référence selon nous-mêmes sur les termes informatiques en français</title>
<link rel="icon" href="favorimage.ico" />
<link rel="stylesheet" type="text/css" href="bitoduc.css" />
</head>
<body>
<div id="tout">
<h1>Bitoduc.fr : termes informatiques en français</h1>
<div id="subtitle">
<i><b>bitoduc</b> - nm. ensemble de conducteurs d'interconnexion de plusieurs organes numériques d'un ordinateur ; syn. infoduc.</i>
</div>
<div id="intro">
De nos jours on rencontre de nombreux termes techniques en anglais : &laquo;&nbsp;megabyte&nbsp;&raquo;, &laquo;&nbsp;URL&nbsp;&raquo; ou encore &laquo;&nbsp;plugin&nbsp;&raquo;.<br/><br/> Pourtant, ces nouveaux mots ont souvent un équivalent francais qu'il conviendrait d'utiliser. En voici une liste bien pratique. Bonne lecture !
<br/><br/>
Vous avez des idées de traductions ? Parlons-en sur le
<a href="https://github.com/soulaklabs/bitoduc.fr/issues">
dispositif de suivi de bogues</a>&nbsp;!
Les rustines et fusiodemandes sont toujours appréciées.
<br/><br/>
<div>
<a id="lienInversion" href="#" ></a>
</div>
</div>
<div id="mots">

10
_includes/pied.html Normal file
View File

@@ -0,0 +1,10 @@
</div>
</div>
<a href="https://github.com/soulaklabs/bitoduc.fr">
<img class="bouton-gh"
src="scissionnezmoi_right_gray.png"
alt="Scissionnez-moi sur GitHub">
</a>
</body>
</html>

35
_layouts/mots.html
View File

@@ -1,16 +1,17 @@
<a href="#ang-fra">Anglais-Français</a> - <a href="#fra-ang">Français-Anglais</a> {% include entete.html %}
<a href="#ang-fra"><span class="mot-anglais">Anglais</span>-<span class="mot-français">Français</span></a> - <a href="#fra-ang"><span class="mot-anglais">Anglais</span>-<span class="mot-français">Français</span></a>
<!-- Langue --> <!-- Langue -->
<h1><a name="ang-fra">Anglais-Français</a></h1> <h1><a name="ang-fra"><span class="mot-anglais">Anglais</span>-<span class="mot-français">Français</span></a></h1>
<!-- Index des lettres --> <!-- Index des lettres -->
<div class="index">
{% assign lettres = site.data.traductions['vrais mots'] | map :"anglais" | map slice :0 | uniq | sort %} {% assign lettres = site.data.traductions['vrais mots'] | map :"anglais" | map slice :0 | uniq | sort %}
{% for lettre in lettres %} {% for lettre in lettres %}
<a href="#ang-fra-{{lettre}}">{{lettre}}</a> <a href="#ang-fra-{{lettre}}">{{lettre}}</a>
{% unless forloop.last %}
-
{% endunless %}
{% endfor %} {% endfor %}
</div>
<!-- Mots --> <!-- Mots -->
{% assign ang_fra = site.data.traductions['vrais mots'] | sort :"anglais" %} {% assign ang_fra = site.data.traductions['vrais mots'] | sort :"anglais" %}
@@ -18,34 +19,37 @@
{% capture lettre %}{{ trad['anglais'] | slice :0 }}{% endcapture %} {% capture lettre %}{{ trad['anglais'] | slice :0 }}{% endcapture %}
{% if forloop.first %} {% if forloop.first %}
<div class="groupe-lettre">
<h2><a name="ang-fra-{{lettre}}">{{lettre}}</a></h2> <h2><a name="ang-fra-{{lettre}}">{{lettre}}</a></h2>
<dl> <dl>
{% elsif lettre != lettre_avant %} {% elsif lettre != lettre_avant %}
</dl> </dl>
</div>
<div class="groupe-lettre">
<h2><a name="ang-fra-{{lettre}}">{{lettre}}</a></h2> <h2><a name="ang-fra-{{lettre}}">{{lettre}}</a></h2>
<dl> <dl>
{% endif %} {% endif %}
{% assign lettre_avant = lettre %} {% assign lettre_avant = lettre %}
<dt>{{ trad['anglais'] }}</dt> <dt class="mot-anglais">{{ trad['anglais'] }}</dt>
<dd>{{ trad['français'] }}</dd> <dd class="mot-français">{{ trad['français'] }}</dd>
{% if forloop.last %} {% if forloop.last %}
</dl> </dl>
</div>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
<!-- Langue --> <!-- Langue -->
<h1><a name="fra-ang">Français-Anglais</a></h1> <h1><a name="fra-ang"><span class="mot-français">Français</span>-<span class="mot-anglais">Anglais</span></a></h1>
<!-- Index des lettres --> <!-- Index des lettres -->
{% assign lettres = site.data.traductions['vrais mots'] | map :"français" | map slice :0 | uniq | sort %} {% assign lettres = site.data.traductions['vrais mots'] | map :"français" | map slice :0 | uniq | sort %}
<div class="index">
{% for lettre in lettres %} {% for lettre in lettres %}
<a href="#fra-ang-{{lettre}}">{{lettre}}</a> <a href="#fra-ang-{{lettre}}">{{lettre}}</a>
{% unless forloop.last %}
-
{% endunless %}
{% endfor %} {% endfor %}
</div>
<!-- Mots --> <!-- Mots -->
{% assign fra_ang = site.data.traductions['vrais mots'] | sort :"français" %} {% assign fra_ang = site.data.traductions['vrais mots'] | sort :"français" %}
@@ -53,20 +57,25 @@
{% capture lettre %}{{ trad['français'] | slice :0 }}{% endcapture %} {% capture lettre %}{{ trad['français'] | slice :0 }}{% endcapture %}
{% if forloop.first %} {% if forloop.first %}
<div class="groupe-lettre">
<h2><a name="fra-ang-{{lettre}}">{{lettre}}</a></h2> <h2><a name="fra-ang-{{lettre}}">{{lettre}}</a></h2>
<dl> <dl>
{% elsif lettre != lettre_avant %} {% elsif lettre != lettre_avant %}
</dl> </dl>
</div>
<div class="groupe-lettre">
<h2><a name="fra-ang-{{lettre}}">{{lettre}}</a></h2> <h2><a name="fra-ang-{{lettre}}">{{lettre}}</a></h2>
<dl> <dl>
{% endif %} {% endif %}
{% assign lettre_avant = lettre %} {% assign lettre_avant = lettre %}
<dt>{{ trad['français'] }}</dt> <dt class="mot-français">{{ trad['français'] }}</dt>
<dd>{{ trad['anglais'] }}</dd> <dd class="mot-anglais">{{ trad['anglais'] }}</dd>
{% if forloop.last %} {% if forloop.last %}
</dl> </dl>
</div>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
{% include pied.html %}

6
bitoduc.css
View File

@@ -87,12 +87,12 @@ h3
width : 50%; width : 50%;
} }
#index .index
{ {
text-align: center; text-align: center;
} }
#index a .index a
{ {
font-size: larger; font-size: larger;
color: black; color: black;
@@ -101,7 +101,7 @@ h3
position:relative; position:relative;
} }
#index a:hover .index a:hover
{ {
background-color: #999; background-color: #999;
} }