204 team-on/homepage-no-usuario.html
View file
@@ -0,0 +1,204 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Receta</title>

<!-- Bootstrap -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="docs.min.css" rel="stylesheet">

<!-- FontAwesome -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="bootstrap/js/bootstrap.min.js"></script>

<!-- Custom -->
<link href="timon.css" rel="stylesheet">
<script src="timon.js"></script>

<script type="text/javascript">
$(document).ready(function(e){
$('.search-panel .dropdown-menu').find('a').click(function(e) {
e.preventDefault();
var param = $(this).attr("href").replace("#","");
var concept = $(this).text();
$('.search-panel span#search_concept').text(concept);
$('.input-group #search_param').val(param);
});
});
</script>

<script src="jquery.js"></script>
<script>
$(function(){
$("#footer").load("footer.html");
$("#resumen-receta1").load("resumen-receta-homepage.html");
$("#resumen-receta2").load("resumen-receta-homepage.html");
$("#resumen-receta3").load("resumen-receta-homepage.html");
});
</script>
</head>

<body>
<header>
<nav class="navbar navbar-default">
<div class="container-fluid" style="background-color: white;">
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<div class="row">
<div class="container col-md-12">
<div class="navbar-header col-md-2">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand orange" href="homepage-usuario.html" style="">Timon</a>
</div>

<div class="col-md-6" style="margin-top: 0.5em;">
<div class="input-group">
<div class="input-group-btn search-panel">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span id="search_concept">Buscar</span> <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Región</a></li>
<li><a href="#">Estación</a></li>
<li><a href="#">Dificultad</a></li>
<li><a href="#">Ingredientes</a></li>
<li><a href="#">Dieta</a></li>
<li class="divider"></li>
<li><a href="#">Usuarios</a></li>
</ul>
</div>
<input type="hidden" name="search_param" value="all" id="search_param">
<input type="text" class="form-control" name="x" placeholder="Search term...">
<span class="input-group-btn">
<button class="btn btn-default" type="button"><span class="glyphicon glyphicon-search"></span></button>
</span>
</div>
</div>
<ul class="nav navbar-nav navbar-right col-md-3">
<li style="margin-left: 110px"><a href="cocina.html"><i class="glyphicon glyphicon-log-in orange"></i> Entrar</a></li>
</ul>
</div>
</div>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</header>

<div class="container-fluid" style="margin-top: -15px">
<div class="col-lg-12">
<div class="col-md-9"> <!-- div principal de las categorias-->
<div class="bs-glyphicons" style="padding-left:5em; padding-right:1em">
<h4 class="">Categorías</h4>
<ul class="bs-glyphicons-list">
<li class="orange-hover" style="margin: 0.33em;">
<span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
<span class="glyphicon-class">Carne</span>
</li>
<li class="" style="margin: 0.33em;">
<span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
<span class="glyphicon-class">Carne</span>
</li>
<li class="" style="margin: 0.33em;">
<span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
<span class="glyphicon-class">Carne</span>
</li>
<li class="" style="margin: 0.33em;">
<span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
<span class="glyphicon-class">Carne</span>
</li>
<li class="" style="margin: 0.33em;">
<span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
<span class="glyphicon-class">Carne</span>
</li>
<li class="" style="margin: 0.33em;">
<span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
<span class="glyphicon-class">Carne</span>
</li>
<li class="" style="margin: 0.33em;">
<span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
<span class="glyphicon-class">Carne</span>
</li>
<li class="" style="margin: 0.33em;">
<span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
<span class="glyphicon-class">Carne</span>
</li>
<li class="" style="margin: 0.33em;">
<span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
<span class="glyphicon-class">Carne</span>
</li>
<li class="" style="margin: 0.33em;">
<span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
<span class="glyphicon-class">Carne</span>
</li>
<li class="" style="margin: 0.33em;">
<span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
<span class="glyphicon-class">Carne</span>
</li>
<li class="" style="margin: 0.33em;">
<span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
<span class="glyphicon-class">Carne</span>
</li>
<li class="" style="margin: 0.33em;">
<span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
<span class="glyphicon-class">Carne</span>
</li>
<li class="" style="margin: 0.33em;">
<span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
<span class="glyphicon-class">Carne</span>
</li>
</ul>
</div>

<div class="bs-glyphicons" style="padding-left:5em; padding-right:4em">
<h4 class="">Recetas mejor valoradas</h4>
<div id="resumen-receta1"></div>
<div id="resumen-receta2"></div>
<div id="resumen-receta3"></div>
</div>
</div>

