NB-Public/mumble-web.netzbegruenung.de
14
0
Fork 0
mirror of https://github.com/netzbegruenung/mumble-web.netzbegruenung.de.git synced 2024-05-05 03:53:41 +02:00
Code Issues Projects Releases Wiki Activity

update css

Browse source
This commit is contained in:
Maximilian Ruta 2020-03-13 20:03:32 +01:00
parent 663a307ae0
commit e695ef7257
3 changed files with 43 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
connect.css
View file

@ -93,12 +93,20 @@ h1,h2,h3,h4,h5,h6 {
#failed, #nomedia {
display: none
}
.status {
margin: 12px 0;
font-size: 1.2rem;
}
.status.warn {
color: red;
font-weight: bold;
}
.status.recommended {
color: red;
font-weight: bold;
}
@keyframes shake {
10%, 90% {
transform: translate3d(-1px, 0, 0);

9
connect.html
View file

@ -23,16 +23,19 @@
<p>Mumble ist ein Audiokonferenzsystem, mit dem Ihr euch per Webbrowser, Smartphone und Desktop App verbinden könnt.</p>
<p>Am einfachsten kannst du teilnehmen, indem du hier deinen Benutzernamen eingibst und dann auf "Verbinden" klickst.</p>
<div>
<div id="recommendedbrowser" class="status recommended">
<h3>Hinweis</h3><p>Diese Seite funktioniert mit deinem Browser nicht so gut. Am besten hören dich die anderen mit Firefox. Wenn du noch keinen Firefox hast kannst du dir Firefox auch <a href="https://www.mozilla.org/de/firefox/download/thanks/">hier ganz einfach auf deinem Computer installieren</a>.</p>
</div>
<h2>Einfach mit dem Webbrowser teilnehmen</h2>
<form id="connect">
<div class="status warn" id="nomedia">
Achtung: Dein Mikrofon konnte nicht erkannt werden! Probiere es doch mit einem anderen Webbrowser (Firefox oder Chrome) oder sollte es auch da nicht gehen mit der Desktop oder Smartphone <a href="https://hilfe.netzbegruenung.de/mumble/">App</a>.
<h3>Achtung</h3><p>Dein Mikrofon konnte nicht erkannt werden! Probiere es doch mit einem anderen Webbrowser (<a href="https://www.mozilla.org/de/firefox/download/thanks/">Firefox</a> oder Chrome) oder sollte es auch da nicht gehen mit der Desktop oder Smartphone <a href="https://hilfe.netzbegruenung.de/mumble/">App</a>.</p>
</div>
<div class="status warn" id="allowmedia">
Achtung: Bitte erlaube noch den Zugriff auf dein Mikrofon damit das Programm funktioniert!
<h3>Achtung</h3><p>Bitte erlaube noch den Zugriff auf dein Mikrofon damit andere dich hören können!</p>
</div>
<div class="status warn" id="failed">
Achtung: Wenn du den Zugriff auf den Mikrofon verbietest, dann wird dich niemand hören können! ;)
<h3>Achtung</h3><p>Wenn du den Zugriff auf den Mikrofon verbietest, dann wird dich niemand hören können! ;)</p>
</div>
<p class="error">Bitte gib einen Benutzernamen ein.</p><input id="username" type="text" placeholder="Hier bitte deinen Namen eingeben" /><input type="submit" value="Verbinden" /></form>
</div>

6
connect.js
View file

@ -5,7 +5,7 @@ function popupc(username) {
var left = (screen.width/2)-(width/2);
var top = (screen.height/2)-(height/2);
return window.open("/?username=" + encodeURIComponent(username), "mumble", "width="+width+",height="+height+",top="+top+", left="+left);
return window.open("/client.html?username=" + encodeURIComponent(username), "mumble", "width="+width+",height="+height+",top="+top+", left="+left);
}
function deUmlaut(value){
@ -59,6 +59,10 @@ function requestMedia(success, failed) {
requestMedia();
if (navigator.userAgent.indexOf('Firefox') !== -1) {
jQuery('#recommendedbrowser').hide();
}
jQuery(document).on('submit', '#connect', function(e) {
e.preventDefault();
function connect() {