mirror of
https://github.com/netzbegruenung/mumble-web.netzbegruenung.de.git
synced 2024-05-05 03:53:41 +02:00
update css
This commit is contained in:
parent
663a307ae0
commit
e695ef7257
10
connect.css
10
connect.css
|
@ -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);
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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() {
|
||||
|
|
Loading…
Reference in a new issue