From 0bdedfc5bc19de08a6f28a215c9317cdd8612267 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Wed, 28 Jul 2021 15:15:59 +0200
Subject: [PATCH] Create sender.fm internal organization page

---
 webapp/locales/html/de/organization.html | 77 +++++++++++++++++++++++-
 webapp/locales/html/en/organization.html | 77 +++++++++++++++++++++++-
 2 files changed, 152 insertions(+), 2 deletions(-)

diff --git a/webapp/locales/html/de/organization.html b/webapp/locales/html/de/organization.html
index e3c2811f4..c63df9929 100644
--- a/webapp/locales/html/de/organization.html
+++ b/webapp/locales/html/de/organization.html
@@ -2,4 +2,79 @@
 <!-- you can find and store templates at https://github.com/Ocelot-Social-Community/Ocelot-Social-Deploy-Rebranding/tree/master/branding/templates/ -->
 
 <br>
-<p>Hier wird das Netzwerk beschrieben.</p>
+<h1 class="h3-headline-big">
+  sender.fm
+</h1>
+<!-- <img class="logo" alt="ocelot.social Header" src="/img/custom/logo-horizontal.svg" style="width: 360px;"><br> -->
+<p class="paragraph">
+  Hier wird sender.fm in Zukunft vorgestellt …
+</p>
+<p class="link">
+  <a href="/login" target="_blank">
+    Zum Login …
+  </a><br>
+</p>
+<br>
+<h3 class="h3-headline">
+  Unser Radio-Stream
+</h3>
+<br>
+<!-- <iframe id="embed_player" frameborder="0" width="280" height="216" src="https://senderfm.airtime.pro/embed/player?stream=s1&skin=1"></iframe> -->
+<iframe class="player" id="embed_player" frameborder="0" width="350" height="396" src="https://senderfm.airtime.pro/embed/player?stream=s1&skin=2"></iframe>
+<br>
+<h4 class="h4-headline">
+  Sende-Wochenplan
+</h4>
+<iframe class="weekly-plan" height="400px" width="550px" scrolling="yes" frameborder="0" src=https://senderfm.airtime.pro/embed/weekly-program></iframe>
+<br>
+<br>
+
+<!-- Stream Url:  
+https://senderfm.out.airtime.pro/senderfm_a -->
+
+<style type="text/css">
+  .logo {
+    margin-top: 48px;
+    margin-bottom: 48px;
+  }
+
+  .h3-headline-big {
+    font-size: 64px;
+    margin-top: 12px;
+    margin-bottom: 8px;
+  }
+
+  .h3-headline {
+    font-size: 24px;
+    margin-top: 12px;
+    margin-bottom: 8px;
+  }
+
+  .h4-headline {
+    font-size: 18px;
+    margin-top: 12px;
+    margin-bottom: 8px;
+  }
+
+  .paragraph {
+    font-size: 16px;
+    margin-top: 0px;
+    margin-bottom: 8px;
+  }
+
+  .link {
+    margin-top: 4px;
+    margin-bottom: 8px;
+  }
+
+  .player {
+    margin-top: 0px;
+    margin-bottom: 12px;
+  }
+
+  .weekly-plan {
+    margin-top: 0px;
+    margin-bottom: 0px;
+    margin-left: -20px;
+  }
+</style>
diff --git a/webapp/locales/html/en/organization.html b/webapp/locales/html/en/organization.html
index 377fb0ba6..3ae6a69b8 100644
--- a/webapp/locales/html/en/organization.html
+++ b/webapp/locales/html/en/organization.html
@@ -2,4 +2,79 @@
 <!-- you can find and store templates at https://github.com/Ocelot-Social-Community/Ocelot-Social-Deploy-Rebranding/tree/master/branding/templates/ -->
 
 <br>
-<p>Here the network is described.</p>
+<h1 class="h3-headline-big">
+  sender.fm
+</h1>
+<!-- <img class="logo" alt="ocelot.social Header" src="/img/custom/logo-horizontal.svg" style="width: 360px;"><br> -->
+<p class="paragraph">
+  Here sender.fm will be described in the future …
+</p>
+<p class="link">
+  <a href="/login" target="_blank">
+    Login …
+  </a><br>
+</p>
+<br>
+<h3 class="h3-headline">
+  Our Radio Stream
+</h3>
+<br>
+<!-- <iframe id="embed_player" frameborder="0" width="280" height="216" src="https://senderfm.airtime.pro/embed/player?stream=s1&skin=1"></iframe> -->
+<iframe class="player" id="embed_player" frameborder="0" width="350" height="396" src="https://senderfm.airtime.pro/embed/player?stream=s1&skin=2"></iframe>
+<br>
+<h4 class="h4-headline">
+  Radio Weekly Plan
+</h4>
+<iframe class="weekly-plan" height="400px" width="550px" scrolling="yes" frameborder="0" src=https://senderfm.airtime.pro/embed/weekly-program></iframe>
+<br>
+<br>
+
+<!-- Stream Url:  
+https://senderfm.out.airtime.pro/senderfm_a -->
+
+<style type="text/css">
+  .logo {
+    margin-top: 48px;
+    margin-bottom: 48px;
+  }
+
+  .h3-headline-big {
+    font-size: 64px;
+    margin-top: 12px;
+    margin-bottom: 8px;
+  }
+
+  .h3-headline {
+    font-size: 24px;
+    margin-top: 12px;
+    margin-bottom: 8px;
+  }
+
+  .h4-headline {
+    font-size: 18px;
+    margin-top: 12px;
+    margin-bottom: 8px;
+  }
+
+  .paragraph {
+    font-size: 16px;
+    margin-top: 0px;
+    margin-bottom: 8px;
+  }
+
+  .link {
+    margin-top: 4px;
+    margin-bottom: 8px;
+  }
+
+  .player {
+    margin-top: 0px;
+    margin-bottom: 12px;
+  }
+
+  .weekly-plan {
+    margin-top: 0px;
+    margin-bottom: 0px;
+    margin-left: -20px;
+  }
+</style>