diff --git a/bigbluebutton-config/web/css/style.css b/bigbluebutton-config/web/css/style.css
old mode 100755
new mode 100644
index 0eb9749d162440f313d4dfcdc2f98b9a8c5fc470..f8533a6cb6844169a97ec483e50f63a0fb1f44f7
--- a/bigbluebutton-config/web/css/style.css
+++ b/bigbluebutton-config/web/css/style.css
@@ -108,7 +108,7 @@ input {
height: auto;
text-align: center;
z-index: 100;
- color: #fff;
+ color: #edf4fb;
font-size: 40px;
}
diff --git a/bigbluebutton-config/web/images/bbb-logo.png b/bigbluebutton-config/web/images/bbb-logo.png
index 3737f7c5773ebbca34a14ccd00560893c3c3166a..6b8412e87966b8dce560c5984195f1bf72266942 100644
Binary files a/bigbluebutton-config/web/images/bbb-logo.png and b/bigbluebutton-config/web/images/bbb-logo.png differ
diff --git a/bigbluebutton-config/web/images/blankoverview.png b/bigbluebutton-config/web/images/blankoverview.png
new file mode 100644
index 0000000000000000000000000000000000000000..4104c66e9614f781e131f4d23b6d23a94a8fab95
Binary files /dev/null and b/bigbluebutton-config/web/images/blankoverview.png differ
diff --git a/bigbluebutton-config/web/index.html b/bigbluebutton-config/web/index.html
index 3e8f53eed8ced5d50813c2edd16b0e40d4917229..94940f71d48a44a8694178b09eadb28e34e907c4 100644
--- a/bigbluebutton-config/web/index.html
+++ b/bigbluebutton-config/web/index.html
@@ -1,3 +1,4 @@
+
<!DOCTYPE html>
<html>
<head>
@@ -34,7 +35,7 @@
<div class='navbar'>
<div class='container'>
<div class="logo">
- <img src="images/bbb-logo.png" alt="BigBlueButton Demo"/>
+ <img src="images/bbb-logo.png" width="240" alt="BigBlueButton Demo"/>
</div>
</div>
</div>
@@ -51,7 +52,8 @@
<div class='span six html5clientOnly input-center'>
<div class='join-meeting '>
<h4>Try BigBlueButton</h4>
- <p>(no app required)</p>
+ <p>(requires <a href="http://docs.bigbluebutton.org/2.2/install.html#5-install-api-demos-optional">API demos</a> to be installed)</p>
+
<form name="form1" method="GET" onsubmit="return checkform(this);" action="/demo/demoHTML5.jsp">
<input type="text" id="username" required="" name="username" placeholder="Enter Your Name" size="29" class="field input-default" autofocus>
@@ -60,7 +62,8 @@
<input type="hidden" name="action" value="create">
</form>
- <a class="watch" href="https://www.youtube.com/watch?v=d5v6Uar79Yc" class="pull-right">Watch overview of BigBlueButton (YouTube)</a>
+ <a class="watch" href="https://www.youtube.com/watch?v=uYYnryIM0Uw;feature=youtu.be" class="pull-right">Viewer Overview</a> -
+ <a class="watch" href="https://www.youtube.com/watch?v=Q2tG2SS4gXA&feature=youtu.be" class="pull-right">Moderator Overview</a>
</div>
</div>
@@ -71,13 +74,12 @@
<div class='row'>
<div >
<h2>Built for online learning</h2>
- <p> BigBlueButton is an open source web conferencing system built for on-line learning.</p>
- <p>BigBlueButton provides all the core capabilities you expect in a web conferencing system: real-time sharing of audio, video, presentation, and screen. BigBlueButton gives you many ways to engage users with interactive chat (public and private), multi-user whiteboard, shared notes, emojis, polling, and breakout rooms. You can record any session for later playback.</p>
- <p> BigBlueButton client is pure <a href="https://www.youtube.com/watch?v=d5v6Uar79Yc">HTML5 client</a>. There is no app to install. The HTML5 client runs on all devices: laptop, desktop, chromebook and mobile (Android 6.0+ and iOS 12.2+). The HTML5 client uses the browser's built-in support for <a href="https://webrtc.org/">web real-time communications (WebRTC)</a> to share audio, video, and screen with other users. We recommend Chrome and FireFox as they have the best support for WebRTC.</p>
+ <p> BigBlueButton is an open source web conferencing system for on-line learning.</p>
+ <p> BigBlueButton gives you all the core features you would expect from a commercial web conferencing system (but under an open source license), including real-time sharing of audio, video, presentation, and screen – along with collaboration tools such as multi-user whiteboard, shared notes, polling, public/private chat, emojis, and breakout rooms. BigBlueButton can record your sessions for later playback. </p>
+ <p> BigBlueButton runs on desktop and laptop computers witin latest version of Chrome, FireFox, or Edge browser. There is no binary to download, no application to install. BigBlueButton runs within Safari Mobile (default browser) on iOS version 12.2+, and the Chrome browser on Android version 6.0+. BigBlueButton also runs on Chromebooks using the Chrome browser.</p>
+
+ <p> For more information visit our <a href="https://bigbluebutton.org/">website</a>, <a href="https://docs.bigbluebutton.org/">documentation</a>, and <a href="https://demo.bigbluebutton.org/">demo server</a>.</p>
- <h4>For Developers</h4>
- <p> Under the hood, the HTML5 client uses the React for a responsive experience. The BigBlueButton project is <a href="http://bigbluebutton.org/support">supported</a> by a community of developers that care about good design and a streamlined user experience. See <a href="http://docs.bigbluebutton.org" target="_blank">our documentation site</a> for more information on how you can integrate BigBlueButton with your project.</p>
- </div>
<div class="span one"></div>
</div>
@@ -107,7 +109,7 @@
<i class="fa fa-pencil-square-o"></i>
<div class="bbb-features-content">
- <h3>Whiteboard</h3>
+ <h3><a href="https://youtu.be/Q2tG2SS4gXA?t=190">Whiteboard</a></h3>
<p>The whiteboard controls let you annotate key parts of your presentation.</p>
</div>
</div>
@@ -116,8 +118,8 @@
<i class="fa fa-desktop"></i>
<div class="bbb-features-content">
- <h3><a href="https://youtu.be/xTFuEvmEqB0">Desktop Sharing</a></h3>
- <p>You can broadcast your desktop for all users to see (requires lastest version of Java for presenter only).</p>
+ <h3><a href="https://youtu.be/Q2tG2SS4gXA?t=331">Screen Sharing</a></h3>
+ <p>You can broadcast your desktop for all users to see.</p>
</div>
</div>
</div>
@@ -128,7 +130,7 @@
<i class="fa fa-microphone"></i>
<div class="bbb-features-content">
- <h3><a href="https://youtu.be/4Y__UsUrRx0">WebRTC Audio</a></h3>
+ <h3><a href="https://youtu.be/uYYnryIM0Uw?t=4">Audio</a></h3>
<p>Users of Chrome and FireFox browsers will benefit from high-quality, low-latency WebRTC audio.</p>
</div>
</div>
@@ -146,7 +148,7 @@
<i class="fa fa-video-camera"></i>
<div class="bbb-features-content">
- <h3>Web Cam</h3>
+ <h3><a href="https://youtu.be/uYYnryIM0Uw?t=117">Webcam</a></h3>
<p>Multiple users can share their webcam at the same time. There is no built-in limit on the number of simultaneously active webcams.</p>
</div>
</div>
@@ -157,7 +159,7 @@
<i class="fa fa-smile-o"></i>
<div class="bbb-features-content">
- <h3>Emoji</h3>
+ <h3><a href="https://youtu.be/uYYnryIM0Uw?t=107">Emoji</a></h3>
<p>Students can raise hand and use emoji icons for feedback.</p>
</div>
</div>
@@ -166,7 +168,7 @@
<i class="fa fa-check-square-o"></i>
<div class="bbb-features-content">
- <h3>Polling</h3>
+ <h3><a href="https://youtu.be/Q2tG2SS4gXA">Polling</a></h3>
<p>You can poll students anytime to increase engagement.</p>
</div>
</div>
@@ -175,7 +177,7 @@
<i class="fa fa-comments-o"></i>
<div class="bbb-features-content">
- <h3>Chat</h3>
+ <h3><a href="https://youtu.be/uYYnryIM0Uw?t=50">Chat</a></h3>
<p>You can interact with students through public and private chat.</p>
</div>
</div>
@@ -186,7 +188,7 @@
<i class="fa fa-cc"></i>
<div class="bbb-features-content">
- <h3><a href="https://youtu.be/vDpurrMgal0">Live Captioning</a></h3>
+ <h3><a href="https://youtu.be/feC_zm1y3N4">Live Captioning</a></h3>
<p>You can enter live captions for students. These captions will later appear as subtitles in recordings.</p>
</div>
</div>
@@ -195,7 +197,7 @@
<i class="fa fa-users"></i>
<div class="bbb-features-content">
- <h3><a href="https://youtu.be/q5N-lcocJss">Breakout Rooms</a></h3>
+ <h3><a href="https://youtu.be/Q2tG2SS4gXA?t=126">Breakout Rooms</a></h3>
<p>You can group and place students into breakout rooms (full BigBlueButton sessions) for give number of minutes for increased collaboration.</p>
</div>
</div>
@@ -221,27 +223,27 @@
</div>
<div class='span four first video-item'>
- <a href="https://www.youtube.com/watch?v=4Y__UsUrRx0&feature=youtu.be" target="_blank">
+ <a href="https://www.youtube.com/watch?v=uYYnryIM0Uw" target="_blank">
<div class="video-btn"><i class="fa fa-play-circle-o"></i></div>
- <img src="images/bbb-setup-audio.jpg" alt="Setting Up Audio"/>
+ <img src="images/bbb-viewer-overview.png" alt="BigBlueButton Viewer Overview Video"/>
</a>
- <h3><a href="https://www.youtube.com/watch?v=4Y__UsUrRx0&feature=youtu.be" title="Setup Audio" target="_blank">Setting Up Audio</a></h3>
+ <h3><a href="https://www.youtube.com/watch?v=uYYnryIM0Uw;feature=youtu.be" title="Viewer Overview" target="_blank">Viewer Overview</a></h3>
</div>
<div class='span four video-item'>
- <a href="https://www.youtube.com/watch?v=uYYnryIM0Uw" target="_blank">
+ <a href="https://www.youtube.com/watch?v=Q2tG2SS4gXA&feature=youtu.be" target="_blank">
<div class="video-btn"><i class="fa fa-play-circle-o"></i></div>
- <img src="images/bbb-viewer-overview.png" alt="BigBlueButton Viewer Overview Video"/>
+ <img src="images/bbb-presenter-overview.png" alt="Moderator/Presenter Overview Video"/>
</a>
- <h3><a href="https://www.youtube.com/watch?v=uYYnryIM0Uw;feature=youtu.be" title="Student Overview" target="_blank">Viewer Overview</a></h3>
+ <h3><a href="https://www.youtube.com/watch?v=Q2tG2SS4gXA&feature=youtu.be" title="Moderator/Presenter Overview" target="_blank">Moderator/Presenter Overview</a></h3>
</div>
<div class='span four last video-item'>
- <a href="https://www.youtube.com/watch?v=Q2tG2SS4gXA&feature=youtu.be" target="_blank">
+ <a href="https://bigbluebutton.org/videos" target="_blank">
<div class="video-btn"><i class="fa fa-play-circle-o"></i></div>
- <img src="images/bbb-presenter-overview.png" alt="Moderator/Presenter Overview Video"/>
+ <img src="images/blankoverview.png" alt="More videos"/>
</a>
- <h3><a href="https://www.youtube.com/watch?v=Q2tG2SS4gXA&feature=youtu.be" title="Moderator/Presenter Overview" target="_blank">Moderator/Presenter Overview</a></h3>
+ <h3><a href="https://bigbluebutton.org/videos" title="More Videos" target="_blank">More Videos</a></h3>
</div>
</div>
</div>
@@ -272,7 +274,7 @@
<div class="row">
<div class="span twelve center">
- <p>Copyright © 2019 BigBlueButton Inc.<br>
+ <p>Copyright © 2020 BigBlueButton Inc.<br>
<small>Version <a href="http://docs.bigbluebutton.org/">2.2-RC</a></small>
</p>
</div>
@@ -281,4 +283,3 @@
</footer>
</body>
</html>
-