Dear visitors and members, with the staff having moved on to other life interests and as a result of changes in people's internet usage habits, the CodeWalrus community have migrated almost entirely to Discord, IRC and WalrusIRC and is now essentially a place where to hang out, chat about gaming, programming, music, anime, and chill. As a result, even though the CW forums will remain open for posting, for faster TI, Casio or HP calculator help and news we recommend using the bilingual TI-Planet forums instead.

We encourage everyone to join our Discord server now.

* WalrusIRC

You need to have 5 posts and not be part of restricted usergroups in order to use the WalrusIRC embedded shoutbox. However, you can also access our IRC channel called #CodeWalrus via EFnet.

Author Topic: FreeCodeCamp  (Read 9724 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: 2611
  • 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: 2611
  • 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: 2611
  • 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: 2611
  • 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: 2611
  • 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: 2611
  • 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: 2611
  • 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