mgaitan/README.md

## README.md

      
    Raw
  

              README.md
            
          
Oscar Zago es el presidente del bloque de Diputados de La Libertad Avanza.
Al menos durante declaraciones a periodísticas, parece tener problemas mandibulares. ¡Ayudale a dejarla en su lugar!
Este es un juego sin fines de lucro que no juzga las libertades de los individuos
para consumir sustancias o votar leyes de acuerdo a sus creencias.
Cómo jugar

Ingresa a https://mgaitan.github.io/mandibula/ .

Haz click sobre el diputado Zago
Si la mandíbula está en la posición correcta (digamos), perfecto, pasarás al cuarto intermedio 😉
Si por el contrario la mandíbula está en la posición incorrecta, deberás seguir intentando.


## francos.png

      
    Raw
  

              francos.png
            
          
## index.html
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Súper Mandíbula</title>
<style>
  body, html {
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f0f0f0; /* Color de fondo opcional */
  }

  #imageContainer {
    /* Centrado mediante flexbox */
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #imageContainer > img {
    width: 900px;
    height: auto;
  }

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

</style>

<meta property="og:type" content="website">
<meta property="og:url" content="https://mgaitan.github.io/mandibula/">
<meta property="og:title" content="Súper Mandibula Zago">
<meta property="og:description" content="Enderezá la mandíbula de Zago y pasá al cuarto intermedio.">
<meta property="og:image" content="https://mgaitan.github.io/mandibula/preview.jpg">

<link rel="preload" href="zago0.png" as="image">
<link rel="preload" href="menem.png" as="image">
<link rel="preload" href="francos.png" as="image">
<link rel="preload" href="santillan.png" as="image">
<link rel="preload" href="zago1.png" as="image">
<link rel="preload" href="zago2.png" as="image">
<link rel="preload" href="zago3.png" as="image">
<link rel="preload" href="zago4.png" as="image">

</head>
<body>

<div id="myModal" class="modal">
  <div class="modal-content">
    <span class="close">&times;</span>

    <p>Oscar Zago es el presidente del bloque de Diputados de La Libertad Avanza.</p>
    <p>Al menos durante declaraciones periodísticas, parece tener <a href="https://www.youtube.com/watch?v=Lt3Z4YY8d0w" rel="nofollow">problemas mandibulares</a>. <b>¡Ayudale a dejarla en su lugar!</b></p>
    <p>Este es un juego sin fines de lucro que no juzga las libertades de los individuos
    para consumir sustancias o votar leyes de mierda de acuerdo a sus creencias.</p>

    <h2>Cómo jugar</h2>

    <ul>
    <li>Hacé click sobre el diputado Zago</li>
    <li>Si su mandíbula está en la posición correcta (o sea, digamos), perfecto, pasarás al cuarto intermedio 😉</li>
    <li>Si por el contrario la mandíbula está en la posición incorrecta, deberás seguir intentándolo.</li>
    </ul>

  </div>
</div>
<div id="imageContainer">
  <img src="zago0.png" id="rotatingImage" alt="Enderezá la mandíbula de Zago">
</div>


<script src="script.js"></script>
</body>
</html>

## menem.png

      
    Raw
  

              menem.png
            
          
## preview.jpg

      
    Raw
  

              preview.jpg
            
          
## santillan.png

      
    Raw
  

              santillan.png
            
          
## script.js

      
    Raw
  

              script.js
            
          
            View raw
              (Sorry about that, but we can’t show files that are this big right now.)
        
    
## zago0.png

      
    Raw
  

              zago0.png
            
          
## zago1.png

      
    Raw
  

              zago1.png
            
          
## zago2.png

      
    Raw
  

              zago2.png
            
          
## zago3.png

      
    Raw
  

              zago3.png
            
          
## zago4.png

      
    Raw
  

              zago4.png
	<!DOCTYPE html>
	<html lang="es">
	<head>
	<meta charset="UTF-8">
	<title>Súper Mandíbula</title>
	<style>
	body, html {
	height: 100%;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f0f0f0; /* Color de fondo opcional */
	}

	#imageContainer {
	/* Centrado mediante flexbox */
	display: flex;
	justify-content: center;
	align-items: center;
	}

	#imageContainer > img {
	width: 900px;
	height: auto;
	}

	.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	}

	.modal-content {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */
	}

	.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	}

	.close:hover,
	.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
	}

	</style>

	<meta property="og:type" content="website">
	<meta property="og:url" content="https://mgaitan.github.io/mandibula/">
	<meta property="og:title" content="Súper Mandibula Zago">
	<meta property="og:description" content="Enderezá la mandíbula de Zago y pasá al cuarto intermedio.">
	<meta property="og:image" content="https://mgaitan.github.io/mandibula/preview.jpg">

	<link rel="preload" href="zago0.png" as="image">
	<link rel="preload" href="menem.png" as="image">
	<link rel="preload" href="francos.png" as="image">
	<link rel="preload" href="santillan.png" as="image">
	<link rel="preload" href="zago1.png" as="image">
	<link rel="preload" href="zago2.png" as="image">
	<link rel="preload" href="zago3.png" as="image">
	<link rel="preload" href="zago4.png" as="image">

	</head>
	<body>

	<div id="myModal" class="modal">
	<div class="modal-content">
	<span class="close">×</span>

	<p>Oscar Zago es el presidente del bloque de Diputados de La Libertad Avanza.</p>
	<p>Al menos durante declaraciones periodísticas, parece tener <a href="https://www.youtube.com/watch?v=Lt3Z4YY8d0w" rel="nofollow">problemas mandibulares</a>. <b>¡Ayudale a dejarla en su lugar!</b></p>
	<p>Este es un juego sin fines de lucro que no juzga las libertades de los individuos
	para consumir sustancias o votar leyes de mierda de acuerdo a sus creencias.</p>

	<h2>Cómo jugar</h2>

	<ul>
	<li>Hacé click sobre el diputado Zago</li>
	<li>Si su mandíbula está en la posición correcta (o sea, digamos), perfecto, pasarás al cuarto intermedio 😉</li>
	<li>Si por el contrario la mandíbula está en la posición incorrecta, deberás seguir intentándolo.</li>
	</ul>

	</div>
	</div>
	<div id="imageContainer">
	<img src="zago0.png" id="rotatingImage" alt="Enderezá la mandíbula de Zago">
	</div>



	<script src="script.js"></script>
	</body>
	</html>