qwerty/tupali
4
1
Fork 1
Code Issues 25 Pull Requests Releases Wiki Activity

Landingpage stats

Browse Source
This commit is contained in:
kleper 2017-03-10 21:17:05 -05:00
parent 1931670efb
commit efaa1ab233
2 changed files with 120 additions and 89 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
landingpage_a.html
View File

@ -709,7 +709,6 @@
</div> </div>
</section> </section>
<!-- FIN Proyectos --> <!-- FIN Proyectos -->
<!-- SERVICIOS --> <!-- SERVICIOS -->
<section class='container-fluid' id='servicios'> <section class='container-fluid' id='servicios'>
<div class="col-sm-8 col-sm-offset-2 text-center"> <div class="col-sm-8 col-sm-offset-2 text-center">
@ -827,10 +826,9 @@
<h1>Precios</h1> <h1>Precios</h1>
<p class="lead">Tupale es una herramienta de código abierto, puede ser descargada e implementada libremente. Los valores propuestos cubren servicios de administración, hosting, reinversión en desarrollo, capacitación en uso y manejo.</p> <p class="lead">Tupale es una herramienta de código abierto, puede ser descargada e implementada libremente. Los valores propuestos cubren servicios de administración, hosting, reinversión en desarrollo, capacitación en uso y manejo.</p>
</div> </div>
<div class="container"> <div class="container col-md-12">
<div class="row"> <div class="row">
<!-- item --> <div class="col-sm-6 col-md-3">
<div class="col-md-3">
<div class="panel panel-black"> <div class="panel panel-black">
<div class="panel-heading"> <div class="panel-heading">
<h3 class="text-center">INSTANCIA DE TUPALE</h3> <h3 class="text-center">INSTANCIA DE TUPALE</h3>
@ -856,9 +854,7 @@
<div class="panel-footer"> <a class="btn btn-lg btn-block btn-danger" href="#">Contáctanos</a> </div> <div class="panel-footer"> <a class="btn btn-lg btn-block btn-danger" href="#">Contáctanos</a> </div>
</div> </div>
</div> </div>
<!-- /item --> <div class="col-sm-6 col-md-3">
<!-- item -->
<div class="col-md-3">
<div class="panel panel-black"> <div class="panel panel-black">
<div class="panel-heading"> <div class="panel-heading">
<h3 class="text-center">TALLER BÁSICO</h3> <h3 class="text-center">TALLER BÁSICO</h3>
@ -888,9 +884,7 @@
<div class="panel-footer"> <a class="btn btn-lg btn-block btn-danger" href="#">CONTÁCTANOS</a> </div> <div class="panel-footer"> <a class="btn btn-lg btn-block btn-danger" href="#">CONTÁCTANOS</a> </div>
</div> </div>
</div> </div>
<!-- /item --> <div class="col-sm-6 col-md-3">
<!-- item -->
<div class="col-md-3">
<div class="panel panel-black"> <div class="panel panel-black">
<div class="panel-heading"> <div class="panel-heading">
<h3 class="text-center">TALLER MEDIO</h3> <h3 class="text-center">TALLER MEDIO</h3>
@ -901,7 +895,7 @@
</div> </div>
<ul class="list-group list-group-flush text-left"> <ul class="list-group list-group-flush text-left">
<li class="list-group-item"> <li class="list-group-item">
<span class="glyphicon glyphicon-ok-sign"></span> TALLER BÁSICO</span> <span class="glyphicon glyphicon-ok-sign"></span> TALLER BÁSICO
</li> </li>
<li class="list-group-item"> <li class="list-group-item">
<span class="glyphicon glyphicon-ok-sign"></span> Uso de campos especiales <span class="glyphicon glyphicon-ok-sign"></span> Uso de campos especiales
@ -919,10 +913,7 @@
<div class="panel-footer"> <a class="btn btn-lg btn-block btn-danger" href="#">CONTÁCTANOS</a> </div> <div class="panel-footer"> <a class="btn btn-lg btn-block btn-danger" href="#">CONTÁCTANOS</a> </div>
</div> </div>
</div> </div>
<!-- /item --> <div class="col-sm-6 col-md-3">
<!-- item -->
<div class="col-md-3">
<div class="panel panel-black"> <div class="panel panel-black">
<div class="panel-heading"> <div class="panel-heading">
<h3 class="text-center">TALLER AVANZADO</h3> <h3 class="text-center">TALLER AVANZADO</h3>
@ -933,7 +924,7 @@
</div> </div>
<ul class="list-group list-group-flush text-left"> <ul class="list-group list-group-flush text-left">
<li class="list-group-item"> <li class="list-group-item">
<span class="glyphicon glyphicon-ok-sign"></span> TALLER BÁSICO </span> TALLER MEDIO </span> <span class="glyphicon glyphicon-ok-sign"></span> TALLER BÁSICO + TALLER MEDIO
</li> </li>
<li class="list-group-item"> <li class="list-group-item">
<span class="glyphicon glyphicon-ok-sign"></span> Creación de usuarios <span class="glyphicon glyphicon-ok-sign"></span> Creación de usuarios
@ -948,7 +939,6 @@
<div class="panel-footer"> <a class="btn btn-lg btn-block btn-danger" href="#">Contáctanos</a> </div> <div class="panel-footer"> <a class="btn btn-lg btn-block btn-danger" href="#">Contáctanos</a> </div>
</div> </div>
</div> </div>
<!-- /item -->
</div> </div>
</div> </div>
</section> </section>
@ -1026,8 +1016,8 @@
<div class="row"> <div class="row">
<div class="col-sm-4 col-lg-4"> <div class="col-sm-4 col-lg-4">
<img class="img-circle" src="temas/landingpage/images/equipo_manada.png" alt="manada malinois" width="140" height="140"> <img class="img-circle" src="temas/landingpage/images/equipo_manada.png" alt="manada malinois" width="140" height="140">
<h2>La manada malinois</h2> <h2>La manada Malinois</h2>
<p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna. <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
</p> </p>
<p><a class="btn btn-default" href="#" role="button">Conocer más</a></p> <p><a class="btn btn-default" href="#" role="button">Conocer más</a></p>
</div> </div>
@ -1066,30 +1056,22 @@
<section class="container-fluid" id="visitas"> <section class="container-fluid" id="visitas">
<div class="col-sm-8 col-sm-offset-2"> <div class="col-sm-8 col-sm-offset-2">
<div class="text-center"> <div class="text-center">
<h1>Estadísticas de visita Tupale</h1> <h1 class="titulo">Estadísticas de visita Tupale</h1>
</div> </div>
</div> </div>
<div class="container col-lg-8 col-md-offset-2 text-center"> <div class="container col-sm-8 col-lg-8 text-center">
<ul class="nav nav-tabs"> <ul class="nav nav-tabs">
<li class="active"><a href="#real-time" data-toggle="tab" aria-expanded="true">Tiempo Real</a></li> <li><a href="https://stats.tupale.co/index.php?module=Widgetize&action=iframe&widget=1&moduleToWidgetize=Live&actionToWidgetize=getSimpleLastVisitCount&idSite=1&period=day&date=yesterday&disableLink=1&widget=1" target="search_iframe">Tiempo Real</a></li>
<li ><a href="#semanas" data-toggle="tab" aria-expanded="true">Ultimas semanas</a></li> <li >
<li ><a href="#dias" data-toggle="tab" aria-expanded="true">Ultimos días</a></li> <a class="active" href="https://stats.tupale.co/index.php?module=Widgetize&action=iframe&forceView=1&viewDataTable=graphEvolution&widget=1&moduleToWidgetize=VisitsSummary&actionToWidgetize=getEvolutionGraph&idSite=1&period=day&date=yesterday&disableLink=1&widget=1" target="search_iframe">Últimas Semanas</a>
</li>
<li >
<a href="https://stats.tupale.co/index.php?module=Widgetize&action=iframe&widget=1&moduleToWidgetize=VisitTime&actionToWidgetize=getByDayOfWeek&idSite=1&period=month&date=yesterday&disableLink=1&widget=1" target="search_iframe">Ultimos días</a>
</li>
</ul> </ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade active in" id="real-time"> <div class="tab-pane fade active in" id="real-time">
<div class="embed-responsive embed-responsive-16by9"> <div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" id="real-time" scrolling="no" src="https://stats.tupale.co/index.php?module=Widgetize&action=iframe&widget=1&moduleToWidgetize=Live&actionToWidgetize=getSimpleLastVisitCount&idSite=1&period=day&date=yesterday&disableLink=1&widget=1"></iframe> <iframe scrolling="no" src="https://stats.tupale.co/index.php?module=Widgetize&action=iframe&forceView=1&viewDataTable=graphEvolution&widget=1&moduleToWidgetize=VisitsSummary&actionToWidgetize=getEvolutionGraph&idSite=1&period=day&date=yesterday&disableLink=1&widget=1" width="100%" height="200%" name="search_iframe"></iframe>
</div>
</div>
<div class="tab-pane fade" id="semanas">
<div class="embed-responsive embed-responsive-16by9">
<iframe scrolling="no" class="embed-responsive-item" src="https://stats.tupale.co/index.php?module=Widgetize&action=iframe&forceView=1&viewDataTable=graphEvolution&widget=1&moduleToWidgetize=VisitsSummary&actionToWidgetize=getEvolutionGraph&idSite=1&period=week&date=yesterday&disableLink=1&widget=1"></iframe>
</div>
</div>
<div class="tab-pane fade" id="dias">
<div class="embed-responsive embed-responsive-16by9">
<iframe scrolling="no" class="embed-responsive-item" src="https://stats.tupale.co/index.php?module=Widgetize&action=iframe&widget=1&moduleToWidgetize=VisitTime&actionToWidgetize=getByDayOfWeek&idSite=1&period=month&date=yesterday&disableLink=1&widget=1"></iframe>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -1143,8 +1125,8 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="input-group"> <div class="input-group">
<span class="input-group-addon"><i class="fa fa-file-text" aria-hidden="true"></i></span> <span class="input-group-addon"><i class="fa fa-file-text fa-lg" aria-hidden="true"></i></span>
<textarea class="form-control" placeholder="Escribenos" rows="2" id="comment"></textarea> <textarea class="form-control" placeholder="Escríbenos" rows="2" id="comment"></textarea>
<span class="input-group-btn"> <span class="input-group-btn">
<button class="btn btn-danger" type="button">Enviar</button> <button class="btn btn-danger" type="button">Enviar</button>
</span> </span>
@ -1152,12 +1134,12 @@
</div> </div>
</div> </div>
</div> <!-- end widget1 --> </div> <!-- end widget1 -->
<div class="col-sm-12 col-md-4"> <div class="col-sm-6 col-md-4">
<div id="search-3" class="widget widgetFooter widget_search"><h4 class="widgettitle">Busca en el sitio:</h4> <div id="search-3" class="widget widgetFooter widget_search"><h4 class="widgettitle">Busca en el sitio:</h4>
<div class="form-group"> <div class="form-group">
<label class="control-label">Quieres buscar en Tupale</label> <label class="control-label">Quieres buscar en Tupale</label>
<div class="input-group"> <div class="input-group">
<span class="input-group-addon">¿Que buscas?</span> <span class="input-group-addon">¿Qué buscas?</span>
<input class="form-control" placeholder="Palabra clave" type="text"> <input class="form-control" placeholder="Palabra clave" type="text">
<span class="input-group-btn"> <span class="input-group-btn">
<button class="btn btn-danger" type="button">Buscar</button> <button class="btn btn-danger" type="button">Buscar</button>

