add a french translation, play with positioning of divs for a footer

This commit is contained in:
stefan.tollkuehn committed 2026-09-22 11:01:46 +02:00
1 parent 2427a84b1c
commit 330f2e40b1
1 file changed
+195 -111
+195 -111
View File
@@ -21,6 +21,12 @@
color: #222; color: #222;
} }
.container {
display: flex;
flex-direction: column;
width: min(700px, calc(100% - 32px));
}
.card { .card {
box-sizing: border-box; box-sizing: border-box;
width: min(600px, calc(100% - 32px)); width: min(600px, calc(100% - 32px));
@@ -31,6 +37,17 @@
text-align: center; text-align: center;
} }
.footer {
box-sizing: border-box;
width: min(600px, calc(100% - 32px));
padding: 32px;
background: white;
border-radius: 14px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.10);
text-align: center;
float: right;
}
h1 { h1 {
margin-top: 0; margin-top: 0;
} }
@@ -119,6 +136,10 @@
background: #242424; background: #242424;
} }
.footer {
background: #242424;
}
p { p {
color: #bbb; color: #bbb;
} }
@@ -141,135 +162,140 @@
</head> </head>
<body> <body>
<div class="card"> <div class="container">
<div class="card">
<!-- NORMALER LAUNCHER --> <!-- NORMALER LAUNCHER -->
<div id="launcher" class="hidden"> <div id="launcher" class="hidden">
<h1 data-i18n="launcher.title">Jitsi Meeting</h1> <h1 data-i18n="launcher.title">Jitsi Meeting</h1>
<p> <p>
<span data-i18n="launcher.meetingPrefix"> <span data-i18n="launcher.meetingPrefix">
The meeting The meeting
</span> </span>
<span class="room"> <span class="room">
<strong id="roomName"></strong> <strong id="roomName"></strong>
</span> </span>
<span data-i18n="launcher.meetingSuffix"> <span data-i18n="launcher.meetingSuffix">
will be opened. will be opened.
</span> </span>
</p>
<button id="openButton" class="button primary" type="button" data-i18n="launcher.openButton">
Open meeting
</button>
</div>
<!-- STARTVORGANG -->
<div id="starting" class="hidden">
<h1 data-i18n="starting.title">
Starting Jitsi Meet …
</h1>
<div class="status">
<span class="spinner"></span>
<span data-i18n="starting.status">
The Jitsi Meet desktop client is being opened.
</span>
</div>
</div>
<!-- FALLBACK -->
<div id="fallback" class="hidden">
<h1 data-i18n="fallback.title">
Jitsi Meet could not be opened
</h1>
<p data-i18n="fallback.description">
The Jitsi Meet desktop client may not have been started.
</p>
<button id="retryButton" class="button primary" type="button" data-i18n="fallback.retryButton">
Try again
</button>
<!-- Windows -->
<div id="windowsDownload" class="download hidden">
<h2 data-i18n="downloads.windows.title">
Jitsi Meet for Windows
</h2>
<p data-i18n="downloads.windows.description">
Install the Jitsi Meet desktop client and then try opening the
meeting again.
</p> </p>
<a id="windowsLink" class="button secondary" target="_blank" rel="noopener noreferrer" data-i18n="downloads.windows.button"> <button id="openButton" class="button primary" type="button" data-i18n="launcher.openButton">
Download Jitsi for Windows Open meeting
</a> </button>
</div> </div>
<!-- macOS --> <!-- STARTVORGANG -->
<div id="macosDownload" class="download hidden"> <div id="starting" class="hidden">
<h2 data-i18n="downloads.macos.title"> <h1 data-i18n="starting.title">
Jitsi Meet for macOS Starting Jitsi Meet …
</h2> </h1>
<p data-i18n="downloads.macos.description"> <div class="status">
Install the Jitsi Meet desktop client and then try opening the <span class="spinner"></span>
meeting again. <span data-i18n="starting.status">
The Jitsi Meet desktop client is being opened.
</span>
</div>
</div>
<!-- FALLBACK -->
<div id="fallback" class="hidden">
<h1 data-i18n="fallback.title">
Jitsi Meet could not be opened
</h1>
<p data-i18n="fallback.description">
The Jitsi Meet desktop client may not have been started.
</p> </p>
<a id="macosLink" class="button secondary" target="_blank" rel="noopener noreferrer" data-i18n="downloads.macos.button"> <button id="retryButton" class="button primary" type="button" data-i18n="fallback.retryButton">
Download Jitsi for macOS Try again
</a> </button>
<!-- Windows -->
<div id="windowsDownload" class="download hidden">
<h2 data-i18n="downloads.windows.title">
Jitsi Meet for Windows
</h2>
<p data-i18n="downloads.windows.description">
Install the Jitsi Meet desktop client and then try opening the
meeting again.
</p>
<a id="windowsLink" class="button secondary" target="_blank" rel="noopener noreferrer" data-i18n="downloads.windows.button">
Download Jitsi for Windows
</a>
</div>
<!-- macOS -->
<div id="macosDownload" class="download hidden">
<h2 data-i18n="downloads.macos.title">
Jitsi Meet for macOS
</h2>
<p data-i18n="downloads.macos.description">
Install the Jitsi Meet desktop client and then try opening the
meeting again.
</p>
<a id="macosLink" class="button secondary" target="_blank" rel="noopener noreferrer" data-i18n="downloads.macos.button">
Download Jitsi for macOS
</a>
</div>
<!-- Linux / unbekannt -->
<div id="otherDownload" class="download hidden">
<h2 data-i18n="downloads.other.title">
Jitsi Meet Desktop
</h2>
<p data-i18n="downloads.other.description">
No desktop download is configured for your operating system.
</p>
</div>
<!-- Browser -->
<div class="download">
<h2 data-i18n="browser.title">
Join in browser
</h2>
<p data-i18n="browser.description">
You can also join the meeting directly in your browser.
</p>
<a id="browserLink" class="button secondary" data-i18n="browser.button">
Join in browser
</a>
</div>
</div> </div>
<!-- Linux / unbekannt --> <!-- FEHLER -->
<div id="otherDownload" class="download hidden"> <div id="invalidRoom" class="hidden">
<h2 data-i18n="downloads.other.title"> <h1 data-i18n="error.title">
Jitsi Meet Desktop No meeting specified
</h2> </h1>
<p data-i18n="downloads.other.description"> <div class="error">
No desktop download is configured for your operating system. <span data-i18n="error.description">
</p> Please specify a meeting using the
</span>
<code>?room=...</code>
<span data-i18n="error.descriptionSuffix">
parameter.
</span>
</div>
</div> </div>
<!-- Browser -->
<div class="download">
<h2 data-i18n="browser.title">
Join in browser
</h2>
<p data-i18n="browser.description">
You can also join the meeting directly in your browser.
</p>
<a id="browserLink" class="button secondary" data-i18n="browser.button">
Join in browser
</a>
</div>
</div> </div>
<!-- FEHLER --> <div class="footer">
<div id="invalidRoom" class="hidden"> Impressum
<h1 data-i18n="error.title">
No meeting specified
</h1>
<div class="error">
<span data-i18n="error.description">
Please specify a meeting using the
</span>
<code>?room=...</code>
<span data-i18n="error.descriptionSuffix">
parameter.
</span>
</div>
</div> </div>
</div> </div>
<script> <script>
"use strict"; "use strict";
@@ -418,6 +444,64 @@
"Bitte gib ein Meeting über den Parameter", "Bitte gib ein Meeting über den Parameter",
descriptionSuffix: "an." descriptionSuffix: "an."
} }
},
fr: {
pageTitle: "Réunion Jitsi",
launcher: {
title: "Réunion Jitsi",
meetingPrefix: "La réunion",
meetingSuffix: "va être ouverte.",
openButton: "Rejoindre la réunion"
},
starting: {
title: "Démarrage de Jitsi Meet…",
status: "Le client bureau Jitsi Meet est en cours d'ouverture."
},
fallback: {
title: "Jitsi Meet n'a pas pu être ouvert",
description:
"Le client bureau Jitsi Meet n'a peut-être pas été démarré.",
retryButton: "Réessayer"
},
downloads: {
windows: {
title: "Jitsi Meet pour Windows",
description:
"Installez le client bureau Jitsi Meet, puis essayez de rouvrir la réunion.",
button: "Télécharger Jitsi pour Windows"
},
macos: {
title: "Jitsi Meet pour macOS",
description:
"Installez le client bureau Jitsi Meet, puis essayez de rouvrir la réunion.",
button: "Télécharger Jitsi pour macOS"
},
other: {
title: "Jitsi Meet Desktop",
description:
"Aucun téléchargement bureau n'est configuré pour votre système d'exploitation."
}
},
browser: {
title: "Rejoindre dans le navigateur",
description:
"Vous pouvez également rejoindre la réunion directement dans votre navigateur.",
button: "Rejoindre dans le navigateur"
},
error: {
title: "Aucune réunion spécifiée",
description: "Veuillez spécifier une réunion à l'aide du paramètre",
descriptionSuffix: "."
}
} }
}; };