<h4 dir="auto">Issue Description</h4>
<p dir="auto">We frequently get emails from campers complaining that their name doesn't show up on their certificates. I respond to them with the following instructions:</p>
<p dir="auto">"We pull all your biographical information directly from GitHub. So you just need to add your name to your GitHub account. Then go back to your Free Code Camp code portfolio and click the "update my profile from GitHub" button. Then your name will appear on your certificate.</p>
<p dir="auto">Instead of having to answer these emails, if a camper doesn't have a name, we could just put a short message like this right on their certificate where there name would normally go. I propose the following copy for this, which is short enough to avoid an ugly line wrap:</p>
<p dir="auto">"Add name on GitHub then update FCC"</p>
<p dir="auto">You'll do this in boot/user.js in the showCert function.</p>
<h4 dir="auto">Screenshot</h4>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/b82b0602ca1e5084338dc5196f0375c4ae25461d83351e2519991aae7ae84572/68747470733a2f2f7777772e657665726e6f74652e636f6d2f6c2f41725f2d30382d4d4d706446687164574a374c4734385854656162572d6d3342655051422f696d6167652e706e67"><img src="https://camo.githubusercontent.com/b82b0602ca1e5084338dc5196f0375c4ae25461d83351e2519991aae7ae84572/68747470733a2f2f7777772e657665726e6f74652e636f6d2f6c2f41725f2d30382d4d4d706446687164574a374c4734385854656162572d6d3342655051422f696d6167652e706e67" alt="" data-canonical-src="https://www.evernote.com/l/Ar_-08-MMpdFhqdWJ7LG48XTeabW-m3BePQB/image.png" style="max-width: 100%;"></a></p>
<p dir="auto">Challenge <a href="http://freecodecamp.com/challenges/waypoint-create-a-set-of-radio-buttons" rel="nofollow">Waypoint: Create a Set of Radio Buttons</a> has an issue.<br>
User Agent is: <code class="notranslate">Mozilla/5.0 (Windows NT 6.3; WOW64; rv:40.0) Gecko/20100101 Firefox/40.0</code>.<br>
Please describe how to reproduce this issue, and include links to screenshots if possible.<br>
The Page elements as they will appear on the browser are getting displayed twice.<br>
Eg. If I write the html as</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;p&gt; Hello, world&lt;/p&gt;"><pre class="notranslate"><code class="notranslate">&lt;p&gt; Hello, world&lt;/p&gt;
</code></pre></div>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Hello, world
Hello, world

gets displayed instead of a single line of

Hello, world"><pre class="notranslate"><code class="notranslate">Hello, world
Hello, world

gets displayed instead of a single line of

Hello, world
</code></pre></div>
<p dir="auto">My code:</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="![g2](https://cloud.githubusercontent.com/assets/9304050/10104315/c6511152-63c6-11e5-9633-1275a5cf40c2.PNG)
![g1](https://cloud.githubusercontent.com/assets/9304050/10104314/c641a262-63c6-11e5-9d6d-0c7d679b2b73.PNG)


&lt;link href=&quot;http://fonts.googleapis.com/css?family=Lobster&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;
&lt;style&gt;
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }

  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
  }

  .smaller-image {
    width: 100px;
  }
&lt;/style&gt;

&lt;h2 class=&quot;red-text&quot;&gt;CatPhotoApp&lt;/h2&gt;

&lt;p&gt;Click here for &lt;a href=&quot;#&quot;&gt;cat photos&lt;/a&gt;.&lt;/p&gt;

&lt;a href=&quot;#&quot;&gt;&lt;img class=&quot;smaller-image thick-green-border&quot; src=&quot;https://bit.ly/fcc-relaxing-cat&quot;&gt;&lt;/a&gt;

&lt;p&gt;Things cats love:&lt;/p&gt;
&lt;ul&gt;
  &lt;li&gt;cat nip&lt;/li&gt;
  &lt;li&gt;laser pointers&lt;/li&gt;
  &lt;li&gt;lasagna&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Top 3 things cats hate:&lt;/p&gt;
&lt;ol&gt;
  &lt;li&gt;flea treatment&lt;/li&gt;
  &lt;li&gt;thunder&lt;/li&gt;
  &lt;li&gt;other cats&lt;/li&gt;
&lt;/ol&gt;
&lt;form action=&quot;/submit-cat-photo&quot;&gt;
  &lt;input type=&quot;text&quot; placeholder=&quot;cat photo URL&quot; required&gt;
  &lt;button type=&quot;submit&quot;&gt;Submit&lt;/button&gt;
