From 2abbc8229ccb7fa555e2315a4467138a318ab66a Mon Sep 17 00:00:00 2001
From: Philipp Bock <p@philippbock.de>
Date: Thu, 27 Dec 2018 17:03:20 +0100
Subject: [PATCH] Add callout about Mumble outage

---
 static/c3lingo.css | 14 ++++++++++++++
 static/index.html  |  4 ++++
 2 files changed, 18 insertions(+)

diff --git a/static/c3lingo.css b/static/c3lingo.css
index 8b5fd5a..afc83cc 100644
--- a/static/c3lingo.css
+++ b/static/c3lingo.css
@@ -186,3 +186,17 @@ body[lang="en"] [data-lang="de"] {
 body[lang="de"] [data-lang="en"] {
   display: none;
 }
+
+.callout {
+  padding: .5em;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+  border-radius: 3px;
+}
+.callout--error {
+  background-color: rgb(148, 0, 0);
+  color: #fff;
+}
+.callout--success {
+  background-color: rgb(0, 148, 12);
+  color: #fff;
+}
diff --git a/static/index.html b/static/index.html
index 1d02cd1..f83289d 100644
--- a/static/index.html
+++ b/static/index.html
@@ -28,6 +28,8 @@
               <p>For listeners sitting in the audience of conference talks as they happen, we provide low-latency translation streams
                 via <a href="https://wiki.mumble.info/">Mumble</a>.</p>
 
+              <p class="callout callout--error">Mumble is currently unavailable. We’re sorry about this and are working hard on a fix.</p>
+
               <p>For this, you'll need a Mumble client. We recommend the following clients:</p>
 
               <ul>
@@ -77,6 +79,8 @@
               <p>Für Menschen, die die Vorträge direkt im Saal verfolgen, bieten wir <a href="https://wiki.mumble.info/">Mumble</a>-Streams
                 mit niedriger Latenz an.</p>
 
+              <p class="callout callout--error">Mumble ist momentan nicht verfügbar. Das tut uns leid; wir arbeiten an der Lösung.</p>
+
               <p>Du benötigst einen Mumble-Client. Wir empfehlen die folgenden Clients:</p>
 
               <ul>
-- 
GitLab