Feature/popover

.gitignore

@@ -3,3 +3,6 @@ _site
 .jekyll-metadata
 node_modules/
 .DS_Store
+
+*.swp
+*.swo

CNAME

@@ -0,0 +1 @@
+hackbo.org

_config.yml

@@ -1,99 +1,118 @@
-# --------------
+# bundle exec jekyll serve
+#--------------
 # -- Settings --
 # --------------
 
+#coder table done by brittany walker 
+#https://codepen.io/trekkiegirl/pen/mWLWJy
+
+
 # Ignore this. This is only if you're hosting this in a sub-folder.
 # If you're using GitHub pages, they automatically override this with the right value.
 baseurl: ""
 
 # If you're using GitHub pages without a custom domain, this is "https://[github username].github.io"
 # If you're using GitHub pages with a custom domain, this is "http://[your domain]" (or https if you're using SSL)
-url: "https://mlh.github.io"
+url: "http://www.hackbo.org"
 
 # The ability to use custom themes.
 style:
   theme: "original"
 
 # This will help you track who's visiting your website.
 tracking:
-  google_analytics: "UA-43729070-14"
+  google_analytics: "UA-100454271-1"
 
 # Let people connect & engage with you through social media.
 social:
-  twitter_handle: "MLHacks"
+  twitter_handle: "HackBo"
 
 # This is Search Engine Optimization. It'll help your website look better on search.
 seo:
-  title:       "Example Hacks | 5/6 August 2016"
-  description: "This is a sample hackathon website that you can use by following instructions on GitHub."
-  image:       "https://prime.mlh.io/img/logos/mlh-prime-color.svg"
+  title:       "HackBo"
+  description: "Hackathon Clubes de Ciencia Bolivia Santa Cruz de la Sierra"
+  image:       ""
 
 # Event information.
 event:
-  name:        "Example Hacks"
-  description: "This is a sample hackathon website that you can use by following instructions on GitHub."
-  date:        "5 & 6 August 2016"
-  location:    "Holmdel, NJ, United States"
-
-  trust_badge:
-    year:   "2017"  # season year
-    region: "eu"    # "na" or "eu"
-    color:  "white" # "white", "black", "gray", "red", "blue" or "yellow"
+  name:        "HackBo"
+  description: "Clubes de Ciencia Bolivia"
+  date:        "27 y 28 de Julio 2017"
+  location:    "UPSA"
 
   hero:
     links:
-      - text: "Apply"
-        my_mlh:
-          client_id:    "0e2f9fc2921d3ad3e12ae900af630d09382e1b3dc1b5b50de2b01b70ad64dbee"
-          redirect_uri: "https://mlh.github.io/mlh-hackathon-boilerplate/success.html"
-      - text: "Sponsor"
-        href: "mailto:[email protected]"
+      - text: "Aplica"
+        href: "https://ferrufino.typeform.com/to/jDxP1F"
+        class: "typeform-share link"
+        data-mode: "2"
+        target: "_blank"
+        data-toggle: ""
+      - text: "Patrocinios"
+        href: "mailto:[email protected]"
+        class: "btn btn-lg btn-danger"
+        data-mode: ""
+        target: ""
+        toggle: "popover"
+        content: "[email protected]"
+        placement: "auto"
+        trigger: "hover"
+
 
   about:
     description: >
-      Example Hacks is a hackathon hosted at The University of Example.
-      This is your opportunity to describe your event, what to expect, where it is & anything unique to your event.
-      Keep it straightforward, don't make it too long.
+      HackBo es el hackathon estudiantil más grande en Bolivia, donde apasionados por la tecnología colaboran durante 24hrs. 
+      En equipos, compiten para desarrollar la mejor solución de software o hardware 
+      y ganar uno de los tres primeros lugares, al igual que muchos premios!      
 
   # Info Sections
   info:
     sections:
-      - image: "images/image1.png"
-        title: "LEARN."
+      - image: "images/Disenha.png"
+        title: "DISEÑA"
         description: >
-          We can write something nice with a graphic (as above) to make the event more appealing.
-      - image: "images/image2.png"
-        title: "BUILD."
+          Diseña bien tu proyecto! Deberías de ser capaz de responder ¿Qué necesidad soluciona mi propuesta?
+          (Civico, Salud, Social, Educación, etc.)
+      - image: "images/Desarrolla.png"
+        title: "DESARROLLA"
         description: >
