We're on Discord! Please join our server now if you don't want to miss anything! (More info) | Join the UCC4 contest! (More info)

* WalrusIRC & Discord main room

If you have a forum account, have more than 4 posts and are not part of a restricted usergroup, then you can chat in our main Discord server room directly from here and continue using the forums at the same time. Or you can join our server directly and access many more discussion rooms!

Author Topic: FreeCodeCamp  (Read 14076 times)

0 Members and 1 Guest are viewing this topic.

Offline Jkolade936

  • All Around Coolio
  • Super User
  • Join Date: Jan 2016
  • Location: Horseheads, NY
  • Posts: 1516
  • Post Rating Ratio: +9/-1
  • I'm an unknown loner. I try to change that.
    • Jkolade936
    • My Sprites and Walrii Collection
  • Gender: Male
Re: FreeCodeCamp
« Reply #15 on: February 12, 2016, 08:28:21 pm »
jQuery is there...
I think I'm on challenge 98 or somethin'. That's how many BP I have. :walrii:
  • Calculators owned: None of them. :'(
Does this qualify as a signature? 
The answer is "Sure."


Offline alexgt

  • Just your friendly neighborhood Ninja Stach Fancy Iron Man
  • Super User
  • Join Date: Dec 2014
  • Location: Behind you
  • Posts: 2615
  • Post Rating Ratio: +6/-1
  • Something should go here...
    • /u/alexgt9123
  • Gender: Male
Re: FreeCodeCamp
« Reply #16 on: February 12, 2016, 10:07:19 pm »
Have gun on the first project when you get there! (around challange 140 :P)

I really like how it is laid out ;)
  • Calculators owned: Ti-84+, Ti-Nspire, Hp Prime, Broken HP Prime, HP 48SX

Offline Jkolade936

  • All Around Coolio
  • Super User
  • Join Date: Jan 2016
  • Location: Horseheads, NY
  • Posts: 1516
  • Post Rating Ratio: +9/-1
  • I'm an unknown loner. I try to change that.
    • Jkolade936
    • My Sprites and Walrii Collection
  • Gender: Male
Re: FreeCodeCamp
« Reply #17 on: February 12, 2016, 10:20:27 pm »
I will! I'm in jQuery currently. It's kind of a drag... :P
  • Calculators owned: None of them. :'(
Does this qualify as a signature? 
The answer is "Sure."


Offline alexgt

  • Just your friendly neighborhood Ninja Stach Fancy Iron Man
  • Super User
  • Join Date: Dec 2014
  • Location: Behind you
  • Posts: 2615
  • Post Rating Ratio: +6/-1
  • Something should go here...
    • /u/alexgt9123
  • Gender: Male
Re: FreeCodeCamp
« Reply #18 on: February 16, 2016, 02:42:16 pm »
Yeah, I haven't had time, I will work on more tonight I hope ;)
  • Calculators owned: Ti-84+, Ti-Nspire, Hp Prime, Broken HP Prime, HP 48SX

Offline Jkolade936

  • All Around Coolio
  • Super User
  • Join Date: Jan 2016
  • Location: Horseheads, NY
  • Posts: 1516
  • Post Rating Ratio: +9/-1
  • I'm an unknown loner. I try to change that.
    • Jkolade936
    • My Sprites and Walrii Collection
  • Gender: Male
Re: FreeCodeCamp
« Reply #19 on: February 16, 2016, 02:50:26 pm »
I'm having trouble with the tribute page. I'm kinda lazy, but I also have other HW to do, so maybe I'll get back to it. It's kinda difficult to be plagued by 8th grade HW and still go to a university.  :-\
  • Calculators owned: None of them. :'(
Does this qualify as a signature? 
The answer is "Sure."


Offline alexgt

  • Just your friendly neighborhood Ninja Stach Fancy Iron Man
  • Super User
  • Join Date: Dec 2014
  • Location: Behind you
  • Posts: 2615
  • Post Rating Ratio: +6/-1
  • Something should go here...
    • /u/alexgt9123
  • Gender: Male
Re: FreeCodeCamp
« Reply #20 on: March 10, 2016, 01:46:44 pm »
Sorry to hear, I got done with it a week or two back and this is the link: http://codepen.io/alexgt/full/zrewPr/. You can look at code from that, it isn't against the rules I think, but it isn't perfect.

Right now I am on the portfolio which you can find here: http://codepen.io/alexgt/pen/bpNpwz. but as of now it is really lame (a singe button).
  • Calculators owned: Ti-84+, Ti-Nspire, Hp Prime, Broken HP Prime, HP 48SX

