This is an automated email from the ASF dual-hosted git repository.
solomax pushed a commit to branch site/reflow-2.3.5
in repository https://gitbox.apache.org/repos/asf/openmeetings.git
The following commit(s) were added to refs/heads/site/reflow-2.3.5 by this push:
new e37591b17 [OPENMEETINGS-2805] More work on new site
e37591b17 is described below
commit e37591b173032c8240de3881a3183fd69cfcd1cb
Author: Maxim Solodovnik <[email protected]>
AuthorDate: Thu Nov 27 11:09:56 2025 +0700
[OPENMEETINGS-2805] More work on new site
---
openmeetings-server/src/site/markdown/index.md | 438 ++++-----------------
.../src/site/resources/css/site.css | 41 +-
pom.xml | 14 +-
3 files changed, 84 insertions(+), 409 deletions(-)
diff --git a/openmeetings-server/src/site/markdown/index.md
b/openmeetings-server/src/site/markdown/index.md
index 61ab42716..760334c65 100644
--- a/openmeetings-server/src/site/markdown/index.md
+++ b/openmeetings-server/src/site/markdown/index.md
@@ -8,14 +8,14 @@ Licensed under the Apache License, Version 2.0 (the
"License") http://www.apache
<slide>
<slide-image src="images/screenshots/screenshot_OM6-2.jpg"
class="d-block w-100" alt="Conference Room" />
<slide-caption class="d-none d-md-block" >
- <h5>Audio/Video Conferencing</h5>
+ <h5 class="no-anchor">Audio/Video Conferencing</h5>
<p>HTML5 Audio/Video conferencing with OpenMeetings in web and
mobile.</p>
</slide-caption>
</slide>
<slide>
<slide-image src="images/screenshots/calendar-screenshot.png"
class="d-block w-100" alt="Calendar" />
<slide-caption class="d-none d-md-block" >
- <h5>Calendar</h5>
+ <h5 class="no-anchor">Calendar</h5>
<p>You can create meetings with the integrated calendar,
conference rooms and invitations are
automatically send to everybody</p>
</slide-caption>
@@ -23,7 +23,7 @@ Licensed under the Apache License, Version 2.0 (the
"License") http://www.apache
<slide>
<slide-image src="images/screenshots/file-explorer.png" class="d-block
w-100" alt="File Explorer" />
<slide-caption class="d-none d-md-block" >
- <h5>File Explorer</h5>
+ <h5 class="no-anchor">File Explorer</h5>
<p>Each room has its own File-Explorer. Each user has his own
private drive and additionally there
is a public drive to share files with other
participants</p>
</slide-caption>
@@ -31,7 +31,7 @@ Licensed under the Apache License, Version 2.0 (the
"License") http://www.apache
<slide>
<slide-image src="images/screenshots/integration-api.png"
class="d-block w-100" alt="Integration API" />
<slide-caption class="d-none d-md-block" >
- <h5>Integration API</h5>
+ <h5 class="no-anchor">Integration API</h5>
<p>There is a REST (and SOAP) API to integrate into your
website or intranet, as well
as LDAP/ADS connectors and VoIP/Asterisk
integration modules</p>
</slide-caption>
@@ -39,7 +39,7 @@ Licensed under the Apache License, Version 2.0 (the
"License") http://www.apache
<slide>
<slide-image src="images/screenshots/private-messages.png"
class="d-block w-100" alt="Private messages and contacts" />
<slide-caption class="d-none d-md-block" >
- <h5>Private messages and contacts</h5>
+ <h5 class="no-anchor">Private messages and contacts</h5>
<p>From the private message center you can send invitations by
email
and attach meeting invitations to every
email</p>
</slide-caption>
@@ -47,7 +47,7 @@ Licensed under the Apache License, Version 2.0 (the
"License") http://www.apache
<slide>
<slide-image src="images/screenshots/private-messages.png"
class="d-block w-100" alt="Administration" />
<slide-caption class="d-none d-md-block" >
- <h5>Administration and Configuration</h5>
+ <h5 class="no-anchor">Administration and Configuration</h5>
<p>You can do screen sharing as well as recording of whole
sessions including audio/video.
Recordings can be downloaded as MP4 or watched
online in the integrated player.</p>
</slide-caption>
@@ -55,7 +55,7 @@ Licensed under the Apache License, Version 2.0 (the
"License") http://www.apache
<slide>
<slide-image src="images/screenshots/recordings-playback.png"
class="d-block w-100" alt="Share and Record" />
<slide-caption class="d-none d-md-block" >
- <h5>Screen sharing and Recording</h5>
+ <h5 class="no-anchor">Screen sharing and Recording</h5>
<p>>You can do screen sharing as well as recording of whole
sessions including audio/video.
Recordings can be downloaded as MP4 or watched
online in the integrated player.</p>
</slide-caption>
@@ -79,370 +79,72 @@ OpenMeetings is a project of The Apache Software
Foundation, the old project
website at <a href="http://code.google.com/p/openmeetings/";
target="_blank">GoogleCode</a>
will receive no updates anymore. The website at Apache is the only place that
receives updates.
+# News
+
+{{% card class="callout border-danger" %}}
+
+<!--
+<card-body>
+ <h4 class="card-title">Version 8.1.0 released!</h4>
+ <p class="card-text">
+ Release 8.1.0, provides following improvements:<br/>
+ <br/>
+
+ Security:
+ <ul>
+ <li>All libraries are updated to most recent
versions</li>
+ </ul>
+
+ WB:
+ <ul>
+ <li>Whiteboard video player controls are fixed</li>
+ </ul>
+ <br/>
+ <br/>
+ Other fixes and improvements
+ <br/>
+
+ <span>
+ 9 issues are fixed please check <br/>
+ <a
href="https://www.apache.org/dist/openmeetings/8.1.0/CHANGELOG.md";>CHANGELOG</a>
and
+ <a
href="https://issues.apache.org/jira/secure/ReleaseNote.jspa?projectId=12312720&version=12355537";>Detailed
list</a>
+ </span>
+ </p>
+ <footer>
+ <span> See <a href="downloads.html">Downloads page</a>.</span>
+ <span class="text-info float-right">(2025-09-12)</span>
+ </footer>
+</card-body>
+-->
+
+{{% /card %}}
+
+{{% card class="callout border-info" %}}
+
<!--
- <hr/>
- <section name="Apache OpenMeetings - Features and overview">
- <p>Openmeetings provides video conferencing, instant
messaging,
- white board, collaborative document editing and
other groupware
- tools. It uses API functions of Media Server
for Remoting
- and Streaming Kurento.
- </p>
- <p>
- OpenMeetings is a project of The Apache
Software Foundation, the old project
- website at <a
href="http://code.google.com/p/openmeetings/"; target="_blank">GoogleCode</a>
- will receive no updates anymore. The website at
Apache is the only place that receives updates.
- </p>
- </section>
- <section name="News">
- <div class="bd-callout bd-callout-danger">
- <div class="h4">Version 8.1.0 released!</div>
- <div>Release 8.1.0, provides following
improvements:<br/>
- <br/>
+<card-body>
+ <span class="text-info float-right"><a href="NewsArchive.html">You can
find older news here</a></span>
+</card-body>
+-->
- Security:
- <ul>
- <li>All libraries are updated
to most recent versions</li>
- </ul>
+{{% /card %}}
- WB:
- <ul>
- <li>Whiteboard video player
controls are fixed</li>
- </ul>
- <br/>
- <br/>
- Other fixes and improvements
- </div>
- <br/>
+# Events
- <span>
- 9 issues are fixed please check <br/>
- <a
href="https://www.apache.org/dist/openmeetings/8.1.0/CHANGELOG.md";>CHANGELOG</a>
and
- <a
href="https://issues.apache.org/jira/secure/ReleaseNote.jspa?projectId=12312720&version=12355537";>Detailed
list</a>
- </span>
- <span> See <a href="downloads.html">Downloads
page</a>.</span>
- <span class="date">(2025-09-12)</span>
- </div>
- <div class="bd-callout bd-callout-info">
- <span class="date"><a
href="NewsArchive.html">You can find older news here</a></span>
- </div>
- </section>
- <section name="Events">
- <div>
- <h4>Nearest ApacheCon:</h4>
- <div class="row">
- <div class="col-md-1"></div>
- <div class="col-md-8">
- <a href="#" class="acevent"></a>
- <div class="d-none">
- <- Link to make Whimsy
happy https://whimsy.apache.org/site/project/openmeetings ->
- <a
href="https://www.apache.org/events/current-event";>Apache Event</a>
- </div>
- </div>
- </div>
- </div>
- <div>
- <h4>Other Apache Events</h4>
- <div class="row">
- <div class="col-md-1"></div>
- <div class="col-md-8">
- For the many smaller Apache
project-related events, see <a
href="http://events.apache.org/";>events.apache.org</a>.
- </div>
- </div>
- </div>
- </section>
- <section name="Community">
- <div class="bd-callout bd-callout-info">
- <div class="h4">Who we are</div>
- <div>
- <a href="team.html">Here</a> is the
list of our commiters. Contributions are welcome :)
- </div>
- </div>
- <div class="bd-callout bd-callout-info">
- <div class="h4">Users!</div>
- <div>We'd love to have you involved. Check out
the <a href="get-involved.html">Get involved</a>.</div>
- </div>
- </section>
+### Nearest ApacheCon:
- <section name="Feature details">
- <subsection name="Audio and Video Conferencing">
- <div class="row">
- <div class="col-md-5">
- <a
href="images/screenshots/conference-room-av-settings.jpg"
class="example-image-link"
-
title="OpenMeetings Conference Room" style="float:none; display: block;
width:250px;height:163px;border:0;">
- <img
src="images/screenshots/conference-room-av-settings.jpg" title="OpenMeetings
Conference Room"
-
style="width: 250px; height: 163px;" alt="" />
- </a>
- </div>
- <div class="col-md-5">
- <span class="p_content">There
are four options to use OpenMeetings audio/video functions,
- which you can select
during a conference session.
- </span>
- <ul>
- <li>audio + video</li>
- <li>audio only</li>
- <li>video only</li>
- <li>picture only</li>
- </ul>
- <span
class="p_content">Additional you can change video-/audio-quality, choose
multiple
- camera resolutions
(4:3, 16:9 or 3:2) and choose your input devices.
- </span>
- </div>
- </div>
- </subsection>
- <subsection name="Meeting recording and Screen sharing">
- <div class="row">
- <div class="col-md-5">
- <a
href="images/screenshots/share-screen.jpg" class="example-image-link"
-
title="Screensharing-recording" style="float:none; display: block; width:
200px; height: 221px">
- <img
src="images/screenshots/share-screen.jpg" title="Screensharing-recording"
style="float:none; display: block; width: 200px; height: 221px" alt="" />
- </a>
- <a
href="images/screenshots/recordings-playback.png" class="example-image-link"
- title="Device"
style="float:none; display: block; width: 250px; height: 156px">
- <img
src="images/screenshots/recordings-playback.png" title="Device"
style="float:none; display: block; width: 250px; height: 156px" alt="" />
- </a>
- </div>
- <div class="col-md-5">
- <ul>
- <li>Recorded sessions
contain everything including sound recorded
- from all audio
streams in exactly the way you've seen it in the conference.
- </li>
- <li>Recorded sessions
can be downloaded as MP4 files.</li>
- <li>Possibility to
select the desktop or one of your windows for sharing.</li>
- <li>Different quality
steps for Screensharing.</li>
- <li>Watch and organize
recordings in an integrated Drag and Drop File-Explorer</li>
- </ul>
- </div>
- </div>
- </subsection>
- <subsection name="File Explorer">
- <div class="row">
- <div class="col-md-5">
- <a href="images/file_smal.png"
class="example-image-link"
- title="File
Explorer" style="float:none; display: block;
width:135px;height:200px;border:0;">
- <img
src="images/file_smal.png" title="File Explorer" alt=""
-
style="float:none; display: block; width:135px;height:200px;border:0;"/>
- </a>
- </div>
- <div class="col-md-5">
- <span
class="p_content">Advanced File-Explorer in every conference room, Drag and Drop
- interface for managing
uploaded files, including the possibility to
- create a document tree
with folders.
- </span>
- <br />
- <span class="p_content">
- Private and Public
Drive in File-Explorer. The File-Explorer has two different views, one is the
- <b>Private Drive</b>
and the other the <b>Public Drive</b>. The Private Drive always contains the
same files.
- Those files are visible
only to the user currently loggedin. The Public Drive is not
- bound to the user, but
to the conference room instead. All users in the conference room
- have access to the
Public Drive.
- </span>
- </div>
- </div>
- </subsection>
- <subsection name="Moderating System">
- <div class="row">
- <div class="col-md-5">
- <a
href="images/right_management.png" class="example-image-link"
- title="Right
management" style="float:none; display: block;
width:135px;height:216px;border:0;">
- <img
src="images/right_management.png" title="Right management" alt=""
-
style="float:none; display: block; width:135px;height:216px;border:0;"/>
- </a>
- </div>
- <div class="col-md-5">
- <span class="p_content">During
a conference, the moderator can adjust the user permission to every user
individually.</span>
- <ul>
- <li>
- <img
src="images/user_add.png" class="alignnone" title="Allow modaration" alt="" />
- Allow/Deny
moderation
- </li>
- <li>
- <img
src="images/pencil_add.png" class="alignnone" title="Whiteboard Access" alt=""
/>
- Allow/Deny
right to draw on white board
- </li>
- <li>
- <img
src="images/wand_add.png" class="alignnone" title="Presenter right" alt="" />
- Add/Remove
presenter role
- </li>
- <li>
- <img
src="images/monitor_add.png" class="alignnone" title="Screenshare" alt="" />
- Allow/Deny
screen-sharing/record screen
- </li>
- <li>
- <img
src="images/mouse_add.png" class="alignnone" title="Remote control" alt="" />
- Allow/Deny
Remote Control Screen
- </li>
- <li>
- <img
src="images/microphone_mute_others.png" class="alignnone" title="Right for
'Mute others'" alt="" />
- Allow/Deny
right for 'Mute others'
- </li>
- <li>
- <img
src="images/micro_small.png" class="alignnone" title="Mute others" alt="" />
- Let one user to
speak while others are muted
- </li>
- <li>
- <img
src="images/webcam_add.png" class="alignnone" title="Video" alt="" />
- Allow/Deny Video
- </li>
- <li>
- <img
src="images/microphone_add.png" class="alignnone" title="Audio" alt="" />
- Allow/Deny Audio
- </li>
- </ul>
- </div>
- </div>
- </subsection>
- <subsection name="Multi-Whiteboard and Chat">
- <div class="row">
- <div class="col-md-5">
- <a href="images/whiteboard.png"
class="example-image-link"
-
title="Whiteboard" style="float:none; display: block;
width:240px;height:165px;border:0;">
- <img
src="images/whiteboard.png" title="Whiteboard"
-
style="float:none; display: block; width: 240px; height: 165px" alt="" />
- </a>
- <a href="images/chat.png"
class="example-image-link"
- title="Chat in
Conference Room" style="float:none; display: block;
width:120px;height:240px;border:0;">
- <img
src="images/chat.png" title="Chat in Conference Room"
-
style="float:none; display: block; width: 240px; height: 68px" alt="" />
- </a>
- </div>
- <div class="col-md-5">
- <span class="p_content"
style="width: 450px">
- Multi-Whiteboard, you
can add new whiteboard instances, each
- white board can have
the full range of tools and
- documents inside.
- <br />
- <br />
- Save white boards. You
can save each whiteboard instance as a file.
- The file is located in
the File-Explorer and
- can be drag n' drop'ed
- to the white board
again and organized like any other document,
- image or folder.
- <br />
- <br />
- White board with
drawing, writing, Drag n' Drop, Resizing, Images
- (Drag n' Drop from
File-Explorer),
- Symbol(s)/Cliparts.
- <br />
- <br />
- Full-fit does rescale
the document on the screen to be 100% visible
- on all screens no
matter what kind of screen
- resolution different
users have.
- <br />
- <br />
- You can import from a
wide range of document formats (PDF, DOC, ODT, PPT, et cetera...)
- </span>
- </div>
- </div>
- </subsection>
- <subsection name="User and room management">
- <div class="row">
- <div class="col-md-5">
- <a href="images/dashboard.png"
class="example-image-link"
-
title="Dashboard with MyRooms" style="float:none; display: block;
width:250px;height:130px;border:0;">
- <img
src="images/dashboard.png" title="Dashboard with MyRooms" alt=""
-
style="float:none; display: block; width:250px;height:130px;border:0;"/>
- </a>
- </div>
- <div class="col-md-5">
- <span class="p_content" >
- You can manage users
and multiple organizations in a single
- OpenMeetings instance.
You can also create users that only have
- access via the SOAP-API.
- <br />
- <br />
- MyRooms section. Each
user has by default 2 personal rooms that are
- always accessible
exclusively for that user. There are buttons to
- enter those rooms from
the Dashboard.
- <br />
- <br />
- You can assign
conference room to all users, or you can assign them
- only to specific
user-groups.
- </span>
- </div>
- </div>
- </subsection>
- <subsection name="Private message center">
- <div class="row">
- <div class="col-md-5">
- <a
href="images/privat_messages.png" class="example-image-link"
- title="Private
Messages and Contact Search" style="float:none; display: block;
width:230px;height:125px;border:0;">
- <img
src="images/privat_messages.png" title="Private Messages and Contact Search"
alt=""
-
style="float:none; display: block; width:230px;height:125px;border:0;"/>
- </a>
- </div>
- <div class="col-md-5">
- <span class="p_content">
- Send users messages and
organize them in folders. You can book
- conference rooms by
sending private messages. The booked event
- automatically is in
your and the participants calendar, changes to
- that event will be
populated to all users booked to the event.
- <br />
- <br />
- User contacts, you can
search users and add them to your contacts. You
- can even give them the
right to see your calendar.
- </span>
- </div>
- </div>
- </subsection>
- <subsection name="Plan meetings with integrated
calendar">
- <div class="row">
- <div class="col-md-5">
- <a href="images/calendar.png"
class="example-image-link"
-
title="Calendar" style="float:none; display: block;
width:200px;height:115px;border:0;">
- <img
src="images/calendar.png" title="Calendar" alt=""
-
style="float:none; display: block; width:200px;height:115px;border:0;"/>
- </a>
- </div>
- <div class="col-md-5">
- <ul>
- <li>Plan your
conferencing and invite attendees from OpenMeetings or External.</li>
- <li>The invited
attendees will recieve an E-mail with details to the meetings and a link with a
- secure hash to
the conference room.
- </li>
- <li>Share your calendar
with your contacts.</li>
- </ul>
- </div>
- </div>
- </subsection>
- <subsection name="Polls and Votes">
- <div class="row">
- <div class="col-md-5">
- <a href="images/poll.png"
class="example-image-link"
- title="Create a
poll" style="float:none; display: block; width:250px;height:250px;border:0;">
- <img
src="images/poll.png" title="Create a poll" alt=""
-
style="float:none; display: block; width:250px;height:250px;border:0;"/>
- </a>
- </div>
- <div class="col-md-5">
- <span class="p_content">
- You can create a poll
with yes/no or 1-10 questions, let the
- user vote and see the
voting results.
- <br />
- <br />
- Polls can be stored and
results viewed as pie-chart
- </span>
- </div>
- </div>
- </subsection>
- <subsection name="Backup">
- <div class="row">
- <div class="col-md-5">
- <a href="images/backup.png"
class="example-image-link"
- title="Backup"
style="float:none; display: block; width:240px;height:135px;border:0;">
- <img
src="images/backup.png" title="Backup" alt=""
-
style="float:none; display: block; width:250px;height:135px;border:0;"/>
- </a>
- </div>
- <div class="col-md-5">
- <span class="p_content">You can
backup all user-generated data including files
- uploaded by the users
in a single ZIP file and import that ZIP into
- a new installation of
OpenMeetings again.
- </span>
- </div>
- </div>
- </subsection>
- <- HACK to make whimsy sutisfied:
https://www.apache.org/events/current-event-234x60.png ->
- </section>
- </body>
-</document>
+{{< row >}}
+
+<!--
+<div class="col-1></div>
+<div class="col-8>
+ <a href="#" class="acevent"></a>
+ <div class="d-none">
+ HACK to make whimsy sutisfied
+ (can be checked here:
https://whimsy.apache.org/site/project/openmeetings)
+ <a href="https://www.apache.org/events/current-event";>Apache
Event</a>
+ </div>
+</div>
-->
+
+{{< /row >}}
diff --git a/openmeetings-server/src/site/resources/css/site.css
b/openmeetings-server/src/site/resources/css/site.css
index c004296b1..47f3a6dac 100644
--- a/openmeetings-server/src/site/resources/css/site.css
+++ b/openmeetings-server/src/site/resources/css/site.css
@@ -76,49 +76,10 @@ iframe {
.copyright {
text-align: center;
}
-/*
-// Callouts
-//
https://github.com/twbs/bootstrap/blob/6589408a4b91c0f58fa4ac1508d69e3e9e4345e1/site/docs/4.1/assets/scss/_callouts.scss
-*/
-.bd-callout {
- position: relative;
- padding: 1.25rem;
- margin-top: 1.25rem;
- margin-bottom: 1.25rem;
- border: 1px solid #eee;
+.card.callout {
border-left-width: .25rem;
border-radius: .25rem;
}
-.bd-callout h4, .bd-callout .h4 {
- margin-top: 0;
- margin-bottom: .25rem;
-}
-.bd-callout p:last-child {
- margin-bottom: 0;
-}
-.bd-callout code {
- border-radius: .25rem;
-}
-.bd-callout + .bd-callout {
- margin-top: -.25rem;
-}
-.bd-callout-info { border-left-color: var(--info); }
-.bd-callout-info h4 { color: var(--info); }
-.bd-callout-warning { border-left-color: var(--warning); }
-.bd-callout-warning h4 { color: var(--warning); }
-.bd-callout-danger { border-left-color: var(--danger); }
-.bd-callout-danger h4 { color: var(--danger); }
-
-/*DATE*/
-.bd-callout .date {
- font-size: smaller;
- display: inline-block;
- position: absolute;
- top: 10px;
- inset-inline-end: 20px;
- font-weight: bold;
- color: var(--info);
-}
.grid-striped .row:nth-of-type(odd) {
background-color: rgba(0,0,0,.05);
}
diff --git a/pom.xml b/pom.xml
index c936685fb..888253c2a 100644
--- a/pom.xml
+++ b/pom.xml
@@ -68,7 +68,7 @@
<exec-maven-plugin.version>3.6.2</exec-maven-plugin.version>
<minify-maven-plugin.version>1.7.6</minify-maven-plugin.version>
<license-maven-plugin.version>2.7.0</license-maven-plugin.version>
-
<reflow-maven-skin.version>2.4.0-beta3</reflow-maven-skin.version>
+
<reflow-maven-skin.version>2.4.0-beta4-SNAPSHOT</reflow-maven-skin.version>
<reflow-theme>cerulean</reflow-theme>
<replacer.version>1.5.3</replacer.version>
<xml-maven-plugin.version>1.2.0</xml-maven-plugin.version>
@@ -413,7 +413,19 @@
<releases><enabled>false</enabled></releases>
<snapshots><enabled>true</enabled></snapshots>
</repository>
+ <repository>
+ <id>central-portal-snapshots</id>
+ <name>Central Portal Snapshots</name>
+
<url>https://central.sonatype.com/repository/maven-snapshots/</url>
+ </repository>
</repositories>
+ <pluginRepositories>
+ <pluginRepository>
+ <id>central-portal-snapshots</id>
+ <name>Central Portal Snapshots</name>
+
<url>https://central.sonatype.com/repository/maven-snapshots/</url>
+ </pluginRepository>
+ </pluginRepositories>
<dependencyManagement>
<dependencies>
<dependency>
