These are chat archives for FreeCodeCamp/HelpFrontEnd

2nd
Aug 2017
Pagnito
@Pagnito
Aug 02 2017 00:16
what does git stage mean?
Addison
@addisonday
Aug 02 2017 00:16
Read. Search. Ask
Pagnito
@Pagnito
Aug 02 2017 00:17
thats what im doing...
Pagnito
@Pagnito
Aug 02 2017 00:18
@Anthony-Armfield thanks
CamperBot
@camperbot
Aug 02 2017 00:18
pagnito sends brownie points to @anthony-armfield :sparkles: :thumbsup: :sparkles:
:cookie: 131 | @anthony-armfield |http://www.freecodecamp.com/anthony-armfield
glitz20
@glitz20
Aug 02 2017 00:34
hey guys I have been trying to increase social media icon for a while, but all in vain. Can anyone help me out? https://codepen.io/sabin20/pen/rzeqNJ
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 00:36
@sabin20 are you looking to increase a single icon or all of them?
glitz20
@glitz20
Aug 02 2017 00:38
all of them
@Anthony-Armfield
@Anthony-Armfield here is the new link try this one
Long Nguyen
@longnt80
Aug 02 2017 00:42
@sabin20 add font-size for them
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 00:42
You can change the "font-size" style in the .fa class.

I don't know what size you want to go with, but you can do something like

.fa {font-size: x-large}

To get them to the same size as the input box just to the left.

glitz20
@glitz20
Aug 02 2017 00:43
@longnt80 I tried that but it didn't work
Long Nguyen
@longnt80
Aug 02 2017 00:43
@sabin20 why don't you put the icon as html instead of put it in the css
@sabin20 what's the code you tried with?
Gulsvi
@gulsvi
Aug 02 2017 00:44
@sabin20 In codepen, if you put your resources in your HTML, they load after your CSS and override it. Move your <head> content into Settings -> HTML -> Stuff for <head> and your font-size changes will work
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 00:44
@sabin20 you may need to use an !important override, though I don't recommend doing that often.
glitz20
@glitz20
Aug 02 2017 00:45
@longnt80 I increased the .fa font-size in css
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 00:46

@sabin20 use this:

.fa {font-size: x-large !important}

and see if that works for you. Change the "x-large" depending on what size you want those icons.

Gulsvi
@gulsvi
Aug 02 2017 00:46
Don't use !important for this
Just move your resources into your settings and it will work as expected
Long Nguyen
@longnt80
Aug 02 2017 00:48
@sabin20 you need to move your css after fontawesome css
right now the default fontawesome css overridden your own css
@sabin20 also, I'd use the icon as html like this:
<a href="#" class="social">
  <i class="fa fa-facebook" aria-hidden="true"></i>
