Initial commit for ngGirlsSP 2020!

_config.yml

@@ -121,8 +121,9 @@ bottomNavigationLinks:
   - {permalink: "/ngconf-2020/", text: "ngGirls @ ng-conf"}
   - {permalink: "/mtv-2020/", text: "ngGirls @ Mountain View"}
   - {permalink: "/ngVikings-2020/", text: "ngGirls @ ngVikings, Oslo"}
+  # - {permalink: "/kc-2020/", text: "ngGirls @ Kansas City 2020"}
+  - {permalink: "/ngGirlsSP-2020/", text: "ngGirls @ ngGirlsSP"}
   - {permalink: "/budapest-2020/", text: "ngGirls @ Budapest"}
- # - {permalink: "/kc-2020/", text: "ngGirls @ Kansas City 2020"}
 
 rightNavigationButtons:
 # more than 2 doesn't look goodß
@@ -201,7 +202,9 @@ upcomingEvents:
   - {permalink: "/mtv-2020/",text: "ngGirls @ Mountain View", date: "April 13th<br /> 2020", location: "Mountain View, California", name: "ngGirls @ Mountain View", image: "Google_MTV_small.jpg"}
   - {permalink: "/ngVikings-2020/", text: "ngGirls @ ngVikings 2020", date: "May 27th<br /> 2020", location: "ngVikings, Oslo", name: "ngGirls @ ngVikings 2020", image: "oslo_small.jpg"}
 # - {permalink: "/kc-2020/", text: "ngGirls @ Kansas City 2020", date: "July 25th<br /> 2020", location: "Kansas City", name: "ngGirls @ Kansas City 2020", image: "kc_small.jpg"}
