Skip to content
Snippets Groups Projects
Commit 0f1ecea1 authored by Adrien Beaucreux's avatar Adrien Beaucreux
Browse files

Add french translation and update for 36c3

parent 86916814
Branches
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
static/c3lingo.css
+ 12
− 0
View file @ 0f1ecea1
...@@ -183,9 +183,21 @@ dd + dt { ...@@ -183,9 +183,21 @@ dd + dt {
body[lang="en"] [data-lang="de"] { body[lang="en"] [data-lang="de"] {
display: none; display: none;
} }
body[lang="en"] [data-lang="fr"] {
display: none;
}
body[lang="de"] [data-lang="en"] { body[lang="de"] [data-lang="en"] {
display: none; display: none;
} }
body[lang="de"] [data-lang="fr"] {
display: none;
}
body[lang="fr"] [data-lang="de"] {
display: none;
}
body[lang="fr"] [data-lang="en"] {
display: none;
}
.callout { .callout {
padding: .5em; padding: .5em;
......
static/index.html
+ 56
− 10
View file @ 0f1ecea1
...@@ -2,15 +2,20 @@ ...@@ -2,15 +2,20 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>35c3 Live Translations</title> <title>36C3 Live Translations</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="c3lingo.css"> <link rel="stylesheet" href="c3lingo.css?v2">
</head> </head>
<body> <body>
<div class="page"> <div class="page">
<nav> <nav>
<div class="wrapper language-selection"> <div class="wrapper language-selection">
<a href="#en" lang="en" data-lang="de">English</a> <a href="#de" lang="de" data-lang="en">Deutsch</a> <a href="#en" lang="en" data-lang="de">English</a>
<a href="#en" lang="en" data-lang="fr">English</a>
<a href="#de" lang="de" data-lang="en">Deutsch</a>
<a href="#de" lang="de" data-lang="fr">Deutsch</a>
<a href="#fr" lang="fr" data-lang="de">Français</a>
<a href="#fr" lang="fr" data-lang="en">Français</a>
</div> </div>
</nav> </nav>
<main lang="en" data-lang="en"> <main lang="en" data-lang="en">
...@@ -18,7 +23,7 @@ ...@@ -18,7 +23,7 @@
<header> <header>
<hgroup> <hgroup>
<h1>c3lingo</h1> <h1>c3lingo</h1>
<p>How to Listen to Live Translations at 35c3</p> <p>How to Listen to Live Translations at 36C3</p>
</hgroup> </hgroup>
</header> </header>
...@@ -55,7 +60,7 @@ ...@@ -55,7 +60,7 @@
</section> </section>
<section> <section>
<h2>Elsewhere</h2> <h2>Elsewhere</h2>
<p>If you’re not in the audience, the <a href="https://streaming.media.ccc.de/35c3/">video and audio streams</a> <p>If you’re not in the audience, the <a href="https://streaming.media.ccc.de/36c3/">video and audio streams</a>
provided by the VOC are by far the easiest solution. You’ll find a choice of translated streams in the <b>Formats</b> provided by the VOC are by far the easiest solution. You’ll find a choice of translated streams in the <b>Formats</b>
tab.</p> tab.</p>
</section> </section>
...@@ -67,7 +72,7 @@ ...@@ -67,7 +72,7 @@
<header> <header>
<hgroup> <hgroup>
<h1>c3lingo</h1> <h1>c3lingo</h1>
<p>Wie du die Live-Übersetzungen auf dem 35c3 empfängst</p> <p>Wie du die Live-Übersetzungen auf dem 36C3 empfängst</p>
</hgroup> </hgroup>
</header> </header>
...@@ -103,12 +108,55 @@ ...@@ -103,12 +108,55 @@
</section> </section>
<section> <section>
<h2>Woanders</h2> <h2>Woanders</h2>
<p>Wenn du nicht im Publikum sitzt, sind die <a href="https://streaming.media.ccc.de/35c3/">Video- und Audio-Streams</a> <p>Wenn du nicht im Publikum sitzt, sind die <a href="https://streaming.media.ccc.de/36c3/">Video- und Audio-Streams</a>
des VOC die einfachste Lösung. Im Tab <b>Formate</b> findest du eine Auswahl von übersetzten Streams.</p> des VOC die einfachste Lösung. Im Tab <b>Formate</b> findest du eine Auswahl von übersetzten Streams.</p>
</section> </section>
</div> </div>
</div> </div>
</main> </main>
<main lang="fr" data-lang="fr">
<div class="wrapper">
<header>
<hgroup>
<h1>c3lingo</h1>
<p>Comment accéder aux traductions du 26C3</p>
</hgroup>
</header>
<div class="main-grid">
<section>
<h2>Dans les amphithéâtres</h2>
<p>Pour celles et ceux qui se trouvent dans l'amphithéâtre où la conférence se déroule, l'équipe de traduction et le VOC fournissent des streams audio <a href="https://wiki.mumble.info/">Mumble</a> spécialement configurés pour une faible latence.</p>
<p>Pour y accéder, tu as besoin d'un client Mumble. Nous recommandons les clients suivants:</p>
<ul>
<li><b>Desktop:</b> <a href="https://mumble.c3lingo.org/">Notre client web</a>
</li>
<li><b>Android:</b> Plumble – <a href="https://play.google.com/store/apps/details?id=com.morlunk.mumbleclient.free">Google</a>,
<a href="https://f-droid.org/packages/com.morlunk.mumbleclient/">F-Droid</a>
</li>
<li><b>iOS:</b> <a href="http://itunes.apple.com/us/app/mumble/id443472808?ls=1&mt=8">Mumble</a>
</li>
</ul>
<p>Utilise les <b>réglages</b> suivants (dans le web client, tu ne devrais pas avoir besoin de configurer quoi que ce soit):</p>
<dl>
<dt>Server</dt><dd><span class="field">mumble.c3lingo.org</span></dd>
<dt>Port</dt><dd><span class="field">64738</span> (Web Client: <span class="field">64737</span>)
<dt>Nom d'utilisateur</dt><dd>ce que tu veux, par exemple <span class="field" data-username>mumble12345678</span>
<dt>Mot de passe</dt><dd><span class="field blank">(vide)</span>
</dl>
<p>Si tout fonctionne, tu devrais voir une <b>liste des cannaux</b>. Il y a deux canaux pour chaque salle. Le premier canal traduit vers l'anglais ou l'allemand, le second canal traduit vers une autre langue, souvent le français, si disponible.</p>
</section>
<section>
<h2>Ailleurs</h2>
<p>Si tu n'est pas dans le public, les <a href="https://streaming.media.ccc.de/36c3/">streams audio et video</a> du VOC la solution la plus simple. Tu trouveras un choix de streams traduits dans la languette <b>Formats</b>.</p>
</div>
</div>
</main>
<footer class="main-footer"> <footer class="main-footer">
<div class="wrapper"> <div class="wrapper">
...@@ -132,9 +180,6 @@ ...@@ -132,9 +180,6 @@
ev.preventDefault(); ev.preventDefault();
} }
document.body.addEventListener('mousedown', selectTarget); document.body.addEventListener('mousedown', selectTarget);
document.body.addEventListener('touchstart', selectTarget);
document.body.addEventListener('touchend', selectTarget);
document.body.addEventListener('touchmove', selectTarget);
document.body.addEventListener('mouseup', preventDefaultInField); document.body.addEventListener('mouseup', preventDefaultInField);
var usernames = document.querySelectorAll('[data-username]'); var usernames = document.querySelectorAll('[data-username]');
var suggestedUsername = 'mumble' + Math.round(Math.random() * 1000000000); var suggestedUsername = 'mumble' + Math.round(Math.random() * 1000000000);
...@@ -152,6 +197,7 @@ ...@@ -152,6 +197,7 @@
var lang = 'en'; var lang = 'en';
if (navigator.language && navigator.language.substr(0, 2) === 'de') lang = 'de'; if (navigator.language && navigator.language.substr(0, 2) === 'de') lang = 'de';
if (navigator.language && navigator.language.substr(0, 2) === 'fr') lang = 'fr';
document.body.lang = lang; document.body.lang = lang;
})(); })();
</script> </script>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please to comment

Impressum - Datenschutzerklärung