<div class="col-md-3">
<div class="panel panel-default" style="margin-right: 3.5em; margin-left: -3em;">
<h4 class="" style="padding-top: 0.5em; padding-left: 1em;">Usuarios mejor valorados</h4>
<blockquote style="border-left: 0px; padding-left:1em;">
<p style="margin-bottom: 15px;"><img src="https://pbs.twimg.com/profile_images/524182825226887168/OZkikFtw.jpeg" style="width: 2em; border-radius: 100%; height: 2em;"> Albert Rivera<a href="#" style="text-decoration:none; float:right;" class="grey">Siguiendo</a></p>
<p style="margin-bottom: 15px;"><img src="http://zetaestaticos.com/cordoba/img/noticias/0/929/929402_1.jpg" style="width: 2em; border-radius: 100%; height: 2em;"> Pablo Iglesias<a href="#" style="text-decoration:none; float:right;" class="orange">Seguir</a></p>
<p style="margin-bottom: 15px;"><img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTp8FT-OYLydHIPnuq675wEvJDCYm-eicBkE_Iq15QIzr4yLnOgSA" style="width: 2em; border-radius: 100%; height: 2em;"> Mariano Rajoy <a href="#" style="text-decoration:none; float:right;" class="orange">Seguir</a></p>
<p style="margin-bottom: 15px;"><img src="http://cdn.revistagq.com/uploads/images/thumbs/201429/pedro_sanchez_9404_645x.jpg" style="width: 2em; border-radius: 100%; height: 2em;"> Pedro Sanchez <a href="#" style="text-decoration:none; float:right;" class="grey">Siguiendo</a></p>
<p style="margin-bottom: 15px;"><img src="http://cdn.discogs.com/87cIPkn1x_MOqhTYsa-807rGSU8=/fit-in/300x300/filters:strip_icc():format(jpeg):mode_rgb()/discogs-images/A-2766577-1395356994-4468.jpeg.jpg" style="width: 2em; border-radius: 100%; height: 2em;"> Miliki <a href="#" style="text-decoration:none; float:right;" class="orange">Seguir</a></p>
<a href="#" style="text-decotarion:none;"><small>Ver más...</small></a>
</blockquote>
</div>
<div class="panel panel-default" style="margin-right: 3.5em; margin-left: -3em;">
<h4 class="" style="padding-top: 0.5em; padding-left: 1em;">Usuarios más activos</h4>
<blockquote style="border-left: 0px; padding-left:1em;">
<p style="margin-bottom: 15px;"><img src="http://cdn.revistagq.com/uploads/images/thumbs/201429/pedro_sanchez_9404_645x.jpg" style="width: 2em; border-radius: 100%; height: 2em;"> Pedro Sanchez<a href="#" style="text-decoration:none; float:right;" class="grey">Siguiendo</a></p>
<p style="margin-bottom: 15px;"><img src="http://cdn.discogs.com/87cIPkn1x_MOqhTYsa-807rGSU8=/fit-in/300x300/filters:strip_icc():format(jpeg):mode_rgb()/discogs-images/A-2766577-1395356994-4468.jpeg.jpg" style="width: 2em; border-radius: 100%; height: 2em;"> Miliki <a href="#" style="text-decoration:none; float:right;" class="orange">Seguir</a></p>
<p style="margin-bottom: 15px;"><img src="https://pbs.twimg.com/profile_images/524182825226887168/OZkikFtw.jpeg" style="width: 2em; border-radius: 100%; height: 2em;"> Albert Rivera <a href="#" style="text-decoration:none; float:right;" class="grey">Siguiendo</a></p>
<p style="margin-bottom: 15px;"><img src="http://zetaestaticos.com/cordoba/img/noticias/0/929/929402_1.jpg" style="width: 2em; border-radius: 100%; height: 2em;"> Pablo Iglesias <a href="#" style="text-decoration:none; float:right;" class="orange">Seguir</a></p>
<p style="margin-bottom: 15px;"><img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTp8FT-OYLydHIPnuq675wEvJDCYm-eicBkE_Iq15QIzr4yLnOgSA" style="width: 2em; border-radius: 100%; height: 2em;"> Mariano Rajoy <a href="#" style="text-decoration:none; float:right;" class="orange">Seguir</a></p>
<a href="#" style="text-decotarion:none;"><small>Ver más...</small></a>
</blockquote>
</div>
</div>
</div>
</div>

