These are chat archives for FreeCodeCamp/HelpFrontEnd

3rd
Dec 2016
Tyler Moeller
@TylerMoeller
Dec 03 2016 00:00
@bestintown23 Sorry, you also need to add a min-height to the section if it doesn't have text or any other content in it:
#photo1 {
  background-color:red;
  background-image: url('https://lh6.googleusercontent.com/-hpinJ5oejeM/AAAAAAAAAAI/AAAAAAAAABs/7A1qSot5iUw/photo.jpg');
  background-size: cover;
  min-height: 800px;
}
tommy
@tommygebru
Dec 03 2016 00:03
@TylerMoeller im just throwing this into the url
Tyler Moeller
@TylerMoeller
Dec 03 2016 00:04
@tommygebru I believe it's channels plural
tommy
@tommygebru
Dec 03 2016 00:05
Screen Shot 2016-12-02 at 4.03.39 PM.png
oops yeah
but still the same
OH i get it it was asking for the callback//
i didnt include
:thumbsup: thanks @TylerMoeller
CamperBot
@camperbot
Dec 03 2016 00:05
tommygebru sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1059 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Waqas Abbasi
@Waqas909
Dec 03 2016 01:54
Guys
My console gives this error
No 'Access-Control-Allow-Origin' header is present on the requested resource
How do I fix it ??
nvm
fixed it
Waqas Abbasi
@Waqas909
Dec 03 2016 02:18
       var abstract = "";
        $.getJSON(url2, function(data2) {

          var keys = Object.keys(data2.query.pages);
          abstract += data2.query.pages[keys].extract;



        });
        console.log(abstract);
Why is the variable abstract empty?
Waqas Abbasi
@Waqas909
Dec 03 2016 02:32
nvm
Nairow27
@Nairow27
Dec 03 2016 02:57
does my tribute page look alright?
a.sanchez
@0100000101010011
Dec 03 2016 02:58
@Nairow27 good start, easy on the eyes and readable for the most part
maybe add some spacing between the big blocks of your content for better legibility, color could help
Nairow27
@Nairow27
Dec 03 2016 02:59
@0100000101010011 thanks its my first website
CamperBot
@camperbot
Dec 03 2016 02:59
nairow27 sends brownie points to @0100000101010011 :sparkles: :thumbsup: :sparkles:
:cookie: 28 | @0100000101010011 |http://www.freecodecamp.com/0100000101010011
a.sanchez
@0100000101010011
Dec 03 2016 03:00
@Nairow27 yea man, moving forward, id recommend keeping simplicity at the forefront, you'll discover that usually what it boils down to is UX, user experience on the page/site, unless you're making it for only your eyes to see
Waqas Abbasi
@Waqas909
Dec 03 2016 03:35

https://codepen.io/Waqas909/pen/yVooZE?editors=1111

It shows undefined, where it show the abstract.

Someone Please Help.

How do i fix my code? the Loop, loops without waiting for the getJSON callback

Ralph Patrick
@rpcpancil
Dec 03 2016 03:37
hello, how do you make an image a header background? I use this css background url(url here) but nothing. thanks
Sonya Chan
@cysonya
Dec 03 2016 03:38
@rpcpancil it helps if you post your code
Ralph Patrick
@rpcpancil
Dec 03 2016 03:41
.page-header{
background-color: #000000;
background url (C:\Users\Administrator\Desktop\Freecodecamp project\images\headerlogo.jpg);
background-position: 100% 100%;
background-repeat: no-repeat;
}
the image does not appear
but the color does
Sonya Chan
@cysonya
Dec 03 2016 03:42
@rpcpancil You should use relative path to display your headerlogo
Also you are missing a : after background
Ralph Patrick
@rpcpancil
Dec 03 2016 03:43
i will try. thank you
Sonya Chan
@cysonya
Dec 03 2016 03:43
You're welcome, hope it work. The relative path inside url() needs to be surrounded by quotation marks as well
@Waqas909 were you able to solve your problem?
Lucas Suehara
@sueharaluke
Dec 03 2016 03:53
Hello there.
I wonder if something could explain to me why adding a border in these spans, makes them look misaligned.
The border style is commented out.
Siva R
@vrsivananda
Dec 03 2016 03:55
@GregatGit Did not quite work, but thanks for the suggestion!
CamperBot
@camperbot
Dec 03 2016 03:55
vrsivananda sends brownie points to @gregatgit :sparkles: :thumbsup: :sparkles:
:cookie: 792 | @gregatgit |http://www.freecodecamp.com/gregatgit
Christopher
@christopherwangemann
Dec 03 2016 04:04
Hi guys, I'm trying to add padding to my header on my portfolio page but for some reason it won't work. It's really annoying because I'm stuck on this. Can somebody check this out? http://codepen.io/ChristpherWangemann/pen/vypraO?editors=1100
Sonya Chan
@cysonya
Dec 03 2016 04:06
@christopherwangemann are you trying to add padding left?
Tom
@moT01
Dec 03 2016 04:06
padding: 100px; worked for me
Lucas Suehara
@sueharaluke
Dec 03 2016 04:07
@christopherwangemann it works here too, like adding
header{
  background: #1c0d60;
  padding-left: 20px
}
Sonya Chan
@cysonya
Dec 03 2016 04:07
you forgot the ;
Christopher
@christopherwangemann
Dec 03 2016 04:16
oh ok thx guys
someone also just told me that there is a whole thing for navbars in bootstrap so I might just use that
Tom
@moT01
Dec 03 2016 04:33
@Crafix im not sure what your border problem is, ...i fixed it by making 3 spans in your original div with the same class and styled that
aRtoo
@artoodeeto
Dec 03 2016 04:38
hi guys. how can you fixed position your menu when you scroll down and on the top of the menu you have logo?
Sonya Chan
@cysonya
Dec 03 2016 04:41
@artoodeeto Would help if you show the code you have so far!
Tom
@moT01
Dec 03 2016 04:42
@artoodeeto i think just add position: fixed;
aRtoo
@artoodeeto
Dec 03 2016 04:43
@cysonya @moT01 i dont have a code yet. im still exploring but heres what i saw on a site http://www.inlandvalleyhospice.com/
Tom
@moT01
Dec 03 2016 04:44
is that what you're going for, or do you just want it fixed at the top all the time
Ken Haduch
@khaduch
Dec 03 2016 05:07
@artoodeeto - if you are using bootstrap, they have template code for the navbar on their site.
aRtoo
@artoodeeto
Dec 03 2016 05:14
@khaduch thank you
CamperBot
@camperbot
Dec 03 2016 05:14
artoodeeto sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 2026 | @khaduch |http://www.freecodecamp.com/khaduch
aRtoo
@artoodeeto
Dec 03 2016 05:17

hi guys. i have a

<div class="container">


<div width="100%">test</div>

</div>

but i cant use the div inside the container to have a full width. theres a margin left and right even i tried putting margin: 0px;

Sonya Chan
@cysonya
Dec 03 2016 05:18
@artoodeeto Are you doing this locally? or on codepen?
aRtoo
@artoodeeto
Dec 03 2016 05:18
@cysonya local only sir
@cysonya iwant a footer to stick on the left right
@cysonya the div seems has a imaginary margin left and right
Sonya Chan
@cysonya
Dec 03 2016 05:20
yes because the body comes with a default margin
unless you set body to margin 0
Muhammad Hasham
@MohammadHasham
Dec 03 2016 05:41
what is the difference between absolute and relative position? can someone tell me in really simple way.
@cysonya @khaduch
Sonya Chan
@cysonya
Dec 03 2016 05:44
@MohammadHasham Relative position is set to move from its ORIGINAl position. Absolute positioned element is removed from the flow of the document.
However, if the parent of absolute positioned element is set to relative, the absolute positioned will move within the parent container
Don't know if that makes sense haha
wangyiming21212
@wangyiming21212
Dec 03 2016 05:49
how to match the parameter in function with regular expression
such as , function(a,b,c){} and the real value of b is "you ",i wanna natch "you", what should i do ??
Muhammad Hasham
@MohammadHasham
Dec 03 2016 05:50
Raghavendra Deepak Dupuguntala
@deepakloyola
Dec 03 2016 05:51
Heloo World!
Muhammad Hasham
@MohammadHasham
Dec 03 2016 05:51
@cysonya Thanks can you help me with my pen
CamperBot
@camperbot
Dec 03 2016 05:51
mohammadhasham sends brownie points to @cysonya :sparkles: :thumbsup: :sparkles:
:cookie: 335 | @cysonya |http://www.freecodecamp.com/cysonya
Sonya Chan
@cysonya
Dec 03 2016 05:51
You have not set any breakpoints so it'll always be at width 600px
Raghavendra Deepak Dupuguntala
@deepakloyola
Dec 03 2016 05:51
@cysonya Hi Sony
Sonya Chan
@cysonya
Dec 03 2016 05:52
Hello
Raghavendra Deepak Dupuguntala
@deepakloyola
Dec 03 2016 05:52
I am abt to start my codepen project
so just want to know if you can guide me through
Muhammad Hasham
@MohammadHasham
Dec 03 2016 05:52
@cysonya i have used bootstrap
Sonya Chan
@cysonya
Dec 03 2016 05:53
Yes, but you need to use the bootstrap grid to make it responsive I think.
I haven't used bootstrap in a while, so not really sure.
Muhammad Hasham
@MohammadHasham
Dec 03 2016 05:53
i have used col-md-12
@cysonya
Sonya Chan
@cysonya
Dec 03 2016 05:53
@deepakloyola which project?
Raghavendra Deepak Dupuguntala
@deepakloyola
Dec 03 2016 05:53
'm here right now
So I should start building a similar page
Sonya Chan
@cysonya
Dec 03 2016 05:54
oh I see, butyou put explicit widths to your buttons
like width 290px
@deepakloyola yes, go for it!
Raghavendra Deepak Dupuguntala
@deepakloyola
Dec 03 2016 05:56
Not sure how do I start
@cysonya
Sonya Chan
@cysonya
Dec 03 2016 05:57
Start by picking who you want to make the tribute page for and show their name!
Tanner Kiser
@Kiser3613
Dec 03 2016 06:04
Hey, guys! I'm on the Record Collection exercise! Can anybody help?
Sonya Chan
@cysonya
Dec 03 2016 06:05
Sure!
What do you have so far?
Raghavendra Deepak Dupuguntala
@deepakloyola
Dec 03 2016 06:07
How am i doing so far
Sonya Chan
@cysonya
Dec 03 2016 06:08
It's a good start :)
buiphuking
@buiphuking
Dec 03 2016 06:23
anyone good at make slider by use pure css, help me??????????????/
Raghavendra Deepak Dupuguntala
@deepakloyola
Dec 03 2016 06:29
How to I add the background color
and border around APJ sir
Sonya Chan
@cysonya
Dec 03 2016 06:29
@buiphuking what do you have so far?
@deepakloyola background color to what?
Raghavendra Deepak Dupuguntala
@deepakloyola
Dec 03 2016 06:30
Instead of white background
to the page
I want grey
Sonya Chan
@cysonya
Dec 03 2016 06:30
you can add a background-color: grey; to body
Raghavendra Deepak Dupuguntala
@deepakloyola
Dec 03 2016 06:30
in CSS?
Sonya Chan
@cysonya
Dec 03 2016 06:31
yes
Raghavendra Deepak Dupuguntala
@deepakloyola
Dec 03 2016 06:32
No it's not changing
Sonya Chan
@cysonya
Dec 03 2016 06:32
What's your code?
Raghavendra Deepak Dupuguntala
@deepakloyola
Dec 03 2016 06:32

