diff --git a/public/css/themes/flatly.less b/public/css/themes/flatly.less index fc5d8aa4ea..41eb6e716c 100644 --- a/public/css/themes/flatly.less +++ b/public/css/themes/flatly.less @@ -858,7 +858,7 @@ // Bootswatch // ----------------------------------------------------- -@import url("//fonts.googleapis.com/css?family=Lato:400,700,400italic"); +@import url("https://fonts.googleapis.com/css?family=Lato:400,700,400italic"); // Navbar ===================================================================== diff --git a/seed/challenges/01-responsive-web-design/basic-html-and-html5.json b/seed/challenges/01-responsive-web-design/basic-html-and-html5.json index 540f439f1b..b9055bafb6 100644 --- a/seed/challenges/01-responsive-web-design/basic-html-and-html5.json +++ b/seed/challenges/01-responsive-web-design/basic-html-and-html5.json @@ -9,19 +9,19 @@ "title": "Learn How freeCodeCamp Works", "description": [ [ - "//i.imgur.com/ZMOCvg9.jpg", + "https://i.imgur.com/ZMOCvg9.jpg", "A picture of six freeCodeCamp campers sitting around a table coding together.", "Welcome. You're now part of a supportive coding community. You can code online or in-person with people in thousands of cities around the world.", "" ], [ - "//i.imgur.com/EUyHs60.jpg", + "https://i.imgur.com/EUyHs60.jpg", "A picture of the technologies you'll learn: HTML5, CSS, JavaScript, Databases, Git & GitHub, Node.js, React.js, D3.js.", "You'll learn to code by completing coding challenges and building projects. You'll also earn verified certificates along the way.", "" ], [ - "//i.imgur.com/LRnNMU5.png", + "https://i.imgur.com/LRnNMU5.png", "An image of our open source projects on GitHub.", "Then you'll get experience by contributing to open source projects used by nonprofits. This will help prepare you for a coding job. Let's get started!", "" @@ -182,7 +182,7 @@ "title": "Headline with the h2 Element", "description": [ "Over the next two sections, we'll build an HTML5 app that will look something like this:", - "\"A", + "\"A", "The h2 element you enter will create an h2 element on the website.", "This element tells the browser about the structure of your website. h1 elements are often used for main headings, while h2 elements are generally used for subheadings. There are also h3, h4, h5 and h6 elements to indicate different and new sections.", "
", @@ -203,7 +203,7 @@ "de": { "description": [ "In den nächsten Challenges werden wir eine HTML5 App entwickeln die ungefähr so aussehen wird:", - "\"Ein", + "\"Ein", "Das eingetragene h2 Element wird ein h2 Element auf der Website erzeugen.", "Dieses Element sagt dem Browser, wie die Struktur deiner Website aufgebaut ist. h1 Elemente werden oft für Hauptüberschriften verwendet, während h2 Elemente üblicherweise für Zwischenüberschriften verwendet werden. Es gibt auch h3, h4, h5 und h6 Elemente die verschiedene und neue Bereiche kennzeichnen.", "
", @@ -214,7 +214,7 @@ "title": "Un titre avec l'élément h2", "description": [ "Pour les quelques prochains défis, nous construirons une application HTML5 qui ressemblera à ceci :", - "\"Une", + "\"Une", "L'élément h2 que vous entrerez créera un élément h2 sur le site.", "Cet élément renseigne votre navigateur sur la structure de votre site. Les éléments h1 sont souvent utilisés comme titre, tandis que les éléments h2 sont généralement utilisés comme sous-titres. Il existe également les éléments h3, h4, h5 et h6 qui indiquent une nouvelle et différente section.", "
", @@ -225,7 +225,7 @@ "title": "Título com o elemento h2", "description": [ "Nas próximas duas seções, nós vamos construir um app HTML5 que vai ficar mais ou menos assim:", - "\"Um", + "\"Um", "O elemento h2 que você vai adicionar vai criar um elemento h2 na página.", "Esse elemento indica ao navegador a estrutura do seu site. Elementos h1 são geralmente usados para os títulos principais, enquanto elementos h2 são usados para subtítulos. Também existem os elementos h3, h4, h5 e h6, que indicam seções novas e diferentes.", "
", @@ -236,7 +236,7 @@ "title": "Заголовок с применением элемента h2", "description": [ "В результате прохождения нескольких следующих испытаний, мы построим HTML5 приложение, которое будет похоже на это:", - "\"A", + "\"A", "Вводимый вами элемент h2 создаст соответствующий элемент h2 на web-странице.", "Этот элемент сообщает браузеру о структуре вашего web-сайта. Элементы h1 часто применяют в качестве главных заголовков, в то время как элементы h2 обычно используют для обозначения позаголовков. Также существуют элементы h3, h4, h5 и h6 для обозначения отдельных секций.", "
", @@ -709,7 +709,7 @@ "description": [ "a elements, also known as anchor elements, are used to link to content outside of the current page.", "Here's a diagram of an a element. In this case, the a element is used in the middle of a paragraph element, which means the link will appear in the middle of a sentence.", - "\"aClick to enlarge ", + "\"aClick to enlarge ", "Here's an example:", "
<p>
Here's a
<a href=\"http://freecodecamp.org\">
link to freecodecamp.org
</a>
for you to follow.
</p>
", "Let's break down the example:", @@ -746,7 +746,7 @@ "description": [ "a Elemente, auch bekannt als anchor (Anker) Elemente, werden verwendet um auf Inhalte außerhalb der aktuellen Seite zu verweisen.", "So sieht ein a Element aus. In diesem Fall wird es innerhalb eines Paragraphen Elements verwendet. Das bedeutet dein Link wird innerhalb des Satzes erscheinen.", - "\"Eine", + "\"Eine", "Hier ist ein Beispiel:", "<p>Hier ist ein <a href=\"http://freecodecamp.org\"> Link zu freeCodeCamp</a> dem du folgen kannst.</p>", "
", @@ -758,7 +758,7 @@ "description": [ "Los elementos a, también conocidos como elementos ancla, se utilizan para enlazar a contenido fuera de la página actual.", "Aquí está un diagrama de un elemento a. En este caso, el elemento a se utiliza en el medio de un elemento de párrafo, lo que significa que el enlace aparecerá en el medio de una frase. ", - " \"un ", + " \"un ", "He aquí un ejemplo:", "<p>Aquí está un <a href=\"https://freecodecamp.org\"> enlace a freeCodeCamp</a> para que lo sigas.</p>", "
", @@ -770,7 +770,7 @@ "description": [ "Elementos a, também conhecidos como elementos âncora, são usados para criar links para conteúdo de fora da página atual.", "Aqui está um diagrama de um elemento a. Nesse caso, o elemento a é usado no meio de um elemento de parágrafo, o que significa que esse link vai aparecer no meio de uma frase.", - "\"um", + "\"um", "Aqui está um exemplo:", "<p>Aqui está um <a href=\"http://freecodecamp.org\"> link para o freecodecamp.org</a> para você clicar.</p>", "
", @@ -782,7 +782,7 @@ "description": [ "Элементы a, также известные как якорные элементы, применяют для связи с содержимым вне текущей страницы.", "Вот диаграмма элемента a. В этом случае, элемент a использован в середине элемента параграфа, что значит, что ссылка появится в середине предложения.", - "\"a", + "\"a", "Вот пример:", "<p>Вот <a href=\"http://freecodecamp.org\"> ссылка на freeCodeCamp</a> для перехода на ресурс.</p>", "
", @@ -856,7 +856,7 @@ "title": "Nest an Anchor Element within a Paragraph", "description": [ "Again, here's a diagram of an a element for your reference:", - "\"aClick to enlarge ", + "\"aClick to enlarge ", "Here's an example:", "
<p>
Here's a <a href=\"http://freecodecamp.org\"> link to freecodecamp.org</a> for you to follow.
</p>
", "Let's break down the example:", @@ -897,7 +897,7 @@ "title": "Anker Element mit einem Paragraphen umschließen", "description": [ "Hier ist nochmal ein Beispiel für ein a Element:", - "\"Eine", + "\"Eine", "Hier ist ein Beispiel:", "<p>Hier ist ein <a href=\"https://freecodecamp.org\"> Link zu freeCodeCamp</a> dem du folgen kannst.</p>", "Nesting bedeutet, ein Element innerhalb eines anderen Elements zu schreiben", @@ -909,7 +909,7 @@ "title": "Anida un elemento de ancla dentro de un párrafo", "description": [ "Una vez más, aquí está un diagrama de un elemento a para tu referencia:", - "\"un", + "\"un", "He aquí un ejemplo:", "<p>Aquí hay un <a href=\"https://freecodecamp.org\"> enlace a freeCodeCamp</a> para que lo sigas.</p>", "Anidamiento simplemente significa poner un elemento dentro de otro elemento.", @@ -921,7 +921,7 @@ "title": "Aninhe um elemento âncora a um parágrafo", "description": [ "Novamente, aqui está um diagrama de um elemento a para você usar como referência:", - "\"um", + "\"um", "Veja um exemplo:", "<p>Aqui está um <a href=\"https://freecodecamp.org\"> link para o freeCodeCamp</a> para você clicar.</p>", "Aninhar significa colocar um elemento dentro de outro.", @@ -933,7 +933,7 @@ "title": "Создайте вложенный якорный элемент внутри параграфа", "description": [ "Вот диаграмма элемента a:", - "\"a", + "\"a", "Вот пример:", "<p>Вот <a href=\"https://freecodecamp.org\"> ссылка на freeCodeCamp</a> для перехода на ресурс.</p>", "Вложенность значит установку одного элемента внутрь друго элемента.", @@ -948,13 +948,13 @@ "title": "Join a freeCodeCamp Study Group in Your City", "description": [ [ - "//i.imgur.com/WBVydfk.jpg", + "https://i.imgur.com/WBVydfk.jpg", "A picture of some of our campers meeting in a local cafe.", "You can code together with other campers in your city by joining a local freeCodeCamp study group.", "" ], [ - "//i.imgur.com/IqBnnuFr.jpg", + "https://i.imgur.com/IqBnnuFr.jpg", "A picture of our study group directory.", "Click the button below to open our study group directory.

Find your local study group and click it. This will take you to their Facebook group.

