index.html

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta property="og:title" content="Postmo"/>
	<meta property="og:image" content="img/Hipsta.png">
	<meta property="og:site_name" content="undergeeks.com/postmo"/>
	<meta property="og:description" content="Generador de crítica postmoderna"/>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="shortcut icon" href="favicon.ico"/>
	
	<link rel="stylesheet" href="css/normalize.css">
	<link rel="stylesheet" href="css/foundation.min.css">
	
	<link href='http://fonts.googleapis.com/css?family=Cutive+Mono' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Arimo:700' rel='stylesheet' type='text/css'>

	<link rel="stylesheet" href="style.css">
	
	<title>Generador de crítica postmoderna</title>
</head>
<body>
	

	<div id="desc" class="large-4 small-12 columns">
		<div class="row">
			<!--<hr>-->
			<div class="large-12 columns">
				<div class="funcion">
					<h2></h2>
					<h3>Cómo ser un crítico de arte en 3 pasos:</h3>
					<ol>
						<li>Selecciona un objeto de la sala.</li>
						<li>Genera una frase aleatoria.</li>
						<li>Repite la frase con un tono profundo mientras ves el objeto.</li>
					</ol>
					<p>!Felicidades, ya estás listo para ser el alma del museo!</p>
				</div>
			</div>
			<hr>
			<p>Idea: <a href="https://twitter.com/spacem3n">Daniel</a> | Ilustraciones: <a href="https://www.facebook.com/pages/AAron-Martinez/292776964105610">Aaron</a> | Colaboración de: <a href="https://twitter.com/regenhans">Hans</a>, <a href="https://twitter.com/Delebrindel">Cristóbal</a>, <a href="https://twitter.com/orlaacruz">Orlando</a>, <a href="https://twitter.com/SrYosh">Yosh</a>.</p>
		</div>
		
	</div>

	<div id="main" class="large-8 small-12 columns">

		<div>
			<h1>Generador de crítica postmoderna</h1>

			
			<div class="logo-container">
				<!--<img class="logo" src="img/Hipsta.png" alt="Hipster">-->
				<img class="logo" src="img/HIPSTER-GIFCOOL.gif" width="250">
			</div>

			<div class="titulo-container">
				<img src="img/generador.png" alt="">
			</div>

			<div class="frase-container">
				<div class="random">
					<img src="img/random.png">
				</div>
				<h5><span id="frase"></span><span id="cursor">|</span></h5>

			</div>

			<!--<a id="quieromas" href="#"></a>-->
			<div class="social">
				<p>Comparte tu frase.</p>
				<img src="img/lentes.png" alt="">
				<a id="facebook" href="https://www.facebook.com/sharer/sharer.php?u=undergeeks.com/postmo" target="_blank">
				</a>
				<br>
				<a id="twitter" href="https://twitter.com/share?url=https%3A%2F%2Fbit.ly%2F18DZs9U&text=¡Obtuve%20una%20profunda%20crítica%20de%20arte!%20&hashtags=postmo" href="https://twitter.com/share" data-lang="es"></a>
			</div>
		</div>
	</div>

	<div id="fb-root"></div>

	<script>
	window.fbAsyncInit = function() {
	// init the FB JS SDK
	FB.init({
	  appId      : '655281931167057',                        // App ID from the app dashboard
	  channelUrl : '//www.undergeeks.com/postmo', // Channel file for x-domain comms
	  status     : true,                                 // Check Facebook Login status
	  xfbml      : true                                  // Look for social plugins on the page
	});

	// Additional initialization code such as adding Event Listeners goes here
};

  // Load the SDK asynchronously
  (function(d, s, id){
  	var js, fjs = d.getElementsByTagName(s)[0];
  	if (d.getElementById(id)) {return;}
  	js = d.createElement(s); js.id = id;
  	js.src = "//connect.facebook.net/en_US/all.js";
  	fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
  </script>

  <script src="js/vendor/jquery.js"></script>

  <script src="js/main.js"></script>


  <script>!function(d,s,id){
  	var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';
  	if(!d.getElementById(id)){
  		js=d.createElement(s);
  		js.id=id;
  		js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);
  	}
  }(document, 'script', 'twitter-wjs');
  </script>

  <script>
  $(document).ready(function(){
  	$.getScript('http://platform.twitter.com/widgets.js');
  });
  </script>

  <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  	(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  	m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-41738122-1', 'undergeeks.com');
  ga('send', 'pageview');
  </script>

</body>
</html>