diff --git a/css/style.css b/css/style.css
index 82de9ed8c3d6f7134751a015e1ec0f374b646123..117702c64aa91157ea28e9c41650d7d738998a0c 100644
--- a/css/style.css
+++ b/css/style.css
@@ -9,6 +9,9 @@ h1, h2{
font-weight: 400;
padding: 20px 10px;
}
+h3 {
+ margin: 32px 0 16px;
+}
ul, ol{
padding-left: 40px;
}
diff --git a/index.html b/index.html
index 433f35bfaa110de7513f990620d27ccabe1f814e..96a98a73ff26422b5dcbe27e01711be04c329ef6 100644
--- a/index.html
+++ b/index.html
@@ -173,10 +173,10 @@
<div class="about-section" style="margin: 10vh auto;">
<div id="tools" class="about-text">
<h1 class="medium-heading" style="color: #469198">Camp Communication Infrastructure</h1>
- <div>
+ <div style="width: 100%;">
<ul>
- <li><a href="https://bigbluebutton.org/" target="_blank">Big Blue Button</a> (browser based free software video conferencing platform) for presentations, sessions, and other interactions.</li>
- <li><a href="https://matrix.org" target="_blank">Matrix</a> rooms for instant messaging.</li>
+ <li><a href="https://videos.fsci.in/videos/watch/b3f34489-ad2b-4cfb-956b-7a8bad799d89" target="_blank">BigBlueButton</a> (browser based free software video conferencing platform) for presentations, sessions, and other interactions.</li>
+ <li><a href="https://videos.fsci.in/videos/watch/5fbd125f-d309-4eda-a4af-4009ced56f71" target="_blank">Matrix</a> rooms for instant messaging.</li>
<li><a href="https://joinmastodon.org/" target="_blank">Mastodon</a> for announcements.</li>
<li><a href="https://videos.fsci.in/videos/watch/76f79bb3-b5ca-4929-8ceb-74bb18783803" target="_blank">Mailing list</a> for announcements and discussions.</li>
<li><a href="https://about.gitlab.com" target="_blank">Gitlab</a> wiki for documentation, etc.</li>
@@ -185,7 +185,12 @@
<li>Each project will have their own project communication platforms.</li>
</ul>
<p>These tools will be introduced during the course of the camp.</p>
- <iframe width="560" height="315" sandbox="allow-same-origin allow-scripts allow-popups" src="https://videos.fsci.in/videos/embed/76f79bb3-b5ca-4929-8ceb-74bb18783803" frameborder="0" allowfullscreen style="padding:10px"></iframe>
+ <h3>Mailman (Mailing List)</h3>
+ <iframe src="https://videos.fsci.in/videos/embed/76f79bb3-b5ca-4929-8ceb-74bb18783803" style="min-height: 400px; width: 100%;" frameborder="0" sandbox="allow-same-origin allow-scripts" allowfullscreen="allowfullscreen"></iframe>
+ <h3>Matrix (Instant Messaging)</h3>
+ <iframe src="https://videos.fsci.in/videos/embed/5fbd125f-d309-4eda-a4af-4009ced56f71" style="min-height: 400px; width: 100%;" frameborder="0" sandbox="allow-same-origin allow-scripts" allowfullscreen="allowfullscreen"></iframe>
+ <h3>BigBlueButton (Web Conferencing)</h3>
+ <iframe src="https://videos.fsci.in/videos/embed/b3f34489-ad2b-4cfb-956b-7a8bad799d89" style="min-height: 400px; width: 100%;" frameborder="0" sandbox="allow-same-origin allow-scripts" allowfullscreen="allowfullscreen"></iframe>
</div>
</div>
</div>
diff --git a/welcome/index.html b/welcome/index.html
index 04703c8710f0ac15a4f4ae3f8fadf3962ef04683..2fe04254baa480405216c214a62736d2aa745fc5 100644
--- a/welcome/index.html
+++ b/welcome/index.html
@@ -83,13 +83,17 @@ We have received your application to join Free Software Camp 2020 organized by F
<p>A mail send to a mailing list is distributed to all members, so when we send an email to camp-announce mailing list, all of you will get a copy of the mail.</p>
<p>We have sent you an invitation to join the camp-announce mailing list, but Gmail seems to be marking it as spam even though we have correct DKIM and SPF records (these are standards for authenticating emails) for our emails. If you mark the invitation as not spam, it may help new people receive the mail in their inbox.</p>
<p>Akshay has created a <a href="https://videos.fsci.in/videos/watch/76f79bb3-b5ca-4929-8ceb-74bb18783803">video</a> to explain how to join the mailing list:</p>
-<iframe width="560" height="315" sandbox="allow-same-origin allow-scripts allow-popups" src="https://videos.fsci.in/videos/embed/76f79bb3-b5ca-4929-8ceb-74bb18783803" frameborder="0" allowfullscreen style="padding:10px"></iframe>
+<iframe src="https://videos.fsci.in/videos/embed/76f79bb3-b5ca-4929-8ceb-74bb18783803" style="min-height: 400px; width: 100%; margin: 10px;" frameborder="0" sandbox="allow-same-origin allow-scripts" allowfullscreen="allowfullscreen"></iframe>
<h2 id="mastodonfediverse">Mastodon/Fediverse:</h2>
<p>Mastodon is a Free Software to create a social media service similar to Twitter in features. Unlike twitter, mastodon is not controlled by a single company. Many people and organizations around the world run their own mastodon services which are referred to as instances and users of any of these instances can interact with users of any other instance. Additionally there are other software interoperable with mastodon and all of it together constitute the fediverse. Some other software part of the Fediverse are Pleroma, Friendica, Peertube, Pixelfed etc.</p>
<h2 id="matrixelement">Matrix/Element:</h2>
<p>Matrix is a communication protocol for sharing instant messages, photos, files and audio/video calls. Element is most feature-complete app for Matrix protocol and is available on smart phones and laptop/desktop. Matrix has a similar decentralized architecture to mastodon, where different people and organizations provide an interoperable network of home servers (similar to an instance of mastodon). If you are new to using matrix, you can sign up for accounts by following instructions at <a href="https://chat.feneas.org">https://chat.feneas.org</a>, <a href="https://chat.tchncs.de">https://chat.tchncs.de</a> or <a href="https://chat.privacytools.io">https://chat.privacytools.io</a>, instead of using matrix.org which will help to reduce their server load.</p>
-<p>Akhil has created a <a href="https://videos.fsci.in/videos/watch/5fbd125f-d309-4eda-a4af-4009ced56f71">video</a> to explain how to use Matrix with Element.</p>
-<iframe width="560" height="315" sandbox="allow-same-origin allow-scripts allow-popups" src="https://videos.fsci.in/videos/embed/5fbd125f-d309-4eda-a4af-4009ced56f71" frameborder="0" allowfullscreen style="padding:10px"></iframe>
+<p>Akhil has created a <a href="https://videos.fsci.in/videos/watch/5fbd125f-d309-4eda-a4af-4009ced56f71">video</a> to explain how to use Matrix with Element:</p>
+<iframe src="https://videos.fsci.in/videos/embed/5fbd125f-d309-4eda-a4af-4009ced56f71" style="min-height: 400px; width: 100%; margin: 10px;" frameborder="0" sandbox="allow-same-origin allow-scripts" allowfullscreen="allowfullscreen"></iframe>
+<h2 id="bigbluebutton">BigBlueButton:</h2>
+<p>BigBlueButton is a browser-based free software video conferencing platform which we will use for camp presentations, sessions, and other interactive sessions.</p>
+<p>Bady has created a <a href="https://videos.fsci.in/videos/watch/b3f34489-ad2b-4cfb-956b-7a8bad799d89">video</a> to explain how to use BigBlueButton:</p>
+<iframe src="https://videos.fsci.in/videos/embed/b3f34489-ad2b-4cfb-956b-7a8bad799d89" style="min-height: 400px; width: 100%; margin: 10px;" frameborder="0" sandbox="allow-same-origin allow-scripts" allowfullscreen="allowfullscreen"></iframe>
<p>You can reach out to us by mailing to camp at mm.gnu.org.in for any queries or concerns.
<br><br>
Regards,</p>