Update videos

website/content/welcome.md

@@ -27,7 +27,7 @@ We have sent you an invitation to join the camp-announce mailing list, but Gmail
 
 Akshay has created a [video](https://videos.fsci.in/videos/watch/76f79bb3-b5ca-4929-8ceb-74bb18783803) to explain how to join the mailing list:
 
-<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>
 
 ## Mastodon/Fediverse:
 
@@ -37,9 +37,17 @@ Mastodon is a Free Software to create a social media service similar to Twitter
 
 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 [https://chat.feneas.org](https://chat.feneas.org), [https://chat.tchncs.de](https://chat.tchncs.de) or [https://chat.privacytools.io](https://chat.privacytools.io), instead of using matrix.org which will help to reduce their server load.
 
-Akhil has created a [video](https://videos.fsci.in/videos/watch/5fbd125f-d309-4eda-a4af-4009ced56f71) to explain how to use Matrix with Element.
+Akhil has created a [video](https://videos.fsci.in/videos/watch/5fbd125f-d309-4eda-a4af-4009ced56f71) to explain how to use Matrix with Element:
 
-<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>
+<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>
+
+## BigBlueButton:
+
+BigBlueButton is a browser-based free software video conferencing platform which we will use for camp presentations, sessions, and other interactive sessions.
+
+Bady has created a [video](https://videos.fsci.in/videos/watch/b3f34489-ad2b-4cfb-956b-7a8bad799d89) to explain how to use BigBlueButton:
+
+<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>
 
 You can reach out to us by mailing to camp at mm.gnu.org.in for any queries or concerns.
 <br><br>

website/layouts/index.html

@@ -110,8 +110,8 @@
             <h1 class="medium-heading" style="color: #469198">Camp Communication Infrastructure</h1>
             <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>
@@ -120,7 +120,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 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>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>

website/static/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;
 }