-          We can write something nice with a graphic (as above) to make the event more appealing.
-      - image: "images/image3.png"
-        title: "SHARE."
+          Debe de ser un proyecto de software o hardware. 
+          Si durante el hackathon tienes dudas, no te preocupes, tendrás grandes mentores para que te asesoren. ;) 
+      - image: "images/Presenta.png"
+        title: "PRESENTA"
         description: >
-          We can write something nice with a graphic (as above) to make the event more appealing.
+          Asegurate que tu hack este estable, y no te olvides de preparar tu presentación ante los jueces. Buena suerte!
 
   # Frequently asked questions.
   faq:
-    - question: "What is a hackathon?"
+    - question: "¿Qué es un Hackathon?"
       answer: >
-        A hackathon is an invention marathon. Students come together to build cool
-        software & hardware hacks over 24-48 hours. It's [very beginner friendly](https://medium.com/@tfogo/hackathons-are-for-beginners-77a9c9c0e000#.cj21niskl).
-    - question: "How much does it cost?"
+        Un hackathon es un maratón de creadores. Estudiantes se juntan para crear un proyecto cool de Software o Hardware en 24hrs.
+    - question: "¿Cuánto Cuesta?"
       answer: >
-        Nothing. Attending a hackathon is free.
-    - question: "Do I need to be a student to attend?"
+        Nada. Atender el Hackathon es gratis.
+    - question: "¿Necesito ser estudiante para atender este Hackathon?"
       answer: >
-        Yes. Only students who are currently enrolled at a college/university or
-        have graduated within the past 12 months are eligible to attend.
-    - question: "Where is the event?"
+        Si. Solo estudiantes que estén inscritos en universidad o bien últimos años de colegio (con permiso de su tutor legal)
+        pueden participar de este evento.
+    - question: "¿Donde es el evento?"
       answer: >
-        The event is being hosted at [insert venue location here].
-    - question: "What is Major League Hacking?"
+        El evento va ser realizado en la UPSA del 27 al 28 de Julio
+    - question: "¿Existe un código de conducta?"
       answer: >