Offline Jkolade936

  • All Around Coolio
  • Super User
  • Join Date: Jan 2016
  • Location: Horseheads, NY
  • Posts: 1516
  • Post Rating Ratio: +9/-1
  • I'm an unknown loner. I try to change that.
    • Jkolade936
    • My Sprites and Walrii Collection
  • Gender: Male
Re: FreeCodeCamp
« Reply #21 on: March 10, 2016, 09:47:42 pm »
Thanks! I'll be able to get it done tomorrow then-it's Superintendent Conference Day, and all the students stay home. :D
  • Calculators owned: None of them. :'(
Does this qualify as a signature? 
The answer is "Sure."


Offline Jkolade936

  • All Around Coolio
  • Super User
  • Join Date: Jan 2016
  • Location: Horseheads, NY
  • Posts: 1516
  • Post Rating Ratio: +9/-1
  • I'm an unknown loner. I try to change that.
    • Jkolade936
    • My Sprites and Walrii Collection
  • Gender: Male
Re: FreeCodeCamp
« Reply #22 on: May 20, 2016, 01:43:37 am »
I see you're still working on that. Can anyone help me with mine?
Here's to view: http://s.codepen.io/Dudeman313/debug/MydBOp#portfolio

Here's the 
Code: [Select]
<head>
  <style>
    .stevepic {
      list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        position: fixed;
        display: block;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
      }
      body {
      font-family: calibri-light;
      }
    ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: #159;
        position: fixed;
        top: 0;
        width: 100%;
          }
   
    li {
        float: left;
    }
   
    li a {
        display: block;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
    }
   
    li a:hover:not(.active) {
        background-color: #111;
    }
   
    .active {
        background-color: #4CAF50;
    }
     
    #content {
      margin-top: 10px;
      }
    #about {
      adding:20px;
      margin-top:50px;
      height:1500px;
      }
     img {
     
      }
  </style>
</head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">

<body class="w3-blue">
  <div class="navbar">
    <ul>
      <li style="float:right"><a href="#about">Contact</a></li>
      <li style="float:right"><a href="#portfolio">Portfolio</a></li>
      <li style="float:right"><a class="active" href="#contact">About</a></li>
      <li class="Steve"><img src="https://i.imgsafe.org/8902e19.gif" class="stevepic"></li>
    </ul>
  </div>
  <div class="w3-container w3-light-grey" style="margin-right:200px; margin-left:200px; margin-top:0px; margin-bottom:0px;padding-bottom:0px;" id="about">
    <p style="margin-top:100px;text-align:justify;font-size:18px;margin-left:20px;"><img src="http://piskel-imgstore-b.appspot.com/img/23ee8bb5-1e16-11e6-92b6-e7d7a3f3deba.gif" alt="Scholarly-Steve" style="width:180px;height:180px;float:right;margin-left:20px;margin-right:20px;">My name is John Kolade. I'm a young student learning
      to code. I like coding, math, sciences, and art. The picture to the right is not me, but rather one of my artistic creations.
    </p>
  </div>
    <div class="w3-container w3-purple" id="portfolio" style="margin-left:200px;margin-right:200px;">
      <h1 style="text-align:center">PORTFOLIO</h1>
  </div>
</body>

My problem is that the first container is much longer than it needs to be, and that my code is super-messy. I don't know what to do. >.<

Project requirements: https://www.freecodecamp.com/challenges/build-a-personal-portfolio-webpage
« Last Edit: May 20, 2016, 01:52:14 am by Dudeman313 »
  • Calculators owned: None of them. :'(
Does this qualify as a signature? 
The answer is "Sure."


Offline alexgt

  • Just your friendly neighborhood Ninja Stach Fancy Iron Man
  • Super User
  • Join Date: Dec 2014
  • Location: Behind you
  • Posts: 2615
  • Post Rating Ratio: +6/-1
  • Something should go here...
    • /u/alexgt9123
  • Gender: Male
Re: FreeCodeCamp
« Reply #23 on: May 20, 2016, 11:58:47 am »
I will take a look since I myself am not done with my portfolio. This is my portfolio: https://codepen.io/alexgt/full/MyOKgw/

EDIT: First of all you should move all your CSS code in the style tag into the CSS window.

EDIT 2: And also I would make your own style sheet or make all the CSS in that page so it is not hosted by w3-schools ;)
« Last Edit: May 20, 2016, 12:02:32 pm by alexgt »
  • Calculators owned: Ti-84+, Ti-Nspire, Hp Prime, Broken HP Prime, HP 48SX