Click the Join group button. Once someone from the group approves your join request, and you'll get a notification within Facebook, and can go back and introduce yourself.", "https://www.freecodecamp.org/study-group-directory/" @@ -967,13 +967,13 @@ "titleEs": "Únete a un Campamento en Tu Ciudad", "descriptionEs": [ [ - "//i.imgur.com/NAOFJWN.jpg", + "https://i.imgur.com/NAOFJWN.jpg", "Una imagen de algunos de nuestros campistas compartiendo en un café local. 3 hombres y 3 mujeres están sentados alrededor de una mesa con portátiles afuera, y están sonriendo y programando.", "Nuestros Campamentos te ayudan a programar con otros campistas en tu ciudad. Puedes coordinar grupos de estudio o atender eventos de programación locales juntos.", "" ], [ - "//i.imgur.com/fTFMjwf.gif", + "https://i.imgur.com/fTFMjwf.gif", "Un gif mostrándote como puedes pulsar en el enlace inferior, encontrar tu ciudad en la lista de Campamentos, entonces haz clic en el enlace de Facebook para tu ciudad y unirte al grupo de Facebook de tu ciudad.", "Encuentra tu ciudad en esta lista y haz clic en esta. Esto te llevara al grupo de Facebook del Campamento de tu ciudad. Da clic en el botón de \"Unirse al grupo\" para unirte a el grupo. Alguien del mismo campamento debería aprobarte en breve.", "http://forum.freecodecamp.org/t/free-code-camp-city-based-local-groups/19574" @@ -982,13 +982,13 @@ "titleDe": "Tritt einem Campsite in deiner Stadt bei", "descriptionDe": [ [ - "//i.imgur.com/XugIMb4.jpg", + "https://i.imgur.com/XugIMb4.jpg", "Ein Foto von einigen Campern bei einem Treffen in einem lokalen Cafe.", "Unsere Campsites sind Facebook Gruppen die dir helfen dich mit anderen Campern aus deiner Stadt zu treffen. Du kannst diese Gruppen verwenden um an \"Coffee-and-Code\" Treffen, wo du andere Camper in einem Cafe triffst um gemeinsam zu programmieren, teilzunehmen oder zu organisieren", "" ], [ - "//i.imgur.com/fTFMjwf.gif", + "https://i.imgur.com/fTFMjwf.gif", "Ein GIF das zeigt wie du auf den untenstehenden Link klickst, deine Stadt aus der Liste aller Campsites suchst, auf den Facebook Link klickst und der Facebook Gruppe beitrittst.", "Finde deine Stadt auf dieser Liste und klick sie an. Du wirst auf die Facebook Gruppe des Campsites deiner Stadt geleitet. Klick den \"Gruppe beitreten\" Button um eine Beitrittsanfrage zu stellen. Jemand aus der Gruppe sollte dich in kürzester Zeit annehmen.", "http://forum.freecodecamp.org/t/free-code-camp-city-based-local-groups/19574" @@ -997,13 +997,13 @@ "TitleIt": "Unisciti ad un gruppo Free Code Camp nella tua città", "DescriptionIt": [ [ - "//i.imgur.com/XugIMb4.jpg", + "https://i.imgur.com/XugIMb4.jpg", "Una foto di alcuni dei nostri camper riuniti in un bar locale.", "È possibile programmare insieme ad altri campers nella tua città aderendo ad un gruppo Free Code Camp vicino a te.", "" ], [ - "//i.imgur.com/fTFMjwf.gif", + "https://i.imgur.com/fTFMjwf.gif", "Una gif che mostra come è possibile fare clic sul link qui sotto, e trovare la tua città nella lista dei gruppi locali.", "Trova la tua città in questa lista e cliccala. Verrai indirizzato alla sua pagina Facebook. Fai clic sul pulsante \" Entra nel gruppo \". Qualcuno del gruppo dovrebbe approvare a breve la tua richiesta. Se la tua città non è in questo elenco, scorri alla parte superiore di questo articolo wiki per le istruzioni su come iniziare un gruppo nella tua città. ", "http://forum.freecodecamp.org/t/free-code-camp-city-based-local-groups/19574" @@ -1015,10 +1015,10 @@ "title": "Become a Supporter", "description": [ [ - "//i.imgur.com/CxcBk9C.png", + "https://i.imgur.com/CxcBk9C.png", "Help us pay for servers and other costs. Set up a monthly donation you can afford.", "freeCodeCamp is a small nonprofit that helps busy people learn to code for free. Help us pay for servers and other costs. Set up a monthly donation you can afford.", - "//donate.freecodecamp.org" + "https://donate.freecodecamp.org" ] ], "challengeSeed": [], diff --git a/seed/challenges/01-responsive-web-design/claim-your-responsive-web-design-certificate.json b/seed/challenges/01-responsive-web-design/claim-your-responsive-web-design-certificate.json index 60fb8700a4..14b8182062 100644 --- a/seed/challenges/01-responsive-web-design/claim-your-responsive-web-design-certificate.json +++ b/seed/challenges/01-responsive-web-design/claim-your-responsive-web-design-certificate.json @@ -8,25 +8,25 @@ "title": "Claim Your Responsive Web Design Certificate", "description": [ [ - "//i.imgur.com/GjTPLxI.jpg", + "https://i.imgur.com/GjTPLxI.jpg", "An image of our Responsive Web Design Certificate", "This challenge will give you your verified Responsive Web Design Certificate. Before we issue your certificate, we must verify that you have completed all of our basic and intermediate algorithm scripting challenges, and all our responsive web design projects. You must also accept our Academic Honesty Pledge. Click the button below to start this process.", "" ], [ - "//i.imgur.com/uLPsUko.jpg", + "https://i.imgur.com/uLPsUko.jpg", "The definition of plagiarism: Plagiarism (noun) - copying someone else’s work and presenting it as your own without crediting them", "By clicking below, you pledge that all of your submitted code A) is code you or your pair personally wrote, or B) comes from open source libraries like jQuery, or C) has been clearly attributed to its original authors. You also give us permission to audit your challenge solutions and revoke your certificate if we discover evidence of plagiarism.", "#" ], [ - "//i.imgur.com/cyRVnUa.jpg", + "https://i.imgur.com/cyRVnUa.jpg", "An image of the text \"Responsive Web Design requirements\"", "Let's confirm that you have completed all of our responsive web design projects. Click the button below to verify this.", "#" ], [ - "//i.imgur.com/Q5Za9U6.jpg", + "https://i.imgur.com/Q5Za9U6.jpg", "An image of the word \"Congratulations\"", "Congratulations! We've added your Responsive Web Design Certificate to your portfolio page. Unless you choose to hide your solutions, this certificate will remain publicly visible and verifiable.", "" @@ -77,25 +77,25 @@ "title": "Reclama tu certificado de Desarrollo de interfaces", "description": [ [ - "//i.imgur.com/GjTPLxI.jpg", + "https://i.imgur.com/GjTPLxI.jpg", "An image of our Responsive Web Design Certificate", "This challenge will give you your verified Responsive Web Design Certificate. Before we issue your certificate, we must verify that you have completed all of our responsive web design projects. You must also accept our Academic Honesty Pledge. Click the button below to start this process.", "" ], [ - "//i.imgur.com/HArFfMN.jpg", + "https://i.imgur.com/HArFfMN.jpg", "Plagio (nombre): acción y efecto de plagiar. Plagiar (verbo) - copiar en lo sustancial obras ajenas, dándolas como propias.", "Al pulsar el botón siguiente, juras que todo el código en tus soluciones a los desafíos A) es código que tú o tu compañero escribieron personalmente, o B) proviene de librerías de código abierto como jQuery, o C) ha sido claramente atribuido a sus autores originales. También nos otorgas el permiso para auditar tus soluciones a los desafíos y revocar tu certificado si encontramos evidencia de plagio.", "#" ], [ - "//i.imgur.com/cyRVnUa.jpg", + "https://i.imgur.com/cyRVnUa.jpg", "An image of the text \"Responsive Web Design requirements\"", "Let's confirm that you have completed all of our responsive web design projects. Click the button below to verify this.", "#" ], [ - "//i.imgur.com/16SIhHO.jpg", + "https://i.imgur.com/16SIhHO.jpg", "Una imagen de la palabra \"Congratulations\"", "¡Felicitaciones! Hemos agregado tu certificado de Desarrollo de interfaces a tu portafolio. A menos que elijas no mostrar tus soluciones, este certificado será públicamente visible y verificable.", "" @@ -106,25 +106,25 @@ "title": "Solicite seu Certificado de Design Responsivo", "description": [ [ - "//i.imgur.com/k8btNUB.jpg", + "https://i.imgur.com/k8btNUB.jpg", "Uma Imagem do Nosso Certificado de Design Responsivo", "Este desafio lhe dará seu certificado verificado de Design Responsivo. Antes de emitir o seu certificado, devemos verificar se você completou todos os nossos desafios básicos e intermediários de algoritmos e todos os nossos projetos básicos, intermediários e avançados de desenvolvimento. Você também deve aceitar nosso compromisso de honestidade acadêmica. Clique no botão abaixo para iniciar este processo.", "" ], [ - "//i.imgur.com/uLPsUko.jpg", + "https://i.imgur.com/uLPsUko.jpg", "A definição de plágio: Plágio (substantivo) - copiar o trabalho de outra pessoa e apresentá-lo como seu sem creditar o autor", "Ao clicar abaixo, você promete que todo o seu código enviado A) foi escrito por você ou o seu par pessoalmente, ou B) vem de bibliotecas de código aberto como o jQuery ou C) foi claramente atribuído a seus autores originais. Você também nos dá permissão para auditar suas soluções de desafios e revogar o seu certificado se descobrirmos evidências de plágio.", "#" ], [ - "//i.imgur.com/UedoV2G.jpg", + "https://i.imgur.com/UedoV2G.jpg", "Uma imagem do texto \"Requisitos do Certificado de Desenvolvimento Front-End\"", "Vamos confirmar que você completou todos os nossos desafios de algoritmos básicos e intermediários e todos os nossos projetos básicos, intermediários e avançados de desenvolvimento. Clique no botão abaixo para verificar.", "#" ], [ - "//i.imgur.com/Q5Za9U6.jpg", + "https://i.imgur.com/Q5Za9U6.jpg", "Uma imagem da palavra \"Parabéns\"", "Parabéns! Adicionamos o seu Certificado de Design Responsivo à sua página de portfólio. A menos que você opte por esconder suas soluções, este certificado permanecerá publicamente visível e verificável", "" diff --git a/seed/challenges/01-responsive-web-design/responsive-web-design-projects.json b/seed/challenges/01-responsive-web-design/responsive-web-design-projects.json index 0494a5d4be..0953d0ae1e 100644 --- a/seed/challenges/01-responsive-web-design/responsive-web-design-projects.json +++ b/seed/challenges/01-responsive-web-design/responsive-web-design-projects.json @@ -9,43 +9,43 @@ "title": "Get Set for our Responsive Web Design Projects", "description": [ [ - "//i.imgur.com/OAD6SJz.png", + "https://i.imgur.com/OAD6SJz.png", "An image of a Simon game, one our front end projects.", "Our front end development projects will give you a chance to apply the front end skills you've developed up to this point. We'll use a popular browser-based code editor called CodePen.", "" ], [ - "//i.imgur.com/WBetuBa.jpg", + "https://i.imgur.com/WBetuBa.jpg", "A programmer punching through his laptop screen in frustration.", "These projects are hard. It takes most campers several days to build each project. You will get frustrated. But don't quit. This gets easier with practice.", "" ], [ - "//i.imgur.com/p2TpOQd.jpg", + "https://i.imgur.com/p2TpOQd.jpg", "A cute dog jumping over a hurdle and winking and pointing his paw at you.", "When you get stuck, just use the Read-Search-Ask methodology. Don't worry - you've got this.", "" ], [ - "//i.imgur.com/G1saeDt.gif", + "https://i.imgur.com/G1saeDt.gif", "A gif showing how to create a Codepen account.", "For our front end project challenges, we'll use a popular browser-based code editor called CodePen. Click the \"Open link in new tab\" button below to open CodePen's signup page. Fill out the form and click \"Sign up\".
Note: If you already have a CodePen account, you can skip this step by clicking \"Open link in new tab\", closing the new tab that opens, then clicking \"go to my next step\". We removed our \"skip step\" button because many people would just click it repeatedly without doing these important steps.
", "https://codepen.io/accounts/signup/user/free" ], [ - "//i.imgur.com/U4y9RJ1.gif", + "https://i.imgur.com/U4y9RJ1.gif", "A gif showing that you can type \"hello world\" will output \"hello world\" in the preview window. You can also drag windows to resize them, and change their orientation.", "In the HTML box, create an h1 element with the text \"Hello World\". You can drag the frames around to resize them. You can also click the \"Change View\" button and change the orientation of the frames.", "" ], [ - "//i.imgur.com/xHoCEt2.gif", + "https://i.imgur.com/xHoCEt2.gif", "A gif showing the process of adding Bootstrap to your pen.", "Click the gear in the upper left hand corner of the CSS box, then copy this link https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css inside the text box. Now give your h1 element the class of text-primary to change its color and prove that Bootstrap is now available. Note that by using the dropdown menu and selecting \"Bootstrap\", the Alpha v.4 will be added instead.", "" ], [ - "//i.imgur.com/m0pWik2.gif", + "https://i.imgur.com/m0pWik2.gif", "A gif showing the process of turning off auto update preview", "When using CodePen and Ajax, it is a good idea to turn off automatic preview updating so API calls are not made too often. Too many API calls can sometimes lead to temporary blockages, and may require waiting periods before they can be used again.
To disable automatic preview updating click the \"Settings\" button at the top of the page, then click the \"Behavior\" tab. At the bottom of the page, un-check \"AUTO UPDATE PREVIEW\". Now press \"Run\" at the top of the page to update the preview, and click \"Save\".
", "" @@ -61,37 +61,37 @@ "title": "Prepárate para los Proyectos de Desarrollo de Interfaces", "description": [ [ - "//i.imgur.com/OAD6SJz.png", + "https://i.imgur.com/OAD6SJz.png", "Una imagen del juego Simón, uno de nuestros proyectos de interfaz.", "Nuestros proyectos de desarrollo de interfaces te darán oportunidad de aplicar las habilidades con interfaces que has desarrollado hasta este momento. Usaremos un editor de código basado en el navegador llamado CodePen.", "" ], [ - "//i.imgur.com/WBetuBa.jpg", + "https://i.imgur.com/WBetuBa.jpg", "Un programador frustado golpeando la pantalla de su computador.", "Nuestros desafíos sobre algoritmos son difíciles. Algunos pueden requerir muchas horas para resolverse. Podrás frustarte, pero no te rindas. Se vuelve fácil con práctica.", "" ], [ - "//i.imgur.com/p2TpOQd.jpg", + "https://i.imgur.com/p2TpOQd.jpg", "Un tierno perro que salta sobre un obstáculo, pica el ojo y te apunta con su pata.", "Cuando te atasques, usa la metodología Leer-Buscar-Preguntar. No te preocupes - lo tienes resuelto.", "" ], [ - "//i.imgur.com/G1saeDt.gif", + "https://i.imgur.com/G1saeDt.gif", "Un gif que muestra cómo crear una cuenta en Codepen.", "Para nuestros desafíos de interfaces, usaremos un editor de código basado en el navegador que es muy famoso llamado Codepen. Pulsa en el botón de abajo \"Open link in new tab\" para abrir la página de registro de CodePen. Rellena el formulario y pulsa \"Sign up\".
Nota: Si ya tienes una cuenta de CodePen, puedes omitir este paso pulsando \"Open link in new tab\", cierra la nueva pestaña que se abre, entonces pulsa \"go to my next step\". Eliminamos nuestro botón \"skip step\" porque mucha gente solamente pulsa el botón sin realizar estos importantes pasos.
", "https://codepen.io/accounts/signup/user/free" ], [ - "//i.imgur.com/U4y9RJ1.gif", + "https://i.imgur.com/U4y9RJ1.gif", "Un gif que muestra que puedes escribir \"hello world\" en el editor, lo cual escribirá \"hello world\" en la ventana de vista previa. También puedes mover las ventanas para cambiar su tamaño, y cambiar su orientación.", "En la ventana de HTML, crea un elemento h1 con el texto \"Hola mundo\". Puedes arrastrar los bordes de las ventanas para cambiar su tamaño. También puedes pulsar el botón de \"Change View\" para cambiar la orientación de las ventanas.", "" ], [ - "//i.imgur.com/G9KFQDL.gif", + "https://i.imgur.com/G9KFQDL.gif", "Un gif que muestra el proceso de agregar Bootstrap a tu proyecto.", "Pulsa el engrane en la esquina superior izquierda de la ventana de CSS, luego ve hacia abajo hasta donde dice \"Quick add\" y elige Bootstrap. Ahora dale a tu elemento h1 la clase \"text-primary\" para cambiar su color y verificar que Bootstrap está activado.", "" @@ -102,43 +102,43 @@ "title": "Prepare-se para nossos Projetos de Desenvolvimento Front End", "description": [ [ - "//i.imgur.com/OAD6SJz.png", + "https://i.imgur.com/OAD6SJz.png", "A imagem de um jogo Simon, um de nossos projetos front end.", "Nossos projetos de Desenvolvimento front end vão dar a você a chance de aplicar as habilidades front end que você desenvolveu até esse ponto. Nós vamos usar um editor popular chamado CodePen que funciona direto no navegador.", "" ], [ - "//i.imgur.com/WBetuBa.jpg", + "https://i.imgur.com/WBetuBa.jpg", "Um programador atravessando a tela de seu laptop com um soco em frustração.", "Esses projetos são difíceis. A maioria dos campistas leva alguns dias para contruir cada projeto. Você vai ficar frustrado. Mas não desista. Isso fica mais fácil com a prática.", "" ], [ - "//i.imgur.com/p2TpOQd.jpg", + "https://i.imgur.com/p2TpOQd.jpg", "Um cachorro fofo pulando sobre um obstáculo, piscando e apontando sua pata a você.", "Quando ficar travado, use a metodologia Ler-Buscar-Perguntar. Não se preocupe - você consegue.", "" ], [ - "//i.imgur.com/G1saeDt.gif", + "https://i.imgur.com/G1saeDt.gif", "Um gif mostrando com criar uma conta CodePen.", "Para nossos projetos front end, usaremos um popular editor de código baseado em navegador chamado CodePen. Clique no botão \"Open link in new tab\" abaixo para abrir a página de resgistro do CodePen. Preencha o formulário e clique em \"Sign up\".
Nota: Se você já tem uma conta CodePen, você pode pular esse passo clicando em \"Open link in new tab\", fechando a nova aba que abrir, e clicando em \"go to my next step\". Nós removemos nosso botão \"skip step\" pois muitas pessoas iam simplesmente clicar nele repetidamente sem passar por esses passos importantes.
", "https://codepen.io/accounts/signup/user/free" ], [ - "//i.imgur.com/U4y9RJ1.gif", + "https://i.imgur.com/U4y9RJ1.gif", "Um gif mostrando que você pode digitar \"hello world\" e será mostrado \"hello world\" na janela de visualização. Você também pode arrastar janelas para redimensioná-las e mudar a orientação das mesmas.", "Na caixa do HTML, crie um elemento h1 com o texto \"Hello World\". Você pode arrastar as bordas para redimensioná-las. Você pode também clicar no botão \"Change View\" e mudar a orientação das janelas.", "" ], [ - "//i.imgur.com/G9KFQDL.gif", + "https://i.imgur.com/G9KFQDL.gif", "Um gif mostrando como adicionar o Bootstrap à sua pen.", "Clique na engrenagem no canto superior esquerdo da caixa do CSS, então role para baixo até \"Quick add\" e escolha Bootstrap. Agora adicione ao seu elemento h1 a classe text-primary para mudar sua cor e provar que o Bootstrap agora está disponível.", "" ], [ - "//i.imgur.com/m0pWik2.gif", + "https://i.imgur.com/m0pWik2.gif", "Um gif mostrando o processo de desativar o update automático da janela de visualização", "Ao usar CodePen e Ajax, é uma boa idea desativar o update automático da janela de visualização para que as chamadas para as APIs não sejam feitas a todo momento. Muitas chamadas para API pode levar à bloqueios temporários e podem requerer períodos de esperar para que possam ser usadas novamente.
Para desativar o update automático da janela de visualização clique no botão \"Settings\" no topo da página, então clique na aba \"Behavior\". No final da página, desmarque \"AUTO UPDATE PREVIEW\". Agora clique em \"Run\" no topo da página para atualizar a janela de visualização e clique \"Save\".
", "" @@ -149,37 +149,37 @@ "title": "Приготовьтесь к разработке фронтенд проектов", "description": [ [ - "//i.imgur.com/OAD6SJz.png", + "https://i.imgur.com/OAD6SJz.png", "Игра Саймона - один из фронтенд проектов.", "Наши фронтенд проекты дадут вам шанс применить полученные к этому моменту знания по фронтенд разработке. Мы будем использовать популярный браузерный редактор кода - CodePen.", "" ], [ - "//i.imgur.com/WBetuBa.jpg", + "https://i.imgur.com/WBetuBa.jpg", "Программист от отчаяния кулаком пробивает экран своего ноутбука.", "Это трудные проекты. Разработка каждого занимает у большинства кэмперов несколько дней. У вас может возникнуть чувство отчаяния. Несмотря на это не сдавайтесь. С практикой этот процесс станет проще.", "" ], [ - "//i.imgur.com/p2TpOQd.jpg", + "https://i.imgur.com/p2TpOQd.jpg", "Милый пес, прыгающий через препятствие, указывает на вас лапой и подмигивает.", "Если что-то не получается, воспользуйтесь Read-Search-Ask. Не волнуйтесь - вы сможете это сделать.", "" ], [ - "//i.imgur.com/G1saeDt.gif", + "https://i.imgur.com/G1saeDt.gif", "Гифка показывающая как зарегистрироваться на CodePen.", "Для заданий по фронтенд разработке, мы будем использовать популярный браузерный редактор кода под названием CodePen. Откройте страницу регистрации на сайте CodePen, нажав на расположенную чуть ниже кнопку \"Open link in new tab\". Заполните форму и нажмите \"Sign up\".
Замечание: Если у вас уже есть аккаунт CodePen, то этот шаг можно пропустить: нажмите на кнопку \"Open link in new tab\", закройте появившуюся вкладку и затем кликните \"go to my next step\". Мы убрали кнопку \"skip step\", ввиду того что большинство людей просто нажимали бы ее несколько раз подряд и пропускали бы эти важные инструкции.
", "https://codepen.io/accounts/signup/user/free" ], [ - "//i.imgur.com/U4y9RJ1.gif", + "https://i.imgur.com/U4y9RJ1.gif", "Гифка показывающая набор в редакторе заголовка с текстом \"hello world\", который затем отображается в окошке предпросмотра. А также указывающая как изменить размер окон редактора или поменять их расположение.", "В окошке HTML создайте элемент h1 с текстом \"Hello World\". Ухватив края окон можно изменить их размер. А нажав на кнопку \"Change View\" поменять их расположение.", "" ], [ - "//i.imgur.com/G9KFQDL.gif", + "https://i.imgur.com/G9KFQDL.gif", "Гифка показывающая как в CodePen добавить к проекту Bootstrap.", "Нажмите на звездочку в левом верхнем углу окошка CSS, найдите внизу поле \"Quick add\" и выберите в нем Bootstrap. Добавьте к элементу h1 класс \"text-primary\", чтобы изменить его цвет и удостовериться, что Bootstrap подключен.", "" diff --git a/seed/challenges/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting.json b/seed/challenges/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting.json index 827c2419b3..7d261742e5 100644 --- a/seed/challenges/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting.json +++ b/seed/challenges/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting.json @@ -9,25 +9,25 @@ "title": "Get Set for our Algorithm Challenges", "description": [ [ - "//i.imgur.com/sJkp30a.png", + "https://i.imgur.com/sJkp30a.png", "An image of a algorithm challenge showing directions, tests, and the code editor.", "Our algorithm challenges will teach you how to think like a programmer.", "" ], [ - "//i.imgur.com/d8LuRNh.png", + "https://i.imgur.com/d8LuRNh.png", "A mother bird kicks a baby bird out of her nest.", "Our previous challenges introduced you to programming concepts. But for these algorithm challenges, you'll now need to apply what you learned to solve open-ended problems.", "" ], [ - "//i.imgur.com/WBetuBa.jpg", + "https://i.imgur.com/WBetuBa.jpg", "A programmer punching through his laptop screen in frustration.", "Our algorithm challenges are hard. Some of them may take you several hours to solve. You will get frustrated. But don't quit.", "" ], [ - "//i.imgur.com/p2TpOQd.jpg", + "https://i.imgur.com/p2TpOQd.jpg", "A cute dog jumping over a hurdle and winking and pointing his paw at you.", "When you get stuck, just use the Read-Search-Ask methodology.
Don't worry - you've got this.", "" @@ -43,25 +43,25 @@ "title": "Prepárate para nuestros Desafíos sobre Algoritmos", "description": [ [ - "//i.imgur.com/sJkp30a.png", + "https://i.imgur.com/sJkp30a.png", "Una imagen de un desafio sobre algoritmos que presenta instrucciones, pruebas y el editor de código.", "Nuestros desafios sobre algoritmos te enseñarán como pensar como un programador.", "" ], [ - "//i.imgur.com/d8LuRNh.png", + "https://i.imgur.com/d8LuRNh.png", "Una mamá pájaro saca un bebé pájaro fuer de su nido.", "Nuestros desafios anteriores te introdujeron a los conceptos de programación. Pero para estos desafios sobre algoritmos, ahora necesitarás aplicar lo que has aprendido y resolver problemas de respuesta abierta", "" ], [ - "//i.imgur.com/WBetuBa.jpg", + "https://i.imgur.com/WBetuBa.jpg", "Un programador frustado golpeando la pantalla de su computador.", "Nuestros desafíos sobre algortimos son difíciles. Algunos pueden requerir muchas horas para resolverse. Podrás frustarte, pero no te rindas.", "" ], [ - "//i.imgur.com/p2TpOQd.jpg", + "https://i.imgur.com/p2TpOQd.jpg", "Un tierno perro que salta sobre un obstáculo, pica el ojo y te apunta con su pata.", "Cuando te atasques, usa la metodología Leer-Buscar-Preguntar.
No te preocupes - ya lo has entendido.", "" @@ -72,25 +72,25 @@ "title": "Prepare-se para nossos desafios de algoritmos", "description": [ [ - "//i.imgur.com/sJkp30a.png", + "https://i.imgur.com/sJkp30a.png", "Uma imagem de um desafio de algoritmo mostrando instruções, testes e o editor de código.", "Nossos desafios de algoritmos vão te ensinar a pensar como um programador.", "" ], [ - "//i.imgur.com/d8LuRNh.png", + "https://i.imgur.com/d8LuRNh.png", "Uma mãe pássaro expulsa seu filhote do ninho.", "Os desafios anteriores te apresentaram os conceitos de programação. Mas para esses desafios de algoritmos, você terá que aplicar o que aprendeu para resolver problemas abertos.", "" ], [ - "//i.imgur.com/WBetuBa.jpg", + "https://i.imgur.com/WBetuBa.jpg", "Um programador frustrado atravessando a tela de seu laptop com um soco.", "Os desafios de algoritmos são difíceis. Você pode levar várias horas para resolver alguns deles. Você vai ficar frustado. Mas não desista.", "" ], [ - "//i.imgur.com/p2TpOQd.jpg", + "https://i.imgur.com/p2TpOQd.jpg", "Um cachorro fofo pulando sobre um obstáculo, piscando e apontando a pata na sua direção.", "Quando ficar travado, use a metodologia Ler-Pesquisar-Perguntar.
Não se preocupe - você consegue.", "" diff --git a/seed/challenges/02-javascript-algorithms-and-data-structures/claim-your-javascript-algorithms-and-data-structures.json b/seed/challenges/02-javascript-algorithms-and-data-structures/claim-your-javascript-algorithms-and-data-structures.json index 15d2f606d8..0d9815a3d3 100644 --- a/seed/challenges/02-javascript-algorithms-and-data-structures/claim-your-javascript-algorithms-and-data-structures.json +++ b/seed/challenges/02-javascript-algorithms-and-data-structures/claim-your-javascript-algorithms-and-data-structures.json @@ -8,25 +8,25 @@ "title": "Claim Your JavaScript Algorithms and Data Structures Certificate", "description": [ [ - "//i.imgur.com/EzMrezJ.jpg", + "https://i.imgur.com/EzMrezJ.jpg", "An image of our JavaScript Algorithms and Data Structures Certificate", "This challenge will give you your verified JavaScript Algorithms and Data Structures Certificate. Before we issue your certificate, we must verify that you have completed all of our basic and intermediate algorithm scripting challenges, and all our basic, intermediate, and advanced front end development projects. You must also accept our Academic Honesty Pledge. Click the button below to start this process.", "" ], [ - "//i.imgur.com/uLPsUko.jpg", + "https://i.imgur.com/uLPsUko.jpg", "The definition of plagiarism: Plagiarism (noun) - copying someone else’s work and presenting it as your own without crediting them", "By clicking below, you pledge that all of your submitted code A) is code you or your pair personally wrote, or B) comes from open source libraries like jQuery, or C) has been clearly attributed to its original authors. You also give us permission to audit your challenge solutions and revoke your certificate if we discover evidence of plagiarism.", "#" ], [ - "//i.imgur.com/rx2gKfB.jpg", + "https://i.imgur.com/rx2gKfB.jpg", "An image of the text \"JavaScript Algorithms and Data Structures requirements\"", "Let's confirm that you have completed all of our JavaScript Algorithms and Data Structures projects. Click the button below to verify this.", "#" ], [ - "//i.imgur.com/Q5Za9U6.jpg", + "https://i.imgur.com/Q5Za9U6.jpg", "An image of the word \"Congratulations\"", "Congratulations! We've added your JavaScript Algorithms and Data Structures Certificate to your portfolio page. Unless you choose to hide your solutions, this certificate will remain publicly visible and verifiable.", "" @@ -74,25 +74,25 @@ "challengeType": 7, "descriptionEs": [ [ - "//i.imgur.com/EzMrezJ.jpg", + "https://i.imgur.com/EzMrezJ.jpg", "Una imagen que muestra nuestro certificado de Desarrollo de interfaces", "This challenge will give you your verified JavaScript Algorithms and Data Structures Certificate. Before we issue your certificate, we must verify that you have completed all of our basic and intermediate algorithm scripting challenges. You must also accept our Academic Honesty Pledge. Click the button below to start this process.", "" ], [ - "//i.imgur.com/HArFfMN.jpg", + "https://i.imgur.com/HArFfMN.jpg", "Plagio (nombre): acción y efecto de plagiar. Plagiar (verbo) - copiar en lo sustancial obras ajenas, dándolas como propias.", "Al pulsar el botón siguiente, juras que todo el código en tus soluciones a los desafíos A) es código que tú o tu compañero escribieron personalmente, o B) proviene de librerías de código abierto como jQuery, o C) ha sido claramente atribuido a sus autores originales. También nos otorgas el permiso para auditar tus soluciones a los desafíos y revocar tu certificado si encontramos evidencia de plagio.", "#" ], [ - "//i.imgur.com/rx2gKfB.jpg", + "https://i.imgur.com/rx2gKfB.jpg", "An image of the text \"JavaScript Algorithms and Data Structures requirements\"", "Let's confirm that you have completed all of our basic and intermediate algorithm scripting challenges. Click the button below to verify this.", "#" ], [ - "//i.imgur.com/16SIhHO.jpg", + "https://i.imgur.com/16SIhHO.jpg", "Una imagen de la palabra \"Congratulations\"", "¡Felicitaciones! Hemos agregado tu certificado de Desarrollo de interfaces a tu portafolio. A menos que elijas no mostrar tus soluciones, este certificado será públicamente visible y verificable.", "" diff --git a/seed/challenges/03-front-end-libraries/bootstrap.json b/seed/challenges/03-front-end-libraries/bootstrap.json index 9495286233..a04b02e3e6 100644 --- a/seed/challenges/03-front-end-libraries/bootstrap.json +++ b/seed/challenges/03-front-end-libraries/bootstrap.json @@ -117,7 +117,7 @@ "Bootstrap determina qué tan ancha es la pantalla y adapta correspondientemente el tamaño de tus elementos HTML - por eso es que se llama Diseño adaptativo (responsive design).", "Con diseño adaptativo, no hay necesidad de diseñar una versión móvil para tu sitio web. Se verá bien en dispositivos con pantallas de cualquier tamaño.", "Puedes agregar Bootstrap a cualquier aplicación simplemente incluyendo el siguiente código al inicio de tu HTML:", - "<link rel=\"stylesheet\" href=\"//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css\"/>", + "<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css\"/>", "En este caso, lo hemos agregado a esta página por ti.", "Para iniciar, debemos anidar todo nuestro HTML en un elemento div con la clase container-fluid." ] @@ -129,7 +129,7 @@ "Bootstrap saura reconnaître la largeur de notre écran et s'y adapter en redimensionnant les éléments HTML - d'où le nom Responsive Design (design adaptatif).", "Avec le design responsive, il n'y a pas besoin de créer de version mobile de votre site. Il restera bien sur tous les appareils quelle que soit la taille de leurs écrans.", "Vous pouvez ajouter Bootstrap à n'importe quelle application simplement en incluant le code suivant en haut de votre HTML:", - "<link rel=\"stylesheet\" href=\"//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css\" integrity=\"sha384-8+rznmq/k0KZkJlZhnuPEVkbRD7tA0wcFEjY48dajGWn3Xc1MasJwS8/tJ7OEsKW\" crossorigin=\"anonymous\">/>", + "<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css\" integrity=\"sha384-8+rznmq/k0KZkJlZhnuPEVkbRD7tA0wcFEjY48dajGWn3Xc1MasJwS8/tJ7OEsKW\" crossorigin=\"anonymous\">/>", "Ici, nous l'avons déjà ajouté à la page pour vous dans l'arrière-boutique.", "Pour commencer, nous devons envelopper nos éléments HTML dans un élément div possédant la classe container-fluid" ] @@ -821,7 +821,7 @@ "description": [ "Bootstrap uses a responsive grid system, which makes it easy to put elements into rows and specify each element's relative width. Most of Bootstrap's classes can be applied to a div element.", "Here's a diagram of how Bootstrap's 12-column grid layout works:", - "\"an", + "\"an", "Note that in this illustration, the col-md-* class is being used. Here, md means medium, and * is a number specifying how many columns wide the element should be. In this case, the column width of an element on a medium-sized screen, such as a laptop, is being specified.", "In the Cat Photo App that we're building, we'll use col-xs-*, where xs means extra small (like an extra-small mobile phone screen), and * is the number of columns specifying how many columns wide the element should be.", "Put the Like, Info and Delete buttons side-by-side by nesting all three of them within one <div class=\"row\"> element, then each of them within a <div class=\"col-xs-4\"> element.", @@ -903,7 +903,7 @@ "description": [ "Bootstrap utiliza un sistema de cuadrícula adaptativa que facilita el poner elementos en fila y especificar la anchura relativa de cada elemento. La mayoría de las clases de Bootstrap pueden ser aplicadas a un elemento div.", "Aquí hay un diagrama del funcionamiento de la cuadrícula de 12 columnas Bootstrap:", - "\"una", + "\"una", "En esta ilustración se está utilizando la clase col-md-*. Aquí, md significa mediano, y * es un número que especifica la cantidad de columnas debe tomar el ancho del elemento. En este caso, se especifica el ancho de columna de un elemento en una pantalla de tamaño mediano, como una laptop.", "En la aplicación de fotos de gatos que estamos construyendo, usaremos col-xs-*, donde xs significa extra pequeño (como una pantalla extra-pequeña de un teléfono), y * especifica el número de columnas que debe tomar el ancho del elemento.", "Pon los botones de Like, Info y Delete lado a lado. Esto se hace anidando los tres botones dentro de un elemento <div class=\"row\">, y luego cada uno de ellos dentro de un elemento <div class=\"col-xs-4\">.", @@ -1042,7 +1042,7 @@ "description": [ "You can use spans to create inline elements. Remember when we used the btn-block class to make the button fill the entire row?", "This image illustrates the difference between inline elements and block-level elements:", - "\"An", + "\"An", "By using the span element, you can put several elements together, and even style different parts of the same element differently.", "Nest the word \"love\" in your \"Things cats love\" element below within a span element. Then give that span the class text-danger to make the text red.", "Here's how you would do this with the \"Top 3 things cats hate\" element:", @@ -1119,7 +1119,7 @@ "description": [ "Puedes utilizar span para crear elementos en línea. ¿Recuerdas cuando usamos la clase btn-block para hacer que el botón llenara toda la línea?", "Esta imagen ilustra la diferencia entre elementos en línea (inline) y elementos a nivel de bloque (block-level):", - "\"Un", + "\"Un", "Al usar el elemento span, puedes poner varios elementos juntos, e incluso darle diferentes estilos a partes diferentes del mismo elemento.", "Anida la palabra \"love\" en tu elemento \"Things cats love\" dentro de un elemento span. Luego, asigna a ese elemento span la clase text-danger para hacer que el texto sea rojo.", "Así es como lo harías con el elemento \"Top 3 things cats hate\":", @@ -1147,7 +1147,7 @@ "We will make a simple heading for our Cat Photo App by putting the title and relaxing cat image in the same row.", "Remember, Bootstrap uses a responsive grid system, which makes it easy to put elements into rows and specify each element's relative width. Most of Bootstrap's classes can be applied to a div element.", "Here's a diagram of how Bootstrap's 12-column grid layout works:", - "\"an", + "\"an", "Note that in this illustration, the col-md-* class is being used. Here, md means medium, and * is a number specifying how many columns wide the element should be. In this case, the column width of an element on a medium-sized screen, such as a laptop, is being specified.", "In the Cat Photo App that we're building, we'll use col-xs-*, where xs means extra small (like an extra-small mobile phone screen), and * is the number of columns specifying how many columns wide the element should be.", "Nest your first image and your h2 element within a single <div class=\"row\"> element. Nest your h2 element within a <div class=\"col-xs-8\"> and your image in a <div class=\"col-xs-4\"> so that they are on the same line.", @@ -1224,7 +1224,7 @@ "Crearemos un encabezado simple para nuestra aplicación de fotos de gatos poniendo el título y la relajante imagen del gato en la misma línea.", "Recuerda, Bootstrap usa un sistema de cuadrícula adaptativo, el cual facilita poner elementos en filas y especificar el ancho relativo de cada elemento. La mayoría de las clases de Bootstrap pueden aplicarse a un elemento div.", "Aquí hay un diagrama del funcionamiento de la cuadrícula de 12 columnas Bootstrap:", - "\"una", + "\"una", "En esta ilustración se está utilizando la clase col-md-*. Aquí, md significa mediano, y * es un número que especifica el número de columnas que debe tomar el ancho del elemento. En este caso, se especifica el ancho de columna de un elemento en una pantalla de tamaño mediano, como un computador portátil.", "En la aplicación de fotos de gatos que estamos construyendo, usaremos col-xs-*, donde xs significa extra pequeño (como una pantalla extra-pequeña de un teléfono), y * especifica el número de columnas que debe tomar el ancho del elemento.", "Anida tu primera imagen y tu elemento h2 dentro de un solo elemento <div class=\"row\">. Anida tu texto h2 dentro de un <div class=\"col-xs-8\"> y tu imagen en un <div class=\"col-xs-4\"> de tal forma que estén en la misma línea.", @@ -1258,7 +1258,7 @@ "description": [ "Font Awesome is a convenient library of icons. These icons are vector graphics, stored in the .svg file format. These icons are treated just like fonts. You can specify their size using pixels, and they will assume the font size of their parent HTML elements.", "You can include Font Awesome in any app by adding the following code to the top of your HTML:", - "<link rel=\"stylesheet\" href=\"//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css\" integrity=\"sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+\" crossorigin=\"anonymous\">", + "<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css\" integrity=\"sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+\" crossorigin=\"anonymous\">", "In this case, we've already added it for you to this page behind the scenes.", "The i element was originally used to make other elements italic, but is now commonly used for icons. You can add the Font Awesome classes to the i element to turn it into an icon, for example:", "<i class=\"fa fa-info-circle\"></i>", @@ -1338,7 +1338,7 @@ "description": [ "Font Awesome es una librería de iconos muy conveniente. Estos iconos son imágenes vectoriales, almacenadas en formato .svg, y son tratados como si fueran fuentes. Puedes especificar su tamaño usando pixeles, y tomarán el tamaño de fuente de su elemento HTML padre.", "Puedes añadir Font Awesome a cualquier aplicación sólo incluyendo y agregando el siguiente código al comienzo de tu HTML:", - "<link rel=\"stylesheet\" href=\"//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css\" integrity=\"sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+\" crossorigin=\"anonymous\"/>", + "<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css\" integrity=\"sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+\" crossorigin=\"anonymous\"/>", "En este caso, ya lo hemos agregado por tí a esta página tras bambalinas.", "El elemento i originalmente era usado para hacer textos en itálicas, pero ahora comunmente se usa para iconos. Le agregas clases de Font Awesome al elemento i para convertirlo en un ícono, por ejemplo:", "<i class=\"fa fa-info-circle\"></i>", @@ -1350,7 +1350,7 @@ "description": [ "Font Awesome est une librairie d'icônes très pratique. Ces icones sont des images vectorielles, stockées en format .svg. Ces icônes sont traités exactemeent comme des polices. Vous pouvez choisir leur taille en pixel, et ils prendront la taille de police de leur élémment parent HTML.", "Vous poyvez ajouter Font Awesome à n'importe quell application en ajoutant le code suivant en haut de votre HTML:", - "<link rel=\"stylesheet\" href=\"//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css\" integrity=\"sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+\" crossorigin=\"anonymous\">/>", + "<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css\" integrity=\"sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+\" crossorigin=\"anonymous\">/>", "Ici, nous l'avons déjà ajouté pour vous dans le back-office.", "La balise i eétait utilisé à la base pour mettre les autres éléments en italique, mais maintenant elle est utilisée pour les icones. Vous ajoutez des classes Font Awesome à un élément i pour les les transformer en icones, par exemple:", "<i class=\"fa fa-info-circle\"></i>", diff --git a/seed/challenges/03-front-end-libraries/claim-your-front-end-libraries-certificate.json b/seed/challenges/03-front-end-libraries/claim-your-front-end-libraries-certificate.json index 5e68368cf3..bb7f027e75 100644 --- a/seed/challenges/03-front-end-libraries/claim-your-front-end-libraries-certificate.json +++ b/seed/challenges/03-front-end-libraries/claim-your-front-end-libraries-certificate.json @@ -8,25 +8,25 @@ "title": "Claim Your Front End Libraries Certificate", "description": [ [ - "//i.imgur.com/vOtZumH.jpg", + "https://i.imgur.com/vOtZumH.jpg", "An image of our Front End Libraries Certificate", "This challenge will give you your verified Front End Libraries Certificate. Before we issue your certificate, we must verify that you have completed all of our front end libraries projects. You must also accept our Academic Honesty Pledge. Click the button below to start this process.", "" ], [ - "//i.imgur.com/uLPsUko.jpg", + "https://i.imgur.com/uLPsUko.jpg", "The definition of plagiarism: Plagiarism (noun) - copying someone else’s work and presenting it as your own without crediting them", "By clicking below, you pledge that all of your submitted code A) is code you or your pair personally wrote, or B) comes from open source libraries like jQuery, or C) has been clearly attributed to its original authors. You also give us permission to audit your challenge solutions and revoke your certificate if we discover evidence of plagiarism.", "#" ], [ - "//i.imgur.com/GJeTCMS.jpg", + "https://i.imgur.com/GJeTCMS.jpg", "An image of the text \"Front End Libraries Certificate requirements\"", "Let's confirm that you have completed all of our front end libraries projects. Click the button below to verify this.", "#" ], [ - "//i.imgur.com/Q5Za9U6.jpg", + "https://i.imgur.com/Q5Za9U6.jpg", "An image of the word \"Congratulations\"", "Congratulations! We've added your Front End Libraries Certificate to your portfolio page. Unless you choose to hide your solutions, this certificate will remain publicly visible and verifiable.", "" @@ -77,25 +77,25 @@ "title": "Reclama tu certificado de Desarrollo de interfaces", "description": [ [ - "//i.imgur.com/k8btNUB.jpg", + "https://i.imgur.com/k8btNUB.jpg", "Una imagen que muestra nuestro certificado de Desarrollo de interfaces", "Este desafío te otorga tu certificado autenticado de Desarrollo de interfaces. Antes de que podamos emitir tu certificado, debemos verificar que has completado todos los desafíos básicos e intermedios de diseño de algoritmos, y todos los proyectos básicos e intermedios de desarrollo de interfaces. También debes aceptar nuestro Juramento de honestidad académica. Pulsa el botón siguiente para iniciar este proceso.", "" ], [ - "//i.imgur.com/HArFfMN.jpg", + "https://i.imgur.com/HArFfMN.jpg", "Plagio (nombre): acción y efecto de plagiar. Plagiar (verbo) - copiar en lo sustancial obras ajenas, dándolas como propias.", "Al pulsar el botón siguiente, juras que todo el código en tus soluciones a los desafíos A) es código que tú o tu compañero escribieron personalmente, o B) proviene de librerías de código abierto como jQuery, o C) ha sido claramente atribuido a sus autores originales. También nos otorgas el permiso para auditar tus soluciones a los desafíos y revocar tu certificado si encontramos evidencia de plagio.", "#" ], [ - "//i.imgur.com/14F2Van.jpg", + "https://i.imgur.com/14F2Van.jpg", "Una imagen del texto \"Front End Development Certificate requirements\"", "Confirmemos que has completado todos nuestros desafíos básicos e intermedios de diseño de algoritmos, y todos nuestros proyectos básicos e intermedios de desarrollo de interfaces. Pulsa el botón siguiente para hacer la verificación.", "#" ], [ - "//i.imgur.com/16SIhHO.jpg", + "https://i.imgur.com/16SIhHO.jpg", "Una imagen de la palabra \"Congratulations\"", "¡Felicitaciones! Hemos agregado tu certificado de Desarrollo de interfaces a tu portafolio. A menos que elijas no mostrar tus soluciones, este certificado será públicamente visible y verificable.", "" @@ -106,25 +106,25 @@ "title": "Solicite seu Certificado de Bibliotecas Front End", "description": [ [ - "//i.imgur.com/vOtZumH.jpg", + "https://i.imgur.com/vOtZumH.jpg", "Uma imagem do nosso Certificado de Bibliotecas Front End", "This challenge will give you your verified Front End Libraries Certificate. Before we issue your certificate, we must verify that you have completed all of our front end libraries projects. You must also accept our Academic Honesty Pledge. Click the button below to start this process.", "" ], [ - "//i.imgur.com/uLPsUko.jpg", + "https://i.imgur.com/uLPsUko.jpg", "A definição de plágio: Plágio (substantivo) - copiar o trabalho de outra pessoa e apresentá-lo como seu sem creditar o autor", "Ao clicar abaixo, você declara que todo o seu código enviado A) foi escrito por você ou pelo seu par pessoalmente, ou B) vem de bibliotecas de código aberto como o jQuery ou C) foi claramente atribuído a seus autores originais. Você também nos dá permissão para auditar suas soluções de desafios e revogar o seu certificado se descobrirmos evidências de plágio.", "#" ], [ - "//i.imgur.com/UedoV2G.jpg", + "https://i.imgur.com/UedoV2G.jpg", "Uma imagem do texto \"Requisitos do Certificado de Desenvolvimento Front-End\"", "Vamos confirmar que você completou todos os nossos desafios de algoritmos básicos e intermediários e todos os nossos projetos básicos, intermediários e avançados de desenvolvimento. Clique no botão abaixo para verificar.", "#" ], [ - "//i.imgur.com/Q5Za9U6.jpg", + "https://i.imgur.com/Q5Za9U6.jpg", "Uma imagem da palavra \"Parabéns\"", "Parabéns! Adicionamos o seu Certificado de Bibliotecas Front End à sua página de portfólio. A menos que você opte por esconder suas soluções, este certificado permanecerá publicamente visível e verificável.", "" diff --git a/seed/challenges/03-front-end-libraries/jquery.json b/seed/challenges/03-front-end-libraries/jquery.json index 89310d9aab..b0e1f1d8ce 100644 --- a/seed/challenges/03-front-end-libraries/jquery.json +++ b/seed/challenges/03-front-end-libraries/jquery.json @@ -14,13 +14,13 @@ "title": "Introduction to jQuery", "description": [ [ - "//i.imgur.com/hzACiml.png", + "https://i.imgur.com/hzACiml.png", "The logo of jQuery that has three blue sound waves that increase in size with the text \"jQuery write less, do more.\" written on it.", "jQuery is one of the many libraries for JavaScript. It is designed to simplify scripting done on the client side.", "" ], [ - "//i.imgur.com/OHtxVL0.png", + "https://i.imgur.com/OHtxVL0.png", "A screenshot of the general syntax. A dollar sign followed by the selector with a dot and an action.", "jQuery's most recognizable characteristic is the dollar sign syntax. With it, you can easily manipulate elements, create animations and handle input events.", "" diff --git a/seed/challenges/04-data-visualization/claim-your-data-visualization-certificate.json b/seed/challenges/04-data-visualization/claim-your-data-visualization-certificate.json index f4091a0e99..8ad9520289 100644 --- a/seed/challenges/04-data-visualization/claim-your-data-visualization-certificate.json +++ b/seed/challenges/04-data-visualization/claim-your-data-visualization-certificate.json @@ -8,24 +8,24 @@ "title": "Claim Your Data Visualization Certificate", "description": [ [ - "//i.imgur.com/N8drT4I.jpg", + "https://i.imgur.com/N8drT4I.jpg", "An image of our Data Visualization Certificate", "This challenge will give you your verified Data Visualization Certificate. Before we issue your certificate, we must verify that you have completed all of our data visualisation projects. You must also accept our Academic Honesty Pledge. Click the button below to start this process.", "" ], [ - "//i.imgur.com/uLPsUko.jpg", + "https://i.imgur.com/uLPsUko.jpg", "The definition of plagiarism: Plagiarism (noun) - copying someone else’s work and presenting it as your own without crediting them", "By clicking below, you pledge that all of your submitted code A) is code you or your pair personally wrote, or B) comes from open source libraries like jQuery, or C) has been clearly attributed to its original authors. You also give us permission to audit your challenge solutions and revoke your certificate if we discover evidence of plagiarism.", "#" ], [ - "//i.imgur.com/BUaEvDo.jpg", + "https://i.imgur.com/BUaEvDo.jpg", "An image of the text \"Data Visualization Certificate requirements\"", "Let's confirm that you have completed data visualisation projects. Click the button below to verify this.", "#" ], [ - "//i.imgur.com/Q5Za9U6.jpg", + "https://i.imgur.com/Q5Za9U6.jpg", "An image of the word \"Congratulations\"", "Congratulations! We've added your Data Visualization Certificate to your portfolio page. Unless you choose to hide your solutions, this certificate will remain publicly visible and verifiable.", "" @@ -76,24 +76,24 @@ "title": "Reclama tu certificado de Desarrollo de interfaces", "description": [ [ - "//i.imgur.com/N8drT4I.jpg", + "https://i.imgur.com/N8drT4I.jpg", "Una imagen que muestra nuestro certificado de Desarrollo de interfaces", "This challenge will give you your verified Data Visualization Certificate. Before we issue your certificate, we must verify that you have completed all of our data visualisation projects. You must also accept our Academic Honesty Pledge. Click the button below to start this process.", "" ], [ - "//i.imgur.com/HArFfMN.jpg", + "https://i.imgur.com/HArFfMN.jpg", "Plagio (nombre): acción y efecto de plagiar. Plagiar (verbo) - copiar en lo sustancial obras ajenas, dándolas como propias.", "Al pulsar el botón siguiente, juras que todo el código en tus soluciones a los desafíos A) es código que tú o tu compañero escribieron personalmente, o B) proviene de librerías de código abierto como jQuery, o C) ha sido claramente atribuido a sus autores originales. También nos otorgas el permiso para auditar tus soluciones a los desafíos y revocar tu certificado si encontramos evidencia de plagio.", "#" ], [ - "//i.imgur.com/BUaEvDo.jpg", + "https://i.imgur.com/BUaEvDo.jpg", "An image of the text \"Data Visualization Certificate requirements\"", "Let's confirm that you have completed data visualisation projects. Click the button below to verify this.", "Confirmemos que has completado todos nuestros desafíos básicos e intermedios de diseño de algoritmos, y todos nuestros proyectos básicos e intermedios de desarrollo de interfaces. Pulsa el botón siguiente para hacer la verificación.", "#" ], [ - "//i.imgur.com/16SIhHO.jpg", + "https://i.imgur.com/16SIhHO.jpg", "Una imagen de la palabra \"Congratulations\"", "¡Felicitaciones! Hemos agregado tu certificado de Desarrollo de interfaces a tu portafolio. A menos que elijas no mostrar tus soluciones, este certificado será públicamente visible y verificable.", "" diff --git a/seed/challenges/05-apis-and-microservices/claim-your-apis-and-microservices-certificate.json b/seed/challenges/05-apis-and-microservices/claim-your-apis-and-microservices-certificate.json index c43ce58cf3..c9541e727a 100644 --- a/seed/challenges/05-apis-and-microservices/claim-your-apis-and-microservices-certificate.json +++ b/seed/challenges/05-apis-and-microservices/claim-your-apis-and-microservices-certificate.json @@ -8,25 +8,25 @@ "title": "Claim Your APIs and Microservices Certificate", "description": [ [ - "//i.imgur.com/gfH7j5B.jpg", + "https://i.imgur.com/gfH7j5B.jpg", "An image of our APIs and Microservices Certificate", "This challenge will give you your verified APIs and Microservices Certificate. Before we issue your certificate, we must verify that you have completed all of our apis and microservices projects. You must also accept our Academic Honesty Pledge. Click the button below to start this process.", "" ], [ - "//i.imgur.com/uLPsUko.jpg", + "https://i.imgur.com/uLPsUko.jpg", "The definition of plagiarism: Plagiarism (noun) - copying someone else’s work and presenting it as your own without crediting them", "By clicking below, you pledge that all of your submitted code A) is code you or your pair personally wrote, or B) comes from open source libraries like jQuery, or C) has been clearly attributed to its original authors. You also give us permission to audit your challenge solutions and revoke your certificate if we discover evidence of plagiarism.", "#" ], [ - "//i.imgur.com/IBTfUzO.jpg", + "https://i.imgur.com/IBTfUzO.jpg", "An image of the text \"APIs and Microservices Certificate requirements\"", "Let's confirm that you have completed all of our apis and microservices projects. Click the button below to verify this.", "#" ], [ - "//i.imgur.com/Q5Za9U6.jpg", + "https://i.imgur.com/Q5Za9U6.jpg", "An image of the word \"Congratulations\"", "Congratulations! We've added your APIs and Microservices Certificate to your portfolio page. Unless you choose to hide your solutions, this certificate will remain publicly visible and verifiable.", "" @@ -77,25 +77,25 @@ "title": "Reclama tu certificado de Desarrollo de interfaces", "description": [ [ - "//i.imgur.com/gfH7j5B.jpg", + "https://i.imgur.com/gfH7j5B.jpg", "Una imagen que muestra nuestro certificado de Desarrollo de interfaces", "This challenge will give you your verified APIs and Microservices Certificate. Before we issue your certificate, we must verify that you have completed all of our apis and microservices projects. You must also accept our Academic Honesty Pledge. Click the button below to start this process.", "" ], [ - "//i.imgur.com/HArFfMN.jpg", + "https://i.imgur.com/HArFfMN.jpg", "Plagio (nombre): acción y efecto de plagiar. Plagiar (verbo) - copiar en lo sustancial obras ajenas, dándolas como propias.", "Al pulsar el botón siguiente, juras que todo el código en tus soluciones a los desafíos A) es código que tú o tu compañero escribieron personalmente, o B) proviene de librerías de código abierto como jQuery, o C) ha sido claramente atribuido a sus autores originales. También nos otorgas el permiso para auditar tus soluciones a los desafíos y revocar tu certificado si encontramos evidencia de plagio.", "#" ], [ - "//i.imgur.com/IBTfUzO.jpg", + "https://i.imgur.com/IBTfUzO.jpg", "An image of the text \"APIs and Microservices Certificate requirements\"", "Let's confirm that you have completed all of our apis and microservices projects. Click the button below to verify this.", "#" ], [ - "//i.imgur.com/16SIhHO.jpg", + "https://i.imgur.com/16SIhHO.jpg", "Una imagen de la palabra \"Congratulations\"", "¡Felicitaciones! Hemos agregado tu certificado de Desarrollo de interfaces a tu portafolio. A menos que elijas no mostrar tus soluciones, este certificado será públicamente visible y verificable.", "" diff --git a/seed/challenges/05-apis-and-microservices/mongodb-and-mongoose.json b/seed/challenges/05-apis-and-microservices/mongodb-and-mongoose.json index c7fa2c16cf..cd7ca9ff20 100644 --- a/seed/challenges/05-apis-and-microservices/mongodb-and-mongoose.json +++ b/seed/challenges/05-apis-and-microservices/mongodb-and-mongoose.json @@ -34,7 +34,7 @@ "title": "Create an online database using mLab", "description": [ [ - "//i.imgur.com/Ux1CD2f.png", + "https://i.imgur.com/Ux1CD2f.png", "mLab logo.", "For the following challenges, we are going to start using MongoDB to store our data. To simplify the configuration, we are going to use mLab.

