Skip to content

Commit

Permalink
Merge branch 'gh-pages'
Browse files Browse the repository at this point in the history
  • Loading branch information
Ricardo Godoy committed Feb 7, 2013
2 parents f161806 + 92a140d commit fded215
Show file tree
Hide file tree
Showing 116 changed files with 3,749 additions and 15 deletions.
136 changes: 136 additions & 0 deletions adicionar_local.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,136 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Adicionar Local</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, min-zoom=1, max-zoom=1, user-scalable=no">
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/gaia/headers.css">
<!-- <link rel="stylesheet" type="text/css" href="css/gaia/buttons.css"> -->
<link rel="stylesheet" type="text/css" href="css/gaia/buttons.css">
<link rel="stylesheet" type="text/css" href="css/gaia/input_areas.css">
<link rel="stylesheet" type="text/css" href="css/gaia/action_menu.css">
<link rel="stylesheet" type="text/css" href="css/gaia/switches.css">
</head>
<body>

<form action="http:https://fadasdobem.com.br/ricardo/add.php" method="post" onsubmit="return false;">
<section role="region">
<header>
<button><span class="icon icon-back">back</span></button>
<h1>Maoe</h1>
</header>

<header>
<h2 class="p1">Primeiro passo</h2>
<h2 class="p2" style="display:none;">Segundo passo</h2>
<h2 class="p3" style="display:none;">Terceiro passo</h2>
</header>
</section>

<div style="padding:0 15px;">
<div id="passo-1">
<p>Escolha o local que deseja registrar</p>
<label>
<input name="tipo_local_id" checked="checked" type="radio">
<span>Barraca</span>
</label><br />
<label>
<input name="tipo_local_id" checked="" type="radio">
<span>Arena</span>
</label>
<button id="step1">Próximo passo...</button>
</div>

<div id="passo-2" style="display:none;">

<p>Agora caminhe até a sua <span id="tipo_local"></span>, assim você pode tirar uma foto dela e saberemos melhor onde ela fica.</p>
<button id="step2">Já estou no lugar certo</button>
<input type="hidden" name="lat">
<input type="hidden" name="lng">
<input type="hidden" name="fb_id" id="fb_id">
</div>

<div id="passo-3" style="display:none;">

<p>Agora é enviar a foto</p>
<input type="file" name="imagem">
<button id="step3">Enviar</button>
</div>
</div>
</form>
<script src="http:https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="http:https://connect.facebook.net/en_US/all.js"></script>
<script>
document.querySelector('.icon-back').onclick = function () { window.history.back() }
</script>
<script>
var data = {};

function pickImage () {
var pickImage = document.querySelector("#image-presenter");
if (pickImage) {
pickImage.onclick = function () {
var pick = new MozActivity({
name: "pick",
data: {
type: ["image/png", "image/jpg", "image/jpeg"]
}
});

pick.onsuccess = function () {
var img = document.createElement("img");
img.src = window.URL.createObjectURL(this.result.blob);
var imagePresenter = document.querySelector("#image-presenter");
imagePresenter.appendChild(img);
imagePresenter.style.display = "block";
};
}
}
}

function step1(evt) {
$('#passo-1').hide();
$('#passo-2').show();
$('h2').hide();
$('h2.p2').show();

if ($('input[type=radio]:checked').val() == 1) {
$('#tipo_local').HTML('mesa')
}
}

function step2(evt) {
navigator.geolocation.getCurrentPosition(function(position) {
$('input[name=lat]').val(position.coords.latitude);
$('input[name=lng]').val(position.coords.longitude);
$('#passo-2').hide();
FB.init({
appId : '594023257280586',
status: true, cookie: false, xfbml: false, oauth: true
});

FB.getLoginStatus(function(response) {
if (response.status === 'connected') {
FB.api('/me', function (r) {
document.querySelector('#fb_id').value = r.id;
$.ajax ({url:'',data:$('form').serialize(),success:function () {
alert("O local foi adicionado com sucesso.");
window.location.href="meus_locais.html";
}});
});
}
});
//$('#passo-3').show();
});
}

function step3 (evt) {
}

document.querySelector("#step1").addEventListener('click',step1);
document.querySelector("#step2").addEventListener('click',step2);
document.querySelector("#step3").addEventListener('click',step3);
</script>
</body>
</html>
63 changes: 63 additions & 0 deletions api-gmaps.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 100% }
</style>
<script type="text/javascript"
src="https://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">