<footer>
<div id="footer"></div>
</footer>
</body>
</html>
2 team-on/homepage-usuario.html
View file
@@ -90,7 +90,7 @@
<ul class="nav navbar-nav navbar-right col-md-3">
<li><a href="perfil.html"><i class="glyphicon glyphicon-user orange"></i> Mi perfil</a></li>
<li><a href="cocina.html"><i class="glyphicon glyphicon-cutlery orange"></i> Mi cocina</a></li>
<li><a href="config.html" ><i class="glyphicon glyphicon-cog orange"></i></a></li>
<li><a href="#"><i class="glyphicon glyphicon-cog orange"></i></a></li>
</ul>
</div>
</div>
20 team-on/receta-privada.html
View file
@@ -26,7 +26,10 @@
<script>
$(function(){
$("#footer").load("footer.html");

$("#recom1").load("resumen-receta-recomendadas.html");
$("#recompro1").load("resumen-receta-recomendadas-profesional.html");
$("#recom3").load("resumen-receta-recomendadas.html");
$("#recom4").load("resumen-receta-recomendadas.html");
});
</script>
</head>
@@ -120,12 +123,12 @@ <h1 class="col-md-9" style="color:#5D4037">
</button>
</span>
</span>
<a href="" style="text-decoration:none; color:#333;"><img class="user-img" src="https://media.licdn.com/mpr/mpr/shrinknp_400_400/AAEAAQAAAAAAAALjAAAAJGIxMDA3YjUwLTcxMDYtNDM1Mi1iZThlLTYzYTE5NDMzOWY4Nw.jpg" style="margin-right: 15px"></img> <b>Lorem Ipsum</b></a>
<a href="#" style="text-decoration:none; color:#333;"><img class="user-img" src="https://media.licdn.com/mpr/mpr/shrinknp_400_400/AAEAAQAAAAAAAALjAAAAJGIxMDA3YjUwLTcxMDYtNDM1Mi1iZThlLTYzYTE5NDMzOWY4Nw.jpg" style="margin-right: 15px"></img> <b>Lorem Ipsum</b></a>
</div>
<div class="col-lg-3">
<div class="row lead pull-right" style="margin-right: 30px; margint-bottom: 20px">
<span data-toggle="button" aria-pressed="false" autocomplete="off">
<button type="button" class="btn btn-default" style="margin-right:10px" data-toggle="tooltip" data-placement="left" title="Marcar como favorita">
<button type="button" class="btn btn-default" style="margin-right:10px" data-toggle="tooltip" data-placement="left" title="Marca como favorita">
<i class="fa fa-heart"></i>
</button>
</span>
@@ -327,6 +330,13 @@ <h3>Elaboración</h3>
</div>
</div>

<div class="container-fluid orange" style="background-color: #8bc34a">
<div id="recom1"></div>
<div id="recompro1"></div>
<div id="recom3"></div>
<div id="recom4"></div>
</div>

<!-- Comment section -->
<div class="container-fluid" style="background-color: #F4F4F4">
<div class="col-md-10 col-md-offset-1 col-lg-10 col-lg-offset-1">
@@ -388,7 +398,6 @@ <h3>Elaboración</h3>
<span><a class="orange" href="#">Responder</a></span>
</div>
</div>

</div>
</div>
</div>
@@ -433,7 +442,7 @@ <h4>Preparación de la receta</h4>
<label class="control-label col-sm-2" for="time">Tiempo</label>
<div class="col-sm-3">
<div class="input-group spinner" id="time">
<input type="text" class="form-control" value="60 min">
<input type="text" class="form-control" value="60min">
<div class="input-group-btn-vertical">
<button class="btn btn-default" type="button"><i class="fa fa-caret-up"></i></button>
<button class="btn btn-default" type="button"><i class="fa fa-caret-down"></i></button>
@@ -539,6 +548,7 @@ <h4>Fotos de la receta</h4>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger pull-left" data-dismiss="modal">Eliminar</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
<button type="button" class="btn btn-primary">Guardar</button>
</div>
18 team-on/receta-publica-fav.html
View file
@@ -26,7 +26,10 @@
<script>
$(function(){
$("#footer").load("footer.html");

$("#recom1").load("resumen-receta-recomendadas.html");
$("#recompro1").load("resumen-receta-recomendadas-profesional.html");
$("#recom3").load("resumen-receta-recomendadas.html");
$("#recom4").load("resumen-receta-recomendadas.html");
});
</script>
</head>
@@ -112,13 +115,12 @@ <h1 class="col-md-9">