body{
margin-top:60px;}

background-color{
orange;
}

Sonya Chan
@cysonya
Dec 03 2016 06:33
background-color is a property like how you did margin-top
Raghavendra Deepak Dupuguntala
@deepakloyola
Dec 03 2016 06:33
i have added previously itself
Sonya Chan
@cysonya
Dec 03 2016 06:33
so you can add background-color: grey; after where you set margin-top
Raghavendra Deepak Dupuguntala
@deepakloyola
Dec 03 2016 06:35
@cysonya cool
Sonya Chan
@cysonya
Dec 03 2016 06:35
When you do background-color { orange;} you are saying, find the html element called background-color, but there's no such thing as <background-color>
Raghavendra Deepak Dupuguntala
@deepakloyola
Dec 03 2016 06:36
How do I add
frame around APJ sir
image
?
Sonya Chan
@cysonya
Dec 03 2016 06:36
you can just do border: 1px solid grey; in your img selector
Sorin Ruse
@sorinr
Dec 03 2016 06:37
@deepakloyola the syntax for css is like: selector{ property1: value1;property2: value2;etc}
aRtoo
@artoodeeto
Dec 03 2016 06:40
<nav class="links">
<ul class="menu">
<li><a href="C:/Users/aRtoo/Desktop/web_dev/desert/index.html">Home</a></li>
<li><a href="C:/Users/aRtoo/Desktop/web_dev/Desert/about.html">About</a></li>
<li><a href="C:/Users/aRtoo/Desktop/web_dev/Desert/contact.html">Contact</a></li>
</ul>
</nav>
Muhammad Hasham
@MohammadHasham
Dec 03 2016 06:42

@sorinr
is mt logic okay for making a toggle button in my pen

$(document).ready(function() {

  var flag = 0;

    $("#on-off-switch").click(function() {
      if (flag === 0) {
      $("#on-off-switch").css("left", "40px");
      flag = 1;
      }

       if (flag == 1){
      $("#on-off-switch").css("left", "0px");
      flag = 0;
       }
    });



});

it doesn't seem to work btw.

Sorin Ruse
@sorinr
Dec 03 2016 06:44
@MohammadHasham i would use an on-off class and in js just use element.toggle() function
Muhammad Hasham
@MohammadHasham
Dec 03 2016 06:45
.toggle() just hides the button when clicked @sorinr
Md. Rakibul Islam Shanto
@shanto-Nth
Dec 03 2016 06:47
i have submitted my projects but it is saying view challenge instead of view solution Get Set for our Front End Development Projects Nov 16, 2016 Nov 16, 2016 View this challenge
Raghavendra Deepak Dupuguntala
@deepakloyola
Dec 03 2016 06:47
@cysonya no I am not getting it
Sorin Ruse
@sorinr
Dec 03 2016 06:47
@MohammadHasham yep. ur right. still not wake up. toggleclass() i meant
Raghavendra Deepak Dupuguntala
@deepakloyola
Dec 03 2016 06:47
should I add it inside <img src>?
<img src="http://www.livelaw.in/cms/wp-content/uploads/2015/07/A-P-J-Abdul-Kalam.jpg" border:1px solid grey>
?
Sonya Chan
@cysonya
Dec 03 2016 06:48
oo no no, that needs to go in your css!
Raghavendra Deepak Dupuguntala
@deepakloyola
Dec 03 2016 06:48
oops
Ok Ma'am
Muhammad Hasham
@MohammadHasham
Dec 03 2016 06:48
@sorinr Thanks
Sonya Chan
@cysonya
Dec 03 2016 06:48
you see how you did body with margin-top 60px? you do the same thing with img
CamperBot
@camperbot
Dec 03 2016 06:48
mohammadhasham sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 880 | @sorinr |http://www.freecodecamp.com/sorinr
Sorin Ruse
@sorinr
Dec 03 2016 06:48
@MohammadHasham np
Raghavendra Deepak Dupuguntala
@deepakloyola
Dec 03 2016 06:49
@sorinr body{
margin-top:60px;
background-color:grey;
border:1px solid grey;
}
Not getting it still
Sorin Ruse
@sorinr
Dec 03 2016 06:50
@deepakloyola you will never see the border if you have gray color on grey background :)
Raghavendra Deepak Dupuguntala
@deepakloyola
Dec 03 2016 06:51
LOL
Sonya Chan
@cysonya
Dec 03 2016 06:51
@deepakloyola you are also giving body a border instead of image
Raghavendra Deepak Dupuguntala
@deepakloyola
Dec 03 2016 06:51
Yes
so
Img border
this will work out?
Sorin Ruse
@sorinr
Dec 03 2016 06:52
@deepakloyola in css: img{border: 5px solid #000;} and see whats happening
Raghavendra Deepak Dupuguntala
@deepakloyola
Dec 03 2016 06:55
no
Muhammad Hasham
@MohammadHasham
Dec 03 2016 06:55
@sorinr just one more thing,can i use a boolean flag with toggleclass and how?
Raghavendra Deepak Dupuguntala
@deepakloyola
Dec 03 2016 06:57
@cysonya
can you help me out
Sorin Ruse
@sorinr
Dec 03 2016 06:57
@MohammadHasham nope. toggleclass('class'). if you want to simulate the toggle construct your own function and pass in a bool var
Muhammad Hasham
@MohammadHasham
Dec 03 2016 06:58
how can i do that @sorinr
Sonya Chan
@cysonya
Dec 03 2016 06:58
@deepakloyola with what?
Muhammad Hasham
@MohammadHasham
Dec 03 2016 06:59
var flag = 0;

    $("#on-off-switch").click(function(flag) {
      $("#on-off-switch").toggleClass("toggle");
      flag = 1; 
    });
  if (flag ===1)
    {
      alert("lll");
    }
});
@sorinr
is this what i need to do?
Sorin Ruse
@sorinr
Dec 03 2016 07:00
@MohammadHasham if(myboolvar){element.addClass(class)}else{element.removeClass(class)} and change the myboolvar accordingly.
Muhammad Hasham
@MohammadHasham
Dec 03 2016 07:00
@sorinr thanks
CamperBot
@camperbot
Dec 03 2016 07:00
mohammadhasham sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:warning: mohammadhasham already gave sorinr points
Adi2Point0
@Adi2Point0
Dec 03 2016 07:01

@MohammadHasham :

$(document).ready(function() {
    $(".mh-toggle-switch").click(function() {
        var $this = $(this); // cache current instance of toggle switch
        var status = $this.data('status').toLowerCase();
        if (status === 'off') {
          $this.css("left", "40px");
          $this.data('status', 'on');
        } else {
          $this.css("left", "0px");
          $this.data('status', 'off');
       }
    });
});

and html

