Merge pull request #27 from loloop/mauricio/en-articles

adds the last couple of english articles, adds translated by line

Author: loloop

site/Build/apps/index.html

@@ -36,7 +36,7 @@
       <div class="content">
         <div>
           <article>
-            <h1>Apps</h1>
+            <h1 style="margin-bottom: 0">Apps</h1>
             <p></p>
             <div id="apps"> 
               <div class="app reversed"> 
@@ -51,7 +51,7 @@ <h2>F1LandinhoBot</h2>
               </div> 
               <div class="app"> 
                 <div class="left"> 
-                  <img src="/images/apps/nsbrazil-small.png" height="600px" /> 
+                  <img src="/images/apps/nsbrazil-small.png" /> 
                 </div> 
                 <div class="right"> 
                   <h2>NSBrazil</h2> 

site/Build/br/appclips/index.html

@@ -42,7 +42,7 @@
         <div>
           <article>
             <img alt="" src="/images/appclips/header.png" class="rounded" />
-            <h1>Criando o seu primeiro App Clip</h1>
+            <h1 style="margin-bottom: 0">Criando o seu primeiro App Clip</h1>
             <p></p>
             <p>Na WWDC 2020, um dos anúncios mais interessantes que acabou passando batido foi o surgimento dos App Clips. App Clips são pequenos pedaços de apps que podem ser baixados sem a necessidade de passar por toda a burocracia de usar a App Store. Foram feitos para interações rápidas e simples, mas podem ser uma ótima porta de entrada do usuário para conhecer o seu app!</p>
             <p>Os App Clips tem um tamanho limite de 10MB por Clip, então é importante escolher bem a funcionalidade que você quer apresentar para o seu usuário nele! Neste artigo, vamos ver como foi criar o App Clip da NSBrazil, que mostra o cronograma de atividades do evento para o usuário. O importante é escolher uma funcionalidade que pode ser utilizada "na hora" pelo usuário, pois o App Clip é deletado após 30 dias e não vira um ícone na home screen do usuário para que ele acesse o aplicativo depois. Alguns exemplos interessantes são fluxos de pagamento (você pode usar o Apple Pay para deixar a interação ainda mais simples!) ou um trial de uma funcionalidade do seu app, para convencer o usuário a instalar a experiência completa.</p>

site/Build/br/event-based-architechture-for-spritekit/index.html

@@ -42,7 +42,7 @@
         <div>
           <article>
             <img alt="" src="/images/images/spritekit/logo.png" class="rounded" />
-            <h1>Arquitetura baseada em eventos para SpriteKit</h1>
+            <h1 style="margin-bottom: 0">Arquitetura baseada em eventos para SpriteKit</h1>
             <p></p>
             <p>Este artigo é um pedaço do que apresentei na <a href="https://www.youtube.com/watch?v=69lGgGLGoJQ">talk que dei no CocoaHeads ES em Vitória</a>, realizado na Brooder, em novembro de 2019, "Criando o seu primeiro jogo com SpriteKit". Lá, falo um pouco mais sobre os objetos, funcionalidades e lifecycle do SpriteKit em si, além de introduzir a arquitetura baseada em eventos.</p>
             <p>O SpriteKit é um framework desenvolvido pela Apple para a criação de jogos de alta performance em 2D. Como ex-desenvolvedor de jogos, este framework me atraiu naturalmente assim que comecei a estudar Swift e desenvolver apps, mas como desenvolvia com a Unity, que é bastante opinativa em sua arquitetura, fiquei um pouco perdido ao tentar criar experiências com ele. A talk que fiz e por consequência este artigo são o resultado de uma tentativa de deixar o desenvolvimento com SpriteKit mais estruturado para facilitar o seu entendimento.</p>

site/Build/br/serversideswift/index.html

@@ -42,7 +42,7 @@
         <div>
           <article>
             <img alt="" src="/images/serverswift/tux.png" class="rounded" />