<div id="recipe-subheader" class="row">
<div class="col-lg-9">
<a href="" style="text-decoration:none; color:#333;"><img class="user-img" src="https://media.licdn.com/mpr/mpr/shrinknp_400_400/AAEAAQAAAAAAAALjAAAAJGIxMDA3YjUwLTcxMDYtNDM1Mi1iZThlLTYzYTE5NDMzOWY4Nw.jpg" style="margin-right: 15px"></img> <b>Lorem Ipsum</b></a><a href="#" style="text-decoration:none; margin-left: 10px " class="orange">Seguir</a>

<a href="" style="text-decoration:none; color:#333;"><img class="user-img" src="https://lh3.googleusercontent.com/-BEo-ZfLBxRU/AAAAAAAAAAI/AAAAAAAAAFk/ubfJWmgjwW4/s120-c/photo.jpg" style="margin-right: 15px"></img> <b>Lorem Ipsum</b></a><a href="#" style="text-decoration:none; margin-left: 10px " class="orange">Seguir</a>
</div>
<div class="col-lg-3">
<div class="row lead pull-right" style="margin-right: 30px; margint-bottom: 20px">
<span data-toggle="button" aria-pressed="true" autocomplete="off" >
<button type="button" class="btn btn-default active" style="margin-right:10px" data-toggle="tooltip" data-placement="left" title="Desmarcar como favorita">
<button type="button" class="btn btn-default active" style="margin-right:10px" data-toggle="tooltip" data-placement="left" title="Desmarca como favorita">
<i class="fa fa-heart"></i>
</button>
</span>
@@ -320,6 +322,13 @@ <h3>Elaboración</h3>
</div>
</div>

<div class="container-fluid orange" style="background-color: #8bc34a">
<div id="recom1"></div>
<div id="recompro1"></div>
<div id="recom3"></div>
<div id="recom4"></div>
</div>

<!-- Comment section -->
<div class="container-fluid" style="background-color: #F4F4F4">
<div class="col-md-10 col-md-offset-1 col-lg-10 col-lg-offset-1">
@@ -381,7 +390,6 @@ <h3>Elaboración</h3>
<span><a class="orange" href="#">Responder</a></span>
</div>
</div>

</div>
</div>
</div>
46 team-on/receta-publica-propia.html
View file
@@ -26,7 +26,10 @@
<script>
$(function(){
$("#footer").load("footer.html");

$("#recom1").load("reesumen-receta-recomendadas.html");
$("#recompro1").load("reesumen-receta-recomendadas-profesional.html");
$("#recom3").load("reesumen-receta-recomendadas.html");
$("#recom4").load("reesumen-receta-recomendadas.html");
});
</script>
</head>
@@ -97,8 +100,8 @@
<h1 class="col-md-9">
Nombre_receta
<small style="font-size: 45%">
<span class="glyphicon glyphicon-time" aria-hidden="true"></span> 60 min |
<span class="glyphicon glyphicon-user" aria-hidden="true"></span> 4 pers |
<span class="glyphicon glyphicon-time" aria-hidden="true"></span> 1h |
<span class="glyphicon glyphicon-user" aria-hidden="true"></span> 4 pers. |
<span class="label label-success">Sencillo</span>
</small>
</h1>
@@ -113,23 +116,26 @@ <h1 class="col-md-9">
<div id="recipe-subheader" class="row">
<div class="col-lg-9">
<span style="margin-right: 20px">
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#edicion-receta">
<i class="fa fa-pencil-square-o"></i>
</button>
<span data-toggle="modal" data-target="#edicion-receta">
<button id="quick-edit" type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Edita la receta">
<i class="fa fa-pencil-square-o"></i>
</button>
</span>
</span>
<a href="" style="text-decoration:none; color:#333;"><img class="user-img" src="https://media.licdn.com/mpr/mpr/shrinknp_400_400/AAEAAQAAAAAAAALjAAAAJGIxMDA3YjUwLTcxMDYtNDM1Mi1iZThlLTYzYTE5NDMzOWY4Nw.jpg" style="margin-right: 15px"></img> <b>Lorem Ipsum</b></a>
</div>
<div class="col-lg-3">
<div class="row lead pull-right" style="margin-right: 30px; margint-bottom: 20px">
<button type="button" class="btn btn-default" data-toggle="button" aria-pressed="false" autocomplete="off"
style="margin-right:10px">
<i class="fa fa-heart"></i>
</button>
<button type="button" class="btn btn-default" style="margin-right:10px">
<span data-toggle="button" aria-pressed="false" autocomplete="off" >
<button type="button" class="btn btn-default" style="margin-right:10px" data-toggle="tooltip" data-placement="left" title="Marca como favorita">
<i class="fa fa-heart"></i>
</button>
</span>
<button type="button" class="btn btn-default" style="margin-right:10px" data-toggle="tooltip" data-placement="bottom" title="Crea una nueva receta a partir de esta">
<i class="fa fa-code-fork"></i>
</button>
<!-- Split button -->
<div class="btn-group">
<div class="btn-group" data-toggle="tooltip" data-placement="left" title="Comparte la receta">
<button type="button" class="btn btn-default"><i class="fa fa-share-alt"></i></button>
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span>
@@ -323,6 +329,13 @@ <h3>Elaboración</h3>
</div>
</div>