<div id="on-off-switch" class="mh-toggle-switch" data-status="off"></div>
Muhammad Hasham
@MohammadHasham
Dec 03 2016 07:01
@Adi2Point0 Thanks
CamperBot
@camperbot
Dec 03 2016 07:01
mohammadhasham sends brownie points to @adi2point0 :sparkles: :thumbsup: :sparkles:
:warning: mohammadhasham already gave adi2point0 points
Adi2Point0
@Adi2Point0
Dec 03 2016 07:02
@MohammadHasham The problem with your current implementation is that there is no straight forward way to have multiple such toggle switches
Muhammad Hasham
@MohammadHasham
Dec 03 2016 07:02
okay.:-)
Ralph Patrick
@rpcpancil
Dec 03 2016 07:06
I really cannot display the images
.pageone{
background:url("C:/Users/Administrator/Downloads/cs4finsk2c4-annie-spratt.jpg");
background-size:cover;
height:800px;
Sorin Ruse
@sorinr
Dec 03 2016 07:08
@rpcpancil the url must be a path to the jpg on an external server. codepen does not recognize your pc drives
Ralph Patrick
@rpcpancil
Dec 03 2016 07:08
like that?
Adi2Point0
@Adi2Point0
Dec 03 2016 07:08
path to the url needs to be either a relative url or an actual url
Ralph Patrick
@rpcpancil
Dec 03 2016 07:09
that does not work either
Sorin Ruse
@sorinr
Dec 03 2016 07:09
@rpcpancil yep. like that
Adi2Point0
@Adi2Point0
Dec 03 2016 07:09
@rpcpancil : You'll need the image url
Ralph Patrick
@rpcpancil
Dec 03 2016 07:10
how to get the image url?
Adi2Point0
@Adi2Point0
Dec 03 2016 07:10
@rpcpancil Simple, inspect element ;)
Ralph Patrick
@rpcpancil
Dec 03 2016 07:10
i've been trying with no success
thank you
yup it worked
Adi2Point0
@Adi2Point0
Dec 03 2016 07:11
@rpcpancil :+1:
Adeleke Dare
@dhrey112
Dec 03 2016 07:17
@Mr-Kumar-Abhishek Thanks
CamperBot
@camperbot
Dec 03 2016 07:17
dhrey112 sends brownie points to @mr-kumar-abhishek :sparkles: :thumbsup: :sparkles:
:cookie: 409 | @mr-kumar-abhishek |http://www.freecodecamp.com/mr-kumar-abhishek
Nicolas Nielsen
@niconielsen
Dec 03 2016 07:21
hi
Tyler Moeller
@TylerMoeller
Dec 03 2016 07:21
The unsplash API is really helpful. @Adi2Point0 @dhrey112 If you want different sizes, use the ID after photo- and create the URL like this with the size after the id/: https://source.unsplash.com/yETqkLnhsUI/480x480
https://source.unsplash.com/yETqkLnhsUI/1280x1024
Nicolas Nielsen
@niconielsen
Dec 03 2016 07:21
does anyone sees whats wrong with this sh%^&t
var x = document.getElementById("lat-long");
var ico=document.getElementById("ico")
window.onload = function() {

    if (navigator.geolocation) {  navigator.geolocation.getCurrentPosition(showPosition);

                               } else {
        x.innerHTML = "Geolocation is not supported by this browser.";
    }
}
function showPosition(position) {

  var lo = position.coords.longitude;
  var la =position.coords.latitude;
    x.innerHTML = "la" + la  + 
    "<br>lo" + lo; 
    var req = new XMLHttpRequest();
    req.onreadystatechange = function(){
    if (req.readyState == 4 && req.status == 200) {
      var resp = JSON.parse(req.responseText);
        ico.innerHTML = resp.name;
  }
}
 req.open("GET", "//api.openweathermap.org/data/2.5/weather?lat=-34.590115&lon=-58.4116402&APPID=777c80b24797a4ed4d08d3c8fda6e5cf", true);
  req.send();
}
why preventdefault not working??
aRtoo
@artoodeeto
Dec 03 2016 07:23
hi guys. can you help? the back ground wont cover a whole div http://codepen.io/artoo/pen/ZBbYyM
Adi2Point0
@Adi2Point0
Dec 03 2016 07:23
@TylerMoeller :+1:
@niconielsen : I think the problem is with this line.
navigator.geolocation.getCurrentPosition(showPosition);
Nicolas Nielsen
@niconielsen
Dec 03 2016 07:23
no.. in fact thats the only thing working fine
Adi2Point0
@Adi2Point0
Dec 03 2016 07:24
shouldn't it be something like
var position = navigator.geolocation.getCurrentPosition();
showPosition(position);
Nicolas Nielsen
@niconielsen
Dec 03 2016 07:24
im being able to print -34 -59 Buenos aires
Adi2Point0
@Adi2Point0
Dec 03 2016 07:24
I see
Nicolas Nielsen
@niconielsen
Dec 03 2016 07:25
the old school ajax call
is what isnt working
Tyler Moeller
@TylerMoeller
Dec 03 2016 07:25
@niconielsen It works fine, but you have to load your web page over HTTPS
Nicolas Nielsen
@niconielsen
Dec 03 2016 07:25
and codepen wont
right?
Sorin Ruse
@sorinr
Dec 03 2016 07:25
@niconielsen here var ico=document.getElementById("ico") you need the ;
Tyler Moeller
@TylerMoeller
Dec 03 2016 07:25
https://codepen.io/niconielsen/pen/qqVyyr?editors=1010
The problem is openWeatherMap only supports HTTP and the location method you're using only supports HTTPS. The two can't mix
FreeCodeCamp/FreeCodeCamp#7853
Nicolas Nielsen
@niconielsen
Dec 03 2016 07:31
hey sory power went off
using celphone internet now
ok
will see
cant imagine then how they did in show the local weather
the thing is that their example works for me
and my chrome
Sorin Ruse
@sorinr
Dec 03 2016 07:38
@artoodeeto onsubmit="wikipedia(event)"
@niconielsen there is the https://crossorigin.me workaround for that problem
Nicolas Nielsen
@niconielsen
Dec 03 2016 07:43
mm
kinda getit
but i could maybe use another method for getting the cuty
city
Sorin Ruse
@sorinr
Dec 03 2016 07:48
@niconielsen you can also use https://www.apixu.com/ for weather. they have free plan over http and also https. if u afraid exceed the quota just grab a response json put it in a var and work on that var until you finish the design and then switch to api call
Nicolas Nielsen
@niconielsen
Dec 03 2016 07:54
thanks a lot
tomorrow will say
BYE!
Sorin Ruse
@sorinr
Dec 03 2016 07:54
bye
Lucas Suehara
@sueharaluke
Dec 03 2016 08:21
@moT01 Thanks for the tip ! I'll do it with 3 spans then. Cheers !
CamperBot
@camperbot
Dec 03 2016 08:21
crafix sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 325 | @mot01 |http://www.freecodecamp.com/mot01
eternal september
@spieg
Dec 03 2016 08:58
@artoodeeto try body{margin: auto} in css
https://developer.mozilla.org/en-US/docs/Web/CSS/margin
John Alcher
@alchermd
Dec 03 2016 09:50

Hey fellas. I have a problem regarding bootstrap. If I understood it correctly, each row should have 12 columns, right? I'm trying to place an image and a paragraph side by side. How should I do this? Here's my work

http://codepen.io/AlcherMD/pen/PbQWQJ?editors=1100

Sorin Ruse
@sorinr
Dec 03 2016 09:55
@alchermd you can use a combination like: class="col-xs-12 col-md-6" so on mobiles you will have full width and on tablets and up two columns
John Alcher
@alchermd
Dec 03 2016 09:57
@sorinr Hey I found out the issue (which is quite weird). It appears that I needed two row divs. I thought that I only need one, and if each element went over 12 columns they will go to the next line automatically.
Sorin Ruse
@sorinr
Dec 03 2016 09:58
@alchermd yep. its the float thats working in that case
John Alcher
@alchermd
Dec 03 2016 10:02
@sorinr That's confusing. If I have two elements, one with col-md-11 and one with col-md-2, the one with col-md-2 should go to the next line because it went over 12 right? How is it in my case that I already have the first row filled up with 12 cols, but yet the next paragraph still fitted in.
Sorin Ruse
@sorinr
Dec 03 2016 10:05
@alchermd witch one?
@alchermd on your codepen i see ur usingonly col-xs-
John Alcher
@alchermd
Dec 03 2016 10:06
@sorinr I already fixed the issue, I'll create another pen to replicate it.
@sorinr Oh, doesn't col sizes scale up? Like, when you view a col-xs-6 on a large screen it automatically changes to col-lg-6 unless specified?
Sorin Ruse
@sorinr
Dec 03 2016 10:09
@alchermd normally it should. xs-6 meens also sm-6, md-6 and also lg-6
John Alcher
@alchermd
Dec 03 2016 10:12

@sorinr I have another issue. Is there any way to make my paragraphs look better? Try to view this page on a smaller screen:

http://s.codepen.io/AlcherMD/debug/PbQWQJ

Sorin Ruse
@sorinr
Dec 03 2016 10:15
@alchermd i would use col-xs-12 col-md-6 combination and as for paragraphs you can use media queries and change the font-size. i preffer em
John Alcher
@alchermd
Dec 03 2016 10:16
@sorinr If I'm correct, col-md-6 automatically converts to col-xs-12 right?
Sorin Ruse
@sorinr
Dec 03 2016 10:16
@alchermd nope
@alchermd from xs-12 up to md-6 but not included it will show full width. from md-6 to up it will show half width
John Alcher
@alchermd
Dec 03 2016 10:18
@sorinr Really? I tried it and it seems like it does.
Sorin Ruse
@sorinr
Dec 03 2016 10:19
@alchermd download the bootstrap code and take a look at the saas how they trigger media querries
John Alcher
@alchermd
Dec 03 2016 10:20
Look at this one, the first image and paragraph fills a row for itself. But the next two shares a single row.
Sorin Ruse
@sorinr
Dec 03 2016 10:22
@alchermd example
Muhammad Hasham
@MohammadHasham
Dec 03 2016 10:30
  $("#startbtn").click(function() {
         if (flag==1)
           {
            count=count+2;
            start(count);
           }
        });

      function start(count){

             if(i!=count){
             var randomNumber = Math.floor(Math.random() * 6) + 1; 
             colorHighlight(randomNumber);
             }
            console.log("Loop done");
      }
      function colorHighlight(x)
      {
         if (x % 2 ==0)
           {
             if (x%10==0)
               {
                 $("#red-btn").addClass("toggle1");
                 i++;
                 start();
               }
             else{
                $("#green-btn").addClass("toggle1");
               i++;
               start();
             }
           }
        else{
          if (x.toString().length==1)
            {
                $("#yellow-btn").addClass("toggle1");
                 i++;
                 start();
            }
          else{
             $("#blue-btn").addClass("toggle1");
             i++;
             start();
          }
        }
      }
