Permalink
Browse files

mailchimp

  • Loading branch information...
1 parent abaada2 commit 70d2e3dc380c0ab64269a17dd017338a19f7cb03 @kevohagan committed Feb 12, 2014
View
Binary file not shown.
View
@@ -20,3 +20,4 @@ nprogress
spiderable
ms-seo
email
+mailchimp
@@ -10,6 +10,10 @@ body {
@media @mobile {
font-size: 13px;
}
+
+ @media @tablet {
+ font-size : 1em;
+ }
}
h1,h2,h3,h4,h5,h6 {
@@ -11,4 +11,7 @@
@blue : #6bbed4;
-.blueIO {color: @blue;}
+
+.blueIO {color: @blue;}
+.facebook { color: #3B5998;}
+.twitter { color:#00ACEE;}
@@ -0,0 +1,22 @@
+Meteor.startup(function () {
+try {
+ // You can as well pass different parameters on each call
+ var api = new MailChimp( /* apiKey, { version : '2.0' } */ );
+} catch ( error ) {
+ console.log( error.message );
+}
+
+// api.call( 'campaigns', 'list', { list_id : '14b2b77b30', start: 0, limit: 25 }, function ( error, result ) {
+// if ( error )
+// console.log( error.message );
+// else
+// console.log( JSON.stringify( result ) ); // Do something with your data!
+// });
+
+// api.call( 'lists', 'members',{id:'14b2b77b30'}, function(err,res){
+// if(err)
+// console.log(err.message);
+// else
+// console.log(JSON.stringify(res));
+// });
+});
@@ -4,8 +4,8 @@
<div class="ui page grid center aligned">
<div class="column twelve wide ">
<h2 class="ui huge center aligned icon header">
- <i class="circular emphasized inverted orange chat outline icon"></i>
- <div class="content">Contact Us<div class="sub header">Don't hesitate</div>
+ <i class="circular emphasized blueIO chat outline icon"></i>
+ <div class="content">Contactanos<div class="sub header">Estamos aqui para ayudarse!! :)</div>
</div>
</h2>
<div class="ui inverted horizontal section divider">
@@ -14,19 +14,19 @@ <h2 class="ui huge center aligned icon header">
<form id="contact-form" class="ui form segment" parsley-validate novalidate>
<div class="field">
- <label>Name</label>
- <input id="contact-name" placeholder="Name" type="text" parsley-required="true" data-trigger="change">
+ <label>Nombre</label>
+ <input id="contact-name" placeholder="Nombre" type="text" parsley-required="true" data-trigger="change">
</div>
<div class="field">
<label>Email</label>
<input placeholder="Email" type="email" id="contact-email" parsley-required="true" data-trigger="change">
</div>
<div class="field">
- <label>Your Message</label>
+ <label>Su Mensaje</label>
<textarea id="contact-message" rows="6" parsley-required="true"></textarea>
</div>
- <button class="ui blue submit button" name="submit" type="submit" data-sending-message="Sending..." data-ok-message="Message Sent">Send</button>
+ <button class="ui blue submit button" name="submit" type="submit" data-sending-message="Enviando..." data-ok-message="Enviado :)">Send</button>
</form>
</div>
@@ -12,9 +12,9 @@ Template.contact.events({
if ($('#contact-form').parsley( 'isValid' )) {
Meteor.call('sendEmail',
- 'email@email.com',
+ 'kevinohagan@gmail.com',
email,
- 'New Email from '+ name + ' from the Semantic Boilerplate!!',
+ 'New Email from '+ name + ' Mallorca.io!!',
message);
var button = $('#contact-form button');
@@ -2,8 +2,12 @@
<footer class="ui large inverted menu">
<a class="item" href="http://palmandplay.com" target="_blank">
- <span> Iniciativa de PalmandPlay 2014 </span>
+ <span> Iniciativa de PalmandPlay </span>
</a>
+ <div class="right icon menu">
+ <a class="item" href="http://www.facebook.com/mallorcaio"><i class="icon facebook"></i></a>
+ <a class="item" href="http://www.twitter.com/mallorcaio"><i class="icon twitter"></i></a>
+ </div>
</footer>
</template>
@@ -4,23 +4,15 @@
<div class="ui vertical inverted right sidebar menu">
<a class="header item">
<i class="close icon"></i>
- Close
+ Cerrar
</a>
<a class="item" href="{{pathFor 'home'}}">
<i class="home icon"></i>
- Home
- </a>
- <a class="item" href="{{pathFor 'portfolio'}}">
- <i class="lab icon"></i>
- Portfolio
- </a>
- <a class="item" href="{{pathFor 'test'}}">
- <i class="beer icon"></i>
- Test
+ Inicio
</a>
<a class="item" href="{{pathFor 'contact'}}">
<i class="mail icon"></i>
- Contact
+ Contacto
</a>
{{#if isInRole 'admin'}}
<a class="item" href="{{pathFor 'admin'}}"><i class="dashboard icon"></i>Admin</a>
@@ -3,119 +3,71 @@
<div class="CoverImage FlexEmbed FlexEmbed--3by1" style="background-image:url(/img/header_io.jpg);"></div>
<div class="ui horizontal icon divider">
- <i class="circular code icon"></i>
+ <i class="circular bolt icon"></i>
</div>
-<div class="ui five center aligned stackable column grid">
- <div class="equal height row">
+<div class="ui four center aligned doubling column grid">
<div class="column wow bounceInUp">
- <div class="ui icon header modals">
- <i class="circular basic blueIO idea icon"></i>
- <h2>Desarrolladores</h2>
+ <div class="ui icon header modals" data-modal="desarrolladores">
+ <i class="circular basic blueIO trophy icon"></i>
+ <div class="ui header">Desarrolladores</div>
<div class="sub header">Una manera simple de dar forma a tu idea de aplicación en un fin de semana y enseñarsela al mundo.</div>
</div>
{{>modaldesarrolladores}}
</div>
<div class="column wow bounceInUp" data-wow-delay="0.2s">
- <div class="ui icon header">
+ <div class="ui icon header modals" data-modal="disenadores">
<i class="circular basic blueIO idea icon"></i>
- <h2>Diseñadores</h2>
- <div class="sub header">Podrás construir tu propia App con una interfaz muy reactiva.</div>
+ <div class="ui header">Diseñadores</div>
+ <div class="sub header">Podrás contruir tu propia app con una interfaz muy interactiva. Por fin una plataforma que te facilitará el trabajo, y llevará tus diseños a otro nivel.</div>
</div>
+ {{>modaldisenadores}}
</div>
<div class="column wow bounceInUp" data-wow-delay="0.3s">
- <div class="ui icon header">
- <i class="circular basic blueIO idea icon"></i>
- <h2>Emprendedores</h2>
- <div class="sub header">Al ser ágil y escalable permite desarrollar rapidamente un MVP (prototipo).</div>
+ <div class="ui icon header modals" data-modal="emprendedores">
+ <i class="circular basic blueIO users icon"></i>
+ <div class="ui header">Emprendedores</div>
+ <div class="sub header">El futuro es de los emprendedores y por eso no hay ni un minuto que perder. Aquí aprenderás a desarrollar un MVP, escaláble y de la manera más rápida y ágil</div>
</div>
+ {{>modalemprendedores}}
</div>
<div class="column wow bounceInUp" data-wow-delay="0.4s">
- <div class="ui icon header">
- <i class="circular basic blueIO idea icon"></i>
- <h2>Aprendices</h2>
- <div class="sub header">La filosofía Meteor te enseña como funciona la web.</div>
+ <div class="ui icon header modals" data-modal="aprendices">
+ <i class="circular basic blueIO lightning icon"></i>
+ <div class="ui header">Aprendices</div>
+ <div class="sub header">En vez de empezar con lo antiguo, empeza ya con lo nuevo! ¿Te gustaría crear una pagina web en menos de 10min? Apúntate </div>
</div>
+ {{>modalaprendices}}
</div>
- </div>
</div>
<div class="ui horizontal icon divider">
- <i class="circular code icon"></i>
+ <i class="circular bolt icon"></i>
</div>
<div class="column ui">
<div class="basic segment ui">
- <div class="ui center aligned blueIO header">
- <p class="content">Mallorca.io es una communidad que se junta con un solo fin :</p>
- <p class="content">Ensenar una nueva manera de apprender, hablar y compartir experiencias del desarollo web</p>
+ <div class="ui center aligned blueIO header wow flipInX" data-wow-delay="2s">
+ <p class="content">Mallorca.io es una comunidad que se reúne con un solo fin :</p>
+ <p class="content">Enseñar y compartir una nueva manera de aprender y hablar sobre experiencias relacionadas con el mundo del desarrollo web</p>
+ <p class="content">Somos una comunidad muy unida que se reúne con fines no lucrativos, apostamos por la interacción entre profesionales del mismo sector, resultando beneficioso para todos de igual modo.</p>
</div>
</div>
</div>
-
<div class="one column center aligned stackable grid ui">
- <div class="column ten wide ui wow fadeInLeft" data-wow-delay="0.3s">
- <h1>¿Donde aprender en Mallorca?</h1>
+ <div class="column ten wide black tertiary ui wow fadeInLeft" data-wow-delay="0.3s">
+ <h1 class="ui ">¿Como apuntarse?</h1>
{{>subscriberClassic}}
</div>
</div>
- <div class="ui grid stackable">
-
- <div class="four wide column">
- <div class="ui segment"><b>Column One</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum iaculis sapien.</div>
- </div>
- <div class="four wide column">
- <div class="ui segment"><b>Column Two</b> Aliquam lobortis commodo sem ac accumsan. Vestibulum non faucibus lorem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur sed lorem lorem. Nam augue erat, dignissim nec aliquam vel, congue et sapien. Integer viverra justo vel nibh suscipit commodo. Nullam ut turpis nibh, in luctus risus. Sed ut risus nec dui mattis porta. Nam nisi magna, ornare mollis congue a, suscipit at nisl.</div>
- </div>
- <div class="four wide column">
- <div class="ui segment"><b>Column Three</b> Donec semper mollis condimentum. Aenean eget rutrum magna. Mauris ornare nibh scelerisque turpis lobortis dignissim. Etiam eleifend justo eget quam semper vulputate. Nulla et risus convallis velit molestie iaculis. Aliquam erat volutpat. </div>
- </div>
- <div class="four wide column">
- <div class="ui segment"><b>Column Three</b> Donec semper mollis condimentum. Aenean eget rutrum magna. Mauris ornare nibh scelerisque turpis lobortis dignissim. Etiam eleifend justo eget quam semper vulputate. Nulla et risus convallis velit molestie iaculis. Aliquam erat volutpat. </div>
- </div>
- <div class="four wide column">
- <div class="ui segment"><b>Column One</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum iaculis sapien.</div>
- </div>
- <div class="four wide column">
- <div class="ui segment"><b>Column Two</b> Aliquam lobortis commodo sem ac accumsan. Vestibulum non faucibus lorem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur sed lorem lorem. Nam augue erat, dignissim nec aliquam vel, congue et sapien. Integer viverra justo vel nibh suscipit commodo. Nullam ut turpis nibh, in luctus risus. Sed ut risus nec dui mattis porta. Nam nisi magna, ornare mollis congue a, suscipit at nisl.</div>
- </div>
- <div class="four wide column">
- <div class="ui segment"><b>Column Three</b> Donec semper mollis condimentum. Aenean eget rutrum magna. Mauris ornare nibh scelerisque turpis lobortis dignissim. Etiam eleifend justo eget quam semper vulputate. Nulla et risus convallis velit molestie iaculis. Aliquam erat volutpat. </div>
- </div>
- <div class="four wide column">
- <div class="ui segment"><b>Column Three</b> Donec semper mollis condimentum. Aenean eget rutrum magna. Mauris ornare nibh scelerisque turpis lobortis dignissim. Etiam eleifend justo eget quam semper vulputate. Nulla et risus convallis velit molestie iaculis. Aliquam erat volutpat. </div>
- </div>
-
- </div>
-
-
-
-
-<div class="ui four steps">
- <div class="ui active step">
- Shipping
- </div>
- <div class="ui disabled step">
- Billing
- </div>
- <div class="ui disabled step">
- Confirm Order
- </div>
- <div class="ui disabled step">
- Complete
- </div>
-</div>
-
-
-
@@ -126,17 +78,66 @@
<template name="modaldesarrolladores">
- <div class="ui modal">
+ <div class="ui modal desarrolladores">
<i class="close icon"></i>
- <div class="header">
- Modal Title
+ <div class="header center aligned ui">
+ <h3>Para Desarrolladores</h3>
+ <div class="sub header">
+ quí aprenderás a familiarizarte con las herramientas mas punteras del momento. Tratamos sobre temas como Node.js, MongoDB, Socket.IO, Reactive programming y mucho mas. Eventos para profesionales hechos por profesionales
+ </div>
+ </div>
+ <div class="actions">
+ <div class="ui button">Cancel</div>
+ <div class="ui button">OK</div>
</div>
- <div class="content">
- <div class="left">
- Content can appear on left
+ </div>
+</template>
+
+<template name="modaldisenadores">
+ <div class="ui modal disenadores">
+ <i class="close icon"></i>
+ <div class="header center aligned ui">
+ <h3>Para <3div class="ui header">Diseñadores</3div>>
+ <div class="sub header">
+ <p>Utilizamos Meteor.js un framework javascript que te permite de una manera muy sencilla aprender del lado servidor.</p>
+ <p>¿Te gustaria poder desarrollar y enseñar tus diseños en un minimo de tiempo? Esto es para ti!</p>
</div>
- <div class="right">
- Content can appear on right
+ </div>
+ <div class="actions">
+ <div class="ui button">Cancel</div>
+ <div class="ui button">OK</div>
+ </div>
+ </div>
+</template>
+
+<template name="modalemprendedores">
+ <div class="ui modal emprendedores">
+ <i class="close icon"></i>
+ <div class="header center aligned ui">
+ <h3>Para Emprendedores</h3>
+ <div class="sub header">
+ <p>Creemos fermamente en que estamos viviendo en una epoqua muy interessante para el mundo web.</p>
+ <h3><em>Simplicity === Productivity</em></h3>
+ <p>¿Como llegar a un prototipo de app o webapp de la manera mas rapida?</p>
+ </div>
+ </div>
+ <div class="actions">
+ <div class="ui button">Cancel</div>
+ <div class="ui button">OK</div>
+ </div>
+ </div>
+</template>
+
+<template name="modalaprendices">
+ <div class="ui modal aprendices">
+ <i class="close icon"></i>
+ <div class="header center aligned ui">
+ <h3>Para Aprendices</h3>
+ <div class="sub header">
+ <p>En un sector que avanza tan rápido no podemos permitirnos perder el tiempo en aprender herramientas obsoletas y sistemas anclados en el pasado.</p>
+ <p>Entra de una vez por todas en la era digital</p>
+ <p>Ademas quieres divertirte haciendolo? Has encontrado tu sitio!! :)</p>
+ <p>Te prometemos que en menos de 10 min tendras tu primera pagina web hecha para ensenar a todos tus amigos!</p>
</div>
</div>
<div class="actions">
@@ -1,5 +1,12 @@
Template.home.rendered = function() {
$('.ui.modal').modal();
+ setTimeout(function(){
+ $('.modals').transition('pulse','1s');
+ },300);
+};
+
+Template.home.created = function () {
+ // new WOW().init();
};
Template.home.events({
@@ -9,7 +16,9 @@ Template.home.events({
},
'click .modals': function (e, tmpl) {
- $('.ui.modal').modal('show');
+ var that = $(e.target).parent().data('modal');
+ console.log(that);
+ $('.ui.modal.' + that).modal('show');
}
});
Oops, something went wrong.

0 comments on commit 70d2e3d

Please sign in to comment.