Responsive ++
This commit is contained in:
parent
25488d25d7
commit
db7c853e66
@ -1,125 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>Datos Visuales SIP-EC</title>
|
|
||||||
<!-- CSS -->
|
|
||||||
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
|
|
||||||
<!-- jQuery Content Delivery Network -->
|
|
||||||
<script src="https://code.jquery.com/jquery.js"></script>
|
|
||||||
<script src="https://cdn.wordart.com/wordart.min.js" async defer></script>
|
|
||||||
<!-- Java Script cdn -->
|
|
||||||
<script src="js/d3.js" charset="utf-8"></script>
|
|
||||||
<script src="js/d3.layout.cloud.js"></script>
|
|
||||||
<script src="js/d3.wordcloud.js"></script>
|
|
||||||
<script src="js/bitacorasmt.json"></script>
|
|
||||||
|
|
||||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
|
|
||||||
<link href="css/datos_visuales.css" rel="stylesheet">
|
|
||||||
<link href="https://fonts.googleapis.com/css?family=Carter+One" rel="stylesheet">
|
|
||||||
|
|
||||||
</head>
|
|
||||||
<body data-spy="scroll" data-target=".navbar" data-offset="50">
|
|
||||||
<!-- Static navbar -->
|
|
||||||
<nav class="navbar navbar-default navbar-fixed-top">
|
|
||||||
<div class="container">
|
|
||||||
<div class="navbar-header">
|
|
||||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
|
|
||||||
<span class="sr-only">Toggle navigation</span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div id="navbar" class="navbar-collapse collapse">
|
|
||||||
<ul class="nav navbar-nav">
|
|
||||||
<li class="active"><a href="#home"><span class="glyphicon glyphicon-home" aria-hidden="true"></span></a></li>
|
|
||||||
<li><a href="#datos">Datos Abiertos</a></li>
|
|
||||||
<li><a href="#activaciones">Activaciones</a></li>
|
|
||||||
<li><a href="#microtalleres">Microtalleres</a></li>
|
|
||||||
<li class="dropdown">
|
|
||||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Contexto<b class="caret"></b></a>
|
|
||||||
<ul class="dropdown-menu">
|
|
||||||
<li><a href="#mecanismos">Mecanismos</a></li>
|
|
||||||
<li><a href="#herramientas">Herramientas</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div><!--/.nav-collapse -->
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
<!--/sección Inicio o Home -->
|
|
||||||
|
|
||||||
<section class="container-fluid" id="home">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-4">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-10 col-sm-offset-2 text-center"><h3>Activamos</h3><p>Promovemos la Transparencia para propiciar el establecimiento de una cultura de acceso a la información pública y de reutilización de los datos abiertos.</p><span class="glyphicon glyphicon-search " aria-hidden="true"></span></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-4 text-center">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-10 col-sm-offset-1 text-center"><h3>Creamos Memoria</h3><p>Impulsamos la conservación de memoria y el seguimiento de los procesos, desarrollando mayores y mejores mecanismos que prioricen el interés colectivo.</p><span class="glyphicon glyphicon-user" aria-hidden="true"></span></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-4 text-center">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-10 text-center"><h3>Vinculamos</h3><p>Fortalecemos la participación ciudadana efectiva y fomentamos la acción colectiva, consolidando así procesos de mayor impacto, más representativos y vinculantes.</p><span class="glyphicon glyphicon-stats" aria-hidden="true"></span></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div><!--/row-->
|
|
||||||
|
|
||||||
<p class="linea-texto">
|
|
||||||
<span>Consolidado Equipamentos Culturales</span>
|
|
||||||
</p>
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<!--/convenciones colores casa de cultura-->
|
|
||||||
<div class="col-sm-6">
|
|
||||||
<img class="img-responsive logo"src="https://casasdecultura.bibliolabs.cc/milfs/images/secure/?file=600/a12167d2f257539b33cd2ca3ac619f20.png" alt="logo-SIP-Equipamentos-Culturales">
|
|
||||||
<p>* Los datos contenidos en las siguientes visualizaciones, son resultado de la
|
|
||||||
información colectada, entregada, consolidada y procesada
|
|
||||||
a través del SIP.</p>
|
|
||||||
</div>
|
|
||||||
<!--/convenciones colores casa de cultura-->
|
|
||||||
<div class="col-sm-6">
|
|
||||||
<p>Con el SIP buscamos mediante un modelo de manejo de <strong>Datos Abiertos</strong>, colectar datos de forma ágil para dar accesibilidad a todos los vinculados e interesados en los procesos de los equipamentos; se puede ver como un sistema para la creación de formularios que realmente se convierten en aplicaciones web y móbil que al manejar el ingreso de datos de manera semántica permite su posterior interpretación y procesamiento para generar gráficas, estadísticas, visualizaciones, adelantar reportes e informes, medir tendencias, comprender impacto, hacer seguimiento.</p>
|
|
||||||
<p>
|
|
||||||
Nuestra estrategia para la capturar de toda la información que generan los Equipamentos y almacenarla de manera estructurada, que permita articular cientos de hojas electrónicas y documentos desorganizados en un sistema de datos mediante un subsistema de importación que permite subir datos almacenados en un archivo CSV.</p>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-8 col-sm-6">
|
|
||||||
<svg width="80" height="50">
|
|
||||||
<rect x="50" y="20" width="80" height="50" style="fill:#FCB53E;" />
|
|
||||||
Lo sentimos, su navegador no soporta svg en línea
|
|
||||||
<svg width="80" height="50">
|
|
||||||
<rect x="50" y="20" width="80" height="50" style="fill:#009CDE;" />
|
|
||||||
Lo sentimos, su navegador no soporta svg en línea
|
|
||||||
</svg>
|
|
||||||
<span> Ávila</span></br>
|
|
||||||
<svg width="80" height="50">
|
|
||||||
<rect x="50" y="20" width="80" height="50" style="fill:#0096B3;" />
|
|
||||||
Lo sentimos, su navegador no soporta svg en línea
|
|
||||||
</svg>
|
|
||||||
<span>Alcázares</span></br>
|
|
||||||
<svg width="80" height="50">
|
|
||||||
<rect x="50" y="20" width="80" height="50" style="fill:#733A8E;" />
|
|
||||||
Lo sentimos, su navegador no soporta svg en línea
|
|
||||||
</svg>
|
|
||||||
<span>Las Estancias</span></br>
|
|
||||||
<svg width="80" height="50">
|
|
||||||
<rect x="50" y="20" width="80" height="50" style="fill:#CD0081;" />
|
|
||||||
Lo sentimos, su navegador no soporta svg en línea
|
|
||||||
</svg>
|
|
||||||
<span>Manrique</span></br>
|
|
||||||
<svg width="80" height="50">
|
|
||||||
<rect x="50" y="20" width="80" height="50" style="fill:#E56D00;" />
|
|
||||||
Lo sentimos, su navegador no soporta svg en línea
|
|
||||||
</svg>
|
|
||||||
<span>Pedregal</span></br>
|
|
||||||
<svg width="80" height="50">
|
|
||||||
<rect x="50" y="20" width="80" height="50" style="fill:#00803A;" />
|
|
||||||
Lo sentimos, su n
|
|
||||||
@ -189,7 +189,7 @@
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row col-sm-12 text-center ">
|
<div class="row col-sm-12 text-center ">
|
||||||
<div class="col-xs-6 col-md-3">
|
<div class="col-xs-6 col-sm-3">
|
||||||
<button type="button" class="btn btn-lg btn-info" data-toggle="collapse" data-target="#propuesta">Proponemos <span class="glyphicon glyphicon-menu-down"></span></button>
|
<button type="button" class="btn btn-lg btn-info" data-toggle="collapse" data-target="#propuesta">Proponemos <span class="glyphicon glyphicon-menu-down"></span></button>
|
||||||
<div id="propuesta" class="active collapse in">
|
<div id="propuesta" class="active collapse in">
|
||||||
<button type="button" class="btn btn-lg btn-warning btn-circle">1</button>
|
<button type="button" class="btn btn-lg btn-warning btn-circle">1</button>
|
||||||
@ -202,7 +202,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="col-xs-6 col-sm-3">
|
<div class="col-xs-6 col-sm-3">
|
||||||
<button type="button" class="btn btn-lg btn-info" data-toggle="collapse" data-target="#agenda">Agendamos <span class="glyphicon glyphicon-menu-down"></span></button>
|
<button type="button" class="btn btn-lg btn-info" data-toggle="collapse" data-target="#agenda">Agendamos <span class="glyphicon glyphicon-menu-down"></span></button>
|
||||||
<div id="agenda" class="collapse">
|
<div id="agenda" class="active collapse in">
|
||||||
<button type="button" class="btn btn-lg btn-warning btn-circle">2</button>
|
<button type="button" class="btn btn-lg btn-warning btn-circle">2</button>
|
||||||
<p>Con la aprobación se programa el evento</p>
|
<p>Con la aprobación se programa el evento</p>
|
||||||
<h4>Objetivo: </h4>
|
<h4>Objetivo: </h4>
|
||||||
@ -213,7 +213,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="col-xs-6 col-sm-3">
|
<div class="col-xs-6 col-sm-3">
|
||||||
<button type="button" class="btn btn-lg btn-info btn-servicios" data-toggle="collapse" data-target="#registro">Registramos <span class="glyphicon glyphicon-menu-down"></span></button>
|
<button type="button" class="btn btn-lg btn-info btn-servicios" data-toggle="collapse" data-target="#registro">Registramos <span class="glyphicon glyphicon-menu-down"></span></button>
|
||||||
<div id="registro" class="collapse">
|
<div id="registro" class="active collapse in">
|
||||||
<button type="button" class="btn btn-lg btn-warning btn-circle">3</button>
|
<button type="button" class="btn btn-lg btn-warning btn-circle">3</button>
|
||||||
<p>Con la realización del evento se crea el valor
|
<p>Con la realización del evento se crea el valor
|
||||||
</p>
|
</p>
|
||||||
@ -225,7 +225,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="col-xs-6 col-sm-3">
|
<div class="col-xs-6 col-sm-3">
|
||||||
<button type="button" class="btn btn-lg btn-info btn-servicios" data-toggle="collapse" data-target="#evaluar">Evaluamos <span class="glyphicon glyphicon-menu-down"></span></button>
|
<button type="button" class="btn btn-lg btn-info btn-servicios" data-toggle="collapse" data-target="#evaluar">Evaluamos <span class="glyphicon glyphicon-menu-down"></span></button>
|
||||||
<div id="evaluar" class="collapse">
|
<div id="evaluar" class="active collapse in">
|
||||||
<button type="button" class="btn btn-lg btn-warning btn-circle">4</button>
|
<button type="button" class="btn btn-lg btn-warning btn-circle">4</button>
|
||||||
<p>El valor es recibido y la percepción se valida</p>
|
<p>El valor es recibido y la percepción se valida</p>
|
||||||
<h4>Objetivo: </h4>
|
<h4>Objetivo: </h4>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user