Why is the base cause for my recursive call not being activated am i doing something wrong?
@sorinr
Dustin Wright
@DustinEWright
Dec 03 2016 10:32

https://www.freecodecamp.com/challenges/build-a-tribute-page

Since we import Bootstrap into this project, am I correct there is no need to add the container <div>?

https://codepen.io/DustinWright/pen/gLGLex

<div class="container">
Muhammad Hasham
@MohammadHasham
Dec 03 2016 10:34
@DustinEWright you should actually add container because it wraps everything (all your divs,elements etc).
it is a good practice
Dustin Wright
@DustinEWright
Dec 03 2016 10:36
@MohammadHasham Thank you!
CamperBot
@camperbot
Dec 03 2016 10:36
dustinewright sends brownie points to @mohammadhasham :sparkles: :thumbsup: :sparkles:
:cookie: 337 | @mohammadhasham |http://www.freecodecamp.com/mohammadhasham
Muhammad Hasham
@MohammadHasham
Dec 03 2016 10:36
no problem :D
Joel
@okmarq
Dec 03 2016 10:40
how can i draw down my foot margin
Sorin Ruse
@sorinr
Dec 03 2016 10:55
@MohammadHasham what r u trying to achieve? get a random rgb color?
Boris Yordanov
@borisyordanov
Dec 03 2016 10:55
123.PNG
how can i align the Plus and Minus buttons with the clock?
i want the center of the buttons to be on the same line as the center of the clock
arshel
@arshel
Dec 03 2016 10:56
how do i center my text ?
Sorin Ruse
@sorinr
Dec 03 2016 11:02

@DustinEWright this is what the class container adds to your styling:

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

so if you need that paddings or margins use it. otherwise you will have to overwrite it

@borisyordanov try to use line-height same pixels as the parent height
@borisyordanov or use flexbox
Sorin Ruse
@sorinr
Dec 03 2016 11:07
@arshel u can use margin: 0 auto; or text-center class if ur using bootstrap for horizontal centering
Dustin Wright
@DustinEWright
Dec 03 2016 11:12
@sorinr Thanks, sorry just saw this.
CamperBot
@camperbot
Dec 03 2016 11:12
:cookie: 881 | @sorinr |http://www.freecodecamp.com/sorinr
dustinewright sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
Sorin Ruse
@sorinr
Dec 03 2016 11:13
@DustinEWright np. hope it helped
Gustav Svedung
@gustavsvedung
Dec 03 2016 11:40
Hi!
I'd like help with a simple Bootstrap design thing
Would like a heading on my page appear centered, borth vertical and horizontal
How can I do that with Bootstrap?
Muhammad Hasham
@MohammadHasham
Dec 03 2016 11:44
@sorinr how can i toggle between colors
 $("#green-btn").toggleClass("orange")
is this not the right way?
Gustav Svedung
@gustavsvedung
Dec 03 2016 11:45
Skärmavbild 2016-12-03 kl. 12.40.17.png
Would like my heading vertically centered
alpox
@alpox
Dec 03 2016 11:45
@MohammadHasham Well, it would be the right way if you wanted turn on and turn off orange :D
Sorin Ruse
@sorinr
Dec 03 2016 11:46
@MohammadHasham rgb means 0 to 255 for each channel. so just think to random generate each chanell
Muhammad Hasham
@MohammadHasham
Dec 03 2016 11:46
@alpox i have used green as well with green but nothing happens
alpox
@alpox
Dec 03 2016 11:46
@MohammadHasham Ah well, this is a class you toggle there. A class defines no color. You'd have to set this one in the css.
Muhammad Hasham
@MohammadHasham
Dec 03 2016 11:47
@sorinr i used random number generator for the color changes thanks for your concern but now i want to make the colors highlight like in simon says!
CamperBot
@camperbot
Dec 03 2016 11:47
mohammadhasham sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 884 | @sorinr |http://www.freecodecamp.com/sorinr
Muhammad Hasham
@MohammadHasham
Dec 03 2016 11:47
@alpox i have used a class assgined that a background colors as well
still nothing appears to happen
alpox
@alpox
Dec 03 2016 11:48
@MohammadHasham Do you have a link (Codepen) or something
Muhammad Hasham
@MohammadHasham
Dec 03 2016 11:49
http://codepen.io/Mohammad_Hasham/pen/JbWOWw?editors=0010
@alpox i have made a comment where a=the actual problem i
is*
@alpox any idea why the background is not changing?
Boris Yordanov
@borisyordanov
Dec 03 2016 11:54
@sorinr flexbox is awesome! thank you
CamperBot
@camperbot
Dec 03 2016 11:54
borisyordanov sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 885 | @sorinr |http://www.freecodecamp.com/sorinr
Sorin Ruse
@sorinr
Dec 03 2016 11:54
@borisyordanov welcome
Muhammad Hasham
@MohammadHasham
Dec 03 2016 11:56
@sorinr can you help me with my pen?
alpox
@alpox
Dec 03 2016 11:58
@MohammadHasham Yea i see your problem
Muhammad Hasham
@MohammadHasham
Dec 03 2016 11:58
what? i am really eager to know?
@alpox
alpox
@alpox
Dec 03 2016 12:00
@MohammadHasham
  1. The switch is the wrong way around. Its on, when its on off.
  2. You put a . in front of the class in toggleClass. This is not needed --> .toggleClass("toggle1");
  3. The css for your class gets overwritten by the #red-btn style. Add an !important after the definition:
.toggle1{
 background-color:black !important;
}
Boris Yordanov
@borisyordanov
Dec 03 2016 12:03
1234.PNG
When i click the plus button sometimes this selection happens
How can i prevent that area from being selected.
Here is the project - http://codepen.io/boris-yordanov/pen/zoEVBv
Muhammad Hasham
@MohammadHasham
Dec 03 2016 12:05
@alpox Thanks actually i will take care of my on and off button i know that's a much weird.
CamperBot
@camperbot
Dec 03 2016 12:05
mohammadhasham sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:cookie: 672 | @alpox |http://www.freecodecamp.com/alpox
Sorin Ruse
@sorinr
Dec 03 2016 12:11
@borisyordanov change your i.fa fa-play into fa-pause after you startTimer() and implement the logic to stop the countdown
Boris Yordanov
@borisyordanov
Dec 03 2016 12:12
@sorinr thanks for the tip any idea how i would disable that selection though?
CamperBot
@camperbot
Dec 03 2016 12:12
borisyordanov sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:warning: borisyordanov already gave sorinr points
Sorin Ruse
@sorinr
Dec 03 2016 12:13
@borisyordanov clear the interval
Boris Yordanov
@borisyordanov
Dec 03 2016 12:13
@sorinr how?
Sorin Ruse
@sorinr
Dec 03 2016 12:22
@borisyordanov call the function clearinterval but u have to change the js. when you trigger the event of clicking the fa-play btn you set the interval and when you click the fa-pause you clear the interval and remember where u left reading the corresponding var
Carl
@carlm7
Dec 03 2016 12:25
Hi guys could someone point me in the direction of what element I should be targetting to edit this CSS please. http://samdivinefan.com
Boris Yordanov
@borisyordanov
Dec 03 2016 12:25
@sorinr i'm sorry i'm afraid i didn't ask the question properly. Take a look at the image below. That blue area is from selection in the browser
1234.PNG
Carl
@carlm7
Dec 03 2016 12:25
Click on the 'Defected' link and then if you look at the albums you will see that the title link is white

If I target

#main .entry-title a, #main .widget-entry .widget-entry-title a

That edits it on other pages which I don't want. I just want to target that specific section

Boris Yordanov
@borisyordanov
Dec 03 2016 12:26
@sorinr i want to remove that selection. It happens when you don't click exactly on the buttons
afani martin
@whiz25
Dec 03 2016 12:32
am failing to get follower info for freecodecamp on twitch.tv using//// var followerURL="https://wind-bow.hyperdev.space/twitch-api/channels/freecodecamp/follows/";
afani martin
@whiz25
Dec 03 2016 12:32
could someone help me
Boris Yordanov
@borisyordanov
Dec 03 2016 12:36
@alpox that's what i was looking for! thank you!
CamperBot
@camperbot
Dec 03 2016 12:36
borisyordanov sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:cookie: 673 | @alpox |http://www.freecodecamp.com/alpox
Daniel
@DanielStoica85
Dec 03 2016 13:02
Guys, how are we supposed to build the random quote machine, considering that the Section on Ajax was basically a joke? They just show you how to do some stuff without any useful explanations.
Dharmateja
@Dharmateja5
Dec 03 2016 13:20
Hello All:
I am facing issue with anchor element in "Build a tribute page" assignment

This the code , I have used

<h3> If you have time, you should read more about this incredible human being on his
<a herf="https://en.wikipedia.org/wiki/A._P._J._Abdul_Kalam" target="_blank"> Wikipedia entry </a>.</h3>

