July 21, 2019, 09:46:12 pm

News:

subscribe to codewalrus



Alternatively, join us on Discord.

FreeCodeCamp

Started by alexgt, February 09, 2016, 07:44:03 pm

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Dudeman313

jQuery is there...
I think I'm on challenge 98 or somethin'. That's how many BP I have. :walrii:
Does this qualify as a signature? 
The answer is "Sure."


alexgt

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

I really like how it is laid out ;)

Dudeman313

I will! I'm in jQuery currently. It's kind of a drag... :P
Does this qualify as a signature? 
The answer is "Sure."


alexgt

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

Dudeman313

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.  :-\
Does this qualify as a signature? 
The answer is "Sure."


alexgt

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

Thanks! I'll be able to get it done tomorrow then-it's Superintendent Conference Day, and all the students stay home. :D
Does this qualify as a signature? 
The answer is "Sure."


Dudeman313

May 20, 2016, 01:43:37 am #22 Last Edit: May 20, 2016, 01:52:14 am by Dudeman313
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 
<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
Does this qualify as a signature? 
The answer is "Sure."


alexgt

May 20, 2016, 11:58:47 am #23 Last Edit: May 20, 2016, 12:02:32 pm by alexgt
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

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.  :-|
Does this qualify as a signature? 
The answer is "Sure."


alexgt

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

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?
Does this qualify as a signature? 
The answer is "Sure."


alexgt

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

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... :(
Does this qualify as a signature? 
The answer is "Sure."


alexgt

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

Powered by EzPortal