-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 12.4 KB
/
index.html
1
<!DOCTYPE html> <html lang="es" class="is-unselectable"> <head> <meta charset="UTF-8"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=YAXom0mQX9"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=YAXom0mQX9"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=YAXom0mQX9"> <link rel="manifest" href="/site.webmanifest?v=YAXom0mQX9"> <link rel="mask-icon" href="/safari-pinned-tab.svg?v=YAXom0mQX9" color="#5bbad5"> <link rel="shortcut icon" href="/favicon.ico?v=YAXom0mQX9"> <meta name="apple-mobile-web-app-title" content="SparkProjects"> <meta name="application-name" content="SparkProjects"> <meta name="msapplication-TileColor" content="#2d89ef"> <meta name="theme-color" content="#ffffff"> <title>SparkProjects</title> <meta name="description" content="SparkProjects es un colectivo cuyo principal objetivo es promover el uso de la tecnología como medio para resolver problemas cotidianos y no tan cotidianos en Guatemala."> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://sparkgt.org/static/css/bulma.min.css"> <link rel="stylesheet" href="https://sparkgt.org/static/css/all.min.css"> <link rel="stylesheet" href="https://sparkgt.org/static/css/bulma-timeline.min.css"> <link rel="stylesheet" href="https://sparkgt.org/static/css/spark.css"> <script type="text/javascript" src="https://sparkgt.org/static/js/jquery-3.4.1.min.js"></script> <script type="text/javascript" src="https://sparkgt.org/static/js/spark.js"></script> <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> </head> <body> <section class="hero hero-fh1 is-fullheight is-dark" id="inicio" style="background-image: url(https://sparkgt.org/static/img/hfondo1.jpg);"> <div class="hero-head"> <nav class="navbar is-fixed-top is-dark has-background-black-ter" role="navigation"> <div class="navbar-brand"> <a class="navbar-item" href="https://sparkgt.org"> <img src="https://sparkgt.org/static/img/nombre.svg" width="112" height="28"/> </a> <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample"> <span aria-hidden="true"></span> <span aria-hidden="true"></span> <span aria-hidden="true"></span> </a> </div> <div class="navbar-menu"> <div class="navbar-end"> <div class="navbar-item"> <div class="buttons is-centered"> <a href="#inicio" class="button is-outlined is-white">Inicio</a> <a href="#nosotros" class="button is-outlined is-white">Sobre nosotros</a> <a href="#contacto" class="button is-outlined is-white">Contacto</a> </div> </div> </div> </div> </nav> </div> <div class="hero-body"> <div class="container"> <div class="columns is-vcentered"> <div class="column is-two-fifth"> <div class="card"> <header class="card-header"> <p class="card-header-title has-background-danger has-text-white-ter is-centered"> <span class="icon"> <i class="fas fa-fire-alt"></i> </span> AlertaFuegoGT </p> </header> <div class="card-image"> <figure class="image is-16by9"> <video class="has-ratio" controls="" muted="" loop=""> <source src="https://sparkgt.org/static/img/alertafuego.mp4" type="video/mp4"/> <source src="https://sparkgt.org/static/img/alertafuego.webm" type="video/webm"/> </video> </figure> </div> <div class="card-content has-background-danger has-text-grey-lighter"> <div class="content"> <h6 class="subtitle is-6 has-text-centered is-marginless"> Incendios en Petén, Guatemala<br/>01-2017 - 05-2017<br/>NASA Worldview </h6> </div> </div> </div> </div> <div class="column is-three-fifths"> <div class="box content has-text-justified"> <p>Es un sistema de notificación de incendios de acceso público para la región de Guatemala, utilizando los datos provistos por la NASA.</p> <div class="has-text-centered"> <a href="https://sparkgt.org/alertafuegogt/" class="button is-outlined is-danger"> <span>Ir a </span><span class="icon"> <i class="fas fa-fire-alt"></i> </span> <span> AlertaFuegoGT</span></a> </div> </div> </div> </div> </div> </div> <div class="hero-foot"> <a style="background-color:black;color:white;text-decoration:none;padding:4px 6px;font-family:-apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;font-size:12px;font-weight:bold;line-height:1.2;display:inline-block;border-radius:3px" href="https://unsplash.com/@thematthoward?utm_medium=referral&utm_campaign=photographer-credit&utm_content=creditBadge" target="_blank" rel="noopener noreferrer" title="Download free do whatever you want high-resolution photos from Matt Howard"><span style="display:inline-block;padding:2px 3px"><svg xmlns="http://www.w3.org/2000/svg" style="height:12px;width:auto;position:relative;vertical-align:middle;top:-2px;fill:white" viewBox="0 0 32 32"><title>unsplash-logo</title><path d="M10 9V0h12v9H10zm12 5h10v18H0V14h10v9h12v-9z"></path></svg></span><span style="display:inline-block;padding:2px 3px">Matt Howard</span></a> </div> </section> <section class="hero hero-fh2 is-fullheight" id="nosotros" style="background-image: url(https://sparkgt.org/static/img/hfondo2.jpg);"> <div class="hero-body"> <div class="container"> <div class="columns is-vcentered"> <div class="column has-text-justified is-three-fifths"> <div class="box content has-text-centered"> <h1 class="is-marginless">Sobre Nosotros</h1> </div> <div class="box content has-background-grey-darker has-text-grey-lighter"> <p><strong class="has-text-white-ter">SparkProjects</strong> nació como una inquietud de un grupo de amigos en las aulas de la Universidad de San Carlos de Guatemala luego de organizar una "Feria de la tecnología" en 2016 encantado con la idea decidieron seguir investigando sobre esto se encontraron con la cultura <i>maker</i> y con los <i>hackatons</i>, realizados en el país.</p> <p>Al buscar <i>hackatons</i> se encontraron con el <strong class="has-text-white-ter">Space Apps Challenge</strong> y durante un momento de inspiración grupal dieron vida al proyecto denominado <strong class="has-text-white-ter">AlertaFuegoGT</strong> con el cuál obtuvieron doble nominación en 2017 como <strong class="has-text-white-ter">Local people's Choice Winner</strong> y <strong class="has-text-white-ter">Global Nominees</strong>, ese mismo año co-organizaron el primer <strong class="has-text-white-ter">Festival de hacedores</strong> en la Ciudad de Guatemala, en 2018 volvieron a participar en el <strong class="has-text-white-ter">Space Apps Challenge</strong> con la segunda versión de AlertaFuegoGT logrando así la nominación en la categoría <strong class="has-text-white-ter">Global Nominnes.</strong> </p> <p>Con estas experiencias seguimos en busca de nuevos proyectos con los cuales podamos ayudar a resolver algunos de los problemas en nuestro país.</p> </div> </div> <div class="column"> <div class="box fondo-semi-black"> <div class="timeline "> <header class="timeline-header"> <span class="tag is-medium is-primary">2018</span> </header> <div class="timeline-item is-primary"> <div class="timeline-marker is-primary"></div> <div class="timeline-content has-text-white-ter"> <p class="heading">Octubre</p> <p>Space Apps Challenge Ciudad de Guatemala<br/>Global Nominees</p> </div> </div> <header class="timeline-header"> <span class="tag is-medium is-primary">2017</span> </header> <div class="timeline-item is-primary"> <div class="timeline-marker is-primary"></div> <div class="timeline-content has-text-white-ter"> <p class="heading">Marzo</p> <p>Space Apps Challenge Ciudad de Guatemala<br/>Local People's Choice Winner y Global Nominees</p> </div> <div class="timeline-content has-text-white-ter"> <p class="heading">Octubre</p> <p>Organizadores<br/>Primer Festival de Hacedores<br/>Ciudad de Guatemala</p> </div> </div> <header class="timeline-header"> <span class="tag is-medium is-primary">2016</span> </header> <div class="timeline-item is-primary"> <div class="timeline-marker is-primary"></div> <div class="timeline-content has-text-white-ter"> <p class="heading">Septiembre</p> <p>Organizadores FETEC 2016</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="hero-foot"> <a style="background-color:black;color:white;text-decoration:none;padding:4px 6px;font-family:-apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;font-size:12px;font-weight:bold;line-height:1.2;display:inline-block;border-radius:3px" href="https://unsplash.com/@marvelous?utm_medium=referral&utm_campaign=photographer-credit&utm_content=creditBadge" target="_blank" rel="noopener noreferrer" title="Download free do whatever you want high-resolution photos from Marvin Meyer"><span style="display:inline-block;padding:2px 3px"><svg xmlns="http://www.w3.org/2000/svg" style="height:12px;width:auto;position:relative;vertical-align:middle;top:-2px;fill:white" viewBox="0 0 32 32"><title>unsplash-logo</title><path d="M10 9V0h12v9H10zm12 5h10v18H0V14h10v9h12v-9z"></path></svg></span><span style="display:inline-block;padding:2px 3px">Marvin Meyer</span></a> </div> </section> <section class="hero hero-fh3 is-fullheight is-dark" id="contacto" style="background-image: url(/static/img/hfondo3.jpg);"> <div class="hero-body"> <div class="container"> <div class="container"> <div class="columns is-centered"> <div class="column box is-three-fifths"> <div class="content"> <h1 class="is-marginless is-size has-text-centered">¿Tienes algo qué contarnos? <br/>¡Nos encantaría leerlo!</h1> <br/> </div> <div class="columns"> <div class="column has-text-centered"> <div class="container"> <span class="icon has-text-link is-medium"> <i class="far fa-3x fa-envelope"></i> </span> <br/> <strong>info</strong><i class="fas fa-at is-paddingless"></i><strong>sparkgt.org</strong> </div> </div> <div class="column has-text-centered"> <div class="container"> <span class="icon has-text-darker is-medium"> <a target="_blank" class="fab fa-3x fa-facebook-square" href="https://www.facebook.com/SparkProjectsGT/"></a> </span> <br/> <span><strong>/SparkProjectsGT</strong></span> </div> </div> <div class="column has-text-centered"> <div class="container"> <span class="icon has-text-darker is-medium"> <a target="_blank" class="fab fa-3x fa-twitter-square" href="https://twitter.com/Sparkprogt"></a> </span> <br/> <span><strong>@Sparkprogt</strong></span> </div> </div> <div class="column has-text-centered"> <div class="container"> <span class="icon has-text-darker is-medium"> <a target="_blank" class="fab fa-3x fa-instagram" href="https://www.instagram.com/sparkprojects/"></a> </span> <br/> <span><strong>@Sparkprojects</strong></span> </div> </div> </div> </div> </div> </div> </div> </div> <div class="hero-foot"> <a style="background-color:black;color:white;text-decoration:none;padding:4px 6px;font-family:-apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;font-size:12px;font-weight:bold;line-height:1.2;display:inline-block;border-radius:3px" href="https://unsplash.com/@dustinlee?utm_medium=referral&utm_campaign=photographer-credit&utm_content=creditBadge" target="_blank" rel="noopener noreferrer" title="Download free do whatever you want high-resolution photos from Dustin Lee"><span style="display:inline-block;padding:2px 3px"><svg xmlns="http://www.w3.org/2000/svg" style="height:12px;width:auto;position:relative;vertical-align:middle;top:-2px;fill:white" viewBox="0 0 32 32"><title>unsplash-logo</title><path d="M10 9V0h12v9H10zm12 5h10v18H0V14h10v9h12v-9z"></path></svg></span><span style="display:inline-block;padding:2px 3px">Dustin Lee</span></a> <footer class="footer fondo-semi-black has-text-grey-lighter"> <div class="content has-text-centered"> <a target="_blank" rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Licencia de Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png"/></a><br/>Este sitio web cuyo autor es <a target="_blank" xmlns:cc="http://creativecommons.org/ns#" href="http://sparkgt.org" property="cc:attributionName" rel="cc:attributionURL" class="has-text-white-bis">SparkProjects</a> está bajo una <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/" class="has-text-white-bis">licencia de Reconocimiento-CompartirIgual 4.0 Internacional de Creative Commons</a>. </div> </footer> </div> </section> </body> </html>