</a>
glitz20
@glitz20
Aug 02 2017 01:02
@longnt80 I am making a project locally, so I have those codes in the header
Peter Bae
@MirinaeMiREU
Aug 02 2017 01:07
Hi, I'm having some trouble with the exact change problem.
The page freezes up on me and I'm guessing it's the while loop that I put in there
The console didn't catch the infinity loops and now I'm stuck, because the page loads with the bad code and is perpetually locked.
glitz20
@glitz20
Aug 02 2017 01:09
hey guys how can I make the four pictures attached to each other and each covering 50% of screen width? https://codepen.io/sabin20/pen/rzeqNJ
Long Nguyen
@longnt80
Aug 02 2017 01:19
@sabin20 switching the order of the css import link
glitz20
@glitz20
Aug 02 2017 01:20
@longnt80 sorry I didn't catch it quite right
Long Nguyen
@longnt80
Aug 02 2017 01:21
@sabin20 your css import is like this:
<link href="design.css" rel="stylesheet">
      <!--font and design-->
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
your fontawesome is after your custom stylesheet so it overidden your custom styles
you should move the link to your custom css to the last
glitz20
@glitz20
Aug 02 2017 01:23
@longnt80 alright I will do that
@longnt80 so everytime we should be adding our custom css at last??
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 01:25
@sabin20 you should have your custom CSS file linked last, yes.
The cascading of the stylesheets means the last one takes a higher importance over the ones above it. If you put your font-awesome.css stylesheet below your custom stylesheet, the font-awesome styles will over-ride your styles.
glitz20
@glitz20
Aug 02 2017 01:28
@Anthony-Armfield I made that change, but still cannot get to align the image the way I wanted
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 01:28
@sabin20 I have been away for a while, what image are you trying to change?
glitz20
@glitz20
Aug 02 2017 01:32
@Anthony-Armfield the last four
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 01:32
Oh, I see what you are asking. You have a little bit of padding on your columns.
glitz20
@glitz20
Aug 02 2017 01:33
I want each of them to cover 50%of the width
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 01:33
Remove that padding and you will have images pushed against each other, and take up the 50% of the screen
padding: 0px; on your .col-md-6 class should do it. It is a bootstrap style, so you will be overwriting the bootstrap css style.
glitz20
@glitz20
Aug 02 2017 01:34
@Anthony-Armfield so by default columns have padding?
lfvpCO
@lfvpCO
Aug 02 2017 01:35
Hello guys..
How can I do boxes inside boxes.. I know I can use divs. but I want to center every single box. In the Middle?
glitz20
@glitz20
Aug 02 2017 01:37
@Anthony-Armfield it is still the same. the problem here is with images, I guess because the overlay covers 50% but not the images
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 01:39
@sabin20 is this what you want? https://codepen.io/aarmfield/pen/jLrZJa
@lfvpCO I think the best way to do this is to create divs for each "layer" of boxes, centering each, but reducing the size by whatever size you want to make the boxes fit inside each other.
lfvpCO
@lfvpCO
Aug 02 2017 01:41
And how can I center each box?
glitz20
@glitz20
Aug 02 2017 01:41
@Anthony-Armfield not that. I wanted two images in each row, and each of them covering 50% of the screen
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 01:42
You want each row covering 50%? So, each image covers 25% of the screen?
lfvpCO
@lfvpCO
Aug 02 2017 01:42
Yea the boxes will have diferentes size but I don't know how to center the div
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 01:42
@lfvpCO do you have a codepen we can work with?
Bryce
@BGarbs
Aug 02 2017 01:42
@lfvpCO have you tried margin auto?
@lfvpCO margin: 0 auto; try that
lfvpCO
@lfvpCO
Aug 02 2017 01:43
Ok. I'm gonna do it and I'll come back. I was doing the project on paper 📝
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 01:43
Sorry, my comment was supposed to be for @sabin20 ... you want each row to cover 50%? or each image in the row?
lfvpCO
@lfvpCO
Aug 02 2017 01:43
Cool
I'll try that
Bryce
@BGarbs
Aug 02 2017 01:44
@lfvpCO of you can also do some coding in bootstrap with "col" classes to get it centered but I'd try the margin auto first
glitz20
@glitz20
Aug 02 2017 01:44
each image in the row covering 50%
Bryce
@BGarbs
Aug 02 2017 01:44
@sabin20 couldn't you do bootstrap 3 and do col-6 class?
glitz20
@glitz20
Aug 02 2017 01:45
@BGarbs yeah i have done that, but there is padding. So , I should get rid of that
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 01:45
@sabin20 my codepen shows 2 rows taking up 100% of the screen, each with 2 images taking up 50%. Which part isn't what you want?
Bryce
@BGarbs
Aug 02 2017 01:46
@sabin20 easy to do with padding: o
**padding: 0px;
glitz20
@glitz20
Aug 02 2017 01:46
@Anthony-Armfield oh I just fixed it. Thanks anyways
CamperBot
@camperbot
Aug 02 2017 01:46
sabin20 sends brownie points to @anthony-armfield :sparkles: :thumbsup: :sparkles:
:cookie: 132 | @anthony-armfield |http://www.freecodecamp.com/anthony-armfield
glitz20
@glitz20
Aug 02 2017 01:46
@BGarbs yeah fixed it. Thanks
CamperBot
@camperbot
Aug 02 2017 01:46
sabin20 sends brownie points to @bgarbs :sparkles: :thumbsup: :sparkles:
:cookie: 153 | @bgarbs |http://www.freecodecamp.com/bgarbs
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 01:46
@sabin20 what did you do?
Bryce
@BGarbs
Aug 02 2017 01:46
@sabin20 awesome. Yeah, what did you end up doing?
Long Nguyen
@longnt80
Aug 02 2017 01:47
bootstrap col and padding:0 I guess
glitz20
@glitz20
Aug 02 2017 01:47
.contain.col-md-6 {
  padding: 0;
}
Bryce
@BGarbs
Aug 02 2017 01:47
@sabin20 bingo
@sabin20 well done
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 01:47
@sabin20 that is exactly what I recommended. Great job!
glitz20
@glitz20
Aug 02 2017 01:47
@BGarbs @Anthony-Armfield thanks guys
CamperBot
@camperbot
Aug 02 2017 01:47
sabin20 sends brownie points to @bgarbs and @anthony-armfield :sparkles: :thumbsup: :sparkles:
:warning: sabin20 already gave bgarbs points
:warning: sabin20 already gave anthony-armfield points
Bryce
@BGarbs
Aug 02 2017 01:48
@sabin20 you bet! that's what the community is all about
glitz20
@glitz20
Aug 02 2017 01:48
@BGarbs yeah true
Bryce
@BGarbs
Aug 02 2017 01:49
@sabin20 how long you been coding? and here at FCC?
glitz20
@glitz20
Aug 02 2017 01:49
@BGarbs for like 1 and a half month
what about you?
I am pretty much new
Long Nguyen
@longnt80
Aug 02 2017 01:51
any of your did the twitch project?
Bryce
@BGarbs
Aug 02 2017 01:51
@sabin20 Nice. I've been here off and on for a little over a year and a half I guess. I started a new profile since some of the curriculum was redone and to get refreshed with it all. Haven't finished any section yet regrettably. My daytime job has awful hours
glitz20
@glitz20
Aug 02 2017 01:54
@BGarbs what do you do?
Bryce
@BGarbs
Aug 02 2017 01:56
@sabin20 well starting back in January I transitioned to working for two small businesses (although I've been working for one of them for 3 years). I work for a retail store and also for a race (runners) timing company - putting on races and timing/scoring races. So a lot of weekend work too.
@sabin20 pays the bills and provides for my wife and kids but I am really wanting to boost our income and am hoping coding can help
@sabin20 you?
glitz20
@glitz20
Aug 02 2017 01:59
@BGarbs that's great. Yeah coding can help. I am undergrad student at Whitworth University
Bryce
@BGarbs
Aug 02 2017 02:00
@sabin20 nice! studying computer science?
glitz20
@glitz20
Aug 02 2017 02:03
@BGarbs yeah CS and Economics
Bryce
@BGarbs
Aug 02 2017 02:03
@sabin20 awesome
Tom
@moT01
Aug 02 2017 02:03
@longnt80 whats up
Long Nguyen
@longnt80
Aug 02 2017 02:04
@moT01 I was wonder about the time format in the json: "2017-08-02T00:02:29Z"
what is T00:02:29Z
Tom
@moT01
Aug 02 2017 02:09
not sure, T =time?
The Z in an ISO 8601 date means UTC
Long Nguyen
@longnt80
Aug 02 2017 02:12
I figure it has something to do with timezone
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 02:42
Can anyone help me figure out why my dropdown in the navbar is not working? https://codepen.io/aarmfield/pen/PKzeby I have gone so far as to copy/paste the code right from bootstrap's example and it still is not expanding.
Bryce
@BGarbs
Aug 02 2017 02:43
literally working on this exact same problem myself right now
@Anthony-Armfield you using bootstrap?
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 02:43
Here is the bootstrap's example code.
Bryce
@BGarbs
Aug 02 2017 02:43
@Anthony-Armfield if so, 3 or 4?
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 02:43
@BGarbs yes
3
Bryce
@BGarbs
Aug 02 2017 02:43
@Anthony-Armfield have you added bootstrap 3 to your css and javascript?
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 02:44
@BGarbs I added bootstrap to the HTML file, no CSS or javascript as of yet.
I did include the bootstrap.min.js file, though. Since this functionality needs the .navbar-collapse plugin
Bryce
@BGarbs
Aug 02 2017 02:44
@Anthony-Armfield looks like you've already added them to css and js
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 02:45
Oh, right. Sorry to codepen. Yes.
I just can't figure out why the dropdown doesn't.. drop down.
Bryce
@BGarbs
Aug 02 2017 02:46
@Anthony-Armfield I'm literally at the same spot. lemme check something real quick
@Anthony-Armfield try adding jquery and let me know if that works
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 02:48
Wow. I copy/pasted the entire example code from Bootstrap's site for navbar, and it still doesn't work. So, I know it's not something I have changed in my HTML
Still not working.
@BGarbs I added jQuery and still not working
Bryce
@BGarbs
Aug 02 2017 02:49
@Anthony-Armfield think I got it
Long Nguyen
@longnt80
Aug 02 2017 02:49
@Anthony-Armfield I added jQuery and it worked
Bryce
@BGarbs
Aug 02 2017 02:50
@Anthony-Armfield once you add jquery - make sure your jquery is listed ABOVE your bootstrap js link
@Anthony-Armfield I guess it needs to access jquery BEFORE the js bootstrap link
@Anthony-Armfield that work?
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 02:51
@BGarbs that worked. Wow, I can't believe it needs all this and the Bootstrap website doesn't say anything about it.
Why is it that while including the bootstrap.min.js file, it doesn't work and only loading the jquery library it then works?
I understood it as bootstrap.min.js was the entire js library needed for bootstrap functionality.
Bryce
@BGarbs
Aug 02 2017 02:53
@Anthony-Armfield my understanding of jquery is that it is a library of a bunch of js functions and if bootstrap 3 and 4 use some of those functions then it makes sense that it would need to load (or access) them first to function properly
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 02:54
@BGarbs you are correct, but that is what the bootstrap.min.js file is for. You can link the individual .js functions with individual files in the bootstrap install. However, if you just link bootstrap.min.js you get all of them.. or I thought.
Bryce
@BGarbs
Aug 02 2017 02:55
I found this as an answer on stackoverflow..... Heads up! All javascript plugins require the latest version of jQuery.
Long Nguyen
@longnt80
Aug 02 2017 02:55

@Anthony-Armfield

I can't believe it needs all this and the Bootstrap website doesn't say anything about it

they do states that jquery is required for all plugins

Also note that all plugins depend on jQuery (this means jQuery must be included before the plugin files)
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 02:56

@longnt80 here is what I found:

Plugins can be included individually (using Bootstrap's individual *.js files), or all at once (using bootstrap.js or the minified bootstrap.min.js).

so, I included the bootstrap.min.js file, but it still doesn't work.
Long Nguyen
@longnt80
Aug 02 2017 02:57
no
see Plugin dependencies
Bryce
@BGarbs
Aug 02 2017 02:57
@Anthony-Armfield bootstrap expounds upon jquery so hence jquerys need
Long Nguyen
@longnt80
Aug 02 2017 02:57
@Anthony-Armfield what you said is about bootstrap plugins, not jQuery
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 02:59
Got it working, thanks! @BGarbs @longnt80
CamperBot
@camperbot
Aug 02 2017 02:59
anthony-armfield sends brownie points to @bgarbs and @longnt80 :sparkles: :thumbsup: :sparkles:
:cookie: 155 | @bgarbs |http://www.freecodecamp.com/bgarbs
:cookie: 475 | @longnt80 |http://www.freecodecamp.com/longnt80
Long Nguyen
@longnt80
Aug 02 2017 02:59
@Anthony-Armfield np
Bryce
@BGarbs
Aug 02 2017 03:00
@Anthony-Armfield nice! you bet! team effort!
lfvpCO
@lfvpCO
Aug 02 2017 03:04
hello
hello guys I need your help.. I need to center this circles
Long Nguyen
@longnt80
Aug 02 2017 03:04
center to where? the screen?
lfvpCO
@lfvpCO
Aug 02 2017 03:06
no
well yes
and center the 5 circles one by one insede themself
im doing the rest of the circles
lfvpCO
@lfvpCO
Aug 02 2017 03:09
Madre mia.. thats what im looking for
@longnt80 thank you so much..
CamperBot
@camperbot
Aug 02 2017 03:09
lfvpco sends brownie points to @longnt80 :sparkles: :thumbsup: :sparkles:
:cookie: 476 | @longnt80 |http://www.freecodecamp.com/longnt80
Long Nguyen
@longnt80
Aug 02 2017 03:09
@lfvpCO I only changed the css got .container and .box2
lfvpCO
@lfvpCO
Aug 02 2017 03:10
I am checking
this is the day 4 coding.. so I think im doing ok
what is transform?
Long Nguyen
@longnt80
Aug 02 2017 03:12
@lfvpCO to transform an element
in this case I moved the element
lfvpCO
@lfvpCO
Aug 02 2017 03:14
I got it.. after create all of them, I will give them animation.. some of them are gonna rotate to right and others to the left
Long Nguyen
@longnt80
Aug 02 2017 03:17
you can use animation combined with transform for it
lfvpCO
@lfvpCO
Aug 02 2017 03:52
ok
look
I had to chage the code
@longnt80https://codepen.io/lfvpCO/pen/RZRyye
Long Nguyen
@longnt80
Aug 02 2017 03:57
@lfvpCO let me see
lfvpCO
@lfvpCO
Aug 02 2017 03:57
look
it works in my browser but not in codepen
Long Nguyen
@longnt80
Aug 02 2017 03:59
you need to clean up your code man
there's extra character here:
</head> -->
for .box1: remove the uncompleted properties:
position: absolute;
    top:;
    left:;
lfvpCO
@lfvpCO
Aug 02 2017 04:00
Yes..sorry
Long Nguyen
@longnt80
Aug 02 2017 04:01
transform: translate(-50,-50);*/ remove */
lfvpCO
@lfvpCO
Aug 02 2017 04:01
this mis my firt code in 4 days.
i had to position boxes
because the boxes are inside theyselft
Long Nguyen
@longnt80
Aug 02 2017 04:01
for transform: translate use -50%, not -50
lfvpCO
@lfvpCO
Aug 02 2017 04:02
ok
Long Nguyen
@longnt80
Aug 02 2017 04:02
use position: relative for box1 instead of absolute
lfvpCO
@lfvpCO
Aug 02 2017 04:02
ok
Long Nguyen
@longnt80
Aug 02 2017 04:03
for box2, box3, .. use position:absolute
lfvpCO
@lfvpCO
Aug 02 2017 04:03
how can I rotate an element to the left?
ok
i will change it
Long Nguyen
@longnt80
Aug 02 2017 04:04
use transform: rotate
I don't think you need z-index
lfvpCO
@lfvpCO
Aug 02 2017 04:05

```.box1 {
-webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}```

Long Nguyen
@longnt80
Aug 02 2017 04:06
for box2,box3,box4,.. use this for all of them:
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%)
lfvpCO
@lfvpCO
Aug 02 2017 04:06
this is my animation
Long Nguyen
@longnt80
Aug 02 2017 04:06

don't use this:

position: relative;
      top: 41px;
      left: 41px;

this is random number that can break your layout

@lfvpCO are you using firefox?
lfvpCO
@lfvpCO
Aug 02 2017 04:07
yes
Long Nguyen
@longnt80
Aug 02 2017 04:08
does it work without the prefix -webkit-?
I think transform is pretty well supported?
lfvpCO
@lfvpCO
Aug 02 2017 04:09
im doing changes right now
Daniel
@DanJP2016
Aug 02 2017 04:21
not a freecodecamp project, but I made a space invaders clone using Phaser.js library.
https://github.com/DanJP2016/Space-Invaders
heroiczero
@heroiczero
Aug 02 2017 04:22
@DanJP2016 nice :+1:
Daniel
@DanJP2016
Aug 02 2017 04:23
@heroiczero thanks
CamperBot
@camperbot
Aug 02 2017 04:23
danjp2016 sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1566 | @heroiczero |http://www.freecodecamp.com/heroiczero
Quinn Vinlove
@quin2
Aug 02 2017 04:26
Shoutout to everyone who helped me along the way, my quote generator is done
still have to polish it up a bit but it fulfills all of the user stories
Kirk
@kirkdrichardson
Aug 02 2017 04:34
@DanJP2016 just cloned it, nice!
Daniel
@DanJP2016
Aug 02 2017 04:36
@kirkdrichardson thank you
CamperBot
@camperbot
Aug 02 2017 04:36
danjp2016 sends brownie points to @kirkdrichardson :sparkles: :thumbsup: :sparkles:
:warning: @kirkdrichardson's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Ashish sb
@ashishsb95
Aug 02 2017 05:29
how do i vertically align my quote-box https://codepen.io/ashishsb/pen/wqGoeJ
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 05:41
What are you trying to vertically align, and align with what?
Sorry, forgot to send attention... @ashishsb95 what are you trying to vertically align and what are you trying to align it with?
Ashish sb
@ashishsb95
Aug 02 2017 05:43
@Anthony-Armfield i t worked now ,i used display :flex
Anthony Armfield
@Anthony-Armfield
Aug 02 2017 05:43
@ashishsb95 okay.
Thayyeb salim
@Thayyebsalim
Aug 02 2017 07:38
btw it should be a twitter link @ashishsb95
Thayyeb salim
@Thayyebsalim
Aug 02 2017 08:02
thanks @VicPopescu
CamperBot
@camperbot
Aug 02 2017 08:02
thayyebsalim sends brownie points to @vicpopescu :sparkles: :thumbsup: :sparkles:
:cookie: 528 | @vicpopescu |http://www.freecodecamp.com/vicpopescu
Thayyeb salim
@Thayyebsalim
Aug 02 2017 08:15
@quin2 Hi
I checked out your random quote generator
Some time the author changes but the quote doesn't
Ala Pota
@alapota
Aug 02 2017 10:51
Thank you @Takumar :smiley_cat:
CamperBot
@camperbot
Aug 02 2017 10:51
alapota sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star2: 3778 | @takumar |http://www.freecodecamp.com/takumar
Markus Gihady Azer
@MarkusAzer
Aug 02 2017 13:25
good day everybody, could anyone check why my share button doesnt work
?
https://codepen.io/MarkusAzer/pen/xrmQwP
Kingsley
@Kingwindie
Aug 02 2017 13:29
does anyone know where i can get help for this project i am building,i want to build a menu that will display information about a certain item when it is clicked on,as the menu will be on the left and when i click on an item from the menu it will display information about the item on the right portion of the screen,i have completed the html and css but how do a implement a javascript to display the information on the right of the screen.I know this is lengthy but any help is appreciated if it makes any sense
Darth Skywalker
@AdiSkywalker
Aug 02 2017 13:30
@Kingwindie You got codepen or something?
Kingsley
@Kingwindie
Aug 02 2017 13:31
@AdiSkywalker yes
Liam Docherty
@ldocherty1
Aug 02 2017 14:11

What is the best way in bootstrap v4 to put text in the middle centre of the page using bootstrap v4? What type of col would I use for that?

Here is my attempt is this the best way or could the effect other elements to my page in a negative way.

HTML/CSS

    <!-- Page content -->
        <div class="container">
          <div class="row">
            <div class="col">
              <div class="main-text text-center">
                <h2>Test</h2>
              </div>
            </div>
          </div>
        </div><!-- /.container -->

    .container {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
Darth Skywalker
@AdiSkywalker
Aug 02 2017 14:29
@ldocherty1 Take a look
Gulsvi
@gulsvi
Aug 02 2017 15:06
@ldocherty1 Add a height to your body and your current CSS + HTML will work fine:
body {
  height: 100vh;
}

You could use all Bootstrap Flexbox Utilities if desired, instead of CSS. Your css:

.container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

Can be applied with h-100, d-flex, justify-content-center, and align-items-center

<div class="container h-100 d-flex justify-content-center align-items-center">
  <div class="row">
    <div class="col">
      <div class="main-text text-center">
        <h2>Test</h2>
      </div>
    </div>
  </div>
</div>
Alexandar B
@ace1122sp
Aug 02 2017 15:16
hello people.. can someone tell me if there is any reason why we should not use Symbols in a React statefull component?
Gulsvi
@gulsvi
Aug 02 2017 15:33
@MarkusAzer your quote and author variables won't be available globally because ajax is asynchronous. Update the URL of your link inside your ajax success function with $('.share-quote').attr('href', .... instead. https://stackoverflow.com/questions/179713/how-to-change-the-href-for-a-hyperlink-using-jquery
This way, you don't need a click function, just one line of code to update the URL.
Akash Gajjar
@skywalker212
Aug 02 2017 16:13
hello
in the twitch tv project, when i try to make ajax request for the link https://wind-bow.glitch.me/twitch-api/channels/channelname , i keep getting No 'Access-Control-Allow-Origin' header is present errors
can sombody help?
korzo
@korzo
Aug 02 2017 16:15
@skywalker212 Strange. Response has access-control-allow-origin:* header.
Link to your codepen?
Pagnito
@Pagnito
Aug 02 2017 16:24
@SkyC0der yo
Gulsvi
@gulsvi
Aug 02 2017 16:24
Hello @Pagnito
Pagnito
@Pagnito
Aug 02 2017 16:24
@SkyC0der which code editor do u use?
Gulsvi
@gulsvi
Aug 02 2017 16:24
Codepen :p
I have Atom installed, but only use it when I don't have an internet connection
Pagnito
@Pagnito
Aug 02 2017 16:25
oh i feel u
yea i use atom too, tho i just downloaded visual studio just to see how it runs and cuz i just started a course on starting your own javascript environment starter kit and the guy will be doing it in visual studio
Gulsvi
@gulsvi
Aug 02 2017 16:27
VS Code is really nice too, last time I tried it I couldn't get linting to work so I gave up
that was a few months ago at least
Pagnito
@Pagnito
Aug 02 2017 16:29
whats linting?
Gulsvi
@gulsvi
Aug 02 2017 16:29
code formatting/correction
Pagnito
@Pagnito
Aug 02 2017 16:29
the guy mentioned lintng too but i dunno what it is
Gulsvi
@gulsvi
Aug 02 2017 16:29
add missing semi-colons, indent everything nicely
Pagnito
@Pagnito
Aug 02 2017 16:29
oooh
Gulsvi
@gulsvi
Aug 02 2017 16:29
and lots more
Pagnito
@Pagnito
Aug 02 2017 16:29
does atom do linting?
Gulsvi
@gulsvi
Aug 02 2017 16:29
Yes
Pagnito
@Pagnito
Aug 02 2017 16:31
so is that like a package you download for atom?
Gulsvi
@gulsvi
Aug 02 2017 16:32
Yeah
Pagnito
@Pagnito
Aug 02 2017 16:32
cool cool
Gulsvi
@gulsvi
Aug 02 2017 16:32
The base linter: https://atom.io/packages/linter
And then your linter of choice after that (ESLint, JSLint, etc)
They have them for HTML, CSS, JS, any language
Pagnito
@Pagnito
Aug 02 2017 16:33
sweet thanks @SkyC0der
CamperBot
@camperbot
Aug 02 2017 16:33
pagnito sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 2281 | @skyc0der |http://www.freecodecamp.com/skyc0der
Pagnito
@Pagnito
Aug 02 2017 16:34
does visual studio also have packages?
Pagnito
@Pagnito
Aug 02 2017 16:35
aah ya i see now
Akash Gajjar
@skywalker212
Aug 02 2017 16:37
@korzo sorry i have not uploaded it to codepen yet
Gulsvi
@gulsvi
Aug 02 2017 16:38
@skywalker212 maybe you can share your code instead? That URL shouldn't give you any cross origin issues
Akash Gajjar
@skywalker212
Aug 02 2017 16:38
sure
Gulsvi
@gulsvi
Aug 02 2017 16:39
The gomix.me URL would cause that problem, just in case you're using that one: https://wind-bow.gomix.me/twitch-api/channels/channelname
Tony Brackins
@mrbrackins
Aug 02 2017 16:39
@SkyC0der how can you know which URL will give you cross origin or not?
Gulsvi
@gulsvi
Aug 02 2017 16:39
@mrbrackins Trial and error :)
gomix.me redirects to glitch.me, gomix.me causes the error glitch.me does not
korzo
@korzo
Aug 02 2017 16:40
@mrbrackins You can see request/response header in dev tools, network panel
Akash Gajjar
@skywalker212
Aug 02 2017 16:40

`
$.ajax({

url: "https://wind-bow.glitch.me/twitch-api/channels/" + streamers[i] + "?origin=*",
dataType: 'json',
type: 'POST',
headers: {
  'Api-User-Agent': 'Mozilla/5.0'
},
success: function(reply) {
//do something

}
`

Gulsvi
@gulsvi
Aug 02 2017 16:40
@skywalker212 remove ?origin=* from the end of that URL. That only works with Wikipedia
A few other issues there too - no need for headers, and you want to do a GET instead of a POST
$.ajax({
  url: "https://wind-bow.glitch.me/twitch-api/channels/" + 'streamers[i]',
  success: function(reply) {
    console.log(reply);
  }
});
Akash Gajjar
@skywalker212
Aug 02 2017 16:42
I added headers and the ?origin=* because i thought that it will work on this one also :D
Gulsvi
@gulsvi
Aug 02 2017 16:43
Wikipedia is a bit different :)
Tony Brackins
@mrbrackins
Aug 02 2017 16:43
ok awesome thx @SkyC0der @korzo
CamperBot
@camperbot
Aug 02 2017 16:43
mrbrackins sends brownie points to @skyc0der and @korzo :sparkles: :thumbsup: :sparkles:
:cookie: 329 | @korzo |http://www.freecodecamp.com/korzo
:star2: 2282 | @skyc0der |http://www.freecodecamp.com/skyc0der
Akash Gajjar
@skywalker212
Aug 02 2017 16:43
so afterall the problem is in GET, other than "?origin=*", right?
thanks
Gulsvi
@gulsvi
Aug 02 2017 16:44
@skywalker212 Yeah, GET is the default for ajax, so no need to specify it. You want to GET data, not POST it. Headers are also not needed.
Akash Gajjar
@skywalker212
Aug 02 2017 16:45
so POST is for submitting form and data, right?
Gulsvi
@gulsvi
Aug 02 2017 16:45
Correct, that's one reason to POST
Akash Gajjar
@skywalker212
Aug 02 2017 16:46
I have some trouble with CORS, can you help me with that?
Gulsvi
@gulsvi
Aug 02 2017 16:46
Sure
Akash Gajjar
@skywalker212
Aug 02 2017 16:47
are we not doing the same thing in an ajax request, what is difference between ajax and cross origin request?
I may be assuming something wrong here.
Gulsvi
@gulsvi
Aug 02 2017 16:48
a cross origin request is when you talk to another domain (origin). For example, an ajax request from codepen.io -> wikipedia.org
that goes from one origin (codepen.io) to another (wikipedia.org)
Akash Gajjar
@skywalker212
Aug 02 2017 16:49
and in the other case we are talking with API?
Gulsvi
@gulsvi
Aug 02 2017 16:50
APIs are how we usually hit them, but really, it's about accessing data from one domain to another
Akash Gajjar
@skywalker212
Aug 02 2017 16:51
so we do cross origin request everytime we use an API?
sorry, and ajax request?
Gulsvi
@gulsvi
Aug 02 2017 16:51
If that API is on another server, yes
Akash Gajjar
@skywalker212
Aug 02 2017 16:51
and if we are talking with the same domain, like out own site then there is no need for that, right?
Gulsvi
@gulsvi
Aug 02 2017 16:52
any time we call an API on another server, we do a cross origin request. We get an error if that server is not configured to allow requests from our domain.
korzo
@korzo
Aug 02 2017 16:52
@SkyC0der to be correct, origin is defined as protocol, host, port. So even request from http to https is cross origin
Gulsvi
@gulsvi
Aug 02 2017 16:52
Yeah, very true @korzo just trying to keep it simple for now :)
Akash Gajjar
@skywalker212
Aug 02 2017 16:53
@SkyC0der thanks :D
CamperBot
@camperbot
Aug 02 2017 16:53
skywalker212 sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 2283 | @skyc0der |http://www.freecodecamp.com/skyc0der
Akash Gajjar
@skywalker212
Aug 02 2017 16:53
it was buzzing over my head since past few days
Gulsvi
@gulsvi
Aug 02 2017 16:54
It's good to understand this stuff - after Twitch, you won't work with APIs again until you move on to the Data Visualization certificate
Akash Gajjar
@skywalker212
Aug 02 2017 16:54
okay
thanks for the help :smile:
Eric Weiss
@eweiss17
Aug 02 2017 16:54
some game launchers have twitch embedded
occurred to me that they just incorporated the api
ThePineal
@ThePineal
Aug 02 2017 16:56
How do you make it so your page layout doesnt get all wonky when you zoom in and out?
Gulsvi
@gulsvi
Aug 02 2017 16:56
@korzo Are you the one who implemented the FCC Weather API on glitch? Or was that someone else with the same profile pic?
@ThePineal That's a broad question :) Free Code Camp teaches the bootstrap grid to make our pages respond to different sizes, but there are lots of other ways too
Eric Weiss
@eweiss17
Aug 02 2017 16:58
@media CS3
korzo
@korzo
Aug 02 2017 16:58
@SkyC0der No, I was talking about writing better proxy for twitch to support multiple channels per request
Gulsvi
@gulsvi
Aug 02 2017 16:59
Ahh, okay, this person looks like you :) https://github.com/MiloATH
Eric Weiss
@eweiss17
Aug 02 2017 16:59
clearly twins
korzo
@korzo
Aug 02 2017 17:00
@SkyC0der @eweiss17 :)
ThePineal
@ThePineal
Aug 02 2017 17:00
@SkyC0der more specifically, when looking at the example quote machine, I can zoom in and out and the shape doesnt change at all, but will take up varying amounts of the screen. Whereas mine takes up the same amount of the screen, but squishes everything around within it
Eric Weiss
@eweiss17
Aug 02 2017 17:01
@ThePineal
Gulsvi
@gulsvi
Aug 02 2017 17:01
@ThePineal That's probably because you are using pixels for a static size rather than % or other relative CSS units so it can respond to the size of your screen
static size? Fixed size I mean
Eric Weiss
@eweiss17
Aug 02 2017 17:03
font is not inherently responsive either
ThePineal
@ThePineal
Aug 02 2017 17:04
so all that col-sm stuff doesnt actually do it?
Gulsvi
@gulsvi
Aug 02 2017 17:04
that stuff definitely helps you make your page responsive
bootstrap also adjusts the font size of some elements based on your screen width
Eric Weiss
@eweiss17
Aug 02 2017 17:12
@ThePineal using a framework would be the easiest way to get responsiveness
Gulsvi
@gulsvi
Aug 02 2017 17:13
chat is so dead now :skull: :skull:
Maybe 50 messages on the forums in the past 24 hours too
ThePineal
@ThePineal
Aug 02 2017 17:17
@eweiss17 how would i do that? ive not seen anything about a framework
Eric Weiss
@eweiss17
Aug 02 2017 17:19
bootstrap
ThePineal
@ThePineal
Aug 02 2017 17:22
what do you mean by a framework then?
Gulsvi
@gulsvi
Aug 02 2017 17:23
Bootstrap calls itself a framework
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
ThePineal
@ThePineal
Aug 02 2017 17:24
ok, i just thought he was telling me something new
not telling me to use the framework framework essentially
hifede
@hifede
Aug 02 2017 17:45
hey guys! thanks for all your help for my tribute page! now i am onto building a personal portfolio and i am really stuck :( starting with not being able to make a navigation bar https://codepen.io/arolf_flora/pen/XajbJa
could someone maybe suggest why it's not working with what i've specified in CSS
?
Eric Weiss
@eweiss17
Aug 02 2017 17:54
@hifede you did not include bootstrap in your settings
hifede
@hifede
Aug 02 2017 17:59
@eweiss17 ahh facepalm! thank you!
CamperBot
@camperbot
Aug 02 2017 17:59
hifede sends brownie points to @eweiss17 :sparkles: :thumbsup: :sparkles:
:cookie: 581 | @eweiss17 |http://www.freecodecamp.com/eweiss17
Mohamed Mohamed Said
@MohamedMohamedSaid
Aug 02 2017 18:07
hey guys I just created my first website, tell me your opinion: http://www.gommsaid.com
Niloy513
@Niloy513
Aug 02 2017 18:10
much better portfolio than what I did. anyone here fairly knowledgeable in reactjs?
Eric Weiss
@eweiss17
Aug 02 2017 18:12
@MohamedMohamedSaid ya man real good, does your 'Send Message' actually work?
Mohamed Mohamed Said
@MohamedMohamedSaid
Aug 02 2017 18:13
I am working on it right now
Eric Weiss
@eweiss17
Aug 02 2017 18:20
@MohamedMohamedSaid under your 'Services' you have 3 very long columns or text
I would reccomend just condencing them to bullet points with the key points. Most people (me included) do not want to read that much
Mohamed Mohamed Said
@MohamedMohamedSaid
Aug 02 2017 18:21
@eweiss17 I think I will create another page for my services
Eric Weiss
@eweiss17
Aug 02 2017 18:22
@MohamedMohamedSaid what is your Portfolio section of the page?
Mohamed Mohamed Said
@MohamedMohamedSaid
Aug 02 2017 18:23
@eweiss17 this part I did not finish it yet
Eric Weiss
@eweiss17
Aug 02 2017 18:23
are those screenshots of other projects? are they placeholders and you are going to incorporate them later?
ok
@MohamedMohamedSaid your about section looks like a resume
I think i'd be cool instead to put the technologies you used
again with text being unpleasent, if they want that they can just look at your resume

so under
02/1998 TO 11/2014

Software Developer and Computer Technician
Al-Dawliya
Cairo, Egypt

Mohamed Mohamed Said
@MohamedMohamedSaid
Aug 02 2017 18:26
@eweiss17 yes I will look to it
Eric Weiss
@eweiss17
Aug 02 2017 18:26

you could put

started my career in '
:html5icon: :cs3 icon: :bootstrap icon:'

and put like a short description
ya sorry i know your not done, just giving some ideas
Mohamed Mohamed Said
@MohamedMohamedSaid
Aug 02 2017 18:27
@eweiss17 thats fine for me man :)
Niloy513
@Niloy513
Aug 02 2017 18:40
anyone know how to select elements for manipulation in reactjs dom?
Gulsvi
@gulsvi
Aug 02 2017 18:41
@Niloy513 Standard javascript works fine - document.getElementById, document.getElementsByClassName, etc
Tony Brackins
@mrbrackins
Aug 02 2017 18:42
@Niloy513 what exactly are you trying to do? Ideally, you should be only attaching your app to one div on the page
Gulsvi
@gulsvi
Aug 02 2017 18:44
Maybe misunderstanding the question - rendered elements or not rendered yet? http://jamesknelson.com/react-js-by-example-interacting-with-the-dom/
Niloy513
@Niloy513
Aug 02 2017 18:44