+  - {permalink: "/ngGirlsSP-2020/", text: "ngGirls @ ngGirlsSP 2020", date: "April 25th<br /> 2020", location: "São Paulo", name: "ngGirls @ ngGirlsSP 2020, image: "saopaulo_small.jpg"}
   - {permalink: "/budapest-2020/", text: "ngGirls @ Budapest 2020", date: "June 8th<br /> 2020", location: "Budapest", name: "ngGirls @ Budapest 2020", image: "budapest_small.jpg"}
+
 heroButtons:
   # - {permalink: "/JS-Poland/", text: "ngGirls @ JS-Poland"}
   # - {permalink: "/TLV-June-2017/", text: "ngGirls TLV"}
@@ -273,6 +276,8 @@ heroButtons:
   - {permalink: "/budapest-2020/", text: "ngGirls @ Budapest 2020"}
 # - {permalink: "/kc-2020/", text: "ngGirls @ Kansas City 2020"}
 # - {permalink: "/ng-conf/", text: "ngGirls @ ng-conf UT"}
+  - {permalink: "/ngGirlsSP-2020/", text: "ngGirls @ ngGirlsSP 2020"}
+
 
 # - {link: "https://docs.google.com/forms/d/e/1FAIpQLScH7AQnspkZeiGogsllJX9a4EbADCfR3-c4JJK_VJMYvkp9Hw/viewform", text: "call for mentors"}
 # - {permalink: *c4sponsorsUrl, newTab: true, text: "call for sponsors"}

_data/ngGirlsSP2020.yml

@@ -0,0 +1,49 @@
+heroImage: "saopaulo.jpg"
+date: "Sábado, 25 de Abril de 2020"
+location: "Ame Digital, R. Fidêncio Ramos, 302 - Vila Olímpia, São Paulo - SP"
+eventDate: "25 de Abril de 2020, São Paulo - SP, Brasil"
+applicationForm: "https://www.meetup.com/WoMakersCode/events/269249814/"
+mentorsForm: "https://docs.google.com/forms/d/e/1FAIpQLSc7dod9ub58jcmrJR_HjRukSSHJrTYs33b8vjD5HDyS7r7jgA/viewform"
+
+descriptionTitle: "Sobre o ngGirlsSP"
+descriptionBlock:
+ - {title: "Qual é o público alvo?", template: "ngGirlsSP2020/description-who-is-it-for.html"}
+ - {title: "Como posso ajudar?", template: "ngGirlsSP2020/description-can-i-help.html"}
+ - {title: "Programação do evento", template: "ngGirlsSP2020/description-schedule.html"}
+
+locationTitle: "Como chegar"
+
+partnersTitle: "Parceiros"
+partnersC4sponsorsButton: "Seja um patrocinador do evento"
+partners:
+
+-  group: "Realização"
+   elements:
+    - {name: "WoMakersCode", description: "Comunidade global, criada no Brasil, com o objetivo de promover capacitação, empoderamento e protagonismo feminino na tecnologia.", link: "https://womakerscode.org/", imageUrl: "womakerscode_logo.png"}
+-  group: "Patrocínio"
+   elements:
+     - {name: "Ame Digital", description: "O app que você paga mais rápido e ganha cashback.", link: "https://www.amedigital.com/", imageUrl: "ame_logo.png"}
+
+mentors:
+
+  - id: 1
+    name: "Cynthia"
+    surname: "Zanoni"
+    title: " "
+    company: "Organizadora"
+    bio: "<p>Engenheira de software com mais de 10 anos dedicada ao código e ao desenvolvimento de pessoas que querem fazer a diferença com a tecnologia. Atualmente, trabalha na Microsoft como Gerente de Programa de Relações com Desenvolvedores para apoiar e acelerar desenvolvedores a criar coisas épicas na América Latina. Ela adora código aberto, seleciona conteúdo para eventos e liderou a organização de alguns dos principais eventos do mercado, como o Mobile Summit Brasil, a Full Stack Experience, o Women Dev Summit e o WoMakersCode Summit.<p>"
+    thumbnailUrl: cynthiazanoni.jpg
+    rockstar: true
+    social:
+      - {name: "twitter", link: "https://twitter.com/cynthiazanoni"}
+
+  - id: 2
+    name: "Jessica"
+    surname: "Lopes"
+    title: "&nbsp;"
+    company: "Organizadora"
+    bio: "<p>Curiosa, desenvolvedora frontend, aprendendo, crescendo, aproveitando a jornada e compartilhando o máximo que posso.</p>"
+    thumbnailUrl: jessicalopes.jpg
+    rockstar: true
+    social:
+      - {name: "twitter", link: "https://twitter.com/eudivaloper"}

_includes/ngGirlsSP2020/description-can-i-help.html

@@ -0,0 +1,18 @@
+{% assign sponsorsUrl = site.baseurl | append: site.c4sponsorsUrl %}
+
+<div class="post-body">
+    <p>Você será muito bem-vindo! Veja como pode ajudar:</p>
+    <ul>
+        <li>
+            <b>Treinador(a)</b> - o seu trabalho fará uma grande diferença no evento! Como treinador(a), você ensinará as mulheres a programar sua primeira aplicação em Angular. Se você possuir conhecimentos básicos em Angular poderá se tornar um treinador(a)
+            e ajudar no evento ngGirls! Pra isso, é só clicar em se <a href="https://docs.google.com/forms/d/e/1FAIpQLSc7dod9ub58jcmrJR_HjRukSSHJrTYs33b8vjD5HDyS7r7jgA/viewform" target="_blank">inscrever como treinador(a).</a>
+        </li>
+        <li>
+            <b>Patrocinador</b> - se você tem uma empresa e tenha interesse em patrocinar o evento ngGirlsSP, <a href="mailto:[email protected]">entre em contato</a> com a gente para saber mais!
+        </li>
+        <li>
+            <b>Outro(a)</b> - Existem muitas outras maneiras de nos ajudar. Vamos adorar suas ideias e sugestões e/ou atribuir-lhe algumas tarefas. Você pode nos ajudar na divulgação do evento ou na organização.
+        </li>
+    </ul>
+    <p>Caso tenha alguma dúvida, <a href="mailto:[email protected]">entre em contato!</a></p>
+</div>

_includes/ngGirlsSP2020/description-schedule.html

@@ -0,0 +1,15 @@
+{% assign faqUrl = site.baseurl | append: '/faq' %} {% assign AngularUrl = site.baseurl | append: '/faq' %} {% assign resourcesUrl = site.baseurl | append: '/faq' %}
+
+<div class="post-body">
+    <ul>
+        <li><b>09:00</b> - credenciamento e café da manhã</li>
+        <li><b>09:30</b> - abertura e explicação sobre o evento</li>
+        <li><b>09:45</b> - talk de empresa patrocinadora</li>
+        <li><b>10:00</b> - início do tutorial</li>
+        <li><b>12:00</b> - almoço</li>
+        <li><b>13:00</b> - reinício do tutorial</li>
+        <li><b>18:00</b> - agradecimentos e apresentação de alguns projetos e foto oficial</li>
+        <li><b>18:15</b> - encerramento</li>
+        <li><b>18:30</b> - happy hour de formatura e entrega de diplomas!</li>
+    </ul>
+</div>

_includes/ngGirlsSP2020/description-who-is-it-for.html

@@ -0,0 +1,23 @@
+<div class="post-body">
+    <p> Nós acreditamos que o mercado de TI irá se beneficiar muito ao trazer mais mulheres para a área de tecnologia. Por conta
+        disso e também em acreditar na diversidade e na igualdade de gênero, estamos oferecendo uma oportunidade para as
+        mulheres aprenderem a programar e se tornarem programadoras.
+    </p>
+    <p> O ngGirls é um workshop gratuito que tem o objetivo de ensinar mulheres a programar em Angular, uma plataforma open-source
+        para a construção de aplicativos web, desenvolvida pelo Google. Ela oferece várias ferramentas para criar facilmente
+        um website, plataforma digital, programas de computador e aplicativos para dispositivos móveis.
+    </p>
+    <p> Para participar do workshop você precisa ter noção ou conhecimento básico em HTML, CSS e Javascript ou qualquer outra
+        linguagem de programação. Se você é iniciante e não conhece os itens listados acima, não tem problema. Vamos te oferecer
+        total suporte e apoio para você conseguir desenvolver sua primeira aplicação em Angular.
+    </p>
+    <p> O workshop é 100% gratuito e irá acontecer no dia 25 de abril de 2020 das 9h às 19h na Ame Digital - R. Fidêncio Ramos, 302 - Vila Olímpia, São Paulo - SP.
+    </p>
+    <p> Para saber como chegar,
+        <a target="_blank" href="https://www.google.com.br/maps/place/Ame+Digital/@-23.5946869,-46.6881911,17z/data=!3m1!4b1!4m5!3m4!1s0x94ce57bae1b845e9:0x9a9f563fc2cbb879!8m2!3d-23.5946918!4d-46.6860024?hl=pt-BR">clique aqui</a>.
+    </p>
+    <p>
+        Para mais informações sobre o ngGirls @ ngGirlsSP
+        <a href="{{ faqUrl }}">consulte o nosso FAQ.</a>
+    </p>
+</div>

_includes/ngGirlsSP2020/description.html

@@ -0,0 +1,22 @@
+<!-- Begin Description Section -->
+<section id="description" class="latest-news rio_about_event">
+    <div class="content-wrapper">
+        <div class="col-lg-10 col-lg-offset-1">
+            <h3>{{ site.data.ngGirlsSP2020.descriptionTitle }}</h3>
+
+            <p>Nós acreditamos que o mercado de TI irá se beneficiar muito ao trazer mais mulheres para a área de tecnologia.</p>
+            <p>Por conta disso e também em acreditar na diversidade e na igualdade de gênero, estamos oferecendo <br> uma oportunidade para as mulheres aprenderem a programar e se tornarem programadoras.</p>
+            <p>O ngGirls é uma oficina gratuita que tem o objetivo de ensinar mulheres a programar em Angular.</p>
+            <hr>
+            <article class="row">
+                {% for post in site.data.ngGirlsSP2020.descriptionBlock limit:4 %} {% assign postUrl = site.baseurl | append: post.link %}
+                <div class="post col-md-6 col-sm-6 text-left animated hiding" data-animation="fadeInDown" data-delay="500">
+                    <h6>{{ post.title }}</h6>
+                    {% include {{ post.template }} %}
+                </div>
+                {% endfor %}
+            </article>
+        </div>
+    </div>
+</section>
+<!-- End Description Section -->

_includes/ngGirlsSP2020/hero.html

@@ -0,0 +1,31 @@
+<!-- Begin Hero Section -->
+<section id="home" class="top-section-hero top-section image-section parallax rio" style="background-image: url('{{ site.baseurl }}/img/sections-background/ngGirlsSP2020.jpg'); box-shadow: none;">
+    {% include navigation.html %}
+    <div class="content-wrapper">
+        <div class="jumbotron">
+            <div class="animated hiding" data-animation="fadeInDown" data-delay="500">
+                <div class="logo logo-big"></div>
+                <div class="logo logo-name"></div>
+                <!--{% assign heroText = site.heroTitle %}-->
+                <!--<h1>{{ heroText }}<span class="hidden-xs"></span></h1>-->
+                <p>{{ site.data.ngGirlsSP2020.eventDate }}</p>
+                 <a href="{{site.data.ngGirlsSP2020.applicationForm}}" stXyle="background-color: #e23236 !important" target="_blank" class="btn btn-primary waves-effect waves-button waves-light waves-float">Inscreva-se como participante</a>
+                 <a href="{{site.data.ngGirlsSP2020.mentorsForm}}" target="_blank" styXgit le="background-color: #e23236 !important" class="btn btn-primary waves-effect waves-button waves-light waves-float">Inscreva-se como treinadora</a>
+            </div>
+        </div>
+        <a href="#about" class="explore">
+            <svg class="icon icon-arrow-down" viewBox="0 0 32 32">
+            <use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-arrow-down"></use>
+        </svg>
+        </a>
+    </div>
+</section>
+<!-- End Hero Section -->
+
+<script>
+    var local = "http://127.0.0.1:4000/ngGirlsSP2020/";
+    var url = "http://ng-girls.org/ngGirlsSP2020/";
+    if(location.href == url) { 
+        document.getElementById('menu').style.display = 'none';
+    }
+</script>

_includes/ngGirlsSP2020/location.html

@@ -0,0 +1,10 @@
+<!-- Begin Location Section -->
+<section id="location" class="latest-news">
+    <div class="content-wrapper">
+        <div class="col-lg-12">
+            <h3>{{ site.data.ngGirlsSP2020.locationTitle }}</h3>
+
+            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3656.263786195478!2d-46.685947!3d-23.5948708!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94ce57bae1b845e9%3A0x9a9f563fc2cbb879!2sAme%20Digital!5e0!3m2!1spt-BR!2sbr!4v1583771205156!5m2!1spt-BR!2sbr" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>        </div>
+    </div>
+</section>
+<!-- End Location Section -->

_includes/ngGirlsSP2020/mentors-modals.html

@@ -0,0 +1,49 @@
+<!-- Begin Team Member Modals -->
+<div class="modals" class="modals">
+	{% for speaker in site.data.ngGirlsSP2020.mentors %}
+	{% if page.modal == "all" or (page.modal == 'team' and (speaker.team != null or speaker.subTeam != null)) %}
+	<div class="modal fade text-left people-modal" id="mentorDetailFrontendCon-{{ speaker.id }}" tabindex="-1" role="dialog"
+			 aria-labelledby="speakerDetailLabel-{{ speaker.id }}" aria-hidden="true">
+		<div class="modal-dialog">
+			<div class="modal-content">
+				<div class="modal-body">
+					<div class="close">
+						<svg class="icon icon-cross" viewBox="0 0 32 32">
+							<use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-cross"></use>
+						</svg>
+						<div class="close-mask" data-dismiss="modal"></div>
+					</div>
+
+					<h4>{{ speaker.name }} {{ speaker.surname }}</h4>
+					<h5>{{ speaker.title }}</h5>
+					<hr>
+					<div class="people-details">
+						<div class="row">
+							<div class="col-md-2 col-sm-2">
+								<div class="flow-img img-circle people-img"
+										 style="background-image: url({{ site.baseurl | append: '/img/ngGirlsSP2020-mentors/' | append: speaker.thumbnailUrl }})"></div>
+							</div>
+							<div class="col-md-10 col-sm-10 details">
+								<p class="about">{{ speaker.bio }}</p>
+								<ul class="social">
+									{% for social in speaker.social %}
+									<li>
+										<a href="{{ social["link"] }}" target="_blank">
+										<svg class="icon icon-{{ social["name"] }}" viewBox="0 0 30 32">
+										<use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-{{ social["name"] }}"></use>
+										</svg>
+										</a>
+									</li>
+									{% endfor %}
+								</ul>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	{% endif %}
+	{% endfor %}
+</div>
+<!-- End Team Member Modals -->

_includes/ngGirlsSP2020/mentors.html

@@ -0,0 +1,25 @@
+<!-- Begin Organizing Team Section -->
+<section id="organizing-team" class="rockstar-speakers image-section parallax" style="background-image: url({{ site.baseurl }}/img/sections-background/{{ site.organizingTeamImage }});">
+    <div class="overlay solid-overlay"></div>
+    <div class="content-wrapper">
+        <div class="col-lg-10 col-lg-offset-1 rockstar-speakers-list">
+            <h3 id="organizing-team-title">Conheça as treinadoras</h3>
+
+            {% assign animationDelay = 0 %} {% for member in site.data.ngGirlsSP2020.mentors %} {% assign colWidth = 4 %} {% assign memberImage = site.baseurl | append: '/img/ngGirlsSP2020-mentors/' | append: member.thumbnailUrl %}
+            <div class="col-md-{{ colWidth }} col-xs-6 rockstar-speakers-item animated hiding" data-animation="fadeInUp" data-delay="{{ animationDelay }}">
+                <div class="lily-head" data-toggle="modal" data-target="#mentorDetailFrontendCon-{{ member.id }}">
+                    <div class="rockstar-speaker">
+                        <div class="flow-img img-circle rockstar-speaker-img" style="background-image: url({{ memberImage }})"></div>
+                        <div class="name">{{ member.name }} {{ member.surname }}</div>
+                        <br />
+                    </div>
+                </div>
+            </div>
+
+            {% assign animationDelay = animationDelay | plus:500 %} {% assign check = forloop.index | modulo:2 %} {% if check == 0 %}
+            <div class="clearfix visible-xs"></div> {% endif %} {% endfor %}
+
+        </div>
+    </div>
+</section>
+<!-- End Organizing Team Section -->

_includes/ngGirlsSP2020/newsfeed.html

@@ -0,0 +1,19 @@
+<!-- Begin Latest News Section -->
+<section id="latest-news" class="latest-news">
+  <div class="content-wrapper">
+    <div class="col-lg-10 col-lg-offset-1">
+      <article class="row">
+        <div class="col-sm-2">
+          <h4 class="latest-news-title">{{ site.latestNewsTitle }}</h4>
+        </div>
+        {% for post in site.data.ngGirlsSP2020.posts limit:2 %}
+        <div class="col-sm-10 text-left animated hiding" data-animation="fadeInDown" data-delay="500">
+          <h6>{{ post.title }}</h6>
+          {{ post.content }}
+        </div>
+        {% endfor %}
+      </article>
+    </div>
+  </div>
+</section>
+<!-- End Latest News Section -->

_includes/ngGirlsSP2020/partners.html

@@ -0,0 +1,28 @@
+<!-- Begin Partners Section -->
+<section id="partners" class="partners">
+    <div class="content-wrapper">
+        <div class="col-lg-12">
+            <h3>{{ site.data.ngGirlsSP2020.partnersTitle }}</h3>
+            {% for partner in site.data.ngGirlsSP2020.partners %}
+            <h6>{{ partner.group }}</h6>
+            <ul class="list-inline">
+                {% for element in partner.elements %}
+                <li {% if element.width != null %}style="width: {{ element.width }};"{% endif %}>
+                    <a href="{{ element.link }}" target="_blank">
+                        <img src="{{ site.baseurl }}/img/partners/{{ element.imageUrl }}"
+                             title="{{ element.description }}"
+                             alt="{{ element.name }}">
+                    </a>
+                </li>
+                {% endfor %}
+            </ul>
+            {% endfor %}
+
+            <a href="{{ site.c4sponsorsUrl | prepend: site.baseurl }}"
+               target="_blank"
+               class="btn btn-primary waves-effect waves-button waves-light waves-float">{{ site.data.ngGirlsSP2020.partnersC4sponsorsButton }}</a>
+        </div>
+    </div> 
+</section>
+<!-- End Partners Section -->
+

ngGirlsSP2020.html

@@ -0,0 +1,19 @@
+---
+layout: default
+title: ngGirls @ ngGirlsSP
+permalink: /ngGirlsSP-2020/
+image: saopaulo.jpg
+modal: all
+---
+
+{% include ngGirlsSP2020/hero.html %}
+
+{% include ngGirlsSP2020/description.html %}
+
+{% include ngGirlsSP2020/location.html %}
+
+{% include ngGirlsSP2020/mentors.html %}
+
+{% include ngGirlsSP2020/partners.html %}
+
+{% include patreon.html %}