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
h1tag
@h1tag
YW. Yea, there are somethings you have to figure out by youself
Ian MacMillan
@IanMacMillan

[Basic question re CodePen] I'm new to CodePen and want to make sure I've set this up correctly so I can complete the "Build a Tribute Page".

  • Are there any setting I need to set?
  • Any Header code or libraries to load?

I ask this as I cheated a bit (I find it helps me learn faster) and loaded up Quincy Larson's HTML and CSS and ran the code....and I get a different looking result.

h1tag
@h1tag
@IanMacMillan Have you watched the project video?
Meli94
@meli94
add bootstrap in the css panel setting
Ian MacMillan
@IanMacMillan
@fortMaximus Yes....and have Bootstrap added to CSS, but not behaving as expected.
@meli94 Yes....have Bootstrap added to CSS, but not behaving as expected. Any other settings or libraries?
h1tag
@h1tag
@IanMacMillan can you paste your Codepen pen URL?
Ian MacMillan
@IanMacMillan
h1tag
@h1tag
@IanMacMillan that's why you shouldn't just copy-paste. You should WRITE YOUR OWN CODE!
Start a new pen and start from scratch
And just ask if you need any help
Ian MacMillan
@IanMacMillan

@fortMaximus Yes.....but sometimes it helps to learn quicker.

For example, I've learnt that Thumnail class needs to have all the CSS settings set to work for me but not for Quincy.....ie I need to learn to set up the runtime environment AND how to write to code....because the same code gives 2 results. And CodePen out of the box + adding the Bootstrap library does seem to work as per bootstrap or HTML references suggest.

johnnydemol
@johnnydemol
Hey guys,
So I added the key to the api call but no luck so far.. Can you guys give it a look?
http://codepen.io/svenhendrikx/pen/OWExJL
The key also has a name that I'm allowed to edit, not sure if that's of significance?
Clyde Lobo
@oppiniated
@johnnydemol 1. You will have to use the http option for the api.
  1. After changing api from https to http i get the error jquery.min.js:4 GET http://api.openweathermap.org/data/2.5/weather?lat=35&lon=139&key=3090d225b4f31d0d33607a30bb952294 401 (Unauthorized)
Meli94
@meli94
the key is something like this &APPID=9cb7c1d8dd76505634e629f8512677e7
take off &key= and use the APPID that they give to you
h1tag
@h1tag
@IanMacMillan well, the challenges are here to teach how to write code. Qincey's code is using some advanced stuff, you shouldn't be copying code that you don't know what it does (especially in the begging) because you gonna end with problems like the one you're having. Idk why your image displays twice, but if you copy Quincy's code again and paste it instead of your code, it'll work the same way as Quincy's one.
@IanMacMillan Try to apply what you learned from the challenges and if you have some idea you want to implement or get stuck, we're here to help.
johnnydemol
@johnnydemol
@meli94 @oppiniated That worked! Thanks a lot guys.
CamperBot
@camperbot
johnnydemol sends brownie points to @meli94 and @oppiniated :sparkles: :thumbsup: :sparkles:
:cookie: 565 | @oppiniated |http://www.freecodecamp.com/oppiniated
:cookie: 288 | @meli94 |http://www.freecodecamp.com/meli94
johnnydemol
@johnnydemol
@meli94 How did you know to use APPID? It doesn't say how to incorporate the key on the site
Meli94
@meli94
if you need help I'm here. I struggled so much with that few times ago @johnnydemol
johnnydemol
@johnnydemol
Or maybe I just didn't find it
Meli94
@meli94
on the email
it's written at the very bottom
johnnydemol
@johnnydemol
Ah I see
I'll keep my eyes open next time haha
Meli94
@meli94
ahah
Ian MacMillan
@IanMacMillan

@fortMaximus Thanks. The 2 images are me trying to get the Thumbnail image + caption to work....the 1st is as per Quincy's code but behaves differently, and the 2nd is me adding styles to the thumbnail and caption text to try to fix it.

So I've learnt that with CodePen + Bootstrap CSS library added, not all the Bootstrap classes work....so I need to stick with core HTML + CSS and code from scratch.

CamperBot
@camperbot
ianmacmillan sends brownie points to @fortmaximus :sparkles: :thumbsup: :sparkles:
:cookie: 302 | @fortmaximus |http://www.freecodecamp.com/fortmaximus
Ian MacMillan
@IanMacMillan

@fortMaximus Cracked it! CodePen adds the latest alpha of Bootstrap 4.....but when I delete that and use version 3, everything works.

So I now have a stable dev platform to work with. Yeah!

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css <== Worked (copied from Quincy's settings)

https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css <== Didn't work (from "Quick -add" of Bootstrap)

I can now delete everything and start from scratch.

AlejoFCC
@AlejoFCC
Hello! i am in 147 challenge where I have to build a random quote machine, but i haven't seen any way to do it using previous lessons. I am a bit confuse. Where could I get some right info about it?
kirbyedy
@kirbyedy
@AlejoFCC one way is to use an array (which was covered in the lessons), choose a random quote from it (getting a random number was also covered in the lessons) and then display it on your page
the other way is to find an quote API which gives you a random quote and then display it on the page. This was not covered but you can search the internet for examples
AlejoFCC
@AlejoFCC
@kirbyedy Thank you. I'll try to find out by that way.
CamperBot
@camperbot
alejofcc sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 1760 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
Janina Pohorecki
@janepohorecka
Hey guys!! I have been stuck on centering an image on top of an image using flexbox. Could anyone please help me? It's beginning to drive me nuts.
kirbyedy
@kirbyedy
@janepohorecka what is your code up till now
Janina Pohorecki
@janepohorecka
@kirbyedy
<div class="flex two-video center">
<!-- <a href="//www.youtube.com/watch?v=XSGBVzeBUbk" data-lity> -->
<div class="">
<img class="" src="Demo.png">
<img class="play-button" src="play.png" alt="">
</div>
<!-- </a> -->
</div>
It may be easier to send you to the github file I created?
kirbyedy
@kirbyedy
I thought you have it on codepen :D
Janina Pohorecki
@janepohorecka
@kirbyedy I enjoy using github more.
Its the big orange play button. It should lay right on top of the image but idk what I am doing wrong not to make ithappen