From e85ff234e0ab6d90c060965a0c029a59afbc2938 Mon Sep 17 00:00:00 2001 From: plucxyomg Date: Sat, 3 Jan 2026 15:14:27 +0100 Subject: [PATCH] =?UTF-8?q?=D0=97=D0=B0=D0=B3=D1=80=D1=83=D0=B7=D0=B8?= =?UTF-8?q?=D1=82=D1=8C=20=D1=84=D0=B0=D0=B9=D0=BB=D1=8B=20=D0=B2=20=C2=AB?= =?UTF-8?q?templates=C2=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- templates/header.html | 25 ++++++++ templates/landing.html | 129 +++++++++++++++++++++++++++++++++++++++++ templates/login.html | 89 ++++++++++++++++++++++++++++ templates/viewer.html | 51 ++++++++++++++++ 4 files changed, 294 insertions(+) create mode 100644 templates/header.html create mode 100644 templates/landing.html create mode 100644 templates/login.html create mode 100644 templates/viewer.html diff --git a/templates/header.html b/templates/header.html new file mode 100644 index 0000000..0b5d0b3 --- /dev/null +++ b/templates/header.html @@ -0,0 +1,25 @@ + + + + + + +IROS + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/templates/landing.html b/templates/landing.html new file mode 100644 index 0000000..bd9b619 --- /dev/null +++ b/templates/landing.html @@ -0,0 +1,129 @@ + + + + + + IROS + + + + + {{template "header.html" .}} + + + + + + +
+
+ IROS Screenshot +
+
+

The Interactive Remote Overlay System

+

+ IROS is a simple overlay which allows you to display and arrange text, images and other elements on + stream through a web interface. Make your streams more interactive and engaging by allowing your + moderators to control the overlay from their browser. +

+

+ With the editor it's easy to control the overlay from a browser and update it in real time to display + information, images, emotes or other things on stream. +

+

+ See quickstart to get started with a few simple steps or check out the documentation for a more thorough explanation for setting it up and a list of all + features and how to use them. +

+ +

Quickstart

+

+ To get started with IROS you first need to create a new session. This will give you two links, one for + the editor and one for the overlay. The editor is where you can add and edit elements and the overlay is + what you will add to your stream as a browser source. The links can be generated here: +

+ +

Create a session

+ +
+ + + + + +
+ +

+ To generate a session provide a link to your stream and optionally a size of the overlay. The link + is used to embed the stream in the editor so you can see how the overlay will look on stream. The size + should be the resolution of your stream. By default it will be 1920x1080. +

+

+ Important: The generated links should only be shared with people you trust. Anyone that + has access to them can use the editor to change the overlay. +

+ +

Adding the overlay

+

+ To use the overlay you have to add a browser source to your streaming software and point it to the + overlay link. The overlay will automatically update when you make changes in the editor. See the + links below on how to use browser sources in your streaming software. +

+

+

Using the editor

+

+ The editor is where you can add and edit elements displayed in the overlay. It can be accessed through + the editor link using a browser. The editor is designed to be used by moderators so they can show + things on stream while the streamer is AFK or otherwise occupied. Elements can be added via the + buttons at the top of the settings panel. You can move them around by pressing G + and then moving your mouse. The same goes for scaling and rotating with S and + R respectively. For more information on how to use the editor see the documentation. +

+
+
+ + + \ No newline at end of file diff --git a/templates/login.html b/templates/login.html new file mode 100644 index 0000000..4bba51d --- /dev/null +++ b/templates/login.html @@ -0,0 +1,89 @@ + + + + + + + IROS | Dashboard login + + + + + + + + +
+

IROS Dashboard login

+
+ + +
+
+ + + \ No newline at end of file diff --git a/templates/viewer.html b/templates/viewer.html new file mode 100644 index 0000000..947d1cd --- /dev/null +++ b/templates/viewer.html @@ -0,0 +1,51 @@ + + + + + + + IROS | Viewer + {{template "header.html" .}} + + + + + + + + + + + + + + + + + + + +
+ + + + + \ No newline at end of file