https://codepen.io/Niloy513/pen/YQNoqr?editors=0011

I'm trying to make the calculator app, thanks for the input, the problem is I'm actually using standard java, I think I'm doing it wrong however.

the component called numbers is where I am trying to apply it, I'm just doing it for the first button though.
yah for some reason using refs is highly not advice so i've been trying to find another way such as the getElementbyId as you've mentioned
Sorin Ruse
@sorinr
Aug 02 2017 18:47
@Niloy513 you are using javascript not java
@Niloy513 javascript and java r 2 complete diff languages
Niloy513
@Niloy513
Aug 02 2017 18:49
I'm confused by what you mean by that. did I implement a java rule by mistake?
instead of javascript
Sorin Ruse
@sorinr
Aug 02 2017 18:50
@Niloy513 look at your post above "the problem is I'm actually using standard java,"
Niloy513
@Niloy513
Aug 02 2017 18:51
oh sorry that was a typo I meant javascript
Gulsvi
@gulsvi
Aug 02 2017 18:54
@Niloy513 document.getElementsByClassName("buttons") returns a collection of elements, so you won't be able to get an ID like this:
    var x = document.getElementsByClassName("buttons");
    if (x.Id === "one") {
      this.setState({ number: this.state.number + 1 });
    }
You would need to loop through the collection of elements
As far as hooking that up with React after the loop is beyond me, unfortunately... you may get more help with react over in the HelpDataViz room
Niloy513
@Niloy513
Aug 02 2017 18:58
that was honestly more helpful than anything I've searched all day, I appreciate that
@SkyC0der thank you
CamperBot
@camperbot
Aug 02 2017 18:59
niloy513 sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 2284 | @skyc0der |http://www.freecodecamp.com/skyc0der
Gulsvi
@gulsvi
Aug 02 2017 19:00
Glad I was able to help at least a little bit :)
It actually works
    var x = document.getElementsByClassName("buttons");
    for (var i = 0; i < x.length; i++) {
      if (x[i].id === "one") {
        this.setState({ number: this.state.number + 1 });
      }
    }
