From 954359516ae0672b80c2e1ce09882ebc6284b4c6 Mon Sep 17 00:00:00 2001
From: andresancal <56458587+andresancal@users.noreply.github.com>
Date: Fri, 19 Nov 2021 22:06:11 -0600
Subject: [PATCH] Update sesion2.html

---
 ad-21/videojuegos/sesion2.html | 268 +++++++++++++++++++++++++++++++++
 1 file changed, 268 insertions(+)
diff --git a/ad-21/videojuegos/sesion2.html b/ad-21/videojuegos/sesion2.html
index e69de29..44b0b64 100644
--- a/ad-21/videojuegos/sesion2.html
+++ b/ad-21/videojuegos/sesion2.html
@@ -0,0 +1,268 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>PUMM | Programando un Mexico Mejor</title>
+  <!--favicon, imagen en el title-->
+  <link rel="shortcut icon" href="../../favicon.ico" />
+  <!-- Bootstrap core CSS -->
+  <link href="../../libraries/dist/css/bootstrap.min.css" rel="stylesheet" />
+  <!-- Bootstrap icons-->
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet"
+    type="text/css" />
+  <!-- Custom styles for this template -->
+  <link href="../../styles.css" rel="stylesheet" />
+</head>
+
+<body>
+  <nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
+    <div class="container px-4 px-lg-5">
+      <a class="navbar-brand" href="index.html">
+        <img src="../../libraries/assets/landing/logopumm.png" alt="..." style="height: 1.5rem" />
+        Programando un México Mejor</a>
+      <button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse"
+        data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
+        aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="navbarResponsive">
+        <ul class="navbar-nav ms-auto my-2 my-lg-0">
+          <li class="nav-item">
+            <a class="nav-link" href="../../about.html">Acerca del Proyecto</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="../../equipo.html">Equipo</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="../../clases.html">Clases</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="../../recursos.html">Recursos</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </nav>
+  <header class="py-5">
+    <div class="container px-5">
+      <div class="row justify-content-center">
+        <div class="col-lg-8 col-xxl-6">
+          <div class="text-center my-5">
+<!--Cambiar numero de tema-->
+            <h1 class="quote">
+              Tema 2
+            </h1>
+<!--Cambiar numero de sesion-->
+            <h2 class="mb-3">
+              Sesión 2
+            </h2>
+<!--Cambiar fecha-->
+            <h4>Septiembre 18, 2021</h4>
+          </div>
+        </div>
+      </div>
+    </div>
+  </header>
+
+
+  <div id="resource-section" class="album">
+    <div class="container">
+<!--Cambiar titulo de tema-->
+      <h1 class="text-center pb-3">Lógica en Flowlab</h1>
+      <div class="white-bg row py-4">
+        <div class="col-12 col-md-7 col-12 text-center">
+          <h2>¿De qué trata la sesión?</h2>
+<!--Cambiar descripcion de sesion-->
+          <p class="lead text-justify">
+            Existen distintos comportamientos que ayudan a que nuestros objetos sean capaces de moverse, saltar, encogerse y cambiar de color. Esto lo definimos ccon bloques de lógica
+            que al añadirlos nos ayudan a generar mecánocas de juego completas.
+          </p>
+          <p class="card-text">
+<!--Agregar link a la grabacion-->
+            <a target="_blank"
+              href="https://drive.google.com/file/d/1YM2Zmf8FwyhWpzuCHBNYuWeBheTXlQQn/view?usp=sharing"><strong>Link a
+                la grabación</strong></a>
+          </p>
+        </div>
+<!--Cambiar foto representativa-->
+        <div class="col-6 col-md-5 col-12 text-center align-items-center">
+          <img height="265px" width="249px" src="https://drive.google.com/file/d/16WJCTp4b14oJq0qtanBc7-Qk68kEEo9A/view?usp=sharing" />
+        </div>
+      </div>
+      <div class="row pt-3">
+<!--Cambiar el iframe completo con el embed de su pptx -->
+        <iframe
+          src="https://docs.google.com/presentation/d/e/2PACX-1vQqMbm-DsKfOsgW_CP4svODGIC6fi5eyaLmXFmlxEN6TBWsuRfs2R2C_a09KGjrztmNuQAPNypmVEs2/pub?start=true&loop=true&delayms=5000"
+          frameborder="0" width="100%" height="500" allowfullscreen="true" mozallowfullscreen="true"
+          webkitallowfullscreen="true"></iframe>
+      </div>
+      <div class="white-bg row py-3">
+        <div class="col col-md text-center">
+<!--Escribir el nombre de quienes dieron la sesion-->
+          <h3>Maestros: Andrés Sánchez, Ian Aragón y Adrián Montemayor</h3>
+        </div>
+      </div>
+
+      <div class="pb-3"></div>
+
+      <div class="row py-3">
+        <div class="col col-md text-center">
+          <h3>Reto de la semana</h3>
+<!--Agregar descripcion del reto semanal-->
+          <iframe
+            src="https://docs.google.com/presentation/d/e/2PACX-1vT92zwUe8WJ3eocy7UPanS2lEb0xtqlQ2GNFOJqRfy1vz_U4T3v59bMlh4BTusEXQj_7W2O5gcurhJ4/pub?start=false&loop=true&delayms=5000"
+            frameborder="0" width="100%" height="500" allowfullscreen="true" mozallowfullscreen="true"
+            webkitallowfullscreen="true"></iframe>
+          <p class="card-text">
+<!--Agregar link a la solucion del reto semanal-->
+          <a target="_blank"
+            href="https://flowlab.io/game/view/1811001"><strong>Link a
+              la solucion</strong></a>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <footer class="footer bg-light">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-6 h-100 text-center text-lg-start my-auto">
+          <ul class="list-inline mb-2">
+            <li class="list-inline-item">
+              <a href="about.html">Sobre el proyecto</a>
+            </li>
+            <li class="list-inline-item">⋅</li>
+            <li class="list-inline-item"><a href="#!">Contacto</a></li>
+            <li class="list-inline-item">⋅</li>
+            <li class="list-inline-item"><a href="#!">Términos of Use</a></li>
+            <li class="list-inline-item">⋅</li>
+            <li class="list-inline-item">
+              <a href="#!">Política de Privacidad</a>
+            </li>
+          </ul>
+          <p class="text-muted small mb-4 mb-lg-0">
+            &copy; SAITC MTY 2021. Todos los derechos reservados.
+          </p>
+        </div>
+        <div class="col-lg-6 h-100 text-center text-lg-end my-auto">
+          <ul class="list-inline mb-0">
+            <li class="list-inline-item me-4">
+              <a href="https://www.facebook.com/ProgramandoUnMexicoMejor"><i class="bi-facebook fs-3"></i></a>
+            </li>
+            <li class="list-inline-item me-4">
+              <a href="https://www.instagram.com/programandounmexicomejor/"><i class="bi-instagram fs-3"></i></a>
+            </li>
+            <li class="list-inline-item">
+              <a href="https://github.com/saitcmty/pumm-web"><i class="bi-github fs-3"></i></a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </footer>
+
+  <div id="pagination" class="d-flex justify-content-between">
+    <div class="">
+<!--Cambiar tema y sesion, ademas de titulo-->
+      <h4>Módulo 2. Sesión 2.</h4>
+      <p>Lógica en flowlab</p>
+    </div>
+    <div>
+      <ul class="pagination justify-content-end">
+        <li class="page-item"><a class="page-link" href="sesion1.html">1</a></li>
+        <li class="page-item"><a class="page-link" href="sesion2.html">2</a></li>
+        <li class="page-item"><a class="page-link" href="sesion3.html">3</a></li>
+        <li class="page-item"><a class="page-link" href="sesion4.html">4</a></li>
+        <li class="page-item"><a class="page-link" href="sesion5.html">5</a></li>
+        <li class="page-item"><a class="page-link" href="sesion6.html">6</a></li>
+        <li class="page-item"><a class="page-link" href="sesion7.html">7</a></li>
+        <li class="page-item"><a class="page-link" href="sesion8.html">8</a></li>
+        <li class="page-item"><a class="page-link" href="sesion9.html">9</a></li>
+        <li class="page-item"><a class="page-link" href="sesion10.html">10</a></li>
+        <li class="page-item">
+          <a class="page-link" href="sesion2.html">Siguiente</a>
+        </li>
+      </ul>
+    </div>
+  </div>
+
+  <!-- Bootstrap core JavaScript
+      ================================================== -->
+  <!-- Placed at the end of the document so the pages load faster -->
+  <script src="../https://code.jquery.com/jquery-3.2.1.slim.min.js"
+    integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
+    crossorigin="anonymous"></script>
+  <script>
+    window.jQuery ||
+      document.write(
+        '<script src=".././libraries/assets/js/vendor/jquery.min.js"><\/script>'
+      );
+  </script>
+  <script src="../../libraries/assets/js/vendor/popper.min.js"></script>
+  <script src="../../libraries/assets/js/vendor/holder.min.js"></script>
+  <script>
+    $(function () {
+      Holder.addTheme("thumb", {
+        background: "#55595c",
+        foreground: "#eceeef",
+        text: "Thumbnail",
+      });
+    });
+  </script>
+  <script src="../../libraries/dist/js/bootstrap.min.js"></script>
+  <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
+  <script src="../../libraries/assets/js/ie10-viewport-bug-workaround.js"></script>
+
+  <!-- Bootstrap core JS-->
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"></script>
+  <!-- SimpleLightbox plugin JS-->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/SimpleLightbox/2.1.0/simpleLightbox.min.js"></script>
+  <!-- Core theme JS-->
+  <script src="../../js/scripts.js"></script>
+</body>
+
+</html>
+
+<style>
+  header {
+    background-color: #00ACE4;
+    background: linear-gradient(65deg,
+        #00ACE4 0%,
+        rgba(23, 12, 102, 1) 100%);
+  }
+
+  .quote {
+    color: #FFDE59;
+  }
+
+  h2 {
+    color: white;
+  }
+
+  #pagination {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    background: linear-gradient(65deg,
+        #DF2935 0%,
+        rgba(23, 12, 102, 1) 100%);
+    padding: 1rem;
+    height: 90px;
+  }
+
+  footer {
+    margin-bottom: 60px;
+  }
+
+  h4 {
+    color: white;
+  }
+
+  #pagination p {
+    color: white;
+    margin: 0;
+  }
+</style>
