Widget:Media page

Latest revision as of 08:49, 24 August 2023

                   Launch of Open CSP at SMWCon 2022

                       <video id="ocsp-intro" autoplay="" controls>

                           Your browser does not support the video tag.
                       </video>

                   Installing Open CSP

                       <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/ZVyYbnv5l-o" title="Installing Open CSP" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

                   Nasa's Rich Evans about the need for Open CSP

                       <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/S7zshgijB2U" title="NASA Talk on Open CSP" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

@@ Line 1: / Line 1: @@
 <div class="container">
      <div class="row">
-         <div class="col-sm-3">
+         <div class="col-sm-6">
              <div class="card">
-                 <div class="card-header">
+                 <div class="card-header text-white bg-primary">
                      Launch of Open CSP at SMWCon 2022
                  </div>
-                 <div class="card-body">
+                 <div class="card-body p-0">
                      <div class="embed-responsive embed-responsive-16by9">
-                         <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/S7zshgijB2U" title="NASA Talk on Open CSP" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+                         <video id="ocsp-intro" autoplay="" controls>
+                            <source src="/opencsp_launch.mp4" type="video/mp4" />
+                            Your browser does not support the video tag.
+                        </video>
                      </div>
                  </div>
              </div>
          </div>
-         <div class="col-sm-3">
+         <div class="col-sm-6">
              <div class="card">
-                 <div class="card-header">
+                 <div class="card-header text-white bg-primary">
-                     Nasa's Rich Evans about the need to Open CSP
+                     Installing Open CSP
                  </div>
-                 <div class="card-body">
+                 <div class="card-body p-0">
+                    <div class="embed-responsive embed-responsive-16by9">
+                        <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/ZVyYbnv5l-o" title="Installing Open CSP" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="row mt-5">
+        <div class="col-sm-6">
+            <div class="card">
+                <div class="card-header text-white bg-primary">
+                    Nasa's Rich Evans about the need for Open CSP
+                </div>
+                <div class="card-body p-0">
                      <div class="embed-responsive embed-responsive-16by9">
                          <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/S7zshgijB2U" title="NASA Talk on Open CSP" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>