&lt;/form&gt;
"><pre class="notranslate">![g2](https://cloud.githubusercontent.com/assets/9304050/10104315/c6511152-63c6-11e5-9633-1275a5cf40c2.PNG)
![g1](https://cloud.githubusercontent.com/assets/9304050/10104314/c641a262-63c6-11e5-9d6d-0c7d679b2b73.PNG)


<span class="pl-kos">&lt;</span><span class="pl-ent">link</span> <span class="pl-c1">href</span>="<span class="pl-s">http://fonts.googleapis.com/css?family=Lobster</span>" <span class="pl-c1">rel</span>="<span class="pl-s">stylesheet</span>" <span class="pl-c1">type</span>="<span class="pl-s">text/css</span>"<span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">style</span><span class="pl-kos">&gt;</span>
  .<span class="pl-c1">red-text</span> {
    <span class="pl-c1">color</span><span class="pl-kos">:</span> red;
  }

  <span class="pl-ent">h2</span> {
    <span class="pl-c1">font-family</span><span class="pl-kos">:</span> Lobster<span class="pl-kos">,</span> Monospace;
  }

  <span class="pl-ent">p</span> {
    <span class="pl-c1">font-size</span><span class="pl-kos">:</span> <span class="pl-c1">16<span class="pl-smi">px</span></span>;
    <span class="pl-c1">font-family</span><span class="pl-kos">:</span> Monospace;
  }

  .<span class="pl-c1">thick-green-border</span> {
    <span class="pl-c1">border-color</span><span class="pl-kos">:</span> green;
    <span class="pl-c1">border-width</span><span class="pl-kos">:</span> <span class="pl-c1">10<span class="pl-smi">px</span></span>;
    <span class="pl-c1">border-style</span><span class="pl-kos">:</span> solid;
    <span class="pl-c1">border-radius</span><span class="pl-kos">:</span> <span class="pl-c1">50<span class="pl-smi">%</span></span>;
  }

  .<span class="pl-c1">smaller-image</span> {
    <span class="pl-c1">width</span><span class="pl-kos">:</span> <span class="pl-c1">100<span class="pl-smi">px</span></span>;
  }
<span class="pl-kos">&lt;/</span><span class="pl-ent">style</span><span class="pl-kos">&gt;</span>

<span class="pl-kos">&lt;</span><span class="pl-ent">h2</span> <span class="pl-c1">class</span>="<span class="pl-s">red-text</span>"<span class="pl-kos">&gt;</span>CatPhotoApp<span class="pl-kos">&lt;/</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>

<span class="pl-kos">&lt;</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>Click here for <span class="pl-kos">&lt;</span><span class="pl-ent">a</span> <span class="pl-c1">href</span>="<span class="pl-s">#</span>"<span class="pl-kos">&gt;</span>cat photos<span class="pl-kos">&lt;/</span><span class="pl-ent">a</span><span class="pl-kos">&gt;</span>.<span class="pl-kos">&lt;/</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>

<span class="pl-kos">&lt;</span><span class="pl-ent">a</span> <span class="pl-c1">href</span>="<span class="pl-s">#</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;</span><span class="pl-ent">img</span> <span class="pl-c1">class</span>="<span class="pl-s">smaller-image thick-green-border</span>" <span class="pl-c1">src</span>="<span class="pl-s">https://bit.ly/fcc-relaxing-cat</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">a</span><span class="pl-kos">&gt;</span>

<span class="pl-kos">&lt;</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>Things cats love:<span class="pl-kos">&lt;/</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">ul</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>cat nip<span class="pl-kos">&lt;/</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>laser pointers<span class="pl-kos">&lt;/</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>lasagna<span class="pl-kos">&lt;/</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">ul</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>Top 3 things cats hate:<span class="pl-kos">&lt;/</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">ol</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>flea treatment<span class="pl-kos">&lt;/</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>thunder<span class="pl-kos">&lt;/</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>other cats<span class="pl-kos">&lt;/</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">ol</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">form</span> <span class="pl-c1">action</span>="<span class="pl-s">/submit-cat-photo</span>"<span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">input</span> <span class="pl-c1">type</span>="<span class="pl-s">text</span>" <span class="pl-c1">placeholder</span>="<span class="pl-s">cat photo URL</span>" <span class="pl-c1">required</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">button</span> <span class="pl-c1">type</span>="<span class="pl-s">submit</span>"<span class="pl-kos">&gt;</span>Submit<span class="pl-kos">&lt;/</span><span class="pl-ent">button</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">form</span><span class="pl-kos">&gt;</span></pre></div>