the link is not clickable ..
Ben Stoica
@benstoica
Dec 03 2016 13:21
you have "a herf" should be "a href"
Dharmateja
@Dharmateja5
Dec 03 2016 13:22
@benstoica . Thanks a lot!!
CamperBot
@camperbot
Dec 03 2016 13:22
dharmateja5 sends brownie points to @benstoica :sparkles: :thumbsup: :sparkles:
:cookie: 201 | @benstoica |http://www.freecodecamp.com/benstoica
Waqas Abbasi
@Waqas909
Dec 03 2016 14:06
@cysonya Nope :(
@cysonya Nope :(

https://codepen.io/Waqas909/pen/yVooZE?editors=1111

It shows undefined, where it show the abstract variable.
How do i fix my code? the Loop, loops without waiting for the getJSON callback
Someone Please Help.

zKruki
@zKruki
Dec 03 2016 14:17
I got a question. Where is my navbar getting it's blue font color from?http://codepen.io/futuristicHat/pen/MbrpGb
Ben Stoica
@benstoica
Dec 03 2016 14:18
@zKruki when you create a link their default color is blue
zKruki
@zKruki
Dec 03 2016 14:18
@benstoica ahha thanks!
CamperBot
@camperbot
Dec 03 2016 14:18
zkruki sends brownie points to @benstoica :sparkles: :thumbsup: :sparkles:
:cookie: 202 | @benstoica |http://www.freecodecamp.com/benstoica
Josaped Moreno
@androuino
Dec 03 2016 14:26
just wanna share my Local Weather App
http://codepen.io/shaolin30/full/Vmrywx/
Em Ji Madhu
@emjimadhu
Dec 03 2016 14:40
@androuino it is good.. but i think you should title tag to some other color.. it is too bright.. its my suggestion.. but overall it is good..
Josaped Moreno
@androuino
Dec 03 2016 14:49
@emjimadhu good suggestion though. thanks
CamperBot
@camperbot
Dec 03 2016 14:49
androuino sends brownie points to @emjimadhu :sparkles: :thumbsup: :sparkles:
:cookie: 15 | @emjimadhu |http://www.freecodecamp.com/emjimadhu
21zunx
@21zunx
Dec 03 2016 14:49
I just finished my portfolio project. I'm quite happy with how it turned out and would love to get some feedback from you guys. I have a problem, the website doesn't look too good on mobile, especially the middle portfolio/gallery section. Should I bother with it at this point or do I move on?
Ben Stoica
@benstoica
Dec 03 2016 14:51
@21zunx did you include this in your code? <meta name="viewport" content="width=device-width, initial-scale=1.0">
21zunx
@21zunx
Dec 03 2016 14:52
Yes.
Ben Stoica
@benstoica
Dec 03 2016 14:57
it might be because you used pixels for sizes instead of percentages
Sorin Ruse
@sorinr
Dec 03 2016 15:01
@21zunx i would just make my sections with a min-height and add some smooth scrolling in js part
arshel
@arshel
Dec 03 2016 15:13
how can i put my footer at the right bottom
Ben Stoica
@benstoica
Dec 03 2016 15:16
footer {float:right;}
arshel
@arshel
Dec 03 2016 15:17
@benstoica thanks
CamperBot
@camperbot
Dec 03 2016 15:17
:cookie: 204 | @benstoica |http://www.freecodecamp.com/benstoica
arshel sends brownie points to @benstoica :sparkles: :thumbsup: :sparkles:
Em Ji Madhu
@emjimadhu
Dec 03 2016 15:42
@21zunx it looks nice.. but few changes you need, first change colors. exspecialy in navbar.. that gradient doesnt look good. and second, the intro right below the navbar in small screens.. you need to give padding in intro on top.. and thired for that responsiveness of gallery, try to give "sm" to "xs".. it will help you.. but on the whole it is good..
Tyler Moeller
@TylerMoeller
Dec 03 2016 16:19
@DanielStoica85 You don't have to use an API, you can build an array of quotes and pick one at random. If you want to use an API, this quotes API has the 3 lines of code you need to get the API call working: https://quotesondesign.com/api-v4-0/
Waqas Abbasi
@Waqas909
Dec 03 2016 16:21
How do i do
~~~
$.getJSON(url, function(data){}); // and wait for this to get the request back and then further execute code
~~~
@Waqas909
How do i do
$.getJSON(url, function(data){}); // and wait for this to get the request back and then further execute code
Tyler Moeller
@TylerMoeller
Dec 03 2016 16:23
@Waqas909 Use the .done .fail .always pattern:
$.getJSON( "example.json", function() {
  console.log( "success" );
})
  .done(function() {
    console.log( "second success" );
  })
  .fail(function() {
    console.log( "error" );
  })
  .always(function() {
    console.log( "complete" );
  });
$.getJSON(url).done(function(data) {
Waqas Abbasi
@Waqas909
Dec 03 2016 16:24
@TylerMoeller Alright, Let me give it a try! :+1:
for (var x = 0; x < length; x++) {
        var url2 = 'https://en.wikipedia.org/w/api.php?action=query&prop=extracts&exintro&titles=' + data.query.search[x].title + '&format=json&exsentences=2&callback=?';


        $.getJSON(url2).done(function(data2) {

          var keys = Object.keys(data2.query.pages);
          abstract.push(data2.query.pages[keys].extract);




        });
       console.log(abstract);
        contenthtml+="<br><div class=gray><h5>"+data.query.search[x].title+"</h5><br><p>"+abstract+"</p></div><br>";
      }
.-. the variable abstract is empty once the for loop finishes @TylerMoeller
Tyler Moeller
@TylerMoeller
Dec 03 2016 16:28
I'm not sure I understand why you're making an API call for every article returned in the first API call. You should be able to do it all with one URL
@Waqas909 Find a better URL to use - you are making 16 API calls for every search.
Waqas Abbasi
@Waqas909
Dec 03 2016 16:29
@TylerMoeller Oh .-. okay
@TylerMoeller I will start doing that, but how would fix the way I'm doing it, Just for future reference :-P
Tyler Moeller
@TylerMoeller
Dec 03 2016 16:30
Do it all in one getJSON call - this API is a pain to learn :( but very powerful with the right URL
@Waqas909 I'll check and see - usually you need to use a method that has a callback, like .map() or .forEach() instead of a for loop.
Waqas Abbasi
@Waqas909
Dec 03 2016 16:31
@TylerMoeller I tried, .each but it gives the same results
Tyler Moeller
@TylerMoeller
Dec 03 2016 16:44
@Waqas909 You just got rid of the code, but it looked like a scope issue. You were adding results to an array inside the second getJSON function and then trying to console.log the array data outside of that function.
Waqas Abbasi
@Waqas909
Dec 03 2016 17:09
@TylerMoeller Sorry if you were still investigating :S but my array was declared outside the second getJSON function
@TylerMoeller Anyway Thanks for your help. Changing the URL works!
CamperBot
@camperbot
Dec 03 2016 17:09
waqas909 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1061 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Tyler Moeller
@TylerMoeller
Dec 03 2016 17:15

@Waqas909 Looks good! Instead of this at the end:

    });
    $.getJSON(url).fail(function(){
      $('#content').html("<div class=gray><h5 style='text-align:center'> You typed in something Invalid. ReEnter :-) <h5></div>");
    })

  }
});

You want it to be:

    }).fail(function(){
      $('#content').html("<div class=gray><h5 style='text-align:center'> You typed in something Invalid. ReEnter :-) <h5></div>");
    })

  }
});

Otherwise, you'll always be making two API calls when you only need one - if the first one fails, you won't catch it.

Muhammad Hasham
@MohammadHasham
Dec 03 2016 17:23

how can i make the boxes highlight instead of just fixing the colors (Like happening in my codepen) i want , that when the start button is pressed the boxes colors should fade then return back to their normal state as in simon says game!
How can i achieve that what changes shall i make?

http://codepen.io/Mohammad_Hasham/full/JbWOWw/

@TylerMoeller @sorinr
Tyler Moeller
@TylerMoeller
Dec 03 2016 17:24
@MohammadHasham I modified the Opacity with CSS in my Simon game.
Buttons move from .7 opacity to 1 when clicked/activated
Muhammad Hasham
@MohammadHasham
Dec 03 2016 17:25
but how do you return to the same state after it changes the opacity i am finding the return part difficult
i have been able to change the color
Tyler Moeller
@TylerMoeller
Dec 03 2016 17:25
.addClass() and .removeClass()
or use .css()
Muhammad Hasham
@MohammadHasham
Dec 03 2016 17:26
i have used toggleClass
Tyler Moeller
@TylerMoeller
Dec 03 2016 17:26
You could do that too - you'll just need a class that sets the opacity on the buttons
Muhammad Hasham
@MohammadHasham
Dec 03 2016 17:26
if i use addClass() and removeClass() should i use them simultaneously or with a condition
Tyler Moeller
@TylerMoeller
Dec 03 2016 17:27
You would want a delay between adding and then removing the classes
Muhammad Hasham
@MohammadHasham
Dec 03 2016 17:27
that's what i was looking for @TylerMoeller Thanks
CamperBot
@camperbot
Dec 03 2016 17:27
mohammadhasham sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1062 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Tyler Moeller
@TylerMoeller
Dec 03 2016 17:28
$('button').addClass('active').delay(500).queue(() => $('button').removeClass('active').dequeue());
Muhammad Hasham
@MohammadHasham
Dec 03 2016 17:28
i shall look forward to it tomorrow.
is queue() built in thing in js?
Tyler Moeller
@TylerMoeller
Dec 03 2016 17:28
It's a jQuery thing - required for doing a simultaneous addClass followed by a removeClass with a delay. You could also use setTimeout()
Muhammad Hasham
@MohammadHasham
Dec 03 2016 17:29
@TylerMoeller Thanks
CamperBot
@camperbot
Dec 03 2016 17:29
mohammadhasham sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:warning: mohammadhasham already gave tylermoeller points
Johnny Vineyard
@javineya
Dec 03 2016 17:36
Hey guys, just finished my Wikipedia Viewer. There's one thing that annoys me, and it's how the search bar text smashes right up against the input box. How can I add a little space there?
Sorin Ruse
@sorinr
Dec 03 2016 17:38
@javineya can u share the codepen link?
Normally, I'd just nest a transparent input inside a white box to give the appearance of space, but I'm sure there's a way to do it without all that.
Actually! I forgot the other thing: How do I make the Search button function by pressing Enter? I've looked into, and it seems way more complicated than I think it should be.
tommy
@tommygebru
Dec 03 2016 17:44
quick question if the class and id are of the same div.... can i delete the entire html element?
    $(".offline i").click(function() {
        $("#delete").remove();
    });