-        Major League Hacking is [the official student hackathon league](https://mlh.io) in North America & Europe.
-        We work with over 200 Member Events and empower over 70,000 students every year.
-    - question: "Is there a code of conduct?"
+        Si existe. Se debe de respetar el establecimiento, los componentes tecnológicos y demas participates del hackathon.
+    - question: "¿Quienes están organizando este evento?"
       answer: >
-        Yes there is. We enforce it very strongly. You can [find it here](https://static.mlh.io/docs/mlh-code-of-conduct.pdf).
+        [Clubes de Ciencia Bolivia](http://www.clubesdecienciabolivia.com/)
+
+  # Partners
+  partner:
+    - image: "images/upsa.png"
+
+  logo:
+    - image: "images/hackbo2x.png"
+    - imageSmall: "images/hackbo.png"
+    - imageCdeCBo: "images/CdeCbo.png"
 
   # This is the message you'll receive once you've registered.
   register:

_includes/analytics/google_analytics.html

@@ -1,13 +1,13 @@
 {% if include.ga_id %}
   <!-- Google Analytics code -->
-  <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','https://www.google-analytics.com/analytics.js','ga');
+ <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','https://www.google-analytics.com/analytics.js','ga');
 
-    ga('create', '{{ include.ga_id }}', 'auto');
-    ga('send', 'pageview');
+  ga('create', 'UA-100454271-1', 'auto');
+  ga('send', 'pageview');
 
-  </script>
+</script>
 {% endif %}

_includes/head.html

@@ -30,7 +30,6 @@
   <link rel="stylesheet" type="text/css" href="{{ '/css/base.css' | prepend: site.baseurl | prepend: site.url }}" />
   <link rel="stylesheet" type="text/css" href="{{ '/css/' | prepend: site.baseurl | prepend: site.url }}{{ site.style.theme | append: '.css' }}" />
   <!-- link rel="icon" href="/img/favicon.ico" -->
-
   <!-- Favicon -->
   <link rel="canonical" href="{{ page.url | replace: 'index.html', '' | prepend: site.baseurl | prepend: site.url }}">
   <link rel="icon"      href="{{ '/img/favicon.ico' | prepend: site.baseurl | prepend: site.url }}">

_includes/hero.html

@@ -1,17 +1,23 @@
 <section class="hero">
   <div class="wrapper text-center">
-    <h1 rel="title">{{ site.event.name }}</h1>
-    <h2 rel="description">{{ site.event.description }}</h2>
     <h3 rel="location">{{ site.event.date }} &mdash; {{ site.event.location }}</h3>
-    <hr>
+
     <div class="buttons">
       {% for link in site.event.hero.links %}
-        {% if link.href %}
-          <a href="{{ link.href }}">{{ link.text }}</a>
-        {% elsif link.my_mlh %}
-          <a class="apply" href="https://my.mlh.io/oauth/authorize?client_id={{ link.my_mlh.client_id }}&amp;redirect_uri={{ link.my_mlh.redirect_uri }}&amp;response_type=token">{{ link.text }}</a>
-        {% endif %}
+      <a
+        class="{{ link.class }}"
+        href="{{ link.href }}"
+        data-mode="{{ link.data }}"
+        target="{{ link.target }}"
+        data-content="{{ link.content }}"
+        data-toggle="{{ link.toggle }}"
+        data-placement="{{ link.placement }}"
+        data-trigger="{{ link.trigger }}">
+        {{ link.text }}
+      </a>
       {% endfor %}
+      <script>(function(){var qs,js,q,s,d=document,gi=d.getElementById,ce=d.createElement,gt=d.getElementsByTagName,id='typef_orm_share',b='https://s3-eu-west-1.amazonaws.com/share.typeform.com/';if(!gi.call(d,id)){js=ce.call(d,'script');js.id=id;js.src=b+'share.js';q=gt.call(d,'script')[0];q.parentNode.insertBefore(js,q)}})()</script>
     </div>
   </div>
 </section>
+

_includes/trust_badge.html

@@ -1,9 +1 @@
-{% if site.event.trust_badge %}
-<a id="mlh-trust-badge"
-   href="https://mlh.io/seasons/{{ site.event.trust_badge.region }}-{{ site.event.trust_badge.year }}/events?utm_source={{ site.event.trust_badge.region }}-{{ site.event.trust_badge.year }}&utm_medium=TrustBadge&utm_campaign={{ site.event.trust_badge.region }}-{{ site.event.trust_badge.year }}&utm_content={{ site.event.trust_badge.color }}"
-   target="_blank">
-    <img src="https://s3.amazonaws.com/logged-assets/trust-badge/{{ site.event.trust_badge.year }}/{{ site.event.trust_badge.color }}.svg"
-         alt="Major League Hacking {{ site.event.trust_badge.year }} Hackathon Season"
-         style="width:100%">
-</a>
-{% endif %}
+

_layouts/default.html

@@ -1,21 +1,32 @@
 <!DOCTYPE html>
 <html>
-  {% include head.html %}
+{% include head.html %}
 
-  <body{% if page.custom_class %} class="{{ page.custom_class }}"{% endif %}>
-    {% include trust_badge.html %}
+<body{% if page.custom_class %} class="{{ page.custom_class }}"{% endif %}>
+{% include trust_badge.html %}
 
-    {{ content }}
+{{ content }}
 
-    <section class="footer">
-      <div class="container text-center">
-        <h1>{{ site.event.name }}</h1>
-        <h3>&copy; 2016 {{ site.event.name }}. Template by <a href="https://github.com/nlaz">Niko Lazaris</a>.</h3>
-      </div>
-    </section>
+<section class="footer">
+  <div class="container text-center">
 
-    <script src="{{ '/js/jquery-1.11.3.js' | prepend: site.baseurl | prepend: site.url }}"></script>
+    {% for item in site.event.logo %}
+    <div class="wrapper text-center" >
+      <img src="{{ item.imageSmall }}" />
+    </div>
+    {% endfor %}
 
-    {% include analytics/google_analytics.html ga_id=site.tracking.google_analytics %}
-  </body>
+    <h3>&copy; 2017 Clubes de Ciencia Bolivia</h3>
+  </div>
+</section>
+
+<script src="{{ '/js/jquery-1.11.3.js' | prepend: site.baseurl | prepend: site.url }}"></script>
+<script src="{{ '/js/bootstrap.min.js' | prepend: site.baseurl | prepend: site.url }}"></script>
+<script>
+$(document).ready(function(){
+    $('[data-toggle="popover"]').popover();   
+});
+</script>
+{% include analytics/google_analytics.html ga_id=site.tracking.google_analytics %}
+</body>
 </html>