mLab is a MongoDB Database-as-a-Service platform, which basically means that they configure and host the database for you, making it so the only responsibility you have is to populate your database with what matters: data!
In the following steps, we are going to show you how to: Let's start by going to mLab by clicking the button below.", "https://mlab.com/" diff --git a/seed/challenges/06-information-security-and-quality-assurance/claim-your-information-security-and-quality-assurance-certificate.json b/seed/challenges/06-information-security-and-quality-assurance/claim-your-information-security-and-quality-assurance-certificate.json index ec0bbb6134..ba3526796c 100644 --- a/seed/challenges/06-information-security-and-quality-assurance/claim-your-information-security-and-quality-assurance-certificate.json +++ b/seed/challenges/06-information-security-and-quality-assurance/claim-your-information-security-and-quality-assurance-certificate.json @@ -8,25 +8,25 @@ "title": "Claim Your Information Security and Quality Assurance Certificate", "description": [ [ - "//i.imgur.com/YhKzGLb.jpg", + "https://i.imgur.com/YhKzGLb.jpg", "An image of our Information Security and Quality Assurance Certificate", "This challenge will give you your verified Information Security and Quality Assurance Certificate. Before we issue your certificate, we must verify that you have completed all of our information security and quality assurance projects. You must also accept our Academic Honesty Pledge. Click the button below to start this process.", "" ], [ - "//i.imgur.com/uLPsUko.jpg", + "https://i.imgur.com/uLPsUko.jpg", "The definition of plagiarism: Plagiarism (noun) - copying someone else’s work and presenting it as your own without crediting them", "By clicking below, you pledge that all of your submitted code A) is code you or your pair personally wrote, or B) comes from open source libraries like jQuery, or C) has been clearly attributed to its original authors. You also give us permission to audit your challenge solutions and revoke your certificate if we discover evidence of plagiarism.", "#" ], [ - "//i.imgur.com/TM4KGfb.jpg", + "https://i.imgur.com/TM4KGfb.jpg", "An image of the text \"Information Security and Quality Assurance Certificate requirements\"", "Let's confirm that you have completed all of our information security and quality assurance projects. Click the button below to verify this.", "#" ], [ - "//i.imgur.com/Q5Za9U6.jpg", + "https://i.imgur.com/Q5Za9U6.jpg", "An image of the word \"Congratulations\"", "Congratulations! We've added your Information Security and Quality Assurance Certificate to your portfolio page. Unless you choose to hide your solutions, this certificate will remain publicly visible and verifiable.", "" @@ -77,25 +77,25 @@ "title": "Reclama tu certificado de Desarrollo de interfaces", "description": [ [ - "//i.imgur.com/YhKzGLb.jpg", + "https://i.imgur.com/YhKzGLb.jpg", "Una imagen que muestra nuestro certificado de Desarrollo de interfaces", "This challenge will give you your verified Information Security and Quality Assurance Certificate. Before we issue your certificate, we must verify that you have completed all of our information security and quality assurance projects. You must also accept our Academic Honesty Pledge. Click the button below to start this process.", "" ], [ - "//i.imgur.com/HArFfMN.jpg", + "https://i.imgur.com/HArFfMN.jpg", "Plagio (nombre): acción y efecto de plagiar. Plagiar (verbo) - copiar en lo sustancial obras ajenas, dándolas como propias.", "Al pulsar el botón siguiente, juras que todo el código en tus soluciones a los desafíos A) es código que tú o tu compañero escribieron personalmente, o B) proviene de librerías de código abierto como jQuery, o C) ha sido claramente atribuido a sus autores originales. También nos otorgas el permiso para auditar tus soluciones a los desafíos y revocar tu certificado si encontramos evidencia de plagio.", "#" ], [ - "//i.imgur.com/TM4KGfb.jpg", + "https://i.imgur.com/TM4KGfb.jpg", "An image of the text \"Information Security and Quality Assurance Certificate requirements\"", "Let's confirm that you have completed all of our information security and quality assurance projects. Click the button below to verify this.", "#" ], [ - "//i.imgur.com/16SIhHO.jpg", + "https://i.imgur.com/16SIhHO.jpg", "Una imagen de la palabra \"Congratulations\"", "¡Felicitaciones! Hemos agregado tu certificado de Desarrollo de interfaces a tu portafolio. A menos que elijas no mostrar tus soluciones, este certificado será públicamente visible y verificable.", "" diff --git a/seed/challenges/07-contribute-to-open-source-and-help-nonprofits/contribute-to-open-source-and-help-nonprofits.json b/seed/challenges/07-contribute-to-open-source-and-help-nonprofits/contribute-to-open-source-and-help-nonprofits.json index e6ef6bfa1d..79312132fa 100644 --- a/seed/challenges/07-contribute-to-open-source-and-help-nonprofits/contribute-to-open-source-and-help-nonprofits.json +++ b/seed/challenges/07-contribute-to-open-source-and-help-nonprofits/contribute-to-open-source-and-help-nonprofits.json @@ -26,7 +26,7 @@ "id": "5a1879f119a2ae635c8afa7b", "description": [ [ - "//i.imgur.com/uBpLxyq.jpg", + "https://i.imgur.com/uBpLxyq.jpg", "A screenshot from Pantry for Good.", "Pantry for Good is an open source food bank logistics and inventory management tool.", "https://github.com/freeCodeCamp/pantry-for-good" @@ -43,7 +43,7 @@ "id": "5a1879f019a2ae635c8afa7a", "description": [ [ - "//i.imgur.com/mKg8plZ.png", + "https://i.imgur.com/mKg8plZ.png", "A screenshot from Meeting for Good.", "Meeting for Good is an open source meeting coordination app for nonprofit teams.", "https://github.com/freeCodeCamp/meeting-for-good" @@ -60,7 +60,7 @@ "id": "5a1879ef19a2ae635c8afa79", "description": [ [ - "//i.imgur.com/2rrSXLx.png", + "https://i.imgur.com/2rrSXLx.png", "A screenshot from League for Good.", "League for Good is an open source sports league management tool.", "https://github.com/freeCodeCamp/league-for-good" @@ -77,7 +77,7 @@ "id": "5a1879ef19a2ae635c8afa78", "description": [ [ - "//i.imgur.com/41K9HQ4.png", + "https://i.imgur.com/41K9HQ4.png", "A screenshot from Conference for Good.", "Conference for Good is an open source conference management tool.", "https://github.com/freeCodeCamp/conference-for-good" @@ -94,7 +94,7 @@ "id": "5a1879ee19a2ae635c8afa77", "description": [ [ - "//i.imgur.com/2wVU4M9.png", + "https://i.imgur.com/2wVU4M9.png", "A screenshot from the freeCodeCamp core platform.", "The freeCodeCamp core platform is the learning resource you are using right now at this exact moment ;)", "https://github.com/freecodecamp/freecodecamp" @@ -111,7 +111,7 @@ "id": "5a187d4019a2ae635c8afa7c", "description": [ [ - "//i.imgur.com/ijMWOAe.png", + "https://i.imgur.com/ijMWOAe.png", "A screenshot from the freeCodeCamp Guide.", "The freeCodeCamp Guide is a collection of easy-to-understand guides to programming tools.", "https://github.com/freeCodeCamp/guides" diff --git a/seed/challenges/08-coding-interview-questions-and-take-home-assignments/coding-interview-data-structure-questions.json b/seed/challenges/08-coding-interview-questions-and-take-home-assignments/coding-interview-data-structure-questions.json index 11525bd810..35a2372674 100644 --- a/seed/challenges/08-coding-interview-questions-and-take-home-assignments/coding-interview-data-structure-questions.json +++ b/seed/challenges/08-coding-interview-questions-and-take-home-assignments/coding-interview-data-structure-questions.json @@ -2568,25 +2568,25 @@ "title": "Introduction to Graphs", "description": [ [ - "//i.stack.imgur.com/XfuFe.gif", + "https://i.stack.imgur.com/XfuFe.gif", "Picture of an X-Y coordinate graph seen in typical math classes", "This challenge starts a series of challenges that will teach graph data structures and some algorithms involving graphs. You may be familiar with graphs with an x- and y-axis found in your math classes. However, here graphs mean a different thing.", "" ], [ - "//upload.wikimedia.org/wikipedia/commons/5/5b/6n-graf.svg", + "https://upload.wikimedia.org/wikipedia/commons/5/5b/6n-graf.svg", "Figure of undirected network with 6 nodes", "The data structure of graphs are collections of things and the relationships or connections among them. Graphs are also known as networks.