-            <h1>Vamos falar de Swift no Linux?</h1>
+            <h1 style="margin-bottom: 0">Vamos falar de Swift no Linux?</h1>
             <p></p>
             <p>Swift no Linux é uma área pouco explorada pelo desenvolvedor de plataformas Apple, mas pode ser uma ferramenta muito útil e uma fonte de conhecimento imensa, e que vale muito a pena de se aprender.</p>
             <p>Escrever o código todos nós já entendemos bem, e ver o resultado da nossa criação não é muito diferente das outras plataformas quando estamos no servidor, mas uma coisa que eu pessoalmente sempre tive muito problema é: Como eu faço o meu código ficar disponível para outras pessoas? A gente já sabe como subir um app na App Store, mas e subir um serviço aberto na internet? Existem tantas formas, todas corretas, cada uma de seu jeito e é quase impossível escolher uma.</p>

site/Build/br/swiftui-motion-effects/index.html

@@ -42,7 +42,7 @@
         <div>
           <article>
             <img alt="" src="/images/motion/header.jpg" class="rounded" />
-            <h1>Fazendo MotionEffects com SwiftUI</h1>
+            <h1 style="margin-bottom: 0">Fazendo MotionEffects com SwiftUI</h1>
             <p></p>
             <p>Pequenos detalhes fazem toda a diferença, e pequenos detalhes me deixam desproporcionalmente feliz, porque trazem deleite, fazem com que pequenas interações que temos com os nossos aparelhos um sejam pouco mais legais, mais divertidas. E o que mais pode nos fazer felizes, como desenvolvedores? O SwiftUI, é claro!</p>
             <p>Uma das interações mais legais e super tranquilas da gente implementar nos nossos apps UIKit é o UIInterpolationMotionEffect, que dá aquele efeito de parallax quando mexemos o celular, mais conhecido pelo efeito <a href="https://support.apple.com/pt-br/HT200285">Perspectiva</a> que podemos aplicar nas imagens de fundo de nossos iPhones e iPads. Mas quando tentei adicionar um em minha View de SwiftUI, fui pego por isso daqui:</p>

site/Build/br/unity3d-and-apple/index.html

@@ -39,7 +39,7 @@
       <div class="content">
         <div>
           <article>
-            <h1>Unity3D e o mundo Apple</h1>
+            <h1 style="margin-bottom: 0">Unity3D e o mundo Apple</h1>
             <p></p>
             <div class="alert"> 
               <h3>Alerta</h3> 

site/Build/contact/index.html

@@ -25,7 +25,7 @@
         <a href="/en" id="title" class="inverted link-plain link-underline link-underline-opacity-100 link-underline-opacity-100-hover"><p style="font-weight: 500">MC</p></a>
         <ul>
           <li><a href="/en" class="inverted link-plain link-underline link-underline-opacity-100 link-underline-opacity-100-hover m-0"><p>articles</p></a></li>
-          <li><a href="/apps" class="inverted link-plain link-underline link-underline-opacity-100 link-underline-opacity-100-hover m-0"><p>apps</p></a></li>
+          <li><a href="/en/apps" class="inverted link-plain link-underline link-underline-opacity-100 link-underline-opacity-100-hover m-0"><p>apps</p></a></li>
           <li><a href="/contact" class="inverted link-plain link-underline link-underline-opacity-100 link-underline-opacity-100-hover m-0"><p>contact</p></a></li>
           <li><a href="https://nsbrazil.com" class="inverted link-plain link-underline link-underline-opacity-100 link-underline-opacity-100-hover m-0"><p>NSBrazil</p></a></li>
           <li><a href="/" class="inverted link-plain link-underline link-underline-opacity-100 link-underline-opacity-100-hover m-0"><p>🇧🇷</p></a></li>

site/Build/css/style.css

@@ -765,6 +765,9 @@ article iframe {
     flex-direction: column-reverse;
   }
 }
+#apps .app .left {
+  width: 100%;
+}
 @media (max-width: 767px) {
   #apps .app .left {
     display: flex;