FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Michael Cordero

@CyberPutty

@RandyGoldsmith compare is that what you want

Randy

@RandyGoldsmith

@CyberPutty yes thanks, its very close..i just need the line to run through the circles

CamperBot

@camperbot

randygoldsmith sends brownie points to @cyberputty :sparkles: :thumbsup: :sparkles:

:cookie: 307 | @cyberputty |http://www.freecodecamp.org/cyberputty

Randy

@RandyGoldsmith

@Marmiz yeah i may have to learn them and read up on how to do that

Claudio Restifo

@Marmiz

@RandyGoldsmith I'd go with something like:

li:before {
 content: "";
 width: 5px;
 height: 10px;
 position: absolute;
 background: 'acquamarine';
}

and then play around with top and left/right according to your font size

width and height are just random number as well

Randy

@RandyGoldsmith

@Marmiz okay thank you

CamperBot

@camperbot

:star2: 1160 | @marmiz |http://www.freecodecamp.org/marmiz

randygoldsmith sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:

Claudio Restifo

@Marmiz

probably the div solution as @CyberPutty suggested work as well, I just never tried it :)

Dany Din

@danydin

@Marmiz i found for example those fonts:
https://github.com/lcdvirgo/bootstrap/tree/master/assets/fonts/%5BFontFont%5D%20Kievit

how i apply them on my site what are the stages?

put them in my hosting folder..
add href to them through my html
call them through the class-css i want to apply?
finish?

Dany Din

@danydin

Claudio Restifo

@Marmiz

@danydin you can simply add a font-face tags into your CSS

@font-face {
      font-family: whatever;
      src: url(path to your font);
} 

/* then use it as normal */
body {
  font-family: whatever
}

Dany Din

@danydin

whats the @ purpose

i dont want it on all the site

@Marmiz thanks

CamperBot

@camperbot

danydin sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:

:star2: 1161 | @marmiz |http://www.freecodecamp.org/marmiz

Claudio Restifo

@Marmiz

@danydin at-rule --> read the docs! :)

Fabien SHAN

@X140hu4

Styling the simon game with pure css is hard haha

dinesh

@1532j0004kg

is the 9 and 10 project is tough?

Fabien SHAN

@X140hu4

9 and 10?

dinesh

@1532j0004kg

yup , in fcc

Fabien SHAN

@X140hu4

The last one of the front-end section. Yeah the 10th

dinesh

@1532j0004kg

10 th is tough okay .

:+1:

what about 9th one

Fabien SHAN

@X140hu4

The tic tac toe? I had trouble with the minmax algo implementation

Claudio Restifo

@Marmiz

@X140hu4 it's not that hard, to fake a button press all you can do it just add some box-shadow so that it looks like it.
(like going deeper into the page or higher to the screen so it looks like in 3D)

dinesh

@1532j0004kg

@X140hu4 cool,thanks

CamperBot

@camperbot

1532j0004kg sends brownie points to @x140hu4 :sparkles: :thumbsup: :sparkles:

:cookie: 323 | @x140hu4 |http://www.freecodecamp.org/x140hu4

Fabien SHAN

@X140hu4

@1532j0004kg Have you finished the front end?

dinesh

@1532j0004kg

7 project only.

Fabien SHAN

@X140hu4

So you finished the JS calc?

dinesh

@1532j0004kg

yes

what about you @X140hu4 ?

Fabien SHAN

@X140hu4

@Marmiz Thanks for that :) I trying a few things for the center piece. My project so far: https://codepen.io/X140hu4/pen/RQZvye

CamperBot

@camperbot

x140hu4 sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:

:star2: 1162 | @marmiz |http://www.freecodecamp.org/marmiz

Fabien SHAN

@X140hu4

@1532j0004kg I am on this one and I am finished with the front-end

dinesh

@1532j0004kg

good luck :+1:

Fabien SHAN

@X140hu4

Thanks :)

dinesh

@1532j0004kg

say me a good luck :smile: , lol

Fabien SHAN

@X140hu4

@1532j0004kg I am sure you can do it haha no need for luck :D just grit

dinesh

@1532j0004kg

:smile: :+1: see ya later

Garo

@Garabed96

  componentDidMount() {
    var topRecent = "https://fcctop100.herokuapp.com/api/fccusers/top/recent";
    axios.get(`https://fcctop100.herokuapp.com/api/fccusers/top/recent/`)
      .then(function (res){
        console.log(res);
      }).catch(function(error){
        console.log(error);
      })
  }

  render() {
      return(
        <div>
          <ul>
            {this.state.res.map(res =>
              <li key={res.username}>{res.alltime}</li>
            )}
          </ul>
        </div>
      );

      // <div className="container-fluid">
      //   <h1> TopList </h1>
      //   <div id="TopList">
      //   </div>
      // </div>

  }

I'm trying to map through the json username and alltime list of 100 array, anyone see where I'm going wrong in this react script

Michael Cordero

@CyberPutty

@Garabed96 are you actually passing the content to the constructor. it just looks like your logging the result.

Where communities thrive

People

Repo info

Activity