function initialize(friends) {
var myLatLng = new google.maps.LatLng(-23.51655, -46.63608);
var myOptions = {
zoom: 19,
center: myLatLng,
mapTypeId: google.maps.MapTypeId.SATELLITE
};

var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

var swBound = new google.maps.LatLng(-23.5176592030716, -46.6374027729034);
var neBound = new google.maps.LatLng(-23.5151652281024, -46.6346494853497);
var bounds = new google.maps.LatLngBounds(swBound, neBound);

var oldmap = new google.maps.GroundOverlay("mapacpbr.png", bounds);
oldmap.setMap(map);

for (i in data) {
var infowindow = new google.maps.InfoWindow();

// function addMark ()
var conteudo = '<h2 class="firstHeading"><img src="https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-snc6/5820_115092956381_6258230_n.jpg" style="width:48px;"> <a target="_blank" href="http:https://www.facebook.com/brumouta">@Vorrac</h2></a>'+
'<div class="bodyContent">'+
'<p>'+'</p>'+
'</div>';

var marca = new google.maps.Marker({
position: new google.maps.LatLng(-23.5157380513066, -46.6370031237602),
map: map,
title:"@Vorrac"
});

google.maps.event.addListener(marca, 'click', function() {
infowindow.setContent(conteudo);
infowindow.open(map, marca);
});}

}
</script>
</head>
<body>
<div id="map_canvas" style="width:100%; height:100%"></div>
<script>
var data = [1,2,3];
$.ajax({url:'http:https://fadasdobem.com.br/ricardo/getList.php':data:{friend_list:}});
initialize(data);
</script>
</body>
</html>
180 changes: 180 additions & 0 deletions css/base.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,180 @@
html, body {
width: 100%;
padding: 0;
margin: 0;
background: #f3f3f4;
}

html, body, button {
font: 14px Helvetica, "Open Sans", sans-serif;
}

header {
background: #000;
color: #fff;
height: 4.9rem;
position: relative;
z-index: 2;
}

header #install {
display: none;
float: right;
margin: 0;
padding: 0rem 0.5rem 0rem 0.5rem;
height: 100%;
}

header #install button {
color: #fff;
font-size: 1.2rem;
font-weight: bold;
background: -moz-linear-gradient(top,#6a7b86 0%,#424f5a 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#6a7b86),color-stop(100%,#424f5a));
background: -webkit-linear-gradient(top,#6a7b86 0%,#424f5a 100%);
background: -o-linear-gradient(top,#6a7b86 0%,#424f5a 100%);
background: -ms-linear-gradient(top,#6a7b86 0%,#424f5a 100%);
background: linear-gradient(top,#6a7b86 0%,#424f5a 100%);
padding: 0.3rem;
border: none;
border-radius: 5px;
margin: 1.4rem 1rem 0;
}

header #install button:active {
background: #008000;
}

header.show-install #install {
display: inline-block;
}

header h1 {
font: normal 1.8rem/4.6rem "Open Sans", sans-serif;
height: 100%;
margin: 0 0 0 2rem;
padding: 0 0 0 0.1rem;
}

header.show-install h1 {
display: inline-block;
width: 55%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

#online-status {
position: absolute;
left: 10px;
top: 2rem;
width: 10px;
height: 10px;
color: #fff;
background: #008000;
border-radius: 5px;
}

#online-status.offline {
background: #ff0000;
}

#main {
padding: 2rem 1rem 6rem 1rem;
}

#main h2 {
margin: 0 0 1rem;
}

#main img {
max-width: 100%;
}

#image-presenter,
#connection-display,
#battery-display {
display: none;
margin-bottom: 10px;
}

#main button {
display: inline-block;
width: 32%;
vertical-align: top;
margin: 0 auto 2rem;
padding: 1rem;
color: #fff;
font-weight: bold;
border-radius: 5px;
background: rgb(76,76,76);
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1)));
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
background: -o-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
}

#image-to-share {
display: none;
}

footer {
background: -moz-linear-gradient(top,#6a7b86 0%,#424f5a 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#6a7b86),color-stop(100%,#424f5a));
background: -webkit-linear-gradient(top,#6a7b86 0%,#424f5a 100%);
background: -o-linear-gradient(top,#6a7b86 0%,#424f5a 100%);
background: -ms-linear-gradient(top,#6a7b86 0%,#424f5a 100%);
background: linear-gradient(top,#6a7b86 0%,#424f5a 100%);
color: #fff;
position: fixed;
width: 100%;
height: 5rem;
bottom: 0;
}

footer ul {
margin: 0px;
padding: 0px;
width: 100%;
height:100%;
}

footer li {
float: left;
border-right: 1px solid #445;
width: 49%;
height: 100%;
list-style: none;
margin: 0;
text-align: center;
}

footer li button {
display: inline-block;
background: transparent;
border: none;
height: 100%;
color: #fff;
font-size: 1.2rem;
font-weight: 600;
}

footer li.activated {
background: #b4beca;
background: -moz-linear-gradient(top,#b4beca 0%,#e1e5eB 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#b4beca),color-stop(100%,#e1e5eB));
background: -webkit-linear-gradient(top,#b4beca 0%,#e1e5eB 100%);
background: -o-linear-gradient(top,#b4beca 0%,#e1e5eB 100%);
background: -ms-linear-gradient(top,#b4beca 0%,#e1e5eB 100%);
background: linear-gradient(top,#b4beca 0%,#e1e5eB 100%);
}

footer li:active {
background: #008000;
}

footer li:last-child {
border:none;
}
Loading

0 comments on commit fded215

Please sign in to comment.