<div class="container-fluid orange" style="background-color: #8bc34a">
<div id="recom1"></div>
<div id="recompro1"></div>
<div id="recom3"></div>
<div id="recom4"></div>
</div>

<!-- Comment Secition -->
<div class="container-fluid" style="background-color: #F4F4F4">
<div class="col-md-10 col-md-offset-1 col-lg-10 col-lg-offset-1">
@@ -428,7 +441,7 @@ <h4>Preparación de la receta</h4>
<label class="control-label col-sm-2" for="time">Tiempo</label>
<div class="col-sm-3">
<div class="input-group spinner" id="time">
<input type="text" class="form-control" value="60 min">
<input type="text" class="form-control" value="60min">
<div class="input-group-btn-vertical">
<button class="btn btn-default" type="button"><i class="fa fa-caret-up"></i></button>
<button class="btn btn-default" type="button"><i class="fa fa-caret-down"></i></button>
@@ -534,6 +547,7 @@ <h4>Fotos de la receta</h4>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger pull-left" data-dismiss="modal">Eliminar</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
<button type="button" class="btn btn-primary">Guardar</button>
</div>
@@ -546,3 +560,9 @@ <h4>Fotos de la receta</h4>
</footer>
</body>
</html>

<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
});
</script>
28 team-on/receta-publica.html
View file
@@ -46,7 +46,7 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand orange" href="homepage.html" style="">Timon</a>
<a class="navbar-brand orange" href="homepage-usuario.html" style="">Timon</a>
</div>

<div class="col-md-6" style="margin-top: 0.5em;">
@@ -97,8 +97,8 @@
<h1 class="col-md-9">
Nombre_receta
<small style="font-size: 45%">
<span class="glyphicon glyphicon-time" aria-hidden="true"></span> 60 min |
<span class="glyphicon glyphicon-user" aria-hidden="true"></span> 4 pers |
<span class="glyphicon glyphicon-time" aria-hidden="true"></span> 1h |
<span class="glyphicon glyphicon-user" aria-hidden="true"></span> 4 pers. |
<span class="label label-success">Sencillo</span>
</small>
</h1>
@@ -112,19 +112,21 @@ <h1 class="col-md-9">

<div id="recipe-subheader" class="row">
<div class="col-lg-9">
<a href="" style="text-decoration:none; color:#333;"><img class="user-img" src="https://media.licdn.com/mpr/mpr/shrinknp_400_400/AAEAAQAAAAAAAALjAAAAJGIxMDA3YjUwLTcxMDYtNDM1Mi1iZThlLTYzYTE5NDMzOWY4Nw.jpg" style="margin-right: 15px"></img> <b>Lorem Ipsum</b></a><a href="#" style="text-decoration:none; margin-left: 10px " class="orange">Seguir</a>

