Démonstration d'un site statique sans javascript

This commit is contained in:
Hg
2016-11-04 16:03:35 +01:00
committed by Valentin Lorentz
parent 33f6d24be9
commit 86f697b211
6 changed files with 78 additions and 62 deletions

1
.gitignore vendored Normal file
View File

@@ -0,0 +1 @@
_site

1
CNAME
View File

@@ -1 +0,0 @@
bitoduc.fr

1
_data/traductions.json Symbolic link
View File

@@ -0,0 +1 @@
../traductions.json

72
_layouts/mots.html Normal file
View File

@@ -0,0 +1,72 @@
<a href="#ang-fra">Anglais-Français</a> - <a href="#fra-ang">Français-Anglais</a>
<!-- Langue -->
<h1><a name="ang-fra">Anglais-Français</a></h1>
<!-- Index des lettres -->
{% assign lettres = site.data.traductions['vrais mots'] | map :"anglais" | map slice :0 | uniq | sort %}
{% for lettre in lettres %}
<a href="#ang-fra-{{lettre}}">{{lettre}}</a>
{% unless forloop.last %}
-
{% endunless %}
{% endfor %}
<!-- Mots -->
{% assign ang_fra = site.data.traductions['vrais mots'] | sort :"anglais" %}
{% for trad in ang_fra %}
{% capture lettre %}{{ trad['anglais'] | slice :0 }}{% endcapture %}
{% if forloop.first %}
<h2><a name="ang-fra-{{lettre}}">{{lettre}}</a></h2>
<dl>
{% elsif lettre != lettre_avant %}
</dl>
<h2><a name="ang-fra-{{lettre}}">{{lettre}}</a></h2>
<dl>
{% endif %}
{% assign lettre_avant = lettre %}
<dt>{{ trad['anglais'] }}</dt>
<dd>{{ trad['français'] }}</dd>
{% if forloop.last %}
</dl>
{% endif %}
{% endfor %}
<!-- Langue -->
<h1><a name="fra-ang">Français-Anglais</a></h1>
<!-- Index des lettres -->
{% assign lettres = site.data.traductions['vrais mots'] | map :"français" | map slice :0 | uniq | sort %}
{% for lettre in lettres %}
<a href="#fra-ang-{{lettre}}">{{lettre}}</a>
{% unless forloop.last %}
-
{% endunless %}
{% endfor %}
<!-- Mots -->
{% assign fra_ang = site.data.traductions['vrais mots'] | sort :"français" %}
{% for trad in fra_ang %}
{% capture lettre %}{{ trad['français'] | slice :0 }}{% endcapture %}
{% if forloop.first %}
<h2><a name="fra-ang-{{lettre}}">{{lettre}}</a></h2>
<dl>
{% elsif lettre != lettre_avant %}
</dl>
<h2><a name="fra-ang-{{lettre}}">{{lettre}}</a></h2>
<dl>
{% endif %}
{% assign lettre_avant = lettre %}
<dt>{{ trad['français'] }}</dt>
<dd>{{ trad['anglais'] }}</dd>
{% if forloop.last %}
</dl>
{% endif %}
{% endfor %}

View File

@@ -1,61 +0,0 @@
<!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" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/prototypes-fr.js" charset="utf-8"></script>
<script type="text/javascript" src="js/principal.js" charset="utf-8"></script>
<!-- BOGUE: c'est cassé, et personne ne veut le réparer. Tant pis.
<script type="text/javascript" src="js/gogol-analytique.js"></script>
-->
</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="index">
</div>
<div id="mots" data-langue="anglais">
</div>
<div id="bonheur">
<h1>Hyperliens:</h1>
<ul>
<li>Vous recherchez des <a href="http://tech.no.com">mixs de platinistes de 25 minutes</a>? C'est par ici.</li>
<li>Vous recherchez des <a href="http://www.auburnsounds.com">greffons audionumériques de qualité</a>? Vous êtes bien tombé.</li>
</ul>
</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>

4
index.md Normal file
View File

@@ -0,0 +1,4 @@
---
layout: mots
---