C. (Bruno) Almeida nncl

Din Stuff

This file is based on doubts that I had/have when I got in at Din Digital and when I forget some stuff.

Note: some paths depend of your own enviroment.

What you'll find here

This:

Google Maps API

Multiple Markers

This is an example of how we can build with Google API a map that contains more than one simple marker.

Check the result [here] (http://codepen.io/nncl/pen/QjwKYL).

The HTML

[
  {
    "id": "001",
    "title": "All Day Event", 
    "url": "http://google.com/",
    "start": "2015-04-01", 
    "end": null,
    "color": "#fec32b"
  },

.my-class {   
    width: calc(100% - 4px);
    width: -webkit-calc(100% - 4px);
    width: -moz-calc(100% - 4px);
}

	<!-- Página HOME -->
	<div class="layout-pagina-home" data-role="page" id="home">
	<div id="home">
	<div align="center">
	<img src="images/logo-app.png" width="100" alt="logoapp">
	</div>
	<div align="center">
	<img src="images/logo.png" alt="logo">
	<h2>Reunindo pessoas diferentes<br/> com mesmos interesses em<br/> lugares legais.</h2>
	<div class="rodapehome">


	#home{background:#FFF;}
	#home h2{font: 18px arial; margin-top:50px; color:gray;}

	#home a{text-decoration:none;}
	#home .rodapehome{margin-top:100px;}

	#home .facebook{float:left; margin-top:-25px; margin-left:13%;}

	<!-- entrar -->
	<div class="layout-pagina-entrar" data-role="page" id="entrar">
	<div align="center">
	<div align="center">
	<img src="images/logo-app.png" width="100" alt="logoapp">
	</div>
	<div class="cadastrar">
	<form>
	<input type="text" name="text" id="txt-nome" placeholder="Usuário">
	<input type="password" name="text" id="txt-email" placeholder="Senha">

	<!-- Página Inicial -->
	<div class="layout-pagina-inicial" data-role="page" data-fullscreen="true"id="index">
	<div data-role="header" class="header">

	<!-- novo menu -->
	<a id="simple-menu" href="#sidr">Menu</a>
	<div id="sidr">
	<ul>
	<li class="active"><a href="#formulario-cadastro-evento">Cadastrar Eventos</a></li>
	<li><a href="#">List 3</a></li>

	<?php for($i=0;$i<12;$i++) : ?>
	/code here/
	<?php endfor; ?>

	For each:

	$colors = array("red", "green", "blue", "yellow");

	foreach ($colors as $cor) {
	echo "$cor <br/>";