i want users to click on an icon and delete the entire div
Thomas Han Jnr
@thanjnr
Dec 03 2016 17:52
@tommygebru onky one way to find out, just try it out , believe it should work
*only
tommy
@tommygebru
Dec 03 2016 17:53
yeah im struggling with this
i tried a few things already
Tyler Moeller
@TylerMoeller
Dec 03 2016 17:53
@tommygebru Is this what you're trying to do? http://codepen.io/TylerMoeller/pen/dOdVOw
@javineya you could indent the text in your #searchTerm input box:
#searchTerm {
    text-indent: 1em;
}
tommy
@tommygebru
Dec 03 2016 17:54
exactly that thanks I need to recheck my code... maybe it has to do with the order of the class and ids?
thanks @TylerMoeller
CamperBot
@camperbot
Dec 03 2016 17:54
tommygebru sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1063 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
tommy
@tommygebru
Dec 03 2016 17:54
@eThomasHan thanks
CamperBot
@camperbot
Dec 03 2016 17:54
tommygebru sends brownie points to @ethomashan :sparkles: :thumbsup: :sparkles:
:cookie: 301 | @ethomashan |http://www.freecodecamp.com/ethomashan
Diego
@disofu234
Dec 03 2016 17:54
hey guys what are some good D3 tutorials?
Tyler Moeller
@TylerMoeller
Dec 03 2016 17:55

@javineya Also, to get your search working on Enter, wrap it in a form:

<form id="search-form">
  <input class="from-control" id="searchTerm" placeholder="Or search here for what you want!">
  <button id="search" type="button" class="btn btn-primary" target="_blank">Search</button>
<form>

and then in your JavaScript:

$('#search-form').submit(search);

You'll need to move all of your code inside the click() function into a separate function like function search(e) {}

And the first line of the search() function will be e.preventDefault(); to avoid refreshing the page
@disofu234 I'm going through this one now, but it's a little outdated: https://www.dashingd3js.com/table-of-contents
If you find a better one, let me know ;)
Diego
@disofu234
Dec 03 2016 17:58
thank you @TylerMoeller
CamperBot
@camperbot
Dec 03 2016 17:58
disofu234 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1064 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
tommy
@tommygebru
Dec 03 2016 18:01
@eThomasHan @TylerMoeller ok let me post the codepen because it doesnt seem to work...
I added the div and class names and id names through js sheet
the icons are the big X's
http://codepen.io/gebrutommy/pen/LbQGBQ
Thomas Han Jnr
@thanjnr
Dec 03 2016 18:01
@disofu234 also check out bl.ocks.org/mbostock it gives examples wit code
Waqas Abbasi
@Waqas909
Dec 03 2016 18:03
 $.getJSON(url).done(function(data) {


      var contenthtml = "";
      for(var i = 0; i < data[1].length ; i++){
        var title = data[1][i];
        var abstract = data[2][i];

        contenthtml+= "<br><div class=gray><h5><b><a href='https://en.wikipedia.org/wiki/"+title+"' target = _blank>"+title+"</a></b></h5><br><p> "+abstract+"</p></div><br>";
        console.log(contenthtml);



      }

      $('#content').html(contenthtml);






    });
    $.getJSON(url).fail(function(){
      console.log("<div class=gray><h5 style='text-align:center'> You typed in something Invalid. ReEnter :-) <h5></div>");
    });
What seems to be the error, to why the fail function doesnt work?
tommy
@tommygebru
Dec 03 2016 18:04
do you have a url?
Waqas Abbasi
@Waqas909
Dec 03 2016 18:04
Yea it set as a variable
 var url = "https://en.wikipedia.org/w/api.php?callback=?&action=opensearch&search="+content+"&format=json"
Stefaan Walleghem
@lawfets
Dec 03 2016 18:04
hello, I am quite new here (19 days now) and I am at the "show the local weather " challenge, but I have no knowledge at all about this, are there any kind of books, tutorials or other stuff that I can read in before I start this project?
@lawfets The best way to learn things is to experiment yourself! Trust me, I was in your position but I got over it pretty soon.
tommy
@tommygebru
Dec 03 2016 18:05
@Waqas909 you are missing the ' ' for all of your class names....
Stefaan Walleghem
@lawfets
Dec 03 2016 18:05
@Waqas909 how can I experiment if I don't even know how to start?
tommy
@tommygebru
Dec 03 2016 18:06
@lawfets better to jump in and "learn on the job" as it were
Stefaan Walleghem
@lawfets
Dec 03 2016 18:06
@tommygebru I understand, but I don't know where to start
Waqas Abbasi
@Waqas909
Dec 03 2016 18:06
@tommygebru Cheeky mistake !! Thanks
CamperBot
@camperbot
Dec 03 2016 18:06
waqas909 sends brownie points to @tommygebru :sparkles: :thumbsup: :sparkles:
:cookie: 782 | @tommygebru |http://www.freecodecamp.com/tommygebru
tommy
@tommygebru
Dec 03 2016 18:07
yeah it can be confusing, its basically like the previous challenge and obtaining information from an object..
Tyler Moeller
@TylerMoeller
Dec 03 2016 18:07
@tommygebru Your .click() function isn't working because you are dynamically generating the HTML after the .click handler is registered. Move the .click() handler inside the function where you are creating your <i> icons
Stefaan Walleghem
@lawfets
Dec 03 2016 18:07
@tommygebru were you talking to me?
tommy
@tommygebru
Dec 03 2016 18:08
@lawfets yeah when getting information with an api project its basically doing an object challenge on FCC
@TylerMoeller many thanks I will try this!
CamperBot
@camperbot
Dec 03 2016 18:08
tommygebru sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:warning: tommygebru already gave tylermoeller points
Stefaan Walleghem
@lawfets
Dec 03 2016 18:08
@tommygebru ah, ok, thx, at least that leads me somewhere
CamperBot
@camperbot
Dec 03 2016 18:08
lawfets sends brownie points to @tommygebru :sparkles: :thumbsup: :sparkles:
:cookie: 783 | @tommygebru |http://www.freecodecamp.com/tommygebru
Thomas Han Jnr
@thanjnr
Dec 03 2016 18:09
@tommygebru the part where you call the click delete code put it in a function and call the function just after getting json and appending you twitch users
Waqas Abbasi
@Waqas909
Dec 03 2016 18:09
@lawfets Did you use API calls for the random quote generator
Tyler Moeller
@TylerMoeller
Dec 03 2016 18:09
@tommygebru Try adding an alert to debug these kinds of problems:
$('.offline i').click(function() {
  alert('I was clicked!!')
});
tommy
@tommygebru
Dec 03 2016 18:09
LOL
Tyler Moeller
@TylerMoeller
Dec 03 2016 18:09
Helps to narrow down the issue to a selector or the code inside the function
tommy
@tommygebru
Dec 03 2016 18:10
yeah i didnt think about it i just wanted a cleaner space to write it and forgot about scope
:laughing:
Tyler Moeller
@TylerMoeller
Dec 03 2016 18:11
@Waqas909 You have to chain the .fail() to the end of the first getJSON function. See my comment above
tommy
@tommygebru
Dec 03 2016 18:11
@lawfets also use the open weather map api and read the checklist throughout on the project page
Waqas Abbasi
@Waqas909
Dec 03 2016 18:11
@TylerMoeller Yea I saw!! Omg I'm very Thankful for all your help man!! Without you I would be stuck dead :D!!! Thanks man
CamperBot
@camperbot
Dec 03 2016 18:11
waqas909 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1065 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
tommy
@tommygebru
Dec 03 2016 18:11
and you are going to need to check for errors with the jsconsole on dev tools
Thomas Han Jnr
@thanjnr
Dec 03 2016 18:12
@tommygebru your delete click event hasn't been assigned yet because data is still being pulled in
Tyler Moeller
@TylerMoeller
Dec 03 2016 18:12
Happy to help, it's a great way for me to keep learning
tommy
@tommygebru
Dec 03 2016 18:13
@eThomasHan no it definitely works now it was a scope issue, yeah! ok but now it deletes all the divs instead of each that a user clicks
Thomas Han Jnr
@thanjnr
Dec 03 2016 18:15
Ok awesome... Learnt something there @tommygebru
Thanks @tommygebru
CamperBot
@camperbot
Dec 03 2016 18:15
ethomashan sends brownie points to @tommygebru :sparkles: :thumbsup: :sparkles:
:cookie: 784 | @tommygebru |http://www.freecodecamp.com/tommygebru
Tyler Moeller
@TylerMoeller
Dec 03 2016 18:15
@tommygebru You'll probably have to do something like: $(this.closest('div')).remove();
Waqas Abbasi
@Waqas909
Dec 03 2016 18:16

@TylerMoeller

}).fail(function(){
      console.log("Oh no I failed :");
    });

No console output when i type something like "ASDJKLAJSLDKJASLKDJALSJDLAKSD" :S

