Skip to content

Update sesion2.html #69

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
andresancal wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Update sesion2.html #69

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
268 changes: 268 additions & 0 deletions ad-21/videojuegos/sesion2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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>