h4ckypurpl3
/
tupali_fork
forked from qwerty/tupali
1
0
Fork 0
Code Releases Wiki Activity

Landingpage stats

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

152
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">
@ -779,58 +778,57 @@
</section> </section>
<!-- Fin sección servicios --> <!-- Fin sección servicios -->
<!-- Carrusel APIS Open Data --> <!-- Carrusel APIS Open Data -->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators --> <!-- Indicators -->
<ol class="carousel-indicators"> <ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li> <li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li> <li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol> </ol>
<!-- Wrapper for slides --> <!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox"> <div class="carousel-inner" role="listbox">
<div class="item active"> <div class="item active">
<img src="https://cldup.com/VvvJCGnUXw.png" alt="portal_open_data"> <img src="https://cldup.com/VvvJCGnUXw.png" alt="portal_open_data">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Portal de Open Data</h3> <h3>Portal de Open Data</h3>
<p>Multiples opciones de manejo de datos con estandares mundiales de Open Data</p> <p>Multiples opciones de manejo de datos con estandares mundiales de Open Data</p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img src="https://cldup.com/cwy7fakMG3.png" alt="apis_json"> <img src="https://cldup.com/cwy7fakMG3.png" alt="apis_json">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>APIS JSON</h3> <h3>APIS JSON</h3>
<p>api json y api json simple para integraciones y programación</p> <p>api json y api json simple para integraciones y programación</p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img src="https://cldup.com/e2fps1PMMd.png" alt="apis_json"> <img src="https://cldup.com/e2fps1PMMd.png" alt="apis_json">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Visualizaciones</h3> <h3>Visualizaciones</h3>
<p>Mapas y visualizaciónes básicas</p> <p>Mapas y visualizaciónes básicas</p>
</div> </div>
</div> </div>
</div> </div>
<!-- Controls --> <!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="false"></span> <span class="glyphicon glyphicon-chevron-left" aria-hidden="false"></span>
<span class="sr-only">Previous</span> <span class="sr-only">Previous</span>
</a> </a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span> <span class="sr-only">Next</span>
</a> </a>
</div> </div>
<!-- FIN Carrusel --> <!-- FIN Carrusel -->
<!-- PRECIOS --> <!-- PRECIOS -->
<section class="container-fluid" id="precios"> <section class="container-fluid" id="precios">
<div class="col-sm-8 col-sm-offset-2 text-center"> <div class="col-sm-8 col-sm-offset-2 text-center">
<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 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>
<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>
</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%;
}
}