Offline Jkolade936

  • All Around Coolio
  • Super User
  • Join Date: Jan 2016
  • Location: Horseheads, NY
  • Posts: 1516
  • Post Rating Ratio: +9/-1
  • I'm an unknown loner. I try to change that.
    • Jkolade936
    • My Sprites and Walrii Collection
  • Gender: Male
Re: FreeCodeCamp
« Reply #24 on: May 20, 2016, 12:59:00 pm »
That's really cool! ;D

I'll move my CSS, but how do I make a style sheet?
Also, I'd have to find the colors I used.  :-|
  • Calculators owned: None of them. :'(
Does this qualify as a signature? 
The answer is "Sure."


Offline alexgt

  • Just your friendly neighborhood Ninja Stach Fancy Iron Man
  • Super User
  • Join Date: Dec 2014
  • Location: Behind you
  • Posts: 2615
  • Post Rating Ratio: +6/-1
  • Something should go here...
    • /u/alexgt9123
  • Gender: Male
Re: FreeCodeCamp
« Reply #25 on: May 20, 2016, 03:11:03 pm »
To make a style sheet you have to have a website and upload a style sheet to use it on any page. To make it you just have a file with the <style></style> tags and host it on your website. But moving your CSS to the CSS window will be sufficient.
  • Calculators owned: Ti-84+, Ti-Nspire, Hp Prime, Broken HP Prime, HP 48SX

Offline Jkolade936

  • All Around Coolio
  • Super User
  • Join Date: Jan 2016
  • Location: Horseheads, NY
  • Posts: 1516
  • Post Rating Ratio: +9/-1
  • I'm an unknown loner. I try to change that.
    • Jkolade936
    • My Sprites and Walrii Collection
  • Gender: Male
Re: FreeCodeCamp
« Reply #26 on: May 20, 2016, 05:12:13 pm »
I don't have a website, but I guess I could make one with Google Sites. :)

How do I host it on the site, and how do I use it afterwards?
  • Calculators owned: None of them. :'(
Does this qualify as a signature? 
The answer is "Sure."


Offline alexgt

  • Just your friendly neighborhood Ninja Stach Fancy Iron Man
  • Super User
  • Join Date: Dec 2014
  • Location: Behind you
  • Posts: 2615
  • Post Rating Ratio: +6/-1
  • Something should go here...
    • /u/alexgt9123
  • Gender: Male
Re: FreeCodeCamp
« Reply #27 on: May 20, 2016, 05:36:39 pm »
Well, I don't have a website either so I am not an expert on that but you can put all your CSS in codepen and Ctrl+C, Ctrl+V it into your other pens
  • Calculators owned: Ti-84+, Ti-Nspire, Hp Prime, Broken HP Prime, HP 48SX

Offline Jkolade936

  • All Around Coolio
  • Super User
  • Join Date: Jan 2016
  • Location: Horseheads, NY
  • Posts: 1516
  • Post Rating Ratio: +9/-1
  • I'm an unknown loner. I try to change that.
    • Jkolade936
    • My Sprites and Walrii Collection
  • Gender: Male
Re: FreeCodeCamp
« Reply #28 on: May 21, 2016, 03:12:02 pm »
Oh. Yeah, I could do that too.

Thanks. Should I put an actual picture of myself on it, or no? I was thinking about that...

And also, even though I've removed w3 stuff, the thing is still too long... :(
  • Calculators owned: None of them. :'(
Does this qualify as a signature? 
The answer is "Sure."


Offline alexgt

  • Just your friendly neighborhood Ninja Stach Fancy Iron Man
  • Super User
  • Join Date: Dec 2014
  • Location: Behind you
  • Posts: 2615
  • Post Rating Ratio: +6/-1
  • Something should go here...
    • /u/alexgt9123
  • Gender: Male
Re: FreeCodeCamp
« Reply #29 on: May 24, 2016, 12:28:08 pm »
Oh. Yeah, I could do that too.

Thanks. Should I put an actual picture of myself on it, or no? I was thinking about that...

And also, even though I've removed w3 stuff, the thing is still too long... :(
Well it is up to you if you want a picture on there since it is completely public, you don't even need an account to see pens, personally I wouldn't but that is just my opinion.

and if you are worried about length of your CSS, don't be just so long that it is readable
  • Calculators owned: Ti-84+, Ti-Nspire, Hp Prime, Broken HP Prime, HP 48SX

 


You can also use the following HTML or bulletin board code to share it on your page or forum signature!


Also do not forget to check our affiliates below.
Planet Casio TI-Planet Calc.news BroniesQC BosaikNet Velocity Games