<script>$(document).ready(function() {});</script>
<!-- Only change code above this line. -->
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn btn-default target" id="target4">#target4</button>
<button class="btn btn-default target" id="target5">#target5</button>
<button class="btn btn-default target" id="target6">#target6</button>
</div>
</div>
</div>
</div>
varcode="formatted";
fa-twitter
instead of fa-Twitter
andrewmparker sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 2947 | @khaduch |http://www.freecodecamp.com/khaduch
zanerogers1990 sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 2948 | @khaduch |http://www.freecodecamp.com/khaduch
fullmetal7777 sends brownie points to @cornielle :sparkles: :thumbsup: :sparkles:
:cookie: 8 | @cornielle |http://www.freecodecamp.com/cornielle
fullmetal7777 sends brownie points to @cornielle :sparkles: :thumbsup: :sparkles:
:warning: fullmetal7777 already gave cornielle points
@Cornielle @fullmetal7777 guys i finish my portfolio recently what do you think?
andrewmparker sends brownie points to @fullmetal7777 :sparkles: :thumbsup: :sparkles:
:cookie: 119 | @fullmetal7777 |http://www.freecodecamp.com/fullmetal7777
fdemaa sends brownie points to @fullmetal7777 :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @fullmetal7777 |http://www.freecodecamp.com/fullmetal7777
fdemaa sends brownie points to @cornielle and @andrewmparker :sparkles: :thumbsup: :sparkles:
:cookie: 10 | @cornielle |http://www.freecodecamp.com/cornielle
:cookie: 129 | @andrewmparker |http://www.freecodecamp.com/andrewmparker
@longnt80 i kinda like the font lol
@fullmetal7777 oh yeah, just my opinion, everyobody has one just like... :D
@intcreate - hello... I think that you want this:
li:nth-child(even) {
color: blue;
}
because you want to select the elements that are the nth-child
of its parent, at least according to the example in this page
tehnuuki sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 706 | @mot01 |http://www.freecodecamp.com/mot01
@fdemaa - I took a look at your site briefly last night - it looks pretty good. I realize that you are probably not a fluent English speaker, but the text parts are somewhat "needy" in spelling and grammar. A couple things that I can point out as examples (basic ones): in your HTML skills "I used the last version of HTML" - should be "I used the latest version of HTML". In the CSS section, you have "CCC" as an abbreviation for "Cascading Style Sheets". Don't be offended - I'm not trying to pick on your English language skills, but if you are intending to keep this as an English-language page, it does need some cleanup. But you sound very enthusiastic, which is great!
But beside that, the page looks good - good ideas and execution, the responsive behavior looks good.
i
not being a child of the <ul>
element, etc.
andrewmparker sends brownie points to @khaduch and @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 707 | @mot01 |http://www.freecodecamp.com/mot01
:star2: 2949 | @khaduch |http://www.freecodecamp.com/khaduch
<ul>
<li class="social fa fa-fw fa-twitter"><a href="https://twitter.com/drewparker___" title="My Twitter" target='_blank'></a></li>
<li class="social fa fa-fw fa-linkedin"><a href="https://www.linkedin.com/in/drew-parker-5a5046142/" title="My LinkedIn" target='_blank'></a></li>
<li class="social fa fa-fw fa-github"><a href="https://www.github.com/andrewmparker"title="My GitHub"target='_blank'></a></li>
</ul>
<i>
elements that didn't have the closing >
on them - after cleaning that up and taking away the list, it looks cleaner. Maybe the list wasn't really the problem after all that? Just the corrupted <i>
elements?
<i class="fa fa-fw fa-linkedin"></i>
was missing the first closing >
for the <i>
element, so that was making things all goofy... just adding that in to the original code made it better.
fdemaa sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 2950 | @khaduch |http://www.freecodecamp.com/khaduch
<a href="https://www.linkedin.com" target="_blank">
mohnabil sends brownie points to @sergrdz7 :sparkles: :thumbsup: :sparkles:
:cookie: 282 | @sergrdz7 |http://www.freecodecamp.com/sergrdz7
$.getJSON
call to get the location, specifically within the callback function. Otherwise the two API calls are made in quick succession, the second one occurring without regard to the completion (via the return of the coordinates) of the first one. THere are other ways of doing that with new javascript ES6 "promises", but that isn't yet part of the freeCodeCamp lesson sequence, unless they've put something into the Beta version?
mohnabil sends brownie points to @sergrdz7 :sparkles: :thumbsup: :sparkles:
:warning: mohnabil already gave sergrdz7 points
$J.ajax({
url: "https://api.darksky.net/forecast/a5bf93a3483284c2ca154cd536e8ea41/37.8267,-122.4233",
method: "GET",
dataType: "jsonp",
success: inquireData = function(data){
this.temp;
this.country;
this.weather;
if (data){
this.temp = data.currently.temperature;
this.country = data['timezone'];
this.weather = data.currently.icon;
}
}
});
weather = new inquireData();
displayTemp.innerHTML = weather.temp;
data
?
dalumiller sends brownie points to @mot01 and @khaduch :sparkles: :thumbsup: :sparkles:
:cookie: 708 | @mot01 |http://www.freecodecamp.com/mot01
:star2: 2951 | @khaduch |http://www.freecodecamp.com/khaduch
<div class="row">
<form class="col s12">
<div class="row">
<div class="input-field col s6">
<input id="search" type="text" class="validate">
<label class="active" for="search">Search</label>
</div>
</div>
</form>
</div>
js—className
. This is a good idea because you also won’t potentially compromise your JS later on in the case if the standard element’s class was ever altered or removed.
dalumiller sends brownie points to @ivancsicsmarkus :sparkles: :thumbsup: :sparkles:
:cookie: 586 | @ivancsicsmarkus |http://www.freecodecamp.com/ivancsicsmarkus
abohannon sends brownie points to @jwoo92 :sparkles: :thumbsup: :sparkles:
:cookie: 420 | @jwoo92 |http://www.freecodecamp.com/jwoo92
leena8392 sends brownie points to @ivancsicsmarkus :sparkles: :thumbsup: :sparkles:
:cookie: 589 | @ivancsicsmarkus |http://www.freecodecamp.com/ivancsicsmarkus
return 5
it would put only a 5 in the console. This challenge returns the entire collection (or some of it) no matter what I return, and even when I remove the return line all together. My process usually involves returning snippets to the console. I can't so what I'm doing so it's much tougher to solve the challenge. Unless my browser is bugging out, this one is set up to blind fold me so I have to write most of the code without being to check whether certain parts work.
I need help with my first API project (Random Quote)
I have my index.html & main.js set up on my Mac, and I am trying to run the page from Chrome. The page loads fine, but when I click the button that loads the JSON API I get the following error:
XMLHttpRequest cannot load http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&callback=. The 'Access-Control-Allow-Origin' header has a value 'http://null' that is not equal to the supplied origin. Origin 'http://localhost:8000' is therefore not allowed access.
vh
height: 100vh;
xeroxysandesh sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 709 | @mot01 |http://www.freecodecamp.com/mot01
this is very basic, i just start it
i have to convert celsius to farenheit
convertToF(30) should return a value of 86
and i put this :
function convertToF(celsius) {
var fahrenheit=30;
// Only change code below this line
fahrenheit*=9/5;
fahrenheit+=32;
// Only change code above this line
return fahrenheit;
}
// Change the inputs below to test your code
convertToF(30);
var h1 = document.querySelector('h1');
var button = document.querySelector('button');
var input = document.querySelector('.name').value;
h1.textContent = "hello " + input;
<html>
<head>
<title>Whats your name</title>
</head>
<body>
<h1>Welcome to this webpage my dear frient </h1>
<label for ="yourname">Enter your naem</label>
<input type="text" id ="yourname" class ="name" />
<button>Submit </button>
<script src="scripts/script.js" lang="javascript"></script>
</body>
</html>
input
?
whdhli sends brownie points to @h1tag :sparkles: :thumbsup: :sparkles:
:cookie: 838 | @h1tag |http://www.freecodecamp.com/h1tag
:cookie: 34 | @teevik |http://www.freecodecamp.com/teevik
deonoli4 sends brownie points to @teevik :sparkles: :thumbsup: :sparkles:
securiteru sends brownie points to @teevik :sparkles: :thumbsup: :sparkles:
:cookie: 35 | @teevik |http://www.freecodecamp.com/teevik
I need a function that will switch the class from the slides to a click on them. Classes are active and closed.
I'm trying this:
$('.slide-1').click(function() {
$('.slide-1').toggleClass('close');
});
Where is my mistake?
saranshb sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1352 | @heroiczero |http://www.freecodecamp.com/heroiczero
osirisseye sends brownie points to @h1tag :sparkles: :thumbsup: :sparkles:
:cookie: 839 | @h1tag |http://www.freecodecamp.com/h1tag
apex005 sends brownie points to @h1tag :sparkles: :thumbsup: :sparkles:
:cookie: 840 | @h1tag |http://www.freecodecamp.com/h1tag
function caseInSwitch(val) {
var answer = "";
// Only change code below this line
switch (val) {
case "alpha":
answer = "alpha";
break;
case "beta":
answer = "alpha";
break;
case "gamma":
answer = "alpha";
break;
case "delta":
answer = "alpha";
break;
}
// Only change code above this line
return answer;
}
// Change this value to test
caseInSwitch(1);
caseInSwitch(1);
?
iben1907 sends brownie points to @h1tag :sparkles: :thumbsup: :sparkles:
:cookie: 841 | @h1tag |http://www.freecodecamp.com/h1tag
<a href ="#about">about</a>
<div id="about"> ... </div>
Hi. Guys. Need your help. I am building a sidewise collapsible navbar. How do I get to be able to push the contents to the left when the toggle button is clicked?Here is my codepen link:
https://codepen.io/ShortAndSimple/pen/MowRYY
Like on the normal websites where on clicking the content shift left to make space for the side navigation bar?
jrwoods42 sends brownie points to @zanguelow :sparkles: :thumbsup: :sparkles:
:warning: @zanguelow's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
princu7 sends brownie points to @teevik :sparkles: :thumbsup: :sparkles:
:cookie: 36 | @teevik |http://www.freecodecamp.com/teevik
kbaig sends brownie points to @abdel974 :sparkles: :thumbsup: :sparkles:
:cookie: 304 | @abdel974 |http://www.freecodecamp.com/abdel974
$("#plus").click(function(e) {
var plus=document.getElementById("result").value;
res+=plus;
$("#result").val('');
consol.log(res);
});
pilarmireles22 sends brownie points to @eweiss17 :sparkles: :thumbsup: :sparkles:
:cookie: 444 | @eweiss17 |http://www.freecodecamp.com/eweiss17
abdel974 sends brownie points to @eweiss17 :sparkles: :thumbsup: :sparkles:
:cookie: 445 | @eweiss17 |http://www.freecodecamp.com/eweiss17
abdel974 sends brownie points to @eweiss17 :sparkles: :thumbsup: :sparkles:
:warning: abdel974 already gave eweiss17 points
serdric sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 710 | @mot01 |http://www.freecodecamp.com/mot01
$(document).ready(function(){
$("#searchButton").click(function(){
var textBox = $("#input").val();
var queryUrl = "https://en.wikipedia.org/w/api.php?action=query&format=json&origin=*&list=search&srsearch="+textBox;
//console.log(queryUrl);
$.getJSON(queryUrl, function(data){
var dataArray = data.query.search;
console.log(dataArray);
});
});
});
$.getJSON(url, {format: 'json'}, function (wikiobj) {
//this goes through each object
$.each(wikiobj.query.pages, function (k, v) {
<hr class="logo-hr"><img class="logo" src="https://image.ibb.co/cWt1av/logo.png">
.logo-hr {
border-width: 2px;
display: inline-block;
width:50%;
vertical-align: middle;
}
.logo {
width:50%;
}
archalien sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 1634 | @skyc0der |http://www.freecodecamp.com/skyc0der
:bulb: to format code use backticks! ``` more info
thayyebsalim sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 1635 | @skyc0der |http://www.freecodecamp.com/skyc0der
var myObj1 = {
name: "shivam"
};
var myObj2 = {
"name": "shivam"
};
console.log(myObj1.name) // "shivam"
console.log(myObj2.name) // "shivam"
archalien sends brownie points to @eweiss17 and @skyc0der :sparkles: :thumbsup: :sparkles:
:cookie: 446 | @eweiss17 |http://www.freecodecamp.com/eweiss17
:warning: archalien already gave skyc0der points
#p1 {background-color: rgba(255, 0, 0, 0.3);} /* red with opacity */
#p2 {background-color: rgba(0, 255, 0, 0.3);} /* green with opacity */
#p3 {background-color: rgba(0, 0, 255, 0.3);} /* blue with opacity */
@SkyC0der , you see anything funky with my first for loop or if statement here?
function translatePigLatin(str) {
var vowels = ['a', 'e', 'i', 'o', 'u', 'y'];
str = str.split('');
for (var i = 0; i < vowels.length; i++) {
if (str.indexOf(vowels[i]) === 0) {
var str2 = str.join('') + 'way';
return str2;
}
else if (str[0] !== vowels[i] && str[1] !== vowels[i]) {
var firstLetter = str.shift();
var secondLetter = str.shift();
var str3 = str.join('');
str3 = str3.concat(firstLetter, secondLetter,'ay');
return str3;
}
else {
var firstLetter2 = str.shift();
var str4 = str.join('');
str4 = str4.concat(firstLetter2, 'ay');
return str4;
}
}
}
translatePigLatin("eigth");
For words starting with 'a', the function works, but not for other vowels..
opacity
affects everything, rgba
just affects the color
archalien sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:warning: archalien already gave skyc0der points
isabelgarcia3 sends brownie points to @archalien :sparkles: :thumbsup: :sparkles:
:cookie: 257 | @archalien |http://www.freecodecamp.com/archalien
sjurs1 sends brownie points to @eweiss17 :sparkles: :thumbsup: :sparkles:
:cookie: 447 | @eweiss17 |http://www.freecodecamp.com/eweiss17
$('#content').load('details.html #' + $(this).attr('href'));
function translatePigLatin(str) {
var vowels = {a:'', e:'', i:'', o:'', u:'', y:''};
str = str.split('');
if (str[0] in vowels) {
var str2 = str.join('') + 'way';
return str2;
}
if (!(str[0] in vowels) && !(str[1] in vowels)) {
var firstLetter = str.shift();
var secondLetter = str.shift();
var str3 = str.join('');
str3 = str3.concat(firstLetter, secondLetter,'ay');
return str3;
}
if (!(str[0] in vowels) && str[1] in vowels) {
var firstLetter2 = str.shift();
var str4 = str.join('');
str4 = str4.concat(firstLetter2, 'ay');
return str4;
}
}
translatePigLatin("california");
#man{
width:300px;
}
#arcade{
width:280px;
}
#bos{
width:145px;
}
isabelgarcia3 sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 1636 | @skyc0der |http://www.freecodecamp.com/skyc0der
saeedjassani sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 1637 | @skyc0der |http://www.freecodecamp.com/skyc0der
:bulb: to format code use backticks! ``` more info
Hi!
I have a problem with api query in wheather app
url = "api.openweathermap.org/data/2.5/weather?lat=" + lat + "&lon=" + lon + "&APPID=" + apikey;
url = encodeURIComponent(url);
I want to pass this to getJSON, but unfortunately i can see in console that it get 404 from server.
I have tried multiple combinations like %26 directly but it also do not work
Please help me to proceed
@quarkmonkey If you open your browser's developer console (Ctrl+Shift+J on Windows/Linux, Command+Option+J on Mac), you will see several errors:
everypage-d56a54df8098861494a1dd36fc55100e4d428b8688014728be2127ad85b56b20.js:1 Mixed Content: The page at 'https://s.codepen.io/quarkmonkey/pen/MmVoOZ/' was loaded over HTTPS, but requested an insecure font 'http://www.theawesomeconsultancy.com/botafont/birth_of_a_hero-webfont.woff'. This request has been blocked; the content must be served over HTTPS.
When your website's address starts with HTTPS:
, all the resources you ask for (fonts, javascript libraries, etc) must also have https:// addresses.
http://
or https://
when you use getJSON.
bitscaa sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 1638 | @skyc0der |http://www.freecodecamp.com/skyc0der
gr8gonadini sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 711 | @mot01 |http://www.freecodecamp.com/mot01
khazarr sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 1639 | @skyc0der |http://www.freecodecamp.com/skyc0der
encodeURIComponent
for sending my quote to twitter. It comes out with some encoded characters in the text box and I don't really get why this is happening. If I avoid using it altogether, the whole thing works really well until I get a character like an apostrophe, which cuts the remainder of the string off. Here's my project, any advice on this point would be appreciated: https://codepen.io/tomerobe/pen/mwdvpR
encodeURIComponent
is working fine, the problem is that you are not removing all the HTML in the qtext
variable.encodeURIComponent
will convert percent encoded strings, you're getting HTML entities, which need to be converted with the unescape()
method.
var qtext = $(post.content).text();
How do I get my <div class="container" id="logo-nav"> not to cover up my <h1> As The Circle City Turns!</h1>......? Shouldn't it automatically clear it since I put clear: both; in the css?
$("thingYouWantToLink").attr('href', 'https://whatever.com')
This should help https://www.w3schools.com/jquery/html_attr.asp
<p>
tags with regex?
tomerobin sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 1640 | @skyc0der |http://www.freecodecamp.com/skyc0der
’
"titanic".match(/t[a-z])*i/);
this return "titani", but if I eliminate the star, it returns null. Why does the star do here?
michielhuijse sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 1641 | @skyc0der |http://www.freecodecamp.com/skyc0der
got a JS question for someone:
for(var i=0; i<10; i++){
$("#textbox").append("something to add to the page ");
// wait 200ms and execute the next time
}
how can i make this code happen in increments of 200ms? I have some CSS that i'd like to delay on the page. research says to use the setTimeout function, but need some help making that happen.
:cookie: 345 | @github-henry |http://www.freecodecamp.com/github-henry
michielhuijse sends brownie points to @github-henry :sparkles: :thumbsup: :sparkles:
mitchtrot sends brownie points to @github-henry and @monicaparrillo :sparkles: :thumbsup: :sparkles:
:cookie: 346 | @github-henry |http://www.freecodecamp.com/github-henry
:cookie: 283 | @monicaparrillo |http://www.freecodecamp.com/monicaparrillo
Hello All,
I'm unable to get the following code to work<i class="fa fa-free-code-camp" aria-hidden="true"></i>
swarmse sends brownie points to @monicaparrillo :sparkles: :thumbsup: :sparkles:
:cookie: 284 | @monicaparrillo |http://www.freecodecamp.com/monicaparrillo
z]
shouldn't be there. The *
in regular expressions is a wildcard, so your expression says:t
followed by a-z
*
says, "match the a-z
0 or more timesi
after that
c
in titanic
sconde sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 1642 | @skyc0der |http://www.freecodecamp.com/skyc0der
jack123
problem:/^[a-z]{2}$|^[a-z]{2,}[0-9]{2,}$/
^
is where the word starts, {2}
means match it exactly two times, {2,}
means two or more times.
*
instead of the {2,}
at the end actually
mx-auto d-block
as classes for your image: https://codepen.io/skycoder/pen/xqbGor?editors=1100
radekjohn sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 1643 | @skyc0der |http://www.freecodecamp.com/skyc0der
skyc0der sends brownie points to @radekjohn :sparkles: :thumbsup: :sparkles:
:cookie: 310 | @radekjohn |http://www.freecodecamp.com/radekjohn
radekjohn sends brownie points to @eweiss17 :sparkles: :thumbsup: :sparkles:
:cookie: 448 | @eweiss17 |http://www.freecodecamp.com/eweiss17
mitchtrot sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 1644 | @skyc0der |http://www.freecodecamp.com/skyc0der
Hey guys. I want my "temptype1" (°C) element to be in focus on page load. I have this in the script:
$(window).load(function() {
document.getElementById("temptype1").focus();
...but it doesn't work. Any help would be appreciated.
https://codepen.io/mattpavo/pen/qjBezw
radekjohn sends brownie points to @eweiss17 and @lordmathis :sparkles: :thumbsup: :sparkles:
:warning: radekjohn already gave eweiss17 points
:cookie: 343 | @lordmathis |http://www.freecodecamp.com/lordmathis
document.load
fires later then the window.load
.
$(document).ready
runs when the page loads, put that code up there$(document).ready(function() {
$("#temptype1").focus();
...
<span id="temptype1"></span>
@radekjohn tu je to :smile:
function playAll(i) {
if (i === simon.length) return;
if (simon[i] === "green") {
$(".green").addClass('lightGreen');
setTimeout(function() {
$('.green').removeClass('lightGreen');
return playAll(i++);
},350);
}
else if (simon[i] === "red") {
$(".red").addClass('lightRed');
setTimeout(function() {
$('.red').removeClass('lightRed');
return playAll(i++);
},350);
}
else if (simon[q] === "yellow") {
$(".yellow").addClass('lightYellow');
setTimeout(function() {
$('.yellow').removeClass('lightYellow');
return playAll(i++);
},350);
}
else if (simon[i] === "blue") {
$(".blue").addClass('lightBlue');
setTimeout(function() {
$('.blue').removeClass('lightBlue');
return playAll(i++);
},350);
}
}
and you call it with playAll(0);
The code snippet was created for another user who wanted to highlight colored buttons so you will have to change it till it fits your needs but it illustrates recursion for this problem pretty well
.addClass()
and give it a class that makes it bold, or a different color
mattpavo sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 1645 | @skyc0der |http://www.freecodecamp.com/skyc0der
font-size: calc(0.75rem + 5vh);
is .75rem plus 5% of the viewport height. Basically, you can make the text scale. You can't fix it the way you want because it's the web, not a book, you can't fix sizes that way otherwise you break it for users.
mitchtrot sends brownie points to @dancouper :sparkles: :thumbsup: :sparkles:
:cookie: 757 | @dancouper |http://www.freecodecamp.com/dancouper
blackcytographer sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 712 | @mot01 |http://www.freecodecamp.com/mot01
whereismikehawk sends brownie points to @fdemaa :sparkles: :thumbsup: :sparkles:
:cookie: 163 | @fdemaa |http://www.freecodecamp.com/fdemaa
whereismikehawk sends brownie points to @blackcytographer :sparkles: :thumbsup: :sparkles:
:cookie: 241 | @blackcytographer |http://www.freecodecamp.com/blackcytographer
`code`
`code`
Ctrl + Shift + J
if you're on a windows press that and it will take you to your browser's console. You'll see a Mixed content error.