1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/> 6 <title>mutabiT - .:| coevolucionado</title> 7 8 <!-- CSS --> 9 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 10 <link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/> 11 <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/> 12</head> 13<body> 14 <nav class="light-blue teal darken-3" role="navigation"> 15 <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">mutabiT</a> 16 <ul class="right hide-on-med-and-down"> 17 <li><a href="#">.:| coevolucionando |:.</a></li> 18 </ul> 19 20 <ul id="nav-mobile" class="side-nav"> 21 <li><a href="#">Navbar Link</a></li> 22 </ul> 23 <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a> 24 </div> 25 </nav> 26 <div class="section no-pad-bot" id="index-banner"> 27 <div class="container"> 28 <br><br> 29 <h1 class="header center orange-text"><img src="./images/logo-mutabit-negro.png"></h1> 30 <div class="row center"> 31 <h5 class="header col s12 light">Facilitamos la gestión y visualización de conocimiento, 32 la innovación y la co-creación en la academia, la empresa y el gobierno.</h5> 33 </div> 34 <br><br> 35 36 </div> 37 </div> 38 39 40 <div class="container"> 41 <div class="section"> 42 43 <!-- Icon Section --> 44 <div class="row"> 45 <div class="col s12 m4"> 46 <div class="icon-block"> 47 <h5 class="center">Somos...</h5> 48 <center><img class="responsive-img" src="./images/somos-redes-1.png" alt="somos redes"></center> 49 <p class="light"> 50 personas vinculadas desde 1996 a comunidades de software libre y librecultura nacionales e internacionales. 51 <br><br> 52 Parte de una red de <i>hackers</i>, activistas, académicos y consultores. 53 </p> 54 </div> 55 </div> 56 57 <div class="col s12 m4"> 58 <div class="icon-block"> 59 <h5 class="center">Usamos...</h5> 60 <center><img class="responsive-img" src="./images/usamos.png" alt="usamos"></center> 61 <p class="light"> 62 las tecnologÃas, metodologÃas y saberes que han creado productos y procesos disruptivos 63 e innovadores como la Wikipedia o el sistema operativo Gnu/Linux al servicio de sus necesidades. 64 </p> 65 </div> 66 </div> 67 68 <div class="col s12 m4"> 69 <div class="icon-block"> 70 <h5 class="center">Hacemos...</h5> 71 <center><img class="responsive-img" src="./images/beneficio.png" alt="usamos"></center> 72 <p class="light"> 73 <b>Nuestras experticias incluyen:</b><br> 74 â Visualización de datos a la medida. <br> 75 â Innovación abierta y comunitaria. <br> 76 â Gestión de conocimiento. <br> 77 â Libre cultura | Software libre. <br> 78 â <i>e-learning</i> | <i>b-learning</i>. <br> 79 â Talleres y <i>hackatones</i>. 80 </p> 81 </div> 82 </div> 83 </div> 84 85 </div> 86 <br><br> 87 88 <div class="section"> 89 90 </div> 91 </div> 92 93<div class="container portfolio"> 94 <h5 class="center">Portafolio</h5> 95 <h6>PROYECTOS DESTACADOS</h6> 96 <hr> 97 <div class="row"> 98 99 <div class="col s12 m6"> 100 <h6>Grafoscopio</h6> 101 <div class="card"> 102 <div class="card-image"> 103 <img src="./images/grafoscopio.png"> 104 <span class="card-title">Grafoscopio</span> 105 </div> 106 <div class="card-content"> 107 <p>Una herramienta adaptable y versátil para hacer narrativas computacionales 108 y visualización de datos. 109 </p> 110 </div> 111 <div class="card-action"> 112 <a class="green-text darken-4" href="http://mutabit.com/grafoscopio">Ver más detalles</a> 113 </div> 114 </div> 115 </div> 116 117 <div class="col s12 m6"> 118 <h6>Data Week</h6> 119 <div class="card"> 120 <div class="card-image"> 121 <img src="./images/dataweek.png">
122 <span class="card-title">Data Week</span> 123 </div> 124 <div class="card-content"> 125 <p>Un taller-hackatón intensivo sobre herramientas amoldables y visualización de datos. 126 </p> 127 </div> 128 <div class="card-action"> 129 <a class="green-text darken-4" href="http://mutabit.com/dataweek">Ver más detalles</a> 130 </div> 131 </div> 132 </div> 133 134 <div class="col s12 m6"> 135 <h6>Visualizaciones a la medida</h6> 136 <div class="card"> 137 <div class="card-image"> 138 <img src="http://mutabit.com/repos.fossil/offray-blog/doc/tip/user/pages/entry/sdv-infomed/omeprazol-pu-by-country.png"> 139 <span class="card-title">Visualizaciones a la medida</span> 140 </div> 141 <div class="card-content"> 142 <p>Un vistazo a la información pública sobre algunos medicamentos, 143 publicada por las agencias gubernamentales, hecho a la medida del problema. 144 </p> 145 </div> 146 <div class="card-action"> 147 <a class="green-text darken-4" href="http://mutabit.com/offray/blog/en/entry/sdv-infomed">Ver más detalles</a> 148 </div> 149 </div> 150 </div> 151 152 <div class="col s12 m6"> 153 <h6>Seminario-Taller sobre ciencia e investigación abiertas y ciudadanas</h6> 154 <div class="card"> 155 <div class="card-image"> 156 <img src="http://mutabit.com/repos.fossil/icacg/doc/tip/publicaciones-abiertas.png"> 157 <span class="card-title">Seminario-Taller sobre ciencia e investigación abiertas y ciudadanas</span> 158 </div> 159 <div class="card-content"> 160 <p>¿Cómo las tecnologÃas digitales y el acceso abierto están cambiando las maneras 161 y lugares en que se produce y comparte conocimiento académico e investigativo? 162 Este taller explora esta pregunta y muestra herramientas prácticas para responderla. 163 </p> 164 </div> 165 <div class="card-action"> 166 <a class="green-text darken-4" href="http://mutabit.com/repos.fossil/icacg/index">Ver más detalles</a> 167 </div> 168 </div> 169 </div> 170 </div> 171</div> 172 173 174 <footer class="page-footer green teal darken-4"> 175 <div class="container"> 176 <div class="row"> 177 <div class="col l6 s12"> 178 <h5 class="white-text">Contáctenos</h5> 179 <p class="grey-text text-lighten-4"> 180 ¿Desea un taller sobre innovación o una infraestructura digital 181 que potencie el conocimiento de su institución? 182 ¿Está pensando en una visualización a la medida para entender o 183 comunicar información compleja? ¿Le ha llamado la atención algo en 184 nuestras temáticas o en el portafolio? 185 <br> 186 Puede escribirnos a 187 <a class="orange-text text-lighten-3" href="mailto:[email protected]">[email protected]</a>. 188 Este es un buen momento para crear juntos. 189 </p> 190 191 192 </div> 193 <div class="col l3 s12"> 194 <h5 class="white-text">Conexiones</h5> 195 <p class="white-text">Apoyamos a:</p> 196 <ul> 197 <li><a class="white-text" href="http://hackbo.co">HackBo: Un hackerspace en Bogotá</a></li> 198 </ul> 199 </div> 200 <div class="col l3 s12"> 201 <h5 class="white-text">Personas</h5> 202 <ul> 203 <li><a class="white-text" href="#!">Offray Luna</a></li> 204 <li><a class="white-text" href="https://twitter.com/offrayLC">⸠Twitter</a></li> 205 <li><a class="white-text" href="http://mutabit.com/offray/blog/">â» Blog</a></li> 206 <li><a class="white-text" href="https://offray.withknown.com/">â· Indie Web</a></li> 207 </ul> 208 </div> 209 </div> 210 </div> 211 <div class="footer-copyright"> 212 <div class="container"> 213 Made by mutabiT with <a class="orange-text text-lighten-3" href="http://materializecss.com">Materialize</a> 214 </div> 215 </div> 216 </footer> 217 218 219 <!-- Scripts--> 220
220<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
220 221
221<script src="js/materialize.js"></script>
221 222
222<script src="js/init.js"></script>
222 223 224 </body> 225</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.