Link fixes: changed HTTP to HTTPS, removed a dead link (#344)

* Switching a whole lot of URLs over to HTTPS

* Removing nitrous.io as it has closed down

Author: tommorris

README.md

@@ -2,9 +2,9 @@ This is the source code for <http://tutorials.codebar.io>
 
 ## Getting started
 
-This is a [GitHub Pages](https://pages.github.com/) repo, so you can render the pages with [Jekyll](http://jekyllrb.com/).
+This is a [GitHub Pages](https://pages.github.com/) repo, so you can render the pages with [Jekyll](https://jekyllrb.com/).
 First make sure to [install the version of Ruby](https://www.ruby-lang.org/en/documentation/installation/)
-indicated in `.ruby-version`, as well as the [bundler](http://bundler.io/) gem. Then:
+indicated in `.ruby-version`, as well as the [bundler](https://bundler.io/) gem. Then:
 
 1. `bundle install`, which will install Jekyll
 2. `bundle exec jekyll serve --watch`
@@ -135,4 +135,4 @@ This can be done with a tool like [NVM](https://github.com/creationix/nvm).
 
 ## License
 
-codebar Tutorials are released under the [Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)](http://creativecommons.org/licenses/by-nc-sa/4.0/).
+codebar Tutorials are released under the [Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)](https://creativecommons.org/licenses/by-nc-sa/4.0/).

android/1introduction/tutorial.md

@@ -15,7 +15,7 @@ arriving at the workshop!)
 If you want to run your app on your own phone, remember to enable USB debugging in the device system settings, under Settings -> Developer options.
 (please note: On Android 4.2 and newer, Developer options is hidden by default. To make it available, go to Settings -> About phone and tap Build number seven times. Return to the previous screen to find Developer options.)
 
-Feel free to chose a different topic other than cookies, we really like the popular pokémon [Goomy Clicker](http://joezeng.github.io/goomyclicker) - what things do you like?
+Feel free to chose a different topic other than cookies, we really like the popular pokémon [Goomy Clicker](https://joezeng.github.io/goomyclicker) - what things do you like?
 
 ![Imgur](http://i.imgur.com/ssQF3jO.png)
 

general/setup/tutorial.md

@@ -25,7 +25,7 @@ We recommend you use **[Atom](https://atom.io/)** at codebar. It's free, open so
 
 ## A web browser (required)
 
-You'll have one of these already! Windows comes with [Internet Explorer](http://windows.microsoft.com/en-us/internet-explorer/), and OS X comes with [Safari](https://www.apple.com/uk/safari/). Most Linux distributions come with [Firefox](https://www.mozilla.org/en-US/firefox/), which is also available for Windows and OS X. You can also download [Chrome](https://www.google.com/chrome/) which is a popular alternative. You can get started with whatever you currently use, but when you reach the later tutorials the powerful developer tools in Chrome and Firefox will be useful. Your coach will show you how to use them while you work through the tutorials.
+You'll have one of these already! Windows comes with [Internet Explorer](https://windows.microsoft.com/en-us/internet-explorer/), and OS X comes with [Safari](https://www.apple.com/uk/safari/). Most Linux distributions come with [Firefox](https://www.mozilla.org/en-US/firefox/), which is also available for Windows and OS X. You can also download [Chrome](https://www.google.com/chrome/) which is a popular alternative. You can get started with whatever you currently use, but when you reach the later tutorials the powerful developer tools in Chrome and Firefox will be useful. Your coach will show you how to use them while you work through the tutorials.
 
 ## A compression utility (handy on Windows)
 

general/setup/tutorial.pt.md

@@ -25,7 +25,7 @@ Nós recomendamos usar **[Atom](https://atom.io/)** no Codebar. É de graça, te
 
 ## Um navegador de internet (obrigatório)
 
-Você já tem um desses! O Windows vem com o [Internet Explorer](http://windows.microsoft.com/pt-br/internet-explorer/), e o OS X vem com  [Safari](https://www.apple.com/br/safari/). [Firefox](https://www.mozilla.org/pt-BR/firefox/new/) e [Chrome](https://www.google.com.br/intl/pt-BR/chrome/) são alternativas populares. Você pode começar com qualquer um que já use, mas quando você chegar nos últimos tutoriais, as ferramentas poderosas do Chrome e Firefox vão ser úteis. Seu tutor vai te mostrar como usá-las quando vocês estiverem trabalhando nestes tutoriais.
+Você já tem um desses! O Windows vem com o [Internet Explorer](https://windows.microsoft.com/pt-br/internet-explorer/), e o OS X vem com  [Safari](https://www.apple.com/br/safari/). [Firefox](https://www.mozilla.org/pt-BR/firefox/new/) e [Chrome](https://www.google.com.br/intl/pt-BR/chrome/) são alternativas populares. Você pode começar com qualquer um que já use, mas quando você chegar nos últimos tutoriais, as ferramentas poderosas do Chrome e Firefox vão ser úteis. Seu tutor vai te mostrar como usá-las quando vocês estiverem trabalhando nestes tutoriais.
 
 ## Ferramenta de compactação (importante para Windows)
 

html/lesson1/example-styled.html

@@ -20,7 +20,7 @@ <h2>Why do I like owls so much?</h2>
     <div style="display: inline;"><img src="images/img4.jpg"></div>
     <div style="display: inline;"><img src="images/img5.jpg"></div>
     <div style="margin-top: 20px">
-      <a href="http://www.youtube.com/watch?v=gBjnfgnwXic">Watch this video here</a>
+      <a href="https://www.youtube.com/watch?v=gBjnfgnwXic">Watch this video here</a>
     </div>
     <h4>
       <i>&#34;A wise old owl sat on an oak;  The more he saw the less he spoke; <br>
@@ -36,7 +36,7 @@ <h3>Owls:</h3>
         the owl's forward-facing <strong>eyes permits the greater <br>
         sense of depth perception </strong>necessary for low-light hunting. <br>
         <br>
-        <a href="http://en.wikipedia.org/wiki/Owl">More information about owls...</a>
+        <a href="https://en.wikipedia.org/wiki/Owl">More information about owls...</a>
       </p>
     </div>
     <div style="width: 30%; display: inline">

html/lesson1/example-styled.pt.html

@@ -21,7 +21,7 @@ <h2>Porque nós gostamos tanto de corujas?</h2>
     <div style="display: inline;"><img src="images/img4.jpg"></div>
     <div style="display: inline;"><img src="images/img5.jpg"></div>
     <div style="margin-top: 20px">
-      <a href="http://www.youtube.com/watch?v=gBjnfgnwXic">Assista o vídeo</a>
+      <a href="https://www.youtube.com/watch?v=gBjnfgnwXic">Assista o vídeo</a>
     </div>
     <h4>
       <i>&#34;Uma coruja sábia e anciã pousou em um carvalho; Quanto mais observava, menos falava; <br>
@@ -37,7 +37,7 @@ <h3>Corujas:</h3>
         <strong>olhos voltados para frente na coruja permite<br/>
         um melhor senso de percepção profunda</strong> necessária para a caça com pouca luz.<br>
         <br>
-        <a href="http://pt.wikipedia.org/wiki/Coruja">Mais informações sobre corujas...</a>
+        <a href="https://pt.wikipedia.org/wiki/Coruja">Mais informações sobre corujas...</a>
       </p>
     </div>
     <div style="width: 30%; display: inline">

html/lesson1/example.html

@@ -18,7 +18,7 @@ <h2>Why do I like owls so much?</h2>
       <li><b>and cuddly</b></li>
     <div><img src="images/img4.jpg" alt="cute owl"/></div>
     <div><img src="images/img5.jpg" alt="another cute owl"/></div>
-    <a href="http://www.youtube.com/watch?v=gBjnfgnwXic">Watch this video here</a>
+    <a href="https://www.youtube.com/watch?v=gBjnfgnwXic">Watch this video here</a>
     </ol>
     <h4>
       <i>&#34;A wise old owl sat on an oak;  The more he saw the less he spoke; <br>
@@ -34,7 +34,7 @@ <h3>Owls:</h3>
         the owl's forward-facing <strong>eyes permits the greater <br>
         sense of depth perception </strong>necessary for low-light hunting. <br>
         <br>
-        <a href="http://en.wikipedia.org/wiki/Owl">More information about owls...</a>
+        <a href="https://en.wikipedia.org/wiki/Owl">More information about owls...</a>
       </p>
     </div>
     <div>

html/lesson1/example.pt.html

@@ -19,7 +19,7 @@ <h2>Porque nós gostamos tanto de corujas?</h2>
       <li><b>e apertáveis</b></li>
     <div><img src="images/img4.jpg"></div>
     <div><img src="images/img5.jpg"></div>
-    <a href="http://www.youtube.com/watch?v=gBjnfgnwXic">Assista o vídeo</a>
+    <a href="https://www.youtube.com/watch?v=gBjnfgnwXic">Assista o vídeo</a>
     </ol>
     <h4>
       <i>&#34;Uma coruja sábia e anciã pousou em um carvalho; Quanto mais observava, menos falava; <br>
@@ -35,7 +35,7 @@ <h3>Corujas:</h3>
         <strong>olhos voltados para frente na coruja permite<br/>
         um melhor senso de percepção profunda</strong> necessária para a caça com pouca luz.<br>
         <br>
-        <a href="http://pt.wikipedia.org/wiki/Coruja">Mais informações sobre corujas...</a>
+        <a href="https://pt.wikipedia.org/wiki/Coruja">Mais informações sobre corujas...</a>
       </p>
     </div>
     <div>

html/lesson1/tutorial.md

@@ -56,7 +56,7 @@ It tells the browser which version of HTML the page is using.
 <!DOCTYPE html>
 ```
 
-We will only be using html for now, but you can find more about doctypes [here](http://www.w3.org/wiki/Doctypes_and_markup_styles).
+We will only be using html for now, but you can find more about doctypes [here](https://www.w3.org/wiki/Doctypes_and_markup_styles).
 
 The doctype is always followed by the `<html>` tag, which contains the contents of your page.
 
@@ -145,7 +145,7 @@ A link lets the user click through to another webpage. We use the attribute `hre
 Let's add a link to the bottom of your paragraph:
 
 ```html
-<a href="http://en.wikipedia.org/wiki/Owl">More information about owls...</a>
+<a href="https://en.wikipedia.org/wiki/Owl">More information about owls...</a>
 ```
 
 ### Element: Div `<div>`
@@ -161,7 +161,7 @@ Wrap your existing paragraph and link in a div and add a new heading to it.
     Most birds of prey sport eyes on the sides of their heads,
     but the stereoscopic nature of the owl's forward-facing eyes permits the greater
     sense of depth perception necessary for low-light hunting.
-    <a href="http://en.wikipedia.org/wiki/Owl">More information about owls...</a>
+    <a href="https://en.wikipedia.org/wiki/Owl">More information about owls...</a>
   </p>
 </div>
 ```
@@ -236,7 +236,7 @@ Add this underneath the ordered list about why we like owls.
 
 ```html
 <div>
-  <a href="http://www.youtube.com/watch?v=gBjnfgnwXic">
+  <a href="https://www.youtube.com/watch?v=gBjnfgnwXic">
     <img src="images/img4.jpg" alt="cute owl">
     <img src="images/img5.jpg" alt="another cute owl">
     <br>

html/lesson1/tutorial.pt.md

@@ -68,7 +68,7 @@ Ele diz ao navegador qual a versão de HTML a página está usando.
 <!DOCTYPE html>
 ```
 
-Por enquanto nós vamos usar somente HTML, mas você pode descobrir mais sobre doctypes [aqui](http://www.w3.org/wiki/Doctypes_and_markup_styles).
+Por enquanto nós vamos usar somente HTML, mas você pode descobrir mais sobre doctypes [aqui](https://www.w3.org/wiki/Doctypes_and_markup_styles).
 
 O doctype vem sempre seguido pela tag `<html>`, a qual já tem o conteúdo da página.
 
@@ -186,7 +186,7 @@ Vamos adicionar um link no final do nosso parágrafo
 
 ```html
 <br/>
-<a href="http://pt.wikipedia.org/wiki/Coruja">Mais informações sobre corujas...</a>
+<a href="https://pt.wikipedia.org/wiki/Coruja">Mais informações sobre corujas...</a>
 ```
 
 ### Elemento: Div `<div>`
@@ -206,7 +206,7 @@ Cerque o parágrafo já existente por um div e adicione um novo cabeçalho a ele
     <strong>olhos voltados para frente na coruja permite<br/>
     um melhor senso de percepção profunda</strong> necessária para a caça com pouca luz.
     <br/>
-    <a href="http://pt.wikipedia.org/wiki/Coruja">Mais informações sobre corujas...</a>
+    <a href="https://pt.wikipedia.org/wiki/Coruja">Mais informações sobre corujas...</a>
   </p>
 </div>
 ```
@@ -289,7 +289,7 @@ Adicione este texto abaixo da lista ordenada sobre porque gostamos de corujas.
 
 ```html
 <div>
-  <a href="http://www.youtube.com/watch?v=gBjnfgnwXic">
+  <a href="https://www.youtube.com/watch?v=gBjnfgnwXic">
     <img src="images/img4.jpg" alt="coruja fofa"/>
     <img src="images/img5.jpg" alt="outra coruja fofa"/>
     <br/>