57
temas/landingpage/css/landingpage.css
View File

@ -35,6 +35,10 @@ p{
} }
ul, ol {
padding-left: 0px;
}
.container-principal{ .container-principal{
padding-left: 0px; padding-left: 0px;
padding-right: 0px; padding-right: 0px;
@ -68,6 +72,7 @@ p{
} }
/* USING BOOTSTRAP 3.0.3 */ /* USING BOOTSTRAP 3.0.3 */
/*NAVBAR BRAND*/ /*NAVBAR BRAND*/
@ -272,16 +277,43 @@ filter: grayscale(0);
padding-bottom: 50px; padding-bottom: 50px;
} }
.titulo{
padding-bottom: 50px;
}
/*Estadisticas*/ /*Estadisticas*/
.nav > li > a { .embed-responsive-16by9 {
color: red; padding-bottom: 36.25% !important;
}
.nav-tabs {
background-color: black;
}
.nav-tabs > li > a {
border-right: 1px solid white;
border-radius: 0 0 0 0 ;
margin-right: 0px !important;
margin-top: 7px;
text-transform: uppercase;
color: white;
} }
.nav-tabs > li > a:hover { .nav-tabs > li > a:hover {
background-color: #333333; background-color: #ff0000;
} }
.nav > li > a:focus {
background-color: white;
color: black;
}
.v-center { .v-center {
padding-top:10%; padding-top:10%;
font-size:30px; font-size:30px;
@ -387,6 +419,9 @@ filter: grayscale(0);
#home { #home {
padding-top:20px !important; padding-top:20px !important;
} }
.embed-responsive-16by9 {
padding-bottom: 49.25% !important;
}
} }
@ -528,11 +563,25 @@ margin-top: 50px;
} }
.embed-responsive-16by9 { .embed-responsive-16by9 {
padding-bottom: 134.25%; padding-bottom: 69.25%;
} }
.box_proyectos {
display: inline-grid;
}
} }
/*fin móbiles*/ /*fin móbiles*/
@media (min-width: 767px){
.col-sm-8 {
float: none !important;
}
.embed-responsive-16by9 {
padding-bottom: 89.25%;
}
}