When talking about graphs, the precise term for \"objects\" are nodes or vertices. Similarly, the precise term for \"connections\" is edges.", "" ], [ - "//upload.wikimedia.org/wikipedia/commons/b/b6/Moreno_Sociogram_2nd_Grade.png", + "https://upload.wikimedia.org/wikipedia/commons/b/b6/Moreno_Sociogram_2nd_Grade.png", "Figure of psychologist Moreno's social network of a 2nd grade class", "One example of graphs is a social network where the nodes are you and other people, and the edges are whether two people are friends with each other.", "" ], [ - "//i.stack.imgur.com/5xkVt.png", + "https://i.stack.imgur.com/5xkVt.png", "Figures of directed graphs with arrows on edges while undirected graphs do not have directions on edges", "There are two major types of graphs: directed and undirected. Undirected graphs are graphs without any direction on the edges between nodes. Directed graphs, in contrast, are graphs with a direction in its edges.

An example of an undirected graph could be a social network. The nodes are people and the edges are friendship. An example of a directed network could be the internet and web page links. Here, the nodes are web pages and the directed edges are links to other pages, which might not necessarily point the other way.", "" diff --git a/server/resources/testimonials.json b/server/resources/testimonials.json index 08c0e39bc0..4b88ad62fd 100644 --- a/server/resources/testimonials.json +++ b/server/resources/testimonials.json @@ -4,497 +4,497 @@ "quote": "By building a robust and highly functional web app I was able to not only increase my confidence but was able to show potential employers what I was able to create. Both were huge for me and led me to getting a fantastic job.", "github": "MetaCoderHirschl", "linkedin": "https://www.linkedin.com/profile/view?id=ADEAAAKX2fEBfeZ1GVdOh-c0zzkYZKw38o8qzow", - "image": "//i.imgur.com/nsvNixW.jpg" + "image": "https://i.imgur.com/nsvNixW.jpg" }, { "camper": "Branden Byers", "quote": "My goal was to become employed by the end of 2015. Instead, I ended up with a job at the beginning of 2015. This was directly related to my work at freeCodeCamp.", "github": "brandenbyers", "linkedin": "https://www.linkedin.com/in/brandenbyers", - "image": "//i.imgur.com/NbzknHq.jpg" + "image": "https://i.imgur.com/NbzknHq.jpg" }, { "camper": "Bruna Torman Reseres Franasa", "quote": "I’m now receiving offers for internships. I have no experience in IT, but now good things are happening!", "github": "brunatrf", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAABVPh9IB730qyshrsqO1hDNNRUL-X_4i8n0", - "image": "//i.imgur.com/TqxHSNY.jpg" + "image": "https://i.imgur.com/TqxHSNY.jpg" }, { "camper": "Maxim Orlov", "quote": "I started freeCodeCamp with zero knowledge of web development. 6 months later, I landed my first job as a back end engineer.", "github": "Maximization", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAo83nwBF57LpD9mZlm5dH6OcovOpYKPs3k", - "image": "//i.imgur.com/wjlDigg.jpg" + "image": "https://i.imgur.com/wjlDigg.jpg" }, { "camper": "Alexander Black, Jr.", "quote": "My work on a nonprofit project gave me the opportunity to learn how to build Chrome extensions and showcase my skills as a full-stack developer.", "github": "alexblackjr", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAA553L4BgfgBR-M9RQc7x5matd6FUx3a6-I", - "image": "//i.imgur.com/iHC6ZI4.jpg" + "image": "https://i.imgur.com/iHC6ZI4.jpg" }, { "camper": "Cristiane Henriques", "quote": "I am getting more work contacts after including freeCodeCamp on my CV and my LinkedIn.", "github": "CrisHenriques", "linkedin": "https://www.linkedin.com/in/crishenriques", - "image": "//i.imgur.com/T6iTQHs.jpg" + "image": "https://i.imgur.com/T6iTQHs.jpg" }, { "camper": "Viktor Bakurin", "quote": "During my work on freeCodeCamp's nonprofit projects, I found a MEAN stack position outside of my home country. Now I work in Budapest.", "github": "letalumil", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAq6G3QBA1DIwFZGrS4DGqDzBDTzFjrbNQo", - "image": "//i.imgur.com/fvUAWlx.jpg" + "image": "https://i.imgur.com/fvUAWlx.jpg" }, { "camper": "Ashley Drake", "quote": "freeCodeCamp helped me get my first engineering job. This amazing community made my career switch a lot easier and more fun.", "github": "aldraco", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAABcdBycB1iVHvcW7N3yVK-18ES7Nrxx2jbE", - "image": "//i.imgur.com/xzDoJef.jpg" + "image": "https://i.imgur.com/xzDoJef.jpg" }, { "camper": "Brian Grant", "quote": "freeCodeCamp's a great way for disabled veterans like me to retrain. I'm receiving engineering job offers, and I haven't even finished yet.", "github": "codeseekingman", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAEUqXoBFOq1SWQrBsTMHG4ij9Ss4Qqnrtg", - "image": "//i.imgur.com/QPpjPac.jpg" + "image": "https://i.imgur.com/QPpjPac.jpg" }, { "camper": "Thomas Joseph Izen", "quote": "After spending lots of time trying different sites that aim to teach people how to code, freeCodeCamp has been different from the beginning. They provide the best and most organized track for anyone at any level to learn how to code and build an amazing, marketable portfolio.", "github": "TommyIzen", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAA79qIYB_RHmvOP59S6VPK3Lm06oG8fM6dw", - "image": "//i.imgur.com/RkO2ISf.jpg" + "image": "https://i.imgur.com/RkO2ISf.jpg" }, { "camper": "Lori Becker", "quote": "After graduating with a Masters degree in computer science, I could not share any of my code with employers (university policy: fear of aiding cheating). With freeCodeCamp, I was able to develop a small portfolio.", "github": "LCBecker", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAADrtuwBOA_0ihkKIbUFXoXskXikQT9uVeo", - "image": "//i.imgur.com/J1cbqDQ.jpg" + "image": "https://i.imgur.com/J1cbqDQ.jpg" }, { "camper": "Robert Trammel", "quote": "I'm working a job integrating JavaScript into FileMaker and doing some custom web publishing for a school district. I've also have job offers from Apple and a few technology firms around the country. If it wasn't for freeCodeCamp, I'd still be in the dark with some really awesome but irrelevant skills.", "github": "comajama", "linkedin": "https://www.linkedin.com/profile/view?id=AAIAABQsM30BEAI6xyAhk-OqbBNUJL0WD2uA3GE", - "image": "//i.imgur.com/E9YdQIn.jpg" + "image": "https://i.imgur.com/E9YdQIn.jpg" }, { "camper": "Brian Atkins", "quote": "I'm spending less time then I used to on freeCodeCamp, because people have begun to hire me to work on their projects. freeCodeCamp has provided me the foundation I have needed to get these jobs.", "github": "BrianAtk", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAABtTx0BmDzmB7eDGOkAJbRw8RZdvysreso", - "image": "//i.imgur.com/veN77Iw.jpg" + "image": "https://i.imgur.com/veN77Iw.jpg" }, { "camper": "Andrea Goulet", "quote": "Before enrolling in freeCodeCamp, I was nervous when people asked me, \"Do you code?\", Now, I answer with a confident \"YES!\"", "github": "andreagoulet", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAA4KWYB-mCMwEU3LvDHXt6H0rVHbBvszq0", - "image": "//i.imgur.com/XWt7fXk.jpg" + "image": "https://i.imgur.com/XWt7fXk.jpg" }, { "camper": "David McGill", "quote": "Even if you have a CS degree like I do, you still need projects to prove to employers that you care about coding. freeCodeCamp provided me with a platform for doing this. It's all laid out for you - you just have step up and step into the map!", "github": "dmcgill50", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAEBy74BHsJCpgrbohr2dJxbdXuvMuJDx6k", - "image": "//i.imgur.com/ZVNPIYU.jpg" + "image": "https://i.imgur.com/ZVNPIYU.jpg" }, { "camper": "Adam Recvlohe", "quote": "I had no previous development experience and I was working a full-time as an Instructional Designer. freeCodeCamp helped me get hired as a JavaScript developer.", "github": "arecvlohe", "linkedin": "https://www.linkedin.com/in/adamrecvlohe", - "image": "//i.imgur.com/oFxOlRG.jpg" + "image": "https://i.imgur.com/oFxOlRG.jpg" }, { "camper": "John Ellis", "quote": "freeCodeCamp has been one of the major contributors to my career in software development. I started as an apps analyst, spent 3 months going through the coursework in my off time and weekends, and just landed a job as a business systems developer.", "github": "johnmellis", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAbrISEBqAVYOBfhni9mB3YoFFzzrAbYvvo", - "image": "//i.imgur.com/qLfaM9Y.jpg" + "image": "https://i.imgur.com/qLfaM9Y.jpg" }, { "camper": "Rachel Krantz", "quote": "freeCodeCamp gave me confidence that I could apply to software engineering jobs, because I knew I was capable of learning. That confidence convinced the hiring manager to hire me.", "github": "krantzinator", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAOdv-oBnOGtQCoGooUB0xGJ4TWoAgV_z_E", - "image": "//i.imgur.com/dqHrkkC.jpg" + "image": "https://i.imgur.com/dqHrkkC.jpg" }, { "camper": "Alex Dixon", "quote": "I was hired by the owner of the company, a programmer with 25 years of experience in web development. I graduated from university with a degree in English and had no programming experience prior to attending freeCodeCamp.", "github": "alex-dixon", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAABhCmLMBLAR1AXskaJXDMT-uLPZ8M7TynPQ", - "image": "//i.imgur.com/poiaanK.jpg" + "image": "https://i.imgur.com/poiaanK.jpg" }, { "camper": "Ryan Lindeman", "quote": "freeCodeCamp has been great in giving me a direct path to the full stack development skills I wanted to become more involved in projects at work.", "github": "fai1whale", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAkMT1EBFCY849rMWYSDIEj6kosBJSH9n2s", - "image": "//i.imgur.com/jHOjcyN.jpg" + "image": "https://i.imgur.com/jHOjcyN.jpg" }, { "camper": "Stephanie Brown", "quote": "freeCodeCamp has given me structure and a direction while learning to code.", "github": "strawmitch", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAARqP5cBDDdBxPUzluctvjUhOP3UsiowRtM", - "image": "//i.imgur.com/k5EEyNf.jpg" + "image": "https://i.imgur.com/k5EEyNf.jpg" }, { "camper": "Jimson Sulit", "quote": "Aside from the fact that I’m learning full stack web development, freeCodeCamp has also given me the opportunity to lead local community projects.", "github": "webdevjedi25", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAWqUccBopX2Wo_P1gYgy0iIEqChwXPTh2k", - "image": "//i.imgur.com/DzMDPS5.jpg" + "image": "https://i.imgur.com/DzMDPS5.jpg" }, { "camper": "Brian Emory", "quote": "I like to learn by doing but with the books, while very informative, there was more reading than doing. I came across freeCodeCamp which has allowed me to learn by doing. Whereas before I was struggling to learn, I am now not only learning but learning while building cool projects.", "github": "thebrianemory", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAABc3jXwB-iZdZKZIVAvL93RHGB7_J9gDbVA", - "image": "//i.imgur.com/JcdSD9H.jpg" + "image": "https://i.imgur.com/JcdSD9H.jpg" }, { "camper": "Ralph Cachero", "quote": "I am a software QA engineer. freeCodeCamp has helped me understand what the developers go through.", "github": "rcachero", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAJEF88BiUtMoxS3Ww7ooI9QmTZdrgP272Q", - "image": "//i.imgur.com/5umfPRq.jpg" + "image": "https://i.imgur.com/5umfPRq.jpg" }, { "camper": "Ina Tsetsova", "quote": "Bonfires really make me think and combine programming concepts creatively.", "github": "Tsetsova", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAjPoIcBJsAF91dqwgxFQ4qct88yFcljXNU", - "image": "//i.imgur.com/9Ta15Ow.jpg" + "image": "https://i.imgur.com/9Ta15Ow.jpg" }, { "camper": "Ryan Jones", "quote": "Learning to code with freeCodeCamp has given me a leg up in my career. It has helped to train my brain to think with the logic that computers use. This is a tremendous aid in the field of digital forensics.", "github": "ryanmjones", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAABPJt1MBxC4Yero3PJPhF9rrr_Y7WfOGcCU", - "image": "//i.imgur.com/8cRU20S.jpg" + "image": "https://i.imgur.com/8cRU20S.jpg" }, { "camper": "Sara Powell", "quote": "I’ve progressed from not coding very much at all, to coding well enough to land job interviews for front end development positions.", "github": "newtcobell", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAy1jmQBRjoGSUWd6Zib7FtekpSMBVHr7Vw", - "image": "//i.imgur.com/4l4OBbR.jpg" + "image": "https://i.imgur.com/4l4OBbR.jpg" }, { "camper": "Rhonadale Florentino", "quote": "I can now confidently tell clients that I can design their website.", "github": "None Given", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAI53oUBmy6MPKp1UeHxBy3_y0cyTS4bWow", - "image": "//i.imgur.com/soEDnv6.jpg" + "image": "https://i.imgur.com/soEDnv6.jpg" }, { "camper": "Justin Clay Lane", "quote": "freeCodeCamp provided a structured learning experience more akin to an actual class, compared to other free learning sites. I was recently hired to update and maintain the website for a local doctor’s office. The extra money and experience from that is wonderful.", "github": "jclane", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAYZYQ4BBY337OqRUhMnZqDJNX1wNXjT7Bk", - "image": "//i.imgur.com/COEPda5.jpg" + "image": "https://i.imgur.com/COEPda5.jpg" }, { "camper": "Angshuman Gupta", "quote": "I’m a co-founder of a startup. We had been coding with PHP, but always wanted to shift to meteor.js. freeCodeCamp gave me a structured JavaScript guide.", "github": "codingang", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAhIipMB6vAXaratEs0MtUd3GgyYm70cvbE", - "image": "//i.imgur.com/7pwkFQ5.jpg" + "image": "https://i.imgur.com/7pwkFQ5.jpg" }, { "camper": "Genavieve Clausen", "quote": "freeCodeCamp has benefitted me in numerous ways, including the opportunity to learn in a self-paced, supportive environment. I am excited to be a part of a growing community making lasting connections for the career and lifestyle I am pursuing.", "github": "GenavieveMarie", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAOISlMBAi43m1SG-xM_S2B8Vy05yiQz5rE", - "image": "//i.imgur.com/vr7lTkx.jpg" + "image": "https://i.imgur.com/vr7lTkx.jpg" }, { "camper": "Tim Stauffer", "quote": "I found freeCodeCamp more helpful than my MS degree, so I quit college. Learning so much. Also saving $50,000.", "github": "timstauffer", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAADVcVIBz8UCNjQKl2GUy9ka8UGnQXAXAYw", - "image": "//i.imgur.com/b8YCzf1.jpg" + "image": "https://i.imgur.com/b8YCzf1.jpg" }, { "camper": "Marquina M Iliev-Piselli", "quote": "I’m re-designing a site for my full-time job.", "github": "Marquina", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAACYvVUBTuu8dNRHthN1TFiyk137PLDqnv4", - "image": "//i.imgur.com/6Ep9hfs.jpg" + "image": "https://i.imgur.com/6Ep9hfs.jpg" }, { "camper": "Pete Considine", "quote": "The guided and structured lessons have been really helpful, as has the relatively slow pace that new concepts are introduced. I had been taking a Udemy course and it really seemed to be skimming the surface of JavaScript in the interest of \"getting to everything.\"", "github": "Pjconsidine", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAAi8-8BxUVpoi_VuJQmeGWN5zhMBgbvPbs", - "image": "//i.imgur.com/SkYRcDW.jpg" + "image": "https://i.imgur.com/SkYRcDW.jpg" }, { "camper": "Khatra Ahmed", "quote": "I can learn to code with support by my side. Everyone is so helpful and it makes learning to code less of a struggle.", "github": "Mystfreak", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAbdUsIBApacWEmL7CIxe2q7aevMn7aQvmQ", - "image": "//i.imgur.com/XguPEF7.jpg" + "image": "https://i.imgur.com/XguPEF7.jpg" }, { "camper": "Marcus Lyons", "quote": "freeCodeCamp has helped me gain the confidence to automate part of my work responsibilities. I was able to use skills I learned from freeCodeCamp to help with writing a bash script to search through mobile app database log files to find errors.", "github": "auron1223", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAA_1aLABo1pVJH9ijSqz8PvLgpzVYkIsjVc", - "image": "//i.imgur.com/X5c77Ov.jpg" + "image": "https://i.imgur.com/X5c77Ov.jpg" }, { "camper": "Reynald Emmanuel Endaya", "quote": "There is an active community (even in Manila) and it’s interactive, unlike all the MOOCs I tried before where I had to listen to somebody speak for a long time. I am learning a lot here and I have not yet lost my momentum.", "github": "None Given", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAUlm8oBQuXm_Y89_LDC9mb2vOjjQH_pZDo", - "image": "//i.imgur.com/oA5CtWF.jpg" + "image": "https://i.imgur.com/oA5CtWF.jpg" }, { "camper": "Victoria Kariolic", "quote": "I discovered a coding partner through the freeCodeCamp groups who has been able to cover gaps for my client work.", "github": "Niaskywalk", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAEFmXMBlTFIR2j1G-vJhAMsUOPONILGrLM", - "image": "//i.imgur.com/TiqbM1f.jpg" + "image": "https://i.imgur.com/TiqbM1f.jpg" }, { "camper": "Cameron Eshgh", "quote": "freeCodeCamp enables me as a digital marketer to dive right into whatever asset or content and fix things that haven’t been working, as well as roll up my sleeves when our web developers are not available.", "github": "eshghitude", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAVdU1MBFFiei4ZYNImnVDcR3H_EiuS6qLY", - "image": "//i.imgur.com/PEzJLCp.jpg" + "image": "https://i.imgur.com/PEzJLCp.jpg" }, { "camper": "Devarsh Ruparelia", "quote": "Even though I am still just a high school student. The startup I intern for said that if I finish the full track of freeCodeCamp, they will strongly consider me for their programming jobs. Thanks freeCodeCamp!", "github": "devarsh1997", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAApxpP8BZBcHQzr6Ci3xmkkZX-OSH_oLuJs", - "image": "//i.imgur.com/ouv1qUd.jpg" + "image": "https://i.imgur.com/ouv1qUd.jpg" }, { "camper": "Miranda Bashore", "quote": "I want to be able to freelance and create dynamic websites. freeCodeCamp makes that more of a reality for me, as I cannot afford an expensive bootcamp while getting my Master’s degree.", "github": "DutchBay", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAA8KmJMBTtvvgJzjeAUo_YOssh2yLZZlvlk", - "image": "//i.imgur.com/mJlUzOq.jpg" + "image": "https://i.imgur.com/mJlUzOq.jpg" }, { "camper": "Christian Morera", "quote": "freeCodeCamp has been a great experience. I’ve learned so many things. I am in the process of transitioning from content developer to full stack developer.", "github": "chrmorfeus", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAMc-tYBtYri0H1KHz1WNQjWxZ23jg0tMNU", - "image": "//i.imgur.com/sfhBDHw.jpg" + "image": "https://i.imgur.com/sfhBDHw.jpg" }, { "camper": "Jason Arnold", "quote": "I like self-paced learning, so freeCodeCamp has been great. The challenges are difficult enough to push boundaries but not so tough to scare people off.", "github": "thejasonfile", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAABlImsBwAEZ3u3A5NIlCegho8WZ2j4h0w0", - "image": "//i.imgur.com/hqQ3nPA.jpg" + "image": "https://i.imgur.com/hqQ3nPA.jpg" }, { "camper": "Kaveet Laxmidas", "quote": "freeCodeCamp is inspiring me to overhaul some of my old open source projects using more modern approaches and technologies.", "github": "kaveet", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAABZooOgBZJg_0MAJ09pd5vROk83oBFA1cEE", - "image": "//i.imgur.com/1PadpKm.jpg" + "image": "https://i.imgur.com/1PadpKm.jpg" }, { "camper": "Brett Guillory", "quote": "freeCodeCamp has given me a great, goal oriented curriculum to learn exactly what I was looking for. And best of all it’s 100% free!", "github": "Kurzninja", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAUMPqMBa6GwMTkA_oHUeqnZzyD95FisjwM", - "image": "//i.imgur.com/WjHNwIu.jpg" + "image": "https://i.imgur.com/WjHNwIu.jpg" }, { "camper": "Kory J. Campbell", "quote": "I just graduated university, so my financial status is pretty meager, however this camp has definitely helped me improve my skills.", "github": "@koryjcampbell [sic]", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAtxvTgB0N_uJhW-87Dew4wHyeqLUP-XyZk", - "image": "//i.imgur.com/buAYlTA.jpg" + "image": "https://i.imgur.com/buAYlTA.jpg" }, { "camper": "Bryon Christopher Miller", "quote": "freeCodeCamp has given me a free, online opportunity to study full stack JavaScript in a structured, community-based format. I am very grateful for this opportunity.", "github": "bryonmiller", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAABEXhHoBxj3Uiq7I0a5v1pVkeJ1gWycbm90", - "image": "//i.imgur.com/ssKAX9d.jpg" + "image": "https://i.imgur.com/ssKAX9d.jpg" }, { "camper": "Darren Joy", "quote": "Great learning opportunity. Good coding challenges and I’m meeting some very motivated people.", "github": "Darrenfj", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAARv6UIBWeXw4ZfCJ70kBKgnhcv8XgnVsa8", - "image": "//i.imgur.com/sCkeJ0z.jpg" + "image": "https://i.imgur.com/sCkeJ0z.jpg" }, { "camper": "Stephen Mayeux", "quote": "freeCodeCamp is helpful because it’s not 100% hand-holding, and it pushes me out of my comfort zone.", "github": "stephenmayeux", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAjTe7cBhjovoz6zTE_M6MwZ_rr3szhiSOM", - "image": "//i.imgur.com/TbuwAJ3.jpg" + "image": "https://i.imgur.com/TbuwAJ3.jpg" }, { "camper": "John Hillegass", "quote": "freeCodeCamp has given me the confidence that I need when heading into high level client meetings and developer scrum sessions.", "github": "Ohillio", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAWEO3AB51y8eR2tYF8nydQb8kANkdPwR5U", - "image": "//i.imgur.com/P61e3dt.jpg" + "image": "https://i.imgur.com/P61e3dt.jpg" }, { "camper": "Eric Hartline", "quote": "The community is very helpful, and I have already accomplished so much more than what I did with other self-guided courses.", "github": "wildlifehexagon", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAFitUwByB_tgxdExntMnakgQnTK1H3eEd8", - "image": "//i.imgur.com/PgvxbY2.jpg" + "image": "https://i.imgur.com/PgvxbY2.jpg" }, { "camper": "Danielle J Moss", "quote": "Aside from learning to code in a fun way, I also know I’m not alone and have somewhere to go when I do get stuck and need help.", "github": "psykobilliethekid", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAV4ccABlbMXZ5VfzvlYentPOIKzFbjgbZM", - "image": "//i.imgur.com/AhaRZ3I.jpg" + "image": "https://i.imgur.com/AhaRZ3I.jpg" }, { "camper": "Orcun Tonyali", "quote": "The thorough curriculum helped a lot in managing my company’s website.", "github": "orcuntonyali", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAVwBQIBvE3-M8pDWxzep9umHDnV6JjKmTU", - "image": "//i.imgur.com/54O0p69.jpg" + "image": "https://i.imgur.com/54O0p69.jpg" }, { "camper": "Brendan Murphy", "quote": "I like that it isn’t just a 9 week course. The chat room and partner coding were also very helpful.", "github": "dendari", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAA06V8BqPNnPod-FGRuvifILht-QwZX3YY", - "image": "//i.imgur.com/36Ba4HU.jpg" + "image": "https://i.imgur.com/36Ba4HU.jpg" }, { "camper": "Michael Berry", "quote": "freeCodeCamp has helped me learn JavaScript, jQuery, and Bootstrap as well as helped me brush up on my HTML and CSS skills. I was laid off from Boeing in April. I’m hoping to land a job as a JavaScript developer as I get closer to finishing the curriculum. I wish I had known about freeCodeCamp sooner.", "github": "Karnblack ", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAGRqf4BwCI3cdJw9wAPc6NlReG3fzOIQq0", - "image": "//i.imgur.com/rIhq3gl.jpg" + "image": "https://i.imgur.com/rIhq3gl.jpg" }, { "camper": "Angie Canon", "quote": "freeCodeCamp is helping my career. I work with developers and I’m beginning to understand their world better. I can phrase questions more clearly, and begin to guess what an issue might be related to.", "github": "angiecan", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAACfWbABAMsll9ovljvvsLpH317o47hNHX0", - "image": "//i.imgur.com/v258ssn.jpg" + "image": "https://i.imgur.com/v258ssn.jpg" }, { "camper": "Irfan Kucuk", "quote": "I’ve long been looking for a place that could keep me interested in learning how to code. I’ve tried several Codecademy and comparable places, but none have proven as engaging as freeCodeCamp.", "github": "Ikucuk", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAA5ripkBiFAjXkB3ndO6sKiiq6gD21mk6bw", - "image": "//i.imgur.com/Ox8ycSi.jpg" + "image": "https://i.imgur.com/Ox8ycSi.jpg" }, { "camper": "Jonathan Kvicky", "quote": "freeCodeCamp has given me a strong foundational advantage into pursuing a career in software/web development, and has also served as a great platform for connecting with others who share the same passion for software engineering.", "github": "jonkvix", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAABk3i9YB_hcw1AyVg2QHaf8KMQ8ADQ_R_vg", - "image": "//i.imgur.com/CZsAqDK.jpg" + "image": "https://i.imgur.com/CZsAqDK.jpg" }, { "camper": "Susannah Skyer Gupta", "quote": "As a jack-of-all-trades at a small educational software company, I’m already putting my coding skills to work, beginning to submit my own pull requests for bug fixes instead of just opening a problem ticket and waiting for someone else to fix it.", "github": "SuzGupta", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAFIosEBLewkmbuudMwAqiTM5YE3wHvcE4A", - "image": "//i.imgur.com/sazGykY.jpg" + "image": "https://i.imgur.com/sazGykY.jpg" }, { "camper": "Puneet Shivanand", "quote": "freeCodeCamp has helped me create and maintain a website for a local bioinformatics conference.", "github": "puneet-shivanand", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAArBgXABw4qoSJQoGjqrvU6_vBX1gUmcwGg", - "image": "//i.imgur.com/5BJDA16.jpg" + "image": "https://i.imgur.com/5BJDA16.jpg" }, { "camper": "Ian Seabrook", "quote": "I’ve made connections with people I never would have approached before freeCodeCamp.", "github": "ianseabrook", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAuVUi4BSJ3K6fcyTa2fnZr_9Oosb3nKM34", - "image": "//i.imgur.com/z17zai3.jpg" + "image": "https://i.imgur.com/z17zai3.jpg" }, { "camper": "Oleh Kuchuk", "quote": "The coding exercises helped me to prepare for my first job interview.", "github": "drkraken", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAABgy6MwBva2OKpsffAU-OBBeTC7qahTYpGw", - "image": "//i.imgur.com/4KHGgjR.jpg" + "image": "https://i.imgur.com/4KHGgjR.jpg" }, { "camper": "Larisa Bekerman", "quote": "freeCodeCamp has made me more comfortable with certain aspects of code and helped me review and understand concepts in a more hands-on style. Some people learn by reading theory, I don’t understand things until I’ve made them work myself!", "github": "xaosqueen", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAB-SHUBga96BB-iaHe7QFI-S2dFmeUQaq0", - "image": "//i.imgur.com/EptT3Yl.jpg" + "image": "https://i.imgur.com/EptT3Yl.jpg" }, { "camper": "Jesse Mull", "quote": "I learned more using freeCodeCamp in three months than I ever could have at a traditional university.", "github": "jessemull", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAr2HfcBswHtmQeLM1rxDEg7GdCuxvNin5s", - "image": "//i.imgur.com/853QDiC.jpg" + "image": "https://i.imgur.com/853QDiC.jpg" }, { "camper": "Mihai Popescu", "quote": "The exercises helped me hone my skills and get an internship at a tech startup. My projects were a great talking point in the interview, showing them what I did and how I approached the problems.", "github": "Mihaisavezi", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAApQxGQBYz-WAQu_0zXPTkW-R7QbdaXEZeA", - "image": "//i.imgur.com/FfrhMjg.jpg" + "image": "https://i.imgur.com/FfrhMjg.jpg" }, { "camper": "Normandy Real", "quote": "I'm doing freeCodeCamp to transition from mainframe programming to front end development.", "github": "mandyreal", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAdebIIBHfcSRnxGI-j6g5y6crfOXSg55Dc", - "image": "//i.imgur.com/U5jVHGk.jpg" + "image": "https://i.imgur.com/U5jVHGk.jpg" }, { "camper": "Kristin Anthony", "quote": "The layout, pacing, and resources of freeCodeCamp have given me focus and shown me a path to mastery. Just being able to tell people in my field that I’m learning full stack JavaScript and having projects to show for it has been immensely helpful.", "github": "anthkris", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAZRM5MBACvQe36s4cvpe5ZHWEfgxprDUFg", - "image": "//i.imgur.com/LAE3xBr.jpg" + "image": "https://i.imgur.com/LAE3xBr.jpg" }, { "camper": "Zlatko Cabric", "quote": "I am still in school, pursuing an AS in web development. The JavaScript course in college was a breeze thanks to freeCodeCamp.", "github": "zlajac ", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAsCCFMBUlE24Ie41G_YS3XhdtQMDl5vCZA", - "image": "//i.imgur.com/X2ozvfP.jpg" + "image": "https://i.imgur.com/X2ozvfP.jpg" }, { "camper": "Geoff Storbeck", "quote": "I've been able to build tools that has helped moved my current career further and has opened up many more doors in the field.", "github": "storbeck", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAdVQZYBHPYLt5efKwqZmiDM5SqIdH0_AR4", - "image": "//i.imgur.com/DULhJ8z.jpg" + "image": "https://i.imgur.com/DULhJ8z.jpg" }, { "camper": "Jason Rueckert", "quote": "freeCodeCamp helped me get to the point as a programmer that I felt confident enough to apply for tech jobs. I got the third one I interviewed for.", "github": "jsonify", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAF-rVIBwdzAFzGkWCaIw81O_jajBs-zKZU", - "image": "//i.imgur.com/vSkODHr.jpg" + "image": "https://i.imgur.com/vSkODHr.jpg" }, { "camper": "Anthony DePaolo", "quote": "I can learn web development at my own pace, which is great with my crazy life’s schedule. It also doesn’t cost $10k-$17k, which I just can’t fork over right now.", "github": "adepaolo", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAOCUkABzCvw3p1mBiPbbFWq91BEFXGXKxA", - "image": "//i.imgur.com/Dm02s0W.jpg" + "image": "https://i.imgur.com/Dm02s0W.jpg" }, { "camper": "Jimmy Epperson", @@ -508,62 +508,62 @@ "quote": "freeCodeCamp has been nothing but supportive and helpful, taking me from a rather basic knowledge of front end technologies to a better, more complete understanding from a full stack perspective.", "github": "jonslucas", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAATn9H4BI7BP7MBpZ0NR1EvldkWTvAdGy2w", - "image": "//i.imgur.com/Fn91jpJ.jpg" + "image": "https://i.imgur.com/Fn91jpJ.jpg" }, { "camper": "Brian Barrow", "quote": "freeCodeCamp has given me confidence that I can become a web developer.", "github": "briancbarrow", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAVH-osBCI8WZTtv3Om5WjeD2rYnjQ6z7zA", - "image": "//i.imgur.com/VfdBd5Z.jpg" + "image": "https://i.imgur.com/VfdBd5Z.jpg" }, { "camper": "Josh Cronkhite", "quote": "My resume has been bolstered by adding a completely new stack, providing value to my clients and opening up the pool of potential clients that I would have otherwise referred to peers.", "github": "joshcronkhite", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAGTPvoBg__9rivrYrYgo8sDJ561JpAfhHk", - "image": "//i.imgur.com/DjAIqps.jpg" + "image": "https://i.imgur.com/DjAIqps.jpg" }, { "camper": "Adam Goswick", "quote": "freeCodeCamp is helping me learn web development when I can’t afford to go back to school.", "github": "thegoz85", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAObbhkBzeCKrzuEB0ssE_iGrBX0Xnu9URc", - "image": "//i.imgur.com/XYdoDCQ.jpg" + "image": "https://i.imgur.com/XYdoDCQ.jpg" }, { "camper": "Travis Wouters", "quote": "freeCodeCamp helped me add skillsets to my resume that show experience instead of knowledge without practical application.", "github": "", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAABHP0YBddxsmaf2OghV2jAy17RVMhig4RM", - "image": "//i.imgur.com/fyRsiOs.jpg" + "image": "https://i.imgur.com/fyRsiOs.jpg" }, { "camper": "Nicholas Slaven", "quote": "freeCodeCamp has given me the courage to open the door to the idea of programming for a career.", "github": "nslaven22", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAA5HGyIBmpNcXY_tfHBkWxXI6OtwsFAeHRQ", - "image": "//i.imgur.com/9ZYscsm.jpg" + "image": "https://i.imgur.com/9ZYscsm.jpg" }, { "camper": "John Bull", "quote": "I am now able to add customized branding and layouts to web applications that fellow employees and customers use everyday. I’m now looking to move away from desktop support and into development roles.", "github": "Jbull328", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAABAyfz8BsjE-oGv1k3URGzhRyeupnTGuK3I", - "image": "//i.imgur.com/U2kJtoX.jpg" + "image": "https://i.imgur.com/U2kJtoX.jpg" }, { "camper": "Nick Galluzzo", "quote": "I currently work in a support role for a tech startup. The more I learn about JavaScript, the more I’m able to contribute to a product I really believe in!", "github": "ngalluzzo", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAAjQl1EBZPrbUQ6zGPXmKIuNzpCyqqsnox4", - "image": "//i.imgur.com/edJP2Qt.jpg" + "image": "https://i.imgur.com/edJP2Qt.jpg" }, { "camper": "James Allen", "quote": "I finally feel like I can learn to code in my own time and progress to the point of employability.", "github": "None Given", "linkedin": "https://www.linkedin.com/profile/view?id=AAkAAA4OrsIB5WyfuqeECSQO7HYisImVMDiFBl0", - "image": "//i.imgur.com/quRxESK.jpg" + "image": "https://i.imgur.com/quRxESK.jpg" } ] diff --git a/server/utils/commit.json b/server/utils/commit.json index e1b53535f7..03dbed622a 100644 --- a/server/utils/commit.json +++ b/server/utils/commit.json @@ -5,7 +5,7 @@ "donateUrl": "https://www.girldevelopit.com/donate", "description": "Girl Develop It provides in-person classes for women to learn to code.", "imgAlt": "Girl Develop It participants coding at tables.", - "imgUrl": "//i.imgur.com/U1CyEuA.jpg" + "imgUrl": "https://i.imgur.com/U1CyEuA.jpg" }, { "name": "black girls code", @@ -13,7 +13,7 @@ "donateUrl": "http://www.blackgirlscode.com/", "description": "Black Girls CODE is devoted to showing the world that black girls can code, and do so much more.", "imgAlt": "Girls developing code with instructor", - "imgUrl": "//i.imgur.com/HBVrdaj.jpg" + "imgUrl": "https://i.imgur.com/HBVrdaj.jpg" }, { "name": "coderdojo", @@ -21,7 +21,7 @@ "donateUrl": "https://www.globalgiving.org/projects/coderdojo-start-a-dojo-support/", "description": "CoderDojo is the global network of free computer programming clubs for young people.", "imgAlt": "Two adults help several kids program on their laptops.", - "imgUrl": "//i.imgur.com/701RLfV.jpg" + "imgUrl": "https://i.imgur.com/701RLfV.jpg" }, { "name": "women who code", @@ -29,7 +29,7 @@ "donateUrl": "https://www.womenwhocode.com/donate", "description": "Women Who Code (WWCode) is a global leader in propelling women in the tech industry.", "imgAlt": "Four women sitting in a classroom together learning to code.", - "imgUrl": "//i.imgur.com/tKUi6Rf.jpg" + "imgUrl": "https://i.imgur.com/tKUi6Rf.jpg" }, { "name": "girls who code", @@ -37,7 +37,7 @@ "donateUrl": "http://girlswhocode.com/", "description": "Girls Who Code programs work to inspire, educate, and equip girls with the computing skills to pursue 21st century opportunities.", "imgAlt": "Three women smiling while they code on a computer together.", - "imgUrl": "//i.imgur.com/op8BVph.jpg" + "imgUrl": "https://i.imgur.com/op8BVph.jpg" }, { "name": "hack club", @@ -45,6 +45,6 @@ "donateUrl": "https://hackclub.com/donate", "description": "Hack Club helps high schoolers start after-school coding clubs.", "imgAlt": "A bunch of high school students posing for a photo in their Hack Club.", - "imgUrl": "//i.imgur.com/G2YvPHf.jpg" + "imgUrl": "https://i.imgur.com/G2YvPHf.jpg" } ] diff --git a/server/views/home.jade b/server/views/home.jade index 90f0440fc1..0fd39620ca 100644 --- a/server/views/home.jade +++ b/server/views/home.jade @@ -33,15 +33,15 @@ block content .spacer .row .col-xs-12.col-sm-12.col-md-4 - img.img-responsive.testimonial-image.img-center(src="//i.imgur.com/nsvNixW.jpg", alt="Meta's testimonial image") + img.img-responsive.testimonial-image.img-center(src="https://i.imgur.com/nsvNixW.jpg", alt="Meta's testimonial image") p.testimonial-copy Through freeCodeCamp, I built a robust and highly functional web app for a nonprofit. This led me to getting a fantastic job. h3 - Meta Hirschl .col-xs-12.col-sm-12.col-md-4 - img.img-responsive.testimonial-image.img-center(src="//i.imgur.com/QPpjPac.jpg", alt="Brian's testimonial image") + img.img-responsive.testimonial-image.img-center(src="https://i.imgur.com/QPpjPac.jpg", alt="Brian's testimonial image") p.testimonial-copy freeCodeCamp is a great way for disabled veterans like me to retrain. I'm already receiving software engineering job offers. h3 - Brian Grant .col-xs-12.col-sm-12.col-md-4 - img.img-responsive.testimonial-image.img-center(src="//i.imgur.com/wjlDigg.jpg", alt="Maxim Orlov's testimonial image") + img.img-responsive.testimonial-image.img-center(src="https://i.imgur.com/wjlDigg.jpg", alt="Maxim Orlov's testimonial image") p.testimonial-copy I joined freeCodeCamp with zero knowledge of web development. 6 months later, I landed my first job as a back end engineer. h3 - Maxim Orlov .spacer diff --git a/server/views/resources/nonprofits.jade b/server/views/resources/nonprofits.jade index afea1dd6ad..197c1297c9 100644 --- a/server/views/resources/nonprofits.jade +++ b/server/views/resources/nonprofits.jade @@ -22,15 +22,15 @@ block content .spacer .row .col-xs-12.col-sm-12.col-md-4 - img.img-responsive.testimonial-image.img-center(src="//i.imgur.com/ZHnFFN5.jpg", alt="Ewa's testimonial image") + img.img-responsive.testimonial-image.img-center(src="https://i.imgur.com/ZHnFFN5.jpg", alt="Ewa's testimonial image") p.nonprofit-testimonial-copy With freeCodeCamp's valuable contribution, we were able to improve all of our systems and processes as part of our Wonder Women Eastern Indonesia program, and make sure that even more life changing technologies get to where they are needed most. h3 - Ewa Wojkowska with Kopernik .col-xs-12.col-sm-12.col-md-4 - img.img-responsive.testimonial-image.img-center(src="//i.imgur.com/KHF8O2i.jpg", alt="Jennifer's testimonial image") + img.img-responsive.testimonial-image.img-center(src="https://i.imgur.com/KHF8O2i.jpg", alt="Jennifer's testimonial image") p.nonprofit-testimonial-copy We have been blown away by the professional quality of the work that has been produced by the campers working on our projects. freeCodeCamp has been an invaluable partner and we are grateful for their support. h3 - Jennifer McDowell with Child First Authority .col-xs-12.col-sm-12.col-md-4 - img.img-responsive.testimonial-image.img-center(src="//i.imgur.com/9VknVe3.jpg", alt="Stephanie's testimonial image") + img.img-responsive.testimonial-image.img-center(src="https://i.imgur.com/9VknVe3.jpg", alt="Stephanie's testimonial image") p.nonprofit-testimonial-copy We had the pleasure to work with two very talented campers who went above and beyond to create a web-based app for us. I would highly recommend that nonprofits apply to freeCodeCamp with their custom solution needs! h3 - Stephanie McAllister with Timeraiser .spacer