Merge pull request #11 from leynier/master

Youtube video embed and some fixes
cuba-weather · Feb 2, 2020 · 957f6a4 · 957f6a4
2 parents b71870d + 9e47be9
commit 957f6a4
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 16 deletions.
diff --git a/css/cubaweather.css b/css/cubaweather.css
@@ -0,0 +1,15 @@
+.video-container {
+    position: relative;
+    padding-bottom: 56.25%;
+    padding-top: 30px; height: 0; overflow: hidden;
+}
+
+.video-container iframe,
+.video-container object,
+.video-container embed {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
diff --git a/index.html b/index.html
@@ -16,6 +16,7 @@
     <link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet">
     <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
     <link href="css/resume.min.css" rel="stylesheet">
+    <link href="css/cubaweather.css" rel="stylesheet">
 
 </head>
 
@@ -87,10 +88,10 @@ <h1 class="mb-0">
                 </div>
             </div>
             <p class="lead mb-5 text-justify">
-                Nuestro objetivo que desde <strong>cualquier plataforma</strong> se pueda disfrutar de nuestra
-                aplicación y se está trabajando en eso. En un principio nos enfocaremos en Android, iOS, Web, Windows y
-                Linux principalmente, por ser los más usados. Actualmente está disponible la versión para Android desde
-                <a href="https://www.apklis.cu">Apklis</a>.
+                Además que desde <strong>cualquier plataforma</strong> se pueda disfrutar de nuestra
+                aplicación. Actualmente estan disponibles la versión para Android desde
+                <a href="https://apklis.cu/application/com.codestrange.www.cuba_weather">Apklis</a> 
+                y el bot de <a href="https://t.me/cubaweather_bot">Telegram</a>.
             </p>
 
         </div>
@@ -143,7 +144,7 @@ <h3 class="mb-2">Donantes:</h3>
                         </a>
                     </td>
                     <td class="td">
-                        $4.00 CUC
+                        $04.00 CUC
                     </td>
                     <td>
                         <a href="https://twitter.com/cmolinaf96"><i class="fab fa-twitter"></i></a>
@@ -170,7 +171,7 @@ <h3 class="mb-2">Donantes:</h3>
                         <strong>Anónimo</strong>
                     </td>
                     <td class="td">
-                        $1.00 CUC
+                        $01.00 CUC
                     </td>
                     <td>
                     </td>
@@ -182,7 +183,7 @@ <h3 class="mb-2">Donantes:</h3>
                         </a>
                     </td>
                     <td class="td">
-                        $2.00 CUC
+                        $02.00 CUC
                     </td>
                     <td>
                         <a href="https://t.me/Akyra0212"><i class="fab fa-telegram"></i></a>
@@ -195,7 +196,7 @@ <h3 class="mb-2">Donantes:</h3>
                         </a>
                     </td>
                     <td class="td">
-                        $5.00 CUC
+                        $05.00 CUC
                     </td>
                     <td>
                         <a href="https://twitter.com/moviljacuba"><i class="fab fa-twitter"></i></a>
@@ -310,14 +311,16 @@ <h2 class="mb-0">Aspiraciones</h2>
         <div class="w-100">
             <h2 class="mb-4">Prensa</h2>
             <p class="mb-4">
-
-                <figure class="figure">
-                    <a href="https://www.youtube.com/watch?v=iB4JziHmZSU" target="_blank">
-                        <img src="./img/bachecubano.jpg" alt="Video de BacheCubano en Youtube" class="img-fluid">
-                    </a>
-                    <figcaption class="figure-caption">Video sobre la app en en canal de Youtube de <a href="https://www.bachecubano.com">BacheCubano</a></figcaption>
-                </figure>
-
+                <div class="card">
+                    <div class="card-body p-1">
+                        <div class="video-container">
+                            <iframe width="853" height="480" src="https://www.youtube.com/embed/iB4JziHmZSU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+                        </div>
+                    </div>
+                    <div class="card-footer">
+                        Video sobre la aplicación Android en en canal de Youtube de <a href="https://www.bachecubano.com">BacheCubano</a>
+                    </div>
+                </div>
             </p>
             <ul>
                 <li>01/02/2020 - <a