Restructure

views/about-text.twig

@@ -0,0 +1,51 @@
+{#
+/**
+ * Copyright (C) 2026 OTS Signs
+ *
+ * About dialog content for OTS Signs.
+ */
+#}
+{% extends "form-base.twig" %}
+
+{% block formTitle %}{% trans "About" %}{% endblock %}
+
+{% block formButtons %}
+    {% trans "Close" %}, XiboDialogClose()
+{% endblock %}
+
+{% block formHtml %}
+    <div class="about-container">
+        <h2>
+            {% trans "About" %}
+            <a href="https://ots-signs.com" target="_blank" rel="noopener noreferrer">OTS Signs</a>
+        </h2>
+
+        <p class="text-muted">{% trans "OTS Signs provides a compact, focused interface for your digital signage network" %}</p>
+
+        {% set appVersion = version|default("dev") %}
+        {% set appEnvironment = appEnvironment|default(environment|default("local")) %}
+        {% set commitSha = revision|default("") %}
+
+        <div class="about-meta">
+            <div>{% trans "Version" %}: {{ appVersion }}</div>
+            <div>{% trans "Environment" %}: {{ appEnvironment }}</div>
+            {% if commitSha %}
+                <div>{% trans "Commit" %}: {{ commitSha|slice(0, 7) }}</div>
+            {% endif %}
+        </div>
+
+        <div class="about-links">
+            <a href="/privacy">{% trans "Privacy Policy" %}</a>
+            <a href="/terms">{% trans "Terms of Service" %}</a>
+            <a href="/open-source-licenses">{% trans "Open Source Licenses" %}</a>
+        </div>
+
+        <div class="about-disclaimer">
+            <strong>{% trans "Disclaimer:" %}</strong>
+            {% trans "OTS Signs is an custom front end developed by Oribi Technology Services for the Xibo CMS. It is not affiliated with the Xibo project or its maintainers. Xibo is a trademark of Xibo Digital Signage Ltd. Use of Xibo is subject to their terms and conditions." %}
+            <div class="mt-2">
+                <a href="https://source.otshosting.app/OTSSigns/CMS-Server" target="_blank" rel="noopener noreferrer">{% trans "View the CMS server source on GitHub" %}</a>
+            </div>
+        </div>
+    </div>
+{% endblock %}