</span>
<a href="#" style="text-decoration:none; color:#333;"><img class="user-img" src="https://media.licdn.com/mpr/mpr/shrinknp_400_400/AAEAAQAAAAAAAALjAAAAJGIxMDA3YjUwLTcxMDYtNDM1Mi1iZThlLTYzYTE5NDMzOWY4Nw.jpg" style="margin-right: 15px"></img> <b>Lorem Ipsum</b></a>
</div>
<div class="col-lg-3">
<div class="row lead pull-right" style="margin-right: 30px; margint-bottom: 20px">
<button type="button" class="btn btn-default" data-toggle="button" aria-pressed="false" autocomplete="off" style="margin-right:10px">
<i class="fa fa-heart"></i>
</button>
<button type="button" class="btn btn-default" style="margin-right:10px">
<span data-toggle="button" aria-pressed="false" autocomplete="off" >
<button type="button" class="btn btn-default" style="margin-right:10px" data-toggle="tooltip" data-placement="left" title="Marca como favorita">
<i class="fa fa-heart"></i>
</button>
</span>
<button type="button" class="btn btn-default" style="margin-right:10px" data-toggle="tooltip" data-placement="bottom" title="Crea una nueva receta a partir de esta">
<i class="fa fa-code-fork"></i>
</button>
<!-- Split button -->
<div class="btn-group">
<div class="btn-group" data-toggle="tooltip" data-placement="left" title="Comparte la receta">
<button type="button" class="btn btn-default"><i class="fa fa-share-alt"></i></button>
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span>
@@ -389,3 +391,9 @@ <h3>Elaboración</h3>
</footer>
</body>
</html>

<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
});
</script>
31 team-on/resumen-receta-favorita.html
View file
@@ -2,25 +2,30 @@
<html lang="en">
<div class="col-md-3">
<div class="thumbnail" style="margin-top:1em;">
<a href="receta-publica-fav.html"><img src="http://placehold.it/350x250"></a>
<a href="receta-publica-fav.html"><img src="http://placehold.it/350x250"></img></a>
<div class="caption">
<a href="receta-publica-fav.html" style="text-decoration:none"><h4 class="orange">Receta_favorita</h4></a>
<a href="perfil_publico.html" style="text-decoration:none; color:#333;"><p><img src="http://placehold.it/21x21" style="width: 1.5em; border-radius: 100%; height: 1.5em;"> Nombre_usuario</p></a>
<a href="perfil_publico.html" style="text-decoration:none; color:#333;"><p><img src="http://placehold.it/21x21" style="width: 1.5em; border-radius: 100%; height: 1.5em;"></img> Nombre_usuario</p></a>
<p>
<p href="#" class="btn btn-default" role="button" disabled ><i class="fa fa-heart"></i></p>
<a href="#" class="btn btn-default" role="button"><i class="fa fa-code-fork"></i></a>
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
<span data-toggle="button" aria-pressed="true" autocomplete="off" >
<button type="button" class="btn btn-default active" data-toggle="tooltip" data-placement="bottom" title="Desmarca como favorita">
<i class="fa fa-heart"></i>
</button>
</span>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Crea una nueva receta a partir de esta">
<i class="fa fa-code-fork"></i>
</button>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Comparte la receta">
<i class="fa fa-share-alt"></i>
</button>
<ul class="dropdown-menu">
<li><a href="#">Facebook</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">Google +</a></li>
<li><a href="#">Pinterest</a></li>
</ul>
</p>
</div>
</div>
</div>
</html>

<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
});
</script>
24 team-on/resumen-receta-homepage.html
View file
@@ -2,18 +2,30 @@
<html lang="en">
<div class="col-md-4">
<div class="thumbnail" style="margin-top:1em;">
<a href="receta-publica.html"><img src="http://placehold.it/350x250"></a>
<a href="receta-publica.html"><img src="http://placehold.it/350x250"></img></a>
<div class="caption">
<a href="receta-publica.html" style="text-decoration:none"><h4 class="orange">Nombre_receta</h4></a>
<a href="perfil_publico.html" style="text-decoration:none; color:#333;"><p><img src="http://placehold.it/21x21" style="width: 1.5em; border-radius: 100%; height: 1.5em;"> Nombre_autor</p></a>
<a href="perfil_publico.html" style="text-decoration:none; color:#333;"><p><img src="http://placehold.it/21x21" style="width: 1.5em; border-radius: 100%; height: 1.5em;"></img> Nombre_autor</p></a>
<p>
<button type="button" class="btn btn-default" data-toggle="button" aria-pressed="false" autocomplete="off">
<i class="fa fa-heart"></i>
<span data-toggle="button" aria-pressed="false" autocomplete="off" >
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Marca como favorita">
<i class="fa fa-heart"></i>
</button>
</span>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Crea una nueva receta a partir de esta">
<i class="fa fa-code-fork"></i>
</button>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Comparte la receta">
<i class="fa fa-share-alt"></i>
</button>
<a href="#" class="btn btn-default" role="button"><i class="fa fa-code-fork"></i></a>
<a href="#" class="btn btn-default" role="button"><i class="fa fa-share-alt"></i></a>
</p>
</div>
</div>
</div>
</html>

