FreeCodeCamp

Dudeman313 · 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.

alexgt · February 12, 2016, 10:07:19 PM

Have gun on the first project when you get there! (around challange 140

)

I really like how it is laid out

Dudeman313 · February 12, 2016, 10:20:27 PM

I will! I'm in jQuery currently. It's kind of a drag...

alexgt · February 16, 2016, 02:42:16 PM

Yeah, I haven't had time, I will work on more tonight I hope

Dudeman313 · 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. $:-\$

alexgt · 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).

Dudeman313 · 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.

Dudeman313 · 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

alexgt · 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

Dudeman313 · May 20, 2016, 12:59:00 PM

That's really cool!

I'll move my CSS, but how do I make a style sheet?
Also, I'd have to find the colors I used.

alexgt · 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.

Dudeman313 · 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?

alexgt · 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

Dudeman313 · 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...

alexgt · May 24, 2016, 12:28:08 PM

Quote from: Dudeman313 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...

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