@Niloy513 ^^
id also needed to be lower case
Thayyeb salim
@Thayyebsalim
Aug 02 2017 19:09
Optimized my Wikipedia Viewer
Can I get some comments?
https://codepen.io/Thayyeb_Itachi/pen/EvYbap
Eunice Park
@eunicode
Aug 02 2017 19:12
@Thayyebsalim it looks great! Maybe you could add some margin/padding at the top and make the button:hover the same for both buttons, for consistency? These are just my humble opinions though ~
Gulsvi
@gulsvi
Aug 02 2017 19:14

@Thayyebsalim Instead of this:

$(document).ready(function() {
  $(function() {
    $("form").submit(function() {
      return false;
    });
  }); //to ensure that form doiesn't refresh page

  $("input").keyup(function(enter) {
    if (enter.keyCode == 13) {
      $(".search").click();
    }
  }); //to accept enter instead of click

You could simplify and do this instead:

    $("form").submit(function() {
      $(".search").click();
      return false;
    });
Thayyeb salim
@Thayyebsalim
Aug 02 2017 19:15
Thanks @eunipa
I omitted the padding top on purpose.
CamperBot
@camperbot
Aug 02 2017 19:15
thayyebsalim sends brownie points to @eunipa :sparkles: :thumbsup: :sparkles:
:cookie: 265 | @eunipa |http://www.freecodecamp.com/eunipa
Thayyeb salim
@Thayyebsalim
Aug 02 2017 19:15
Oh I'll do that
Sorin Ruse
@sorinr
Aug 02 2017 19:15
@Thayyebsalim i would also make box-shadow of #inner:hover a little more discreet
Gulsvi
@gulsvi
Aug 02 2017 19:15
$(document).ready() is deprecated in jQuery 3.x - and it would be better to wrap your #search click functionality in its own function
Eunice Park
@eunicode
Aug 02 2017 19:17
@Thayyebsalim yep, I had a feeling you purposefully styled it that way :)
Thayyeb salim
@Thayyebsalim
Aug 02 2017 19:17
:D
@sorinr @SkyC0der Thanks
CamperBot
@camperbot
Aug 02 2017 19:18
thayyebsalim sends brownie points to @sorinr and @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 2285 | @skyc0der |http://www.freecodecamp.com/skyc0der
:star2: 1319 | @sorinr |http://www.freecodecamp.com/sorinr
Thayyeb salim
@Thayyebsalim
Aug 02 2017 19:19
Done :thumbsup: :
Eunice Park
@eunicode
Aug 02 2017 19:19
Question, is there a way to nudge up or nudge down a vertically aligned element?
Picture here: http://i.imgur.com/FKflkE6.png
Gulsvi
@gulsvi
Aug 02 2017 19:20
@eunipa Yes, but it depends on how you've coded it
Eunice Park
@eunicode
Aug 02 2017 19:21
@SkyC0der Thank you.
I have a bootstrap row and three columns. I vertically aligned the elements inside them by using .row {display: flex; flex-direction: row;} and .col {display: flex; align-items: center;}
I'd like to raise the icon and "to do"
CamperBot
@camperbot
Aug 02 2017 19:21
eunipa sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 2286 | @skyc0der |http://www.freecodecamp.com/skyc0der
Eric Weiss
@eweiss17
Aug 02 2017 19:21
@eunipa are you using flexbox?
Gulsvi
@gulsvi
Aug 02 2017 19:21
margin-top/bottom
top/bottom
line-height
Thayyeb salim
@Thayyebsalim
Aug 02 2017 19:22
@SkyC0der Is there a way to attach a footer to a page based on viewport height or something?
Eunice Park
@eunicode
Aug 02 2017 19:23
@eweiss17 yes, I used the code from here: https://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3
I'll try SkyC0der's suggestion
Gulsvi
@gulsvi
Aug 02 2017 19:24

@Thayyebsalim Yes, one easy way for your wikipedia page is to wrap everything except the footer in a <main></main> tags and then add this to your body css:

  display: flex;
  min-height: 100vh;
  flex-direction: column;

And this for your new main tag:

main {
  flex: 1 0 auto;
}
Eric Weiss
@eweiss17
Aug 02 2017 19:27
was not aware of main tag. Is that to replace body tag?
Gulsvi
@gulsvi
Aug 02 2017 19:28
It's a semantic element, representing the main content of the page - basically everything between <header> and <footer>
@eunipa margin-top will push those elements down, margin-bottom will nudge them up
Eric Weiss
@eweiss17
Aug 02 2017 19:32
main {
  flex: 1 0 auto;
}
flex-grow: set to 1; this means elements will stay same size;
flex-shrink: set to 0; elements will not shrink;
flex -basis: auto; look at height element to determine default size (100 vh)
oh hm If all items have flex-grow set to 1, the remaining space in the container will be distributed equally to all children.
hifede
@hifede
Aug 02 2017 19:33
anyone might have an idea why wont it add a margin to my p element? also, why doesnt the google font work? https://codepen.io/arolf_flora/pen/XajbJa?editors=1100
Eric Weiss
@eweiss17
Aug 02 2017 19:34
@hifede your <link href=' never has a closing '
it's also font-family: for fonts. font-style: is different
you used .p in your css, that means you are targeting a class , you just want p if you want to target the tag
Martialis39
@Martialis39
Aug 02 2017 19:41
hello! I have a problem. I would like to use pure vanilla js to make a API request to the wiki api
I have only done this in jquery so far and I have no idea what I should
can someone point me in the right direction?
Gulsvi
@gulsvi
Aug 02 2017 19:41
@Martialis39 You can use the fetch() API to call Wikipedia without jQuery https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
Thayyeb salim
@Thayyebsalim
Aug 02 2017 19:41
@SkyC0der I want to put a footer in this
Eunice Park
@eunicode
Aug 02 2017 19:41
@SkyC0der margin-bottom did the trick :thumbsup:
Martialis39
@Martialis39
Aug 02 2017 19:42
@SkyC0der thank you! i will check that out
CamperBot
@camperbot
Aug 02 2017 19:42
martialis39 sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 2287 | @skyc0der |http://www.freecodecamp.com/skyc0der
Gulsvi
@gulsvi
Aug 02 2017 19:44
@Thayyebsalim The same technique will work for you. Wrap your .box in a <main></main>
Liam Docherty
@ldocherty1
Aug 02 2017 19:47
@MohamedMohamedSaid Nice looks great!
https://jsfiddle.net/wzhLbnu3/#&togetherjs=GpNsEoau6u. why isn't my text "Liam" in the middle centered?
Eric Weiss
@eweiss17
Aug 02 2017 19:48
@Thayyebsalim you don't really need a sticky footer if your page does not scroll
as far as i am aware....
Gulsvi
@gulsvi
Aug 02 2017 19:54
@ldocherty1 Did you add Bootstrap4?
Or just remove it? Looks like it's centered in its div if you add bootstrap 4
If you want it centered on the page, :point_up: Use this answer instead
Liam Docherty
@ldocherty1
Aug 02 2017 20:17
@SkyC0der thanks!
CamperBot
@camperbot
Aug 02 2017 20:17
ldocherty1 sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 2288 | @skyc0der |http://www.freecodecamp.com/skyc0der
Liam Docherty
@ldocherty1
Aug 02 2017 20:22
@SkyC0der No idea what I previously done to make it like that be4
Gulsvi
@gulsvi
Aug 02 2017 20:24
@ldocherty1 In JSFiddle, click External Resources on the left-hand side
And remove your nested container:
   <body>
      <!-- Page content -->
      <!-- SECTION1 -->
      <section id="part1">
         <div class="container-fluid d-flex h-50 align-items-center justify-content-center">
            <div class="container-fluid"> <!-- this is a nested container, we can't do this in bootstrap -->
               <div class="row">
                  <div class="col">
                     <h1>Liam</h1>
                  </div>
               </div>
            </div>
         </div>
      </section>
      </body>
change h-50 to h-100 and notice the change
Liam Docherty
@ldocherty1
Aug 02 2017 20:30
Ok I'll try that now :)
zacharey
@zacharey
Aug 02 2017 20:40
@SkyC0der can i get a hand with my sass

@mixin photo-content ($file) {
    content: url(#{Sfile}.jpg);
    object-fit: cover;
}

@mixin backgroundImg($file, $min-height, $width, $opacity){
    @include photo-content($file);
    min-height:$min-height;
    width:$width;
    opacity:$opacity;
}
trying to interpolate the background image so that I can call it in the main scss file
i don’t remember what I am doing wrong
<I am/>
@kondasMajid
Aug 02 2017 20:43
can someone help me understand this function
function acceptKey(e) {
var event = window.event ? window.event : e;
if (true) {
alert(event.keyCode);
}
}
zacharey
@zacharey
Aug 02 2017 20:45
so i think it is saying that if whatever e is, if it is true show an alert box with the keyCode @Guykondas
so the acceptKey is checking (e) to see if it matches something
<I am/>
@kondasMajid
Aug 02 2017 20:48
okay @zacharey , i think im getting it gradually
but i think this ==var event = window.event ? window.event : e;
is the confusin part
zacharey
@zacharey
Aug 02 2017 20:50
so this is literally the event wherever you are at the time… its comparing it ot the variable event and defining it to another set of events
or group of possible events
is what it looks like from what you have posted
hifede
@hifede
Aug 02 2017 21:03
@eweiss17 thank you so much... turns out i am just tired and have problem paying attention haha
CamperBot
@camperbot
Aug 02 2017 21:03
hifede sends brownie points to @eweiss17 :sparkles: :thumbsup: :sparkles:
:cookie: 582 | @eweiss17 |http://www.freecodecamp.com/eweiss17
Jim Tryon
@jimtryon
Aug 02 2017 21:03
@Guykondas another name for the conditional operator is the ternary operator
Carlos
@cardangi
Aug 02 2017 21:13
Someone tell me pls, why my code doesnt work?
<I am/>
@kondasMajid
Aug 02 2017 21:16
@gothamknight ok thanks\
CamperBot
@camperbot
Aug 02 2017 21:16
guykondas sends brownie points to @gothamknight :sparkles: :thumbsup: :sparkles:
:cookie: 338 | @gothamknight |http://www.freecodecamp.com/gothamknight
Thayyeb salim
@Thayyebsalim
Aug 02 2017 21:28
thanks @eweiss17
CamperBot
@camperbot
Aug 02 2017 21:28
thayyebsalim sends brownie points to @eweiss17 :sparkles: :thumbsup: :sparkles:
:cookie: 583 | @eweiss17 |http://www.freecodecamp.com/eweiss17
hifede
@hifede
Aug 02 2017 21:36
cant firgure out why it wont center my photo... could someone hep me pls? https://codepen.io/arolf_flora/pen/XajbJa?editors=1100
iso
@iso1048
Aug 02 2017 21:39
@hifede you could add margin: auto to the img in css
Kingsley
@Kingwindie
Aug 02 2017 21:43
can someone help me fix this list,i dont want the search and home button all the way down there,it moves down with the list,how do i make them stay at the top
hifede
@hifede
Aug 02 2017 21:44
thank you @gothamknight ! even tough i wonder why it wasnt working with .imgCenter {
text-align: center;
} - it worked for my previous Pen
CamperBot
@camperbot
Aug 02 2017 21:44
hifede sends brownie points to @gothamknight :sparkles: :thumbsup: :sparkles:
:cookie: 339 | @gothamknight |http://www.freecodecamp.com/gothamknight
iso
@iso1048
Aug 02 2017 21:44
@hifede yeah i wonder too. not sure sorry. i would expect it to work
Pagnito
@Pagnito
Aug 02 2017 21:58
every app idea i have already exists wtffff! lol
CallMeOrange
@EgnaroDev
Aug 02 2017 22:00
lol
Great, can't figure out how to add an image to button
Maybe I just need to create a box that looks like a button..
Cage Echarte
@CageEcharte
Aug 02 2017 22:06
I really need some help on this tic tac toe game. I have a bug!
Can anyone help?
glitz20
@glitz20
Aug 02 2017 22:08
hey guys I having trying to implement border and margin in my register class, but I cannot.Can anyone please help? https://codepen.io/sabin20/pen/EvPgMd
Johnny
@jtan3
Aug 02 2017 22:11
@sabin20 you're missing .content
glitz20
@glitz20
Aug 02 2017 22:11
got it thanks @jtan3
CamperBot
@camperbot
Aug 02 2017 22:11
sabin20 sends brownie points to @jtan3 :sparkles: :thumbsup: :sparkles:
:cookie: 453 | @jtan3 |http://www.freecodecamp.com/jtan3
CallMeOrange
@EgnaroDev
Aug 02 2017 22:14
@Pagnito Hey
#OS
@horlabyc
Aug 02 2017 22:19
var searchValue = $(".searchquery").val();
   $(".searchquery").keypress(function(event) {
      if (event.keyCode === 13) {
        event.preventDefault();
        console.log(searchValue);
        }
    });
CallMeOrange
@EgnaroDev
Aug 02 2017 22:20
I'm going to redo Search and Replace, my solution looks ugly
function myReplace(str, before, after) {
  str = str.split(" ");
  var index = str.indexOf(before);
  var replaced = str.splice(index, 1, after);
  if (before[0] === before[0].toUpperCase())
    str.splice(
      index,
      1,
      str[index][0].toUpperCase() + str[index].slice(1, str[index].length)
    );
  else str.splice(index, 1, after);
  return str.join(" ");
}
myReplace("Let us get back to more Coding", "Coding", "algorithms");
#OS
@horlabyc
Aug 02 2017 22:20
why does searchValue keep returning empty string on key press after typing in the search field
Gulsvi
@gulsvi
Aug 02 2017 22:21
@hifede Your image won't center with text-align: center on the parent because it is using the img-responsive class which converts it from inline to a block element. You can add the center-block class to images that use the img-responsive class to center them. Also, you have two different versions of bootstrap added to your project which is going to cause some problems. Open your settings -> CSS and remove the first link to bootstrap.
CallMeOrange
@EgnaroDev
Aug 02 2017 22:23
@SkyC0der Just curious, whats your code for DNA Pairing?
Gulsvi
@gulsvi
Aug 02 2017 22:24
@EgnaroDev
  var pairMap = {
    "G": "C",
    "C": "G",
    "A": "T",
    "T": "A"
  };

  return str.split('').map(char => [char, pairMap[char]]);
CallMeOrange
@EgnaroDev
Aug 02 2017 22:25
Nice
Gulsvi
@gulsvi
Aug 02 2017 22:25
objects make things very clean
CallMeOrange
@EgnaroDev
Aug 02 2017 22:25
I survived without knowing how to use map method so far...
Gulsvi
@gulsvi
Aug 02 2017 22:26
What's your code?
Cage Echarte
@CageEcharte
Aug 02 2017 22:26
I got it
CallMeOrange
@EgnaroDev
Aug 02 2017 22:26
function myReplace(str, before, after) {
  if (before[0] === before[0].toUpperCase()) return str.replace(before, after.slice(0,1).toUpperCase().concat(after.slice(1)));
  else return str.replace(before, after);
}
myReplace("Let us get back to more Coding", "Coding", "algorithms");
Done
I'm surprised myself lol
function pairElement(str) {
  var result = [];
  for (var i = 0; i < str.length; i++) {
    console.log(str.split("")[i]);
    if (str[i] == "T") result.push(str[i].concat(["A"]).split(""));
    else if (str[i] == "A") result.push(str[i].concat(["T"]).split(""));
    else if (str[i] == "G") result.push(str[i].concat(["C"]).split(""));
    else if (str[i] == "C") result.push(str[i].concat(["G"]).split(""));
  }
  return result;
}
Oops thats in repl.it
Forgot to remove console.log()...
Gulsvi
@gulsvi
Aug 02 2017 22:28
I think you only need ifs, no else needed
CallMeOrange
@EgnaroDev
Aug 02 2017 22:28
function pairElement(str) {
  var result = [];
  for (var i = 0; i < str.length; i++) {
    if (str[i] == "T") result.push(str[i].concat(["A"]).split(""));
    else if (str[i] == "A") result.push(str[i].concat(["T"]).split(""));
    else if (str[i] == "G") result.push(str[i].concat(["C"]).split(""));
    else if (str[i] == "C") result.push(str[i].concat(["G"]).split(""));
  }
  return result;
}
Gulsvi
@gulsvi
Aug 02 2017 22:28
that works nicely though
CallMeOrange
@EgnaroDev
Aug 02 2017 22:28
Thanks
Gulsvi
@gulsvi
Aug 02 2017 22:28
  var result = [];

  for (var i = 0; i < str.length; i++) {
    if (str[i] === 'T') result.push(['T', 'A']);
    if (str[i] === 'A') result.push(['A', 'T']);
    if (str[i] === 'G') result.push(['G', 'C']);
    if (str[i] === 'C') result.push(['C', 'G']);
  }

  return result;
CallMeOrange
@EgnaroDev
Aug 02 2017 22:28
I never tried ifs, whats the difference?
Omg...
I guess I was rushing lol
Gulsvi
@gulsvi
Aug 02 2017 22:29
like that instead of if, else if, else if, etc... since str[i] can only be one thing
CallMeOrange
@EgnaroDev
Aug 02 2017 22:29
I see
function pairElement(str) {
  var result = [];
  for (var i = 0; i < str.length; i++) {
    if (str[i] == "T") result.push(str[i].concat(["A"]).split(""));
    if (str[i] == "A") result.push(str[i].concat(["T"]).split(""));
    if (str[i] == "G") result.push(str[i].concat(["C"]).split(""));
    if (str[i] == "C") result.push(str[i].concat(["G"]).split(""));
  }
  return result;
}
I like my own code, looks cool anyway :trollface:
Gulsvi
@gulsvi
Aug 02 2017 22:30
yeah, that looks a little more readable :)
CallMeOrange
@EgnaroDev
Aug 02 2017 22:30
@SkyC0der thanks for telling me about ifs
CamperBot
@camperbot
Aug 02 2017 22:30
egnarodev sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 2289 | @skyc0der |http://www.freecodecamp.com/skyc0der
Gulsvi
@gulsvi
Aug 02 2017 22:30
sure
now.....how do i get an old macbook to reboot when the power button doesn't work and it's stuck restarting after an update? :p
think I have to let the battery die :(
CallMeOrange
@EgnaroDev
Aug 02 2017 22:31
lol, I have no idea...
Yeah Thats what I thought, I think power button is only way
Maybe remove the battery and put it back if possible
Gulsvi
@gulsvi
Aug 02 2017 22:31
every time the battery dies, I have to connect a jumper to the motherboard to start it up...
pain...
CallMeOrange
@EgnaroDev
Aug 02 2017 22:32
What's a jumper?
Gulsvi
@gulsvi
Aug 02 2017 22:32
a paperclip in my case lol
CallMeOrange
@EgnaroDev
Aug 02 2017 22:32
lol
Gulsvi
@gulsvi
Aug 02 2017 22:32
ground one end, then the other end touches a pin on the keyboard connector on the motherboard
I don't know if "jumper" is the right word
CallMeOrange
@EgnaroDev
Aug 02 2017 22:33
function myReplace(str, before, after) {
  if (before[0] === before[0].toUpperCase()) return str.replace(before, after.slice(0,1).toUpperCase().concat(after.slice(1)));
  else return str.replace(before, after);
}
myReplace("Let us get back to more Coding", "Coding", "algorithms");
^^ New Solution vs
function myReplace(str, before, after) {
  str = str.split(" ");
  var index = str.indexOf(before);
  var replaced = str.splice(index, 1, after);
  if (before[0] === before[0].toUpperCase())
    str.splice(
      index,
      1,
      str[index][0].toUpperCase().concat(str[index].slice(1, str[index].length))
    );
  else str.splice(index, 1, after);
  return str.join(" ");
}
myReplace("Let us get back to more Coding", "Coding", "algorithms");
Gulsvi
@gulsvi
Aug 02 2017 22:34
I did that a little differently but same idea:
  if (before[0] === before[0].toUpperCase()) after = after[0].toUpperCase() + after.substr(1);
  return str.replace(before, after);
CallMeOrange
@EgnaroDev
Aug 02 2017 22:34
Oh I could use ternary operator...
Gulsvi
@gulsvi
Aug 02 2017 22:34
no need for the else in that one either
CallMeOrange
@EgnaroDev
Aug 02 2017 22:35
function myReplace(str, before, after) {
  return (before[0] === before[0].toUpperCase())? str.replace(before, after.slice(0,1).toUpperCase().concat(after.slice(1))) : str.replace(before, after);
}
Gulsvi
@gulsvi
Aug 02 2017 22:35
That's a <------ wide -------> solution :p
CallMeOrange
@EgnaroDev
Aug 02 2017 22:35
function myReplace(str, before, after) {
  return before[0] === before[0].toUpperCase()
    ? str.replace(
        before,
        after.slice(0, 1).toUpperCase().concat(after.slice(1))
      )
    : str.replace(before, after);
}
myReplace("Let us get back to more Coding", "Coding", "algorithms");
Tidied that code in codepen
function myReplace(str, before, after) {return (before[0] === before[0].toUpperCase())? str.replace(before, after.slice(0,1).toUpperCase().concat(after.slice(1))) : str.replace(before, after);}
One-liner I guess
@SkyC0der What's yours?
Gulsvi
@gulsvi
Aug 02 2017 22:37
Mine is:
  if (before[0] === before[0].toUpperCase()) after = after[0].toUpperCase() + after.substr(1);
  return str.replace(before, after);
CallMeOrange
@EgnaroDev
Aug 02 2017 22:37
Nice
Sometime I did parameter/variable.replace(/variable/g, ...)
I think that is why I did that big solution..
Gulsvi
@gulsvi
Aug 02 2017 22:39
You're becoming a pro at .concat() :)
CallMeOrange
@EgnaroDev
Aug 02 2017 22:39
Thanks :)
Its not hard lol
Man, I have too many algorithms in repl.it
I didn't know repl.it had Search input :sob:, I guess I wasn't paying attention to things
I have at least 60 repls
Gulsvi
@gulsvi
Aug 02 2017 22:41
I've never used it except when people link to it here in chat
CallMeOrange
@EgnaroDev
Aug 02 2017 22:41
I see
You guys like codepen I guess
Oh yeah I haven't show you my solution for Pig Latin
I don't think this is good...
function translatePigLatin(str) {
    var vowel = /[aeiou]/gi;
    if (str[0].match(vowel)) {return str.concat("way");}
    else if (str[1].match(vowel)) return str.substr(1).concat(str.substr(0, 1).concat("ay"));
    return str.substr(2).concat(str.substr(0, 2).concat("ay"));
}
That is fine for fCC, but not sure if that solution would work with many cases
Gulsvi
@gulsvi
Aug 02 2017 22:43
More .concat()!
CallMeOrange
@EgnaroDev
Aug 02 2017 22:44
lol
Gulsvi
@gulsvi
Aug 02 2017 22:44
:)
CallMeOrange
@EgnaroDev
Aug 02 2017 22:44
What's yours?
Gulsvi
@gulsvi
Aug 02 2017 22:44
function translatePigLatin(str) {
  var firstVowel = str.indexOf(str.match(/[aeiou]/gi)[0]);

  if (firstVowel === 0) return str + 'way';
  return str.substr(firstVowel) + str.substr(0,firstVowel) + 'ay';
}
CallMeOrange
@EgnaroDev
Aug 02 2017 22:44
Though I can check your solutions out on fCC..
hm..
Gulsvi
@gulsvi
Aug 02 2017 22:44
I think there's a cleaner way to do it...
CallMeOrange
@EgnaroDev
Aug 02 2017 22:44
Did that work for fCC cases?
Gulsvi
@gulsvi
Aug 02 2017 22:45
Yes
CallMeOrange
@EgnaroDev
Aug 02 2017 22:45
oh str.substr(0,firstVowel)
Makes sense
No not really.. I might have to console.log lol
oh .indexOf I was starting to think that it would be impossible without indexOf
Gulsvi
@gulsvi
Aug 02 2017 22:48
str.match() returns an array of vowels
I ask for the first one with [0]
CallMeOrange
@EgnaroDev
Aug 02 2017 22:48
Yeah
Gulsvi
@gulsvi
Aug 02 2017 22:48
then I get the index of that first one
CallMeOrange
@EgnaroDev
Aug 02 2017 22:48
I didn't see .indexOf there lol
Gulsvi
@gulsvi
Aug 02 2017 22:48
Ahh I see
CallMeOrange
@EgnaroDev
Aug 02 2017 22:49
Nice solution, I guess our solution is similar
thought there is another way
function translatePigLatin(str) {
    var strArr = [];
    var tmpChar;

    // check if the char is consonant using RegEx
    function isConsonant(char) {
        return !/[aeiou]/.test(char);
    }

    // return initial str + "way" if it starts with vowel
    // if not - convert str to array
    if (!isConsonant(str.charAt(0)))
        return str + "way";
    else
        strArr = str.split("");

    // push all consonats to the end of the array
    while (isConsonant(strArr[0])) {
        tmpChar = strArr.shift();
        strArr.push(tmpChar);
    }
 // convert array to string and concatenate "ay" at the end  
 return strArr.join("")+"ay";
}