<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
});
</script>
38 team-on/resumen-receta-privada.html
View file
@@ -2,33 +2,32 @@
<html lang="en">
<div class="col-md-3">
<div class="thumbnail" style="margin-top:1em; background-color: #EFEBE9;">
<a href="receta-privada.html"><img src="http://placehold.it/350x250"></a>
<a href="receta-privada.html"><img src="http://placehold.it/350x250"></img></a>
<div class="caption">
<a href="receta-privada.html" style="text-decoration:none"><h4 class="" style="color:#5D4037;">Receta_privada<i style="float:right;" class="fa fa-lock"></i></h4></a>
<a href="perfil_publico.html" style="text-decoration:none; color:#333;"><p><img src="http://placehold.it/21x21" style="width: 1.5em; border-radius: 100%; height: 1.5em;"> Mi_usuario</p></a>
<a href="perfil_publico.html" style="text-decoration:none; color:#333;"><p><img src="http://placehold.it/21x21" style="width: 1.5em; border-radius: 100%; height: 1.5em;"></img> Mi_usuario</p></a>
<p>
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#edicion-rapida-receta">
<i class="fa fa-pencil-square-o"></i>
<span data-toggle="modal" data-target="#edicion-rapida-receta-privada">
<button id="quick-edit" type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Edita rapidamente la receta">
<i class="fa fa-pencil-square-o"></i>
</button>
</span>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Elimina la receta">
<i class="fa fa-trash-o"></i>
</button>
<a href="#" class="btn btn-default" role="button"> <i class="fa fa-trash-o"></i></a>
<a href="#" class="btn btn-default" role="button"><i class="fa fa-code-fork"></i></a>
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Crea una nueva receta a partir de esta">
<i class="fa fa-code-fork"></i>
</button>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Comparte la receta">
<i class="fa fa-share-alt"></i>
</button>
<ul class="dropdown-menu">
<li><a href="#">Facebook</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">Google +</a></li>
<li><a href="#">Pinterest</a></li>
</ul>
</p>
</div>
</div>
</div>

<!-- Modal -->
<div class="modal fade bs-example-modal-lg" id="edicion-rapida-receta" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal fade bs-example-modal-lg" id="edicion-rapida-receta-privada" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
@@ -63,10 +62,17 @@ <h2 class="modal-title" id="myModalLabel">Edicion rapida Receta_privada</h2>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger pull-left" data-dismiss="modal">Eliminar</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
<button type="button" class="btn btn-primary">Guardar</button>
</div>
</div>
</div>
</div>
</html>

<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
});
</script>
111 team-on/resumen-receta-publica-propia.html
View file
@@ -2,74 +2,77 @@
<html lang="en">
<div class="col-md-3">
<div class="thumbnail" style="margin-top:1em;">
<a href="receta-publica.html"><img src="http://placehold.it/350x250"></a>
<a href="receta-publica.html"><img src="http://placehold.it/350x250"></img></a>
<div class="caption">
<a href="receta-publica-propia.html" style="text-decoration:none"><h4 class="orange">Receta_pública</h4></a>
<a href="perfil_publico.html" style="text-decoration:none; color:#333;"><p><img src="http://placehold.it/21x21" style="width: 1.5em; border-radius: 100%; height: 1.5em;"> Mi_usuario</p></a>
<a href="perfil_publico.html" style="text-decoration:none; color:#333;"><p><img src="http://placehold.it/21x21" style="width: 1.5em; border-radius: 100%; height: 1.5em;"></img> Mi_usuario</p></a>
<p>
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#edicion-rapida-receta">
<i class="fa fa-pencil-square-o"></i>
<span data-toggle="modal" data-target="#edicion-rapida-receta">
<button id="quick-edit" type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Edita rapidamente la receta">
<i class="fa fa-pencil-square-o"></i>
</button>
</span>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Eliminar la receta">
<i class="fa fa-trash-o"></i>
</button>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Crea una nueva receta a partir de esta">
<i class="fa fa-code-fork"></i>
</button>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Comparte la receta">
<i class="fa fa-share-alt"></i>
</button>
<a href="#" class="btn btn-default" role="button"> <i class="fa fa-trash-o"></i></a>
<a href="#" class="btn btn-default" role="button"><i class="fa fa-code-fork"></i></a>
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu">
<li><a href="#">Facebook</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">Google +</a></li>
<li><a href="#">Pinterest</a></li>
</ul>