Tyler Moeller
@TylerMoeller
Dec 03 2016 18:17
@Waqas909 That fail will only fire when wikipedia is down or the API call actually fails. If you type in a search that doesn't return results, it still succeeds and tells you nothing was found.
The problem is you are creating multiple <div>s with id="delete" and you can't have two elements with the same ID @tommygebru
tommy
@tommygebru
Dec 03 2016 18:18
OH SHOOT
amazing
ok
Andrew Troche
@andrewtroche
Dec 03 2016 18:18
Hey everyone! What's the easiest way to link a button in your navbar to a specific location on a page (i.e. an about section or contact section)?
Waqas Abbasi
@Waqas909
Dec 03 2016 18:18
@TylerMoeller cringe xD ty
CamperBot
@camperbot
Dec 03 2016 18:18
waqas909 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:warning: waqas909 already gave tylermoeller points
tommy
@tommygebru
Dec 03 2016 18:18
you are talking about a jump link
@andrewtroche
Andrew Troche
@andrewtroche
Dec 03 2016 18:19
@tommygebru ues
yes
its a simple link that jumps to an id or class name
Andrew Troche
@andrewtroche
Dec 03 2016 18:19
@tommygebru Thanks!
CamperBot
@camperbot
Dec 03 2016 18:19
andrewtroche sends brownie points to @tommygebru :sparkles: :thumbsup: :sparkles:
:cookie: 785 | @tommygebru |http://www.freecodecamp.com/tommygebru
Tessa
@TheTessaMurphy
Dec 03 2016 18:22
@lawfets Don't know if you got the help you needed, but I thought I'd chime in. When I'm not sure how to start, I'll just go out to google and do a search. For the weather app I think I googled JSON and maybe even weather. JSON really threw me at first, so I even went and looked up codepen and weather together. Be careful not to copy code though. Especially because you're likely just going to find other students who are just trying to figure this stuff out The idea is just to find a starting point if you're completely lost. There are a couple of other generally good resources as well. StackOverflow is a bunch of engineers helping each other. You don't need to look for them. Just google your question and then look for StackOverflow in the urls of the search items that are returned. W3 schools are also good. They're pretty basic, but they can give a starting point and have examples. Lastly, don't get overwhelmed. What usually happens is that you'll find one little thread and follow that for awhile, and then find another little thread and eventually something in your brain goes click. Trust that process, even at its most frustrating. Hope this helps.
tommy
@tommygebru
Dec 03 2016 18:23
@TylerMoeller thanks @eThomasHan the .closest() is a cool method!
CamperBot
@camperbot
Dec 03 2016 18:23
tommygebru sends brownie points to @tylermoeller and @ethomashan :sparkles: :thumbsup: :sparkles:
:warning: tommygebru already gave ethomashan points
:warning: tommygebru already gave tylermoeller points
Waqas Abbasi
@Waqas909
Dec 03 2016 18:23

@TylerMoeller Thanks once again!

https://codepen.io/Waqas909/pen/yVooZE?editors=1011

Any Feedback is appreciative!