// test here
translatePigLatin("consonant");
Advanced code
Gulsvi
@gulsvi
Aug 02 2017 22:50
wow, that's from the forums?
CallMeOrange
@EgnaroDev
Aug 02 2017 22:50
Yea
function translatePigLatin(str) {
  function check(obj) {
      return ['a','i','u','e','o'].indexOf(str.charAt(obj)) == -1 ? check(obj + 1) : obj;
  }

  return str.substr(check(0)).concat((check(0) === 0 ? 'w' : str.substr(0, check(0))) + 'ay');
}

// test here
translatePigLatin("consonant");
Gulsvi
@gulsvi
Aug 02 2017 22:50
I wonder what makes that advanced
CallMeOrange
@EgnaroDev
Aug 02 2017 22:51
Same
.shift(), .test() and .charAt is complicated in that solution lol
Using another function in different condition
Are we only one here?
Gulsvi
@gulsvi
Aug 02 2017 22:55
But yep, pretty quiet these days
Now he's gone :/
CallMeOrange
@EgnaroDev
Aug 02 2017 22:55
Missing letters is going to be fun
lol
I think I have good logic
I might use .match() for this
CallMeOrange
@EgnaroDev
Aug 02 2017 23:15
function fearNotLetter(str) {
  var alphabet = "abcdefghijklmnopqrstuvwxyz";
  str = str.split('');
  if (str[0] !== "a") return undefined;
  return alphabet.slice(0, str.length).split('').filter(function(newStr, i){
    return str[i] !== newStr;
  }).join('').slice(0, 1); // .slice(0, str.length);
}
fearNotLetter("abcef");
Going to create another solution for Missing letters after Boo who
Gulsvi
@gulsvi
Aug 02 2017 23:18
use charCodeAt() to make it simpler
CallMeOrange
@EgnaroDev
Aug 02 2017 23:19
Yeah thats what I'm going to do after Boo who
For Boo who, with boolean variable do I need more than true/false?
Gulsvi
@gulsvi
Aug 02 2017 23:21
no, return either true or false
CallMeOrange
@EgnaroDev
Aug 02 2017 23:22
Thats not what I mean, like to compare
Gulsvi
@gulsvi
Aug 02 2017 23:22
That's part of the challenge :)
iso
@iso1048
Aug 02 2017 23:22
@SkyC0der used the star wars api yet?
CallMeOrange
@EgnaroDev
Aug 02 2017 23:23
function booWho(bool) {
  var boolean = [true, false];
  var result;
  for (var i = 0; i < boolean.length; i++){
    if (bool === boolean[0] || bool === boolean[1]) result = true;
    else result = false;
  }
  return result;
}