</p>
</div>
</div>
</div>


<!-- Modal -->
<div class="modal fade bs-example-modal-lg" id="edicion-rapida-receta" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h2 class="modal-title" id="myModalLabel">Edicion rapida Receta_publica</h2>
</div>
<div class="modal-body">
<form class="form-horizontal" role="form">
<div class="form-group">
<label class="control-label col-sm-2" for="titulo">Título</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="titulo" value="Receta_publica" placeholder="Título de la receta...">
</div>
<div class="modal fade bs-example-modal-lg" id="edicion-rapida-receta" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h2 class="modal-title" id="myModalLabel">Edicion rapida Receta_publica</h2>
</div>
<div class="modal-body">
<form class="form-horizontal" role="form">
<div class="form-group">
<label class="control-label col-sm-2" for="titulo">Título</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="titulo" value="Receta_publica" placeholder="Título de la receta...">
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="description">Descripción</label>
<div class="col-sm-9">
<textarea type="textarea" class="form-control" id="description" style="resize:none" rows="4" placeholder="Descripción corta de la receta...">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec ut libero sed arcu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor. Pellentesque auctor nisi id magna consequat sagittis. Curabitur dapibus enim sit amet elit pharetra tincidunt feugiat nisl imperdiet. Ut convallis libero in urna ultrices accumsan. Donec sed odio eros. Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem facilisis semper ac in est.</textarea>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="description">Descripción</label>
<div class="col-sm-9">
<textarea type="textarea" class="form-control" id="description" style="resize:none" rows="4" placeholder="Descripción corta de la receta...">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec ut libero sed arcu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor. Pellentesque auctor nisi id magna consequat sagittis. Curabitur dapibus enim sit amet elit pharetra tincidunt feugiat nisl imperdiet. Ut convallis libero in urna ultrices accumsan. Donec sed odio eros. Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem facilisis semper ac in est.</textarea>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="privacidad">Privacidad</label>
<div class="col-sm-9" id="privacidad">
<label class="radio-inline col-sm-5"><input type="radio" name="optradio1" checked>
<span class="fa fa-unlock fa-2x" style="margin-right: 15px"></span>Receta Publica
</label>
<label class="radio-inline col-sm-4"><input type="radio" name="optradio1">
<span class="fa fa-lock fa-2x" style="margin-right: 15px"></span>Receta Privada
</label>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="privacidad">Privacidad</label>
<div class="col-sm-9" id="privacidad">
<label class="radio-inline col-sm-5"><input type="radio" name="optradio1" checked>
<span class="fa fa-unlock fa-2x" style="margin-right: 15px"></span>Receta Publica
</label>
<label class="radio-inline col-sm-4"><input type="radio" name="optradio1">
<span class="fa fa-lock fa-2x" style="margin-right: 15px"></span>Receta Privada
</label>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
<button type="button" class="btn btn-primary">Guardar</button>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger pull-left" data-dismiss="modal">Eliminar</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
<button type="button" class="btn btn-primary">Guardar</button>
</div>
</div>
</div>

</div>
</html>

<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
});
</script>
11 team-on/resumen-receta-recomendadas-profesional.html
View file
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<div class="col-md-3">
<div class="thumbnail" style="margin-top:1em;">
<div class="caption">
<a href="receta-publica.html" style="text-decoration:none"><h4 class="orange">Receta_recomendada_pro</h4></a>
<a href="perfil_publico.html" style="text-decoration:none; color:#333;"><p><img src="http://placehold.it/21x21" style="width: 1.5em; border-radius: 100%; height: 1.5em;"></img> Nombre_autor</p></a>
</div>
</div>
</div>
</html>
11 team-on/resumen-receta-recomendadas.html
View file
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<div class="col-md-3">
<div class="thumbnail" style="margin-top:1em;">
<div class="caption">
<a href="receta-publica.html" style="text-decoration:none"><h4 class="orange">Receta_recomendada</h4></a>
<a href="perfil_publico.html" style="text-decoration:none; color:#333;"><p><img src="http://placehold.it/21x21" style="width: 1.5em; border-radius: 100%; height: 1.5em;"></img> Nombre_autor</p></a>
</div>
</div>
</div>
</html>
4 team-on/timon.css
View file
@@ -20,6 +20,10 @@
color: #777 !important;
}

.black {
color: #000 !important;
}


.bs-glyphicons li:hover{
background-color: #8bc34a !important;