Merge pull request #231 from code4romania/develop

deploy to prod
code4romania · Jun 8, 2020 · 432f416 · 432f416
2 parents 89ae0d8 + 17d0e04
commit 432f416
Show file tree

Hide file tree

Showing 2 changed files with 51 additions and 0 deletions.
diff --git a/frontend/src/components/Conduita/index.js b/frontend/src/components/Conduita/index.js
@@ -2,6 +2,7 @@ import React from "react";
 import { Hero, Instruments } from "@code4ro/taskforce-fe-components";
 import UsefulApps from "../../data/useful-apps";
 import Card from "./../Card";
+import "./styles.scss";
 import conduitaImge1 from "../../images/conduita/1.png";
 import conduitaImge2 from "../../images/conduita/2.png";
 import conduitaImge3 from "../../images/conduita/3.png";
@@ -81,6 +82,19 @@ const Conduita = () => {
               </div>
             </div>
 
+            <h3 className="has-text-info">
+              Ai grijă să porți corect masca de protecție!
+            </h3>
+            <iframe
+              title="Ai grijă să porți corect masca de protecție"
+              width="560"
+              height="315"
+              src="https://www.youtube.com/embed/EHePCW5fyJs"
+              frameBorder="0"
+              allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
+              allowFullScreen
+            ></iframe>
+
             <h3 className="has-text-danger">Ai grijă să NU:</h3>
             <div className="columns  is-desktop has-text-centered-mobile">
               <div className="column">
@@ -116,6 +130,32 @@ const Conduita = () => {
                 </Card>
               </div>
             </div>
+
+            <h3 className="has-text-danger">
+              Ce nu trebuie să faci atunci când porți mască!
+            </h3>
+            <iframe
+              title="Ce nu trebuie să faci atunci când porți mască"
+              width="560"
+              height="315"
+              src="https://www.youtube.com/embed/-dsQiqAUTMU"
+              frameBorder="0"
+              allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
+              allowFullScreen
+            ></iframe>
+
+            <h3 className="has-text-info">
+              Masca de protecție îți poate salva viața!
+            </h3>
+            <iframe
+              title="Masca de protecție îți poate salva viața"
+              width="560"
+              height="315"
+              src="https://www.youtube.com/embed/A8D81ON0psc"
+              frameBorder="0"
+              allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
+              allowFullScreen
+            ></iframe>
           </section>
         </div>
         <aside className="column is-4">

diff --git a/frontend/src/components/Conduita/styles.scss b/frontend/src/components/Conduita/styles.scss
@@ -0,0 +1,11 @@
+.content iframe {
+  margin: 20px auto;
+  display: block;
+}
+
+
+@media (max-width: 1024px) {
+  .content iframe {
+    width: 100%;
+  }
+}