How to use CDN to test page in CodePen?

Code Feedback
1

I am halfway through completing my first project for the tribute page, but I cant fork unless I pay, so can I use the CDN in my coding in CodePen?

many thanks

2

Can you specify what you mean by you can’t fork unless you pay? What kind of CDN are you talking about?

3

They’re talking about the FCC test suite CDN.

? I’m surprised you have to pay before you can fork anything. You should be able to fork without having to pay if you already have an account with CodePen.

4

How do i test my page with the with the CDN test suit?

I am unable to test the page without paying, any help appreciated.

5

At the bottom of each project description pages, there is a script tag which you can insert in your html.

https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js

Then a hamburger menu will appear on the top left side of the screen which you can select your current project and run a test.

6

I know that but I have it in my code, but I cant seem to get it to work.

<!Doctype html>
<head>
  <title id="Ansel Adams">Ansel Adams</title>
  <link rel="stylesheet" href="styles.css" type="text/css">
  <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
</body>
</head>
<body>
   <h1>Ansel Adams</h1>
  <div id="img-div">
   
    <img src="https://i.postimg.cc/sXQk4CMG/header-image.jpg" width="625" height="442" id="Ansel" alt="Ansel Adams">
      <figcaption id="Ansel Adams taking photographs">The man who created the Zone System and revolutionized black & white photography</figcaption>
  </div>
  <div id="tribute-info">
    <main id="main">
      <h2>   Ansel Admas timeline:</h2>
      <h3> Early life</h3>
     <p> Born: 20th Febuary 1902<br> His earliest memories were fromthe fires caused by the great earthquake in San Fransisco</p>
      <p>He moved to Seacliff in 1907, where he had a "Splendid View" of the Golden Gate and Marin Headlands</p>
      <p>He had little time for games or sport, but instead enjoyed the beauty of nature from an early age</p>
    </main>
  </div>
</body>
</html>

I dont see the hamburger, is there something I am doing wrong?
many thanks
7

I think the reason I cant see it is because I am unable to see it live, as I would have to pay so I am trying to put the files else where.

8

You’ve got some syntax errors and that might be why.

You have a closing body tag inside of head tags and a closing html tag without an opening html tag

9

OH!!!
how bad is that.
Let me look at it again.
Many thanks :+1:

10

I have changed that thanks.
but it seems that it will it will only work in live view, so I think I am going to copy files to my local machine and test it.

11

I am not having much luck with the test suite,
I have loaded the files into my local machine , but the test suite still isnt working for me.

how do I get the test suite to work without having to pay to upgrade?

12

Not sure what you mean by pay to upgrade especially on your local machine.

You can simply create a pen on codepen. It won’t ask you to pay for anything.

13

I can view anything in CodePen Live without have to pay to upgrade to an non FREE plan.
I am working in Project in CodePen, but the test suite doesnt work for me.
I am really disappointed at the moment that thing dont work.

All my code works ok, but the script for the test suite doesnt.

If i want to see it live it asks me to upgrade to a paid plan.

14

I am going to try and work in Pen mode in CodePen, maybe I should be working in that mode instead.
I will update you shortly.

15

Thank you for telling me to work in Pen.
That seem to have sorted out the problem.

many many thanks

16