bricolabs-web/index.html at master · brico-labs/bricolabs-web · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html>
<head lang="es">
    <meta http-equiv="content-type" content="text/html;charset=utf-8" >
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bricolabs</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="author" content="4m1g0 <dev.4m1g0@gmail.com>" />
    <link rel="copyright" href="http://creativecommons.org/licenses/by-sa/3.0/" />
    <link rel="stylesheet" href="style/main.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/jquery-1.11.2.min.js">x3C/script>')</script>
    <script src="js/main.js"></script>
</head>
<body>
<a id="init"></a>
<header id="main-menu" >
    <div class="menu-bg"></div>
    <div class="wrapper">
        <a id="init" href="#init"><img class="logo-mini" src="images/bricolabs_logo_mini.png" alt="Logo Bricolabs" /></a>
        <div class="show-menu"></div>
        <nav class="menu">
            <ul>
                <li><a id="menu-who" href="#who">¿Quiénes somos?</a></li>
                <li><a id="menu-proyects" href="#proyects">Galería</a></li>
                <li><a id="menu-contact" href="#contact">Contacto</a></li>
                <li><a href="wiki/">Wiki</a></li>
                <li><a href="http://oshwdem.org">OSHWDem</a></li>
            </ul>
        </nav>
    </div>
</header>
<section class="intro cover">
    <div id="intro-bg" class="intro-bg cover"></div>
    <img id="logo" src="images/bricolabs_logo.png" alt="Logo Bricolabs" />
</section>
<div class="intro-placeholder cover"></div>
<section class="description content">
    <a id="who"></a>
    <h1 class="section-title">¿Quiénes somos?</h1>
    <div class="wrapper table">
        <img class="desc-image" src="images/group_photo.jpg" alt="Foto de grupo Bricolabs" />
        <div class="desc-text">
             BricoLabs es una asociación que reúne semanalmente a todos aquellos que quieran colaborar en el diseño, construcción y pruebas de todo tipo de aparatos y gadgets, propuestos por los propios participantes y al estilo de otros HackerSpaces y FabLabs del mundo.<br /><br />

    Es un grupo de trabajo donde todo el mundo puede proponer ideas y colaborar en las diferentes fases de los proyectos, a través de reuniones altamente participativas y en un ambiente ameno y dinámico, donde no importa tanto el nivel de conocimiento como la motivación en la realización de la actividad.
        </div>
    </div>
</section>
<section class="video">

</section>
<section class="proyects content">
    <a id="proyects"></a>
    <h1 class="section-title">Galería de imágenes</h1>
    <div class="wrapper">
        <div class="section-desc">Cada semana nos reunimos para poner en común proyectos personales y desarrollar proyectos conjuntos. En estas imágenes puedes ver algunas cosas que hemos hecho. Además asistimos a numeros eventos de hardware libre y organizamos anualmente la feria de tecnología abierta OSHWDem.<br /><br />Puedes ver toda la documentación sobre nuestros proyectos en la <a href="wiki/">Wiki</a>. También puedes acceder al <a href="https://github.com/brico-labs">Github</a> de los proyectos comunes.</div>
        <div class="img-container">
            <div class="img-desc"><h1>Concurso de robots siguelíneas</h1><br />OSHWDem 2014<br /> Museo Domus de A coruña</div>
            <img src="images/siguelineas-small.jpg" alt="Concurso de robots siguelíneas en la OSHWDem" />
        </div>
        <div class="img-container">
            <div class="img-desc"><h1>Concurso de robots sumo</h1><br />OSHWDem 2014<br /> Museo Domus de A coruña</div>
            <img src="images/sumo-robot-small.jpg" alt="Consurso de robots sumo en la OSHWDem" />
        </div>
        <div class="img-container">
            <div class="img-desc"><h1>Bricolabs en el día de la ciencia en la calle</h1><br />2013<br /> Parque de Santa Margarita<br /> (casa de las ciencias)</div>
            <img src="images/ciencia-en-la-calle-small.jpg" alt="Bricolabs en el dia de la ciencia en la calle" />
        </div>
        <div class="img-container">
             <div class="img-desc"><h1>Escornabot</h1><br />Proyecto libre de robótica educativa</div>
            <img src="images/escornabot-small.jpg" alt="Proyecto libre de robótica educativa Escornabot" />
        </div>
         <div class="img-container">
            <div class="img-desc"><h1>Sensor siguelíneas</h1><br />Fabricando un sensor para robot siguelíneas</div>
            <img src="images/sensor_siguelineas-small.jpg" alt="Fabricando sensor siguelineas" />
        </div>
         <div class="img-container">
            <div class="img-desc"><h1>Proyecto de electónica</h1><br />Jornada de "cacharreo" en Bricolabs</div>
            <img src="images/proyecto_electronica-small.jpg" alt="Proyecto electronica en Bricolabs" />
        </div>
    </div>
</section>
<section class="proto">
    <div class="proto-bg cover"></div>
</section>
<section class="media content">
    <a id="contact"></a>
    <h1 class="section-title">Contacto</h1>
    <div class="wrapper">
        <div class="section-desc">
            <p>Nos reunimos en la Domus de A Coruña. Todos los meses hacemos una sesión de puertas abiertas, si quieres hacernos una visita puedes contactar con nosotos a través del correo electrónico <a href="mailto:contacto@bricolabs.cc" > contacto@bricolabs.cc</a></p><br />
            <a class="twitter-timeline" href="https://twitter.com/Brico_Labs" data-widget-id="589771298265554944">Tweets por el @Brico_Labs.</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
        </div>
    </div>
</section>
<footer>
    <a href="http://www.facebook.com/bricolabs" target="_blank"><img src="images/facebook.png" alt="Facebook" /></a>
    <a href="https://twitter.com/brico_labs" target="_blank"><img src="images/twitter.png" alt="Twitter" /></a>
    <a href="https://www.flickr.com/photos/bricolabs/" target="_blank"><img src="images/flickr.png" alt="Twitter" /></a>
    <a href="https://plus.google.com/+BricoLabs" target="_blank"><img src="images/google.png" alt="Google" /></a>
    <a href="https://github.com/brico-labs" target="_blank"><img src="images/github.png" alt="Github" /></a>
    <a href="mailto:contacto@bricolabs.cc"><img src="images/email.png" alt="Email" /></a>
</footer>
<div class="image-fullscreen">
<div class="close-image"></div>
</div>
<div class="shadow"></div>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-63820077-1', 'auto');
  ga('send', 'pageview');

</script>
</body>
</html>