CamperBot
@camperbot
Dec 03 2016 18:23
waqas909 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:warning: waqas909 already gave tylermoeller points
tommy
@tommygebru
Dec 03 2016 18:24
@TheTessaMurphy awesome advice
@TheTessaMurphy thanks
CamperBot
@camperbot
Dec 03 2016 18:24
tommygebru sends brownie points to @thetessamurphy :sparkles: :thumbsup: :sparkles:
:cookie: 258 | @thetessamurphy |http://www.freecodecamp.com/thetessamurphy
Waqas Abbasi
@Waqas909
Dec 03 2016 18:25
@TheTessaMurphy I agree, Great Advice! Ty
CamperBot
@camperbot
Dec 03 2016 18:25
waqas909 sends brownie points to @thetessamurphy :sparkles: :thumbsup: :sparkles:
:cookie: 259 | @thetessamurphy |http://www.freecodecamp.com/thetessamurphy
Tyler Moeller
@TylerMoeller
Dec 03 2016 18:30
@Waqas909 If you want that transition effect to work on your search box, remove this CSS:
#search{
  transition: transform 1s;
}
Or, leave that in, change 'transform' to 'all' and remove the transitions from input[type="text"] and input[type="text"]:focus
Waqas Abbasi
@Waqas909
Dec 03 2016 18:33
Thanks for the feedback
Isnt it amazing how we all start with "Hello World" and now look at us now. We are the wizards of tomorrow
Tyler Moeller
@TylerMoeller
Dec 03 2016 18:36
@Waqas909 lol :)
By the way, that .fail() is still not chained correctly, line 42 should be: }).fail(function(){
Don't call getJSON again
It's explained in detail in the section The jqXHR Object at: http://api.jquery.com/jquery.getjson/
Waqas Abbasi
@Waqas909
Dec 03 2016 18:50
@TylerMoeller I swear i fixed that xD Must have forgotten to save :clap:
@TylerMoeller Time for the final Intermediate Project!
cant wait to learn more javascript
Sorin Ruse
@sorinr
Dec 03 2016 19:07
@Waqas909 i would also add to if (e.which == 13) and input not blank
Robert Purcea
@RobertPurcea
Dec 03 2016 19:21
Hey
How can I determine when a timer is finished?
Let's say that I got a setTimeout(function,1000) and I want some code to execute only after the timer finishes
Ayo
@ayondot
Dec 03 2016 19:26
@Robertb4 I guess that's what that function itself is used for. It executes the function passed to it as a parameter, after the time which is the second parameter might have elapsed.
Or what are you trying to do?
Robert Purcea
@RobertPurcea
Dec 03 2016 19:29
No, I mean I want to do something completely independent from the timer after the timer is over(and it's function)
rmmohan
@rmmohan
Dec 03 2016 19:30
I am finding it difficult to understand the wikipedia api
any link explaining it
apart from the main one
Robert Purcea
@RobertPurcea
Dec 03 2016 19:32
'''
function timer(){
setTimeout(function(){console.log("1");},4000);
}
console.log("I want to be last!");
'''
CamperBot
@camperbot
Dec 03 2016 19:32
:bulb: to format code use backticks! ``` more info
Robert Purcea
@RobertPurcea
Dec 03 2016 19:32
lets say I want to print "I want to be last " after 4 seconds have passed
Ayo
@ayondot
Dec 03 2016 19:33
@Robertb4 then you can just make the function you passed as a parameter to the setTimeout function call this other function you're talking about. Does that make sense?
Sorin Ruse
@sorinr
Dec 03 2016 19:35
@ayondot nope. setTimeout(function,1000) calls the function with a delay of 1000 milliseconds(1sec). @Robertb4 you need to setinterval and clearinterval
Dhaval Gajjar
@dhaval3
Dec 03 2016 19:41
hello world
CamperBot
@camperbot
Dec 03 2016 19:41

welcome to FreeCodeCamp @DG-Demon!

Dhaval Gajjar
@dhaval3
Dec 03 2016 19:43
done with my first project!
Ikram
@Ikramme
Dec 03 2016 19:44
@DG-Demon Hi i am working on the same project, started today
your prject looks good :+1:
@DG-Demon how long did it take to finish your pj ?
Dhaval Gajjar
@dhaval3
Dec 03 2016 19:45
Thanks @Ikramme
CamperBot
@camperbot
Dec 03 2016 19:45
:warning: could not find receiver for ikramme
dg-demon sends brownie points to @ikramme :sparkles: :thumbsup: :sparkles:
Dhaval Gajjar
@dhaval3
Dec 03 2016 19:46
i did it in parts, first i made raw then organized and improved page
Ikram
@Ikramme
Dec 03 2016 19:47
Good plan :+1: how many hours :P
Dhaval Gajjar
@dhaval3
Dec 03 2016 19:49
i did it in my free time. If you do this in one go it will take max 4-5 hours
Ikram
@Ikramme
Dec 03 2016 19:49
Oke haha thanks
you had any experince before starting FCC?
Dhaval Gajjar
@dhaval3
Dec 03 2016 19:50
no
Ikram
@Ikramme
Dec 03 2016 19:50
oke same
Dhaval Gajjar
@dhaval3
Dec 03 2016 19:52
goodluck
Ikram
@Ikramme
Dec 03 2016 19:52
thank you, you too :)
Ben Stoica
@benstoica
Dec 03 2016 19:53
@Ikramme @DG-Demon let me know if you guys need any help, I do fairly ok with html & css and somewhat okay with JS
Ikram
@Ikramme
Dec 03 2016 19:54
@benstoica thank you :)
CamperBot
@camperbot
Dec 03 2016 19:54
ikramme sends brownie points to @benstoica :sparkles: :thumbsup: :sparkles:
:cookie: 212 | @benstoica |http://www.freecodecamp.com/benstoica
Gniewoszu
@Gniewoszu
Dec 03 2016 20:05
Hey guys , it is possible to delay animation in :before pseudo element
.rain {
  width: 8%;
  height: 32%;
  background: #00bcd4;
  border-radius: 5px;
  -webkit-animation: drop 1s 0s infinite;
          animation: drop 1s 0s infinite;
  position: absolute;
  top: 100%;
  left: 22%;
}
.rain:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #00bcd4;
  border-radius: 5px;
  position: absolute;
  top: 0px;
  left: 10px;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
Mateusz Kadlubowski
@xeho91
Dec 03 2016 20:13
@Gniewoszu pseudo-elements are animable, so yes. It should work
Gniewoszu
@Gniewoszu
Dec 03 2016 20:15
@xeho91 i know but it doesn't
Mateusz Kadlubowski
@xeho91
Dec 03 2016 20:17
@Gniewoszu Just a wild guess, because I don't see the rest of code. But .rain:before has no animation property itself, so there's most likely nothing to delay
Ikram
@Ikramme
Dec 03 2016 21:21
Hi can somebody give me some feedback on my first project ? :)
having a hard time with the bootstrap
https://codepen.io/Ikramme/pen/aBqLXP
Mustapha Afkir
@afkir01
Dec 03 2016 21:21
@Ikramme looks nice, congratulations on your first project
Ikram
@Ikramme
Dec 03 2016 21:27
thank you
there are some issues with bootstrap. Cant figure out how to get everything in the middle of the page
Mustapha Afkir
@afkir01
Dec 03 2016 21:29
I'll take a look at your code and try to help
Ikram
@Ikramme
Dec 03 2016 21:30
thank you
i am trying to get it like this https://codepen.io/FreeCodeCamp/full/NNvBQW/
using bootstrap
but so far no succes :smile:
i have not looked at the code on purpose
Mustapha Afkir
@afkir01
Dec 03 2016 21:33
you only have the first part in the container-fluid
Mustapha Afkir
@afkir01
Dec 03 2016 21:40
@Ikramme and yo need to use <div classe="containter"> insted of the container-fluid
the container fluid fills the whole div
and you need te remove 1 div closing tag: </div> on line 16
Ikram
@Ikramme
Dec 03 2016 21:43
@ thanks a lot :)
i will change it
Mustapha Afkir
@afkir01
Dec 03 2016 21:43
and the last thing is you need to add this to your image class: img-responsive
Good luck
Ikram
@Ikramme
Dec 03 2016 21:43
oke where is that for ?
img responsive? :)
Mustapha Afkir
@afkir01
Dec 03 2016 21:43
That makes the image responsive to fit in its parent div
Ikram
@Ikramme
Dec 03 2016 21:44
Ahh okee thank you :)
Mustapha Afkir
@afkir01
Dec 03 2016 21:44
Ok good luck
Merryl
@MerrylArok
Dec 03 2016 22:07
Hei guys why do i get a GET error while trying to run my JS?
https://codepen.io/Merryl/pen/NbvOLO
Brad
@brad10104
Dec 03 2016 22:17
Hey everyone. I am just starting out on this challenge and am running into a problem. My pen is here < https://codepen.io/brad10104/pen/XNZeMV?editors=1000 >
As you can see, the white space around the picture takes up the entire width (or close to it) instead of hugging the picture and the text. Does anyone know what to do here?
Tyler Moeller
@TylerMoeller
Dec 03 2016 22:21
@MerrylArok Since the API you are using only works over HTTP, you need to open your codepen over HTTP instead of HTTPS. Open your codepen with this link: http://codepen.io/Merryl/pen/NbvOLO
Ikram
@Ikramme
Dec 03 2016 22:21

what happens if you use this ? @brad10104

<div class="container">

<div class="jumbotron">

just learned that form somebody in the group
Merryl
@MerrylArok
Dec 03 2016 22:22
@TylerMoeller ive tried that before and it works, but I want to learn if i can convert http to https for future reference
Tyler Moeller
@TylerMoeller
Dec 03 2016 22:23
@MerrylArok You would have to use a proxy, but I don't recommend it. The best way to avoid this issue is to use an API that supports HTTPS. Like this one: https://quotesondesign.com/api-v4-0/
Brad
@brad10104
Dec 03 2016 22:23
@Ikramme Where should I try and use that? I'm guessing in the begining?
this is my project
you can see where i put the code
Tyler Moeller
@TylerMoeller
Dec 03 2016 22:25
@brad10104 One way to fix it is to put the <img> inside your caption div. Then use CSS to make your image 100% wide.
Ikram
@Ikramme
Dec 03 2016 22:25
@TylerMoeller how do i creat a footer with bootstrap ?
Tyler Moeller
@TylerMoeller
Dec 03 2016 22:26
You can then use the bootstrap grid to adjust how big you want everything to be on different screen sizes
Merryl
@MerrylArok
Dec 03 2016 22:26
@TylerMoeller thanks for your help tyler. why woudnt you recommend using a proxy and is that something i can code or i should use a third party service
CamperBot
@camperbot
Dec 03 2016 22:26
merrylarok sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1068 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Tyler Moeller
@TylerMoeller
Dec 03 2016 22:28
@MerrylArok It's a 3rd party service and can be slow or go down without notice. If you really want to try it out, change your API URL to: https://crossorigin.me/http://api.forismatic.com/api/1.0/
Just keep in mind that lots of people use the service and it does go down every day for a short while
*just about every day :)
@Ikramme What have you tried out so far for your bootstrap footer? There are a lot of examples on the bootstrap site
@Ikramme For example, right-click this page and select "View Source" to see how they made a bootstrap footer: https://getbootstrap.com/examples/sticky-footer/
Mustapha Afkir
@afkir01
Dec 03 2016 22:31
@Ikramme <footer class="footer">
Ikram
@Ikramme
Dec 03 2016 22:31
https://codepen.io/Ikramme/pen/aBqLXP?editors=1100
at the top i have a white space around the title, i want something like that at the bottom for the link and my name.
Ikram
@Ikramme
Dec 03 2016 22:31
i keep finding code with container but dont quite get it cos i already have that code at the top
@TylerMoeller
Tyler Moeller
@TylerMoeller
Dec 03 2016 22:32
@MerrylArok Yeah, it looks like the proxy is down again :( or has a bug not sending the correct data through
Ikram
@Ikramme
Dec 03 2016 22:32
@afkir01 thank you i am going to try that :)
CamperBot
@camperbot
Dec 03 2016 22:32
ikramme sends brownie points to @afkir01 :sparkles: :thumbsup: :sparkles:
:cookie: 35 | @afkir01 |http://www.freecodecamp.com/afkir01
and it fails too
so is a problem on the api's end?
Mustapha Afkir
@afkir01
Dec 03 2016 22:33
you can use <footer class="footer"> and inside the footer you can have a <div class="container"> @Ikramme
Tyler Moeller
@TylerMoeller
Dec 03 2016 22:34
@MerrylArok They might be blocking it - hard to say for sure. I avoid proxies unless 100% necessary.
Merryl
@MerrylArok
Dec 03 2016 22:35
@TylerMoeller alright man, this clears some confusing for me. Thanks!
CamperBot
@camperbot
Dec 03 2016 22:35
merrylarok sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:warning: merrylarok already gave tylermoeller points
Ikram
@Ikramme
Dec 03 2016 22:36
@TylerMoeller @afkir01 THANK YOU :+1:
CamperBot
@camperbot
Dec 03 2016 22:36
ikramme sends brownie points to @tylermoeller and @afkir01 :sparkles: :thumbsup: :sparkles:
:warning: ikramme already gave afkir01 points
:star2: 1069 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Tyler Moeller
@TylerMoeller
Dec 03 2016 22:36
@MerrylArok You'll find it a lot easier to work with APIs if you choose ones that support HTTPS :) Good luck with the rest of the project!
Ikram
@Ikramme
Dec 03 2016 22:45
how can i make my picture take the width of my screen automatically?
right now it takes the width i put in
Mustapha Afkir
@afkir01
Dec 03 2016 22:52
<img class="img-responsive"> without de fixed width
Ikram
@Ikramme
Dec 03 2016 22:53
oh i got both maybe that is why it is not working
Robert Purcea
@RobertPurcea
Dec 03 2016 22:53
What do you think?
Pls tell me if you find any issues http://codepen.io/Robertb4/pen/KNQapo
Ikram
@Ikramme
Dec 03 2016 22:54
@afkir01 removed the fixed width but still the same
Adam Dąbrowski
@a-dabrowski
Dec 03 2016 22:56
@Robertb4 so far i've noticed that if you dont change break time and leave it as 0, timer doesn't start when you click start timer. Maybe provide default settings like session: 25 minutes break 5 min, and let user change if he/she wants?
Robert Purcea
@RobertPurcea
Dec 03 2016 22:58
I meant to be this way, I guess I can add a default to 25/5 min
ok done, ty for review
WhiteLeaf1103
@WhiteLeaf1103
Dec 03 2016 23:11
@brad10104 nice really well done. only thing I can think of. is maybe center the picture or make the the full width
it just looked a little off with the header center then the head if that makes sense. but maybe i'm a little off
Brad
@brad10104
Dec 03 2016 23:12
@WhiteLeaf1103 How do I make the Picture Full Width? And will that just widen it or will it keep the picture ratio the same?
WhiteLeaf1103
@WhiteLeaf1103
Dec 03 2016 23:13
@Robertb4 is it suppose to countdown in seconds or just every minute go down?
@brad10104 oh wait brad yours looks very nice the way it is
I'm sorry. @brad10104 I must have clicked someone elses somehow it was a muhammad ali tribute. Your st. Thomas Aquinas is flawless in my opinion ;D
Brad
@brad10104
Dec 03 2016 23:17
@WhiteLeaf1103 Thanks so much WhiteLeaf!
CamperBot
@camperbot
Dec 03 2016 23:17
brad10104 sends brownie points to @whiteleaf1103 :sparkles: :thumbsup: :sparkles:
:cookie: 195 | @whiteleaf1103 |http://www.freecodecamp.com/whiteleaf1103
Raymond Berger
@RayBB
Dec 03 2016 23:36
Anyone here really good with CSS?
Jerry Purvis
@MessiaHack
Dec 03 2016 23:37
I might be able to help @RayBB
Raymond Berger
@RayBB
Dec 03 2016 23:39
@MessiaHack I'm trying to make a pinboard style calendar. I want all the divs of events to be next to each other right left and top bottom. It's hard to explain but I think you'll understand if you look at the site
Jerry Purvis
@MessiaHack
Dec 03 2016 23:41
so it looks like right now, they are just scattered. @RayBB
@RayBB have you tried using the grid system?
Raymond Berger
@RayBB
Dec 03 2016 23:43
@MessiaHack I'll give that a shot. I was trying to avoid using any extra JS frameworks to really learn
Jerry Purvis
@MessiaHack
Dec 03 2016 23:52
create a parent div with the class row for each row that you want. Within each row, create more divs for each column. Within each of the column divs, place your event. @RayBB