Create sender.fm internal organization page

sender-fm · Jul 28, 2021 · 3fd9e69 · 3fd9e69
1 parent c814033
commit 3fd9e69
Show file tree

Hide file tree

Showing 2 changed files with 131 additions and 29 deletions.
diff --git a/branding/locales/html/de/organization.html b/branding/locales/html/de/organization.html
@@ -2,28 +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>Willkommen auf</p>
-<br>
-<h3 style="margin-top: 8px; margin-bottom: 0px;">
+<h1 class="h3-headline-big">
   sender.fm
-</h3>
-<br>
-<p style="margin-top: 0px; margin-bottom: 8px;">
+</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 style="margin-top: 8px; margin-bottom: 8px;">
+<p class="link">
   <a href="/login" target="_blank">
     Zum Login …
   </a><br>
 </p>
 <br>
-<iframe id="embed_player" frameborder="0" width="280" height="216" src="https://senderfm.airtime.pro/embed/player?stream=s1&skin=1"></iframe>
+<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>
-<iframe id="embed_player" frameborder="0" width="350" height="396" src="https://senderfm.airtime.pro/embed/player?stream=s1&skin=2"></iframe>
-<p style="margin-top: 0px; margin-bottom: 8px;">
-  Wochenplan:
-</p>
-<iframe height="400px" width="550px" scrolling="yes" frameborder="0" src=https://senderfm.airtime.pro/embed/weekly-program></iframe>
 
 <!-- Stream Url:  
-https://senderfm.out.airtime.pro/senderfm_a -->
+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/branding/locales/html/en/organization.html b/branding/locales/html/en/organization.html
@@ -2,28 +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>Wellcome to</p>
-<br>
-<h3 style="margin-top: 8px; margin-bottom: 0px;">
+<h1 class="h3-headline-big">
   sender.fm
-</h3>
-<br>
-<p style="margin-top: 0px; margin-bottom: 8px;">
+</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 style="margin-top: 8px; margin-bottom: 8px;">
+<p class="link">
   <a href="/login" target="_blank">
-    To the Login …
+    Login …
   </a><br>
 </p>
 <br>
-<iframe id="embed_player" frameborder="0" width="280" height="216" src="https://senderfm.airtime.pro/embed/player?stream=s1&skin=1"></iframe>
+<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>
-<iframe id="embed_player" frameborder="0" width="350" height="396" src="https://senderfm.airtime.pro/embed/player?stream=s1&skin=2"></iframe>
-<p style="margin-top: 0px; margin-bottom: 8px;">
-  Weekly plan:
-</p>
-<iframe height="400px" width="550px" scrolling="yes" frameborder="0" src=https://senderfm.airtime.pro/embed/weekly-program></iframe>
 
 <!-- Stream Url:  
-https://senderfm.out.airtime.pro/senderfm_a -->
+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>