booWho(true);
Gulsvi
@gulsvi
Aug 02 2017 23:23
No @gothamknight :) not yet!
CallMeOrange
@EgnaroDev
Aug 02 2017 23:23
boolean variable, I guess true/false is all I need
iso
@iso1048
Aug 02 2017 23:23
@EgnaroDev that seems very long
CallMeOrange
@EgnaroDev
Aug 02 2017 23:23
Thats just a practice..
iso
@iso1048
Aug 02 2017 23:24
oh, right.
CallMeOrange
@EgnaroDev
Aug 02 2017 23:26
no need for a for loop either ...
function booWho(bool) {
  var boolean = [true, false];
    return (bool === boolean[0] || bool === boolean[1])? true :false;
}
booWho(NaN);
:trollface:
return (bool === true || bool === false)? true :false;
A little better..
Gulsvi
@gulsvi
Aug 02 2017 23:30
function booWho(bool) {
  return typeof bool === 'boolean';
}
:trolleybus: :trollface: :trolleybus:
CallMeOrange
@EgnaroDev
Aug 02 2017 23:30
lol
:clap:
You have similar code as @gothamknight
iso
@iso1048
Aug 02 2017 23:32
@EgnaroDev nah mine is not great.
CallMeOrange
@EgnaroDev
Aug 02 2017 23:32
Well, you will get better if you do codewars like us
I always write code really longer until I did codewars for a while
Except my code for Roman Numeral Converter sucks
iso
@iso1048
Aug 02 2017 23:33
function booWho(bool) {
  if (typeof(bool) == "boolean") {
    return true;
  }
  else {
    return false;
  }
}
CallMeOrange
@EgnaroDev
Aug 02 2017 23:33
Yea
You should learn ternary operator
iso
@iso1048
Aug 02 2017 23:34
yeah i signed up to codewars but havent had time to do anything on it.
yeah i should. ill have a read of the mdn article when i can
CallMeOrange
@EgnaroDev
Aug 02 2017 23:34
if (typeof(bool) == "boolean") {
    return true;
  }
  else {
    return false;
  }
to
return (typeof(bool) == "boolean")? true : false;
iso
@iso1048
Aug 02 2017 23:35
true
CallMeOrange
@EgnaroDev
Aug 02 2017 23:35
well @SkyC0der's code is better since you only need to return true or false
iso
@iso1048
Aug 02 2017 23:37
@SkyC0der 's code is always better.
CallMeOrange
@EgnaroDev
Aug 02 2017 23:37
lol
Sometime mine is better :wink:
iso
@iso1048
Aug 02 2017 23:37
@SkyC0der what do you plan to make with the star wars api?
is it though?
CallMeOrange
@EgnaroDev
Aug 02 2017 23:38
Hm.. if you ask me, I don't think so since you only to get what you need from accessing objects
Hey, can you send me a link of that api? I might want to make a project
CallMeOrange
@EgnaroDev
Aug 02 2017 23:41
Blah... a key