audon/README.md

@@ -0,0 +1,6 @@
+Audon Addon
+=============
+
+This is a quick and dirty addon to add a [Audon][1] website as an app. This Addon based on webrtc. Audon is a service of realtime audio chat 
+
+[1]: https://codeberg.org/nmkj/audon

audon/audon.php

@@ -0,0 +1,69 @@
+<?php
+/*
+ * Name: Audon Application
+ * Description: add a Audon instance. Based on webRTC Addon
+ * Version: 0.1
+ * Author: Stephen Mahood <https://friends.mayfirst.org/profile/marxistvegan>
+ * Author: Tobias Diekershoff <https://f.diekershoff.de/profile/tobias>
+ * Author: Matthias Ebers <https://loma.ml/profile/feb>
+ */
+
+use Friendica\Core\Hook;
+use Friendica\Core\Renderer;
+use Friendica\DI;
+
+function audon_install()
+{
+	Hook::register('app_menu', __FILE__, 'audon_app_menu');
+}
+
+function audon_app_menu(array &$b)
+{
+	$b['app_menu'][] = '<div class="app-title"><a href="audon">' . DI::l10n()->t('Audon Audiochat') . '</a></div>';
+}
+
+function audon_addon_admin(string &$o)
+{
+	$t = Renderer::getMarkupTemplate('admin.tpl', 'addon/audon/');
+	$o = Renderer::replaceMacros($t, [
+		'$submit'   => DI::l10n()->t('Save Settings'), 
+		'$audonurl' => [
+			'audonurl', 
+			DI::l10n()->t('Audon Base URL'), 
+			DI::config()->get('audon','audonurl'), 
+			DI::l10n()->t('Page your users will create an Audon audio chat room on. For example you could use https://audon.space.'), 
+		], 
+	]);
+}
+
+function audon_addon_admin_post()
+{
+	DI::config()->set('audon', 'audonurl', trim($_POST['audonurl'] ?? ''));
+}
+
+/**
+ * This is a statement rather than an actual function definition. The simple
+ * existence of this method is checked to figure out if the addon offers a
+ * module.
+ */
+function audon_module() {}
+
+function audon_content(): string
+{
+	$o = '';
+
+	/* landingpage to create chatrooms */
+	$audonurl = DI::config()->get('audon', 'audonurl');
+
+
+	/* embedd the landing page in an iframe */
+	$o .= '<h2>' . DI::l10n()->t('Audio Chat') . '</h2>';
+	$o .= '<p>' . DI::l10n()->t('Audon is an audio conferencing tool. Connect your account to Audon and create a room. Share the generated link to talk to other participants.') . '</p>';
+	if ($audonurl == '') {
+		$o .= '<p>' . DI::l10n()->t('Please contact your Friendica administrator to remind them to configure the Audon addon.') . '</p>';
+	} else {
+		$o .= '<iframe src="' . $audonurl . '" width="740px" height="600px"></iframe>';
+	}
+
+	return $o;
+}

audon/lang/C/messages.po

@@ -0,0 +1,52 @@
+# ADDON audon
+# Copyright (C) 
+# This file is distributed under the same license as the Friendica audon addon package.
+# 
+#
+#, fuzzy
+msgid ""
+msgstr ""
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2023-08-18 18:23+0200\n"
+"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
+"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
+"Language-Team: LANGUAGE <LL@li.org>\n"
+"Language: \n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+
+#: audon.php:22
+msgid "Audon Audiochat"
+msgstr ""
+
+#: audon.php:29
+msgid "Save Settings"
+msgstr ""
+
+#: audon.php:32
+msgid "Audon Base URL"
+msgstr ""
+
+#: audon.php:34
+msgid ""
+"Page your users will create an Audon audio chat room on. For example you "
+"could use https://audon.space."
+msgstr ""
+
+#: audon.php:60
+msgid "Audio Chat"
+msgstr ""
+
+#: audon.php:61
+msgid ""
+"Audon is an audio conferencing tool. Connect your account to Audon and "
+"create a room. Share the generated link to talk to other participants."
+msgstr ""
+
+#: audon.php:63
+msgid ""
+"Please contact your Friendica administrator to remind them to configure the "
+"Audon addon."
+msgstr ""

audon/templates/admin.tpl

@@ -0,0 +1,2 @@
+{{include file="field_input.tpl" field=$audonurl}}
+<button type="submit">{{$submit}}</button>

pageheader/pageheader.css

@@ -16,8 +16,18 @@
 }
 
 .pageheader {
-    text-align: center;
+    text-align: left; /* center > left */
 	width: 100%;
 	margin-top: 25px;
-	font-size: 20px;
+	font-size: 1.55rem; /* 20px > 1.55rem */
+}
+
+/* The pageheader box */
+.pageheader {
+  padding: 20px;
+  background-color: #2eb885; /* Green */
+  color: white;
+  border: 1px solid transparent;
+  border-radius: 2px;
+  margin-bottom: 15px;
 }