Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
wstrauss123
@wstrauss123
well maybe not.
@0x0936
Maybe the open weather API isn't matching the real local weather.
Llandy3d
@Llandy3d
can someone check and tell me why if I click on the "C" link the text doesn't get changed ? if I put the javascript commands 1 by 1 in the console it works, but not in automatic http://codepen.io/Llandy3d/pen/eZYPYN
Robert Richey
@0x0936

@max77p you have 2 divs with class .container not to be confused with the more general term, parent container. one with most of your content and the second with just an hr. The parent container for this hr is <div class="horline">. By default, div elements have 100% width of their parent container. This div has a <div class="row"> parent container - which is then limited by the <div class="container"> parent container.

Added comments to help explain. You can view all of this by opening your dev console and inspecting each element and seeing how much margin, padding, and actual width they take up - and how classes are affecting them.

<!-- this restricts max width and centers content -->
<div class="container container-fluid">
    <!-- bootstrap rows extend slightly beyond the left and right edges of .container -->
    <div class="row">
      <div class="horiline">
        <!-- hr has 100% width, effectively matching the current row's width -->
        <hr>
      </div>
    </div>
  </div>
Thanasis S.
@xakersas
so in this given website there is a bar that's always visible, how can i implement that, there was nothing similar in the previous codecamp tutorials
Panagiotis
@bohemian83
Hi guys, could you please have a look at my personal portfolio page? I think I am just about done...
Robert Richey
@0x0936
@wstrauss123 it loaded for me showing correct city and relatively correct temperature. OpenWeather data is generally not very accurate at times - and I don't know why, and for this reason I chose to use a different API service, Forecast.io
wstrauss123
@wstrauss123
@Llandy3d I can't get your codepen weather app to work in my chrome browser.
@0x0936 Thanks. Your answer was helpful.
CamperBot
@camperbot
wstrauss123 sends brownie points to @0x0936 :sparkles: :thumbsup: :sparkles:
:star: 1206 | @0x0936 | http://www.freecodecamp.com/0x0936
Robert Richey
@0x0936
@max77p I think perhaps there may be some confusion with the general term "parent container" vs a div with class container. These are separate concepts.
Jasmina Babic
@animsaj
@Llandy3d do something with data instead of displaying it as JSON string
Robert Richey
@0x0936
@xakersas that's a bootstrap navigation bar with a fixed position. FCC projects are intended for you to learn more on your own. Basically, the hand holding stops and you get to try and solve problems on your own, with only high level guidance.
Robert Uivarosi
@URobert
@bohemian83 Hi. Interesting portfolio page. Nice picture selection. Personally I'm not a very big fan of those large square in the beginning, but I guess that depends on who you ask. Next you`ll have to fix the overlay issue. I understand you want a fixed nav bar but as it is currently built it overlays your text from the about section. Lastly, I would recommend working on the styling at the last section. You could use buttons instead of simple links, style the buttons and change the font within and... you could consider adding some sort of content to the right of them, because as it is right now, IMO there is to much empty space on the right side. I hope this helps. All the best and happy coding !
José Pereira
@jafcpereira
@bohemian83 I really like your page. Other than the review already given by @URobert , I would only add for you to be careful with the white color of your text against the second div image. It does not contrast too well and makes reading the text more difficult :)
Llandy3d
@Llandy3d
@animsaj you didn't really look the code then because data is there just as a reference to see the format ^^ anyways the problem seemed to be the fact that the <a> was inside an h3 and even by pressing the <a> link it would be read as the h3 click event
Pedro Abel Díaz Sánchez
@coderHook

Hello! I am trying to figure out how to start with the weather Zipline but I cannot find the way.

I already registered into de apiweather webpage and got the key but I do not know how to start using it. I read the documentation as well, but honestly I feel quite lost and do not know how to start setting up things.

Now, I am trying to get some knowledge from codecademy --> learn apis sections, but even with that I cannot see anything clear.

Can someone give me a hand here?

Jasmina Babic
@animsaj
@bohemian83 Πολύ καλό!!
kirbyedy
@kirbyedy
@Abel1987 basically you need to find the users location, call the openweather api, with getjson and that just stick those result inside your html
Llandy3d
@Llandy3d
@Abel1987 start simple, like linked in the zipline page http://openweathermap.org/current#geo , start reading which data you receive and begin to code to display degrees, and weather
Jasmina Babic
@animsaj
@Llandy3d ok. for the reference you could use console.log()
kirbyedy
@kirbyedy
if you recall there was a json section on fcc
Llandy3d
@Llandy3d
@animsaj I used console.log() a lot but it wasn't really helpfull, putting 2 alerts, one in the h3 and one in the <a> .click events did the trick to figure out the bug =p
Robert Uivarosi
@URobert
@Abel1987 first get your geo location from google. then use the value to get a correct API call. After you have the result of that, you go on and start working at getting the geo location working properly, have the values and use them in the API call URL. After you got that part to work, you analyze the response of the API call, and start figuring out which values you need and how to get them to be displayed on your page
Panagiotis
@bohemian83
@Khaltar @URobert thanks for the feedback! I will keep working on it! @animsaj Σ' ευχαριστώ! :)
CamperBot
@camperbot
bohemian83 sends brownie points to @khaltar and @urobert and @animsaj :sparkles: :thumbsup: :sparkles:
:star: 636 | @urobert | http://www.freecodecamp.com/urobert
:star: 435 | @animsaj | http://www.freecodecamp.com/animsaj
:star: 208 | @khaltar | http://www.freecodecamp.com/khaltar
Robert Uivarosi
@URobert
@bohemian83 yw
Jasmina Babic
@animsaj
@bohemian83 Και εγω
max77p
@max77p
@0x0936 thanks for explanation, do you have some reading you can recommend me to so i can get this concept down better for next time?
CamperBot
@camperbot
max77p sends brownie points to @0x0936 :sparkles: :thumbsup: :sparkles:
:star: 1207 | @0x0936 | http://www.freecodecamp.com/0x0936
Panagiotis
@bohemian83
Quick question. I saved my html/css/js code in a single text file and saved it as an html. For reason it throws off my background image sizing. If I open the page in chrome the background images are much bigger. Any ideas why?
Robert Richey
@0x0936
@max77p perhaps others can recommend reading resources - the best I can offer is that you skim through Bootstrap documentation and pay close attention to the classes you intend to use in your projects. For example, learn exactly what .container and .row are doing. Other than that, just keep practicing. Build small projects - like a demo - for yourself, for learning a particular technology. For example, if you want to learn more about Bootstrap's jumbotron, make a small project that just focuses on using a jumbotron.
Also, open the dev console and inspect your elements often to learn what is going on - dev console makes debugging much easier.
Pedro Abel Díaz Sánchez
@coderHook

@kirbyedy yes, I did it all already, but What I typed doesn't displayed anything on the screen but it pass the test... even if a directly copy what they ask me for I cannot get any result from fcc.

@URobert Thats what I am trying to do, getting the geoLocation is not a problem, ad fcc json section I can find an example but then... I really dont know how to comunnicate my codepen with the weather api...

Robert Uivarosi
@URobert
@Abel1987 look below:
   $.getJSON(weatherApiUrl, function(json) {
    //console.log(json.weather[0].description);
    city = json.name;
.......
......
.....
@Abel1987 after you got your proper API response, you analyze that and separate the elements that you want form it (see the example of getting the city from above
@Abel1987 then you use the variables to display the values in HTML
@Abel1987 here is an example of that
$(".location").html(country+","+city);
Pedro Abel Díaz Sánchez
@coderHook
Thanks @URobert lets see what I get.