November 13, 2019, 11:31:40 pm

News:

subscribe to codewalrus


The shoutbox is currently out of service. Join us on Discord instead.
You can help CodeWalrus stay online by donating here.

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