Use .pde extension in code headers

Author: pepc84

examples/additive-wave.html

@@ -81,7 +81,7 @@ <h1>Additive Wave</h1>
     <div class="preview-wrap"><div id="p5-container"></div></div>
     <div class="code-block">
       <div class="code-header">
-        <span>additive-wave.cpp</span>
+        <span>additive-wave.pde</span>
         <button class="copy-btn" onclick="copyCode()">Copy</button>
       </div>
       <pre id="code-pre">/**

examples/alpha-mask.html

@@ -81,7 +81,7 @@ <h1>Alpha Mask</h1>
     <div class="preview-wrap"><div id="p5-container"></div></div>
     <div class="code-block">
       <div class="code-header">
-        <span>alpha-mask.cpp</span>
+        <span>alpha-mask.pde</span>
         <button class="copy-btn" onclick="copyCode()">Copy</button>
       </div>
       <pre id="code-pre">/**

examples/arctangent.html

@@ -81,7 +81,7 @@ <h1>Arctangent</h1>
     <div class="preview-wrap"><div id="p5-container"></div></div>
     <div class="code-block">
       <div class="code-header">
-        <span>arctangent.cpp</span>
+        <span>arctangent.pde</span>
         <button class="copy-btn" onclick="copyCode()">Copy</button>
       </div>
       <pre id="code-pre">/**

examples/arm.html

@@ -81,7 +81,7 @@ <h1>Arm</h1>
     <div class="preview-wrap"><div id="p5-container"></div></div>
     <div class="code-block">
       <div class="code-header">
-        <span>arm.cpp</span>
+        <span>arm.pde</span>
         <button class="copy-btn" onclick="copyCode()">Copy</button>
       </div>
       <pre id="code-pre">/**

examples/array-2d.html

@@ -81,7 +81,7 @@ <h1>Array 2D</h1>
     <div class="preview-wrap"><div id="p5-container"></div></div>
     <div class="code-block">
       <div class="code-header">
-        <span>array-2d.cpp</span>
+        <span>array-2d.pde</span>
         <button class="copy-btn" onclick="copyCode()">Copy</button>
       </div>
       <pre id="code-pre">/**

examples/array-objects.html

@@ -81,7 +81,7 @@ <h1>Array Objects</h1>
     <div class="preview-wrap"><div id="p5-container"></div></div>
     <div class="code-block">
       <div class="code-header">
-        <span>array-objects.cpp</span>
+        <span>array-objects.pde</span>
         <button class="copy-btn" onclick="copyCode()">Copy</button>
       </div>
       <pre id="code-pre">/**

examples/array.html

@@ -81,7 +81,7 @@ <h1>Array</h1>
     <div class="preview-wrap"><div id="p5-container"></div></div>
     <div class="code-block">
       <div class="code-header">
-        <span>array.cpp</span>
+        <span>array.pde</span>
         <button class="copy-btn" onclick="copyCode()">Copy</button>
       </div>
       <pre id="code-pre">/**

examples/background-image.html

@@ -81,7 +81,7 @@ <h1>Background Image</h1>
     <div class="preview-wrap"><div id="p5-container"></div></div>
     <div class="code-block">
       <div class="code-header">
-        <span>background-image.cpp</span>
+        <span>background-image.pde</span>
         <button class="copy-btn" onclick="copyCode()">Copy</button>
       </div>
       <pre id="code-pre">/**

examples/bezier.html

@@ -81,7 +81,7 @@ <h1>Bezier</h1>
     <div class="preview-wrap"><div id="p5-container"></div></div>
     <div class="code-block">
       <div class="code-header">
-        <span>bezier.cpp</span>
+        <span>bezier.pde</span>
         <button class="copy-btn" onclick="copyCode()">Copy</button>
       </div>
       <pre id="code-pre">/**

examples/brightness.html

@@ -81,7 +81,7 @@ <h1>Brightness</h1>
     <div class="preview-wrap"><div id="p5-container"></div></div>
     <div class="code-block">
       <div class="code-header">
-        <span>brightness.cpp</span>
+        <span>brightness.pde</span>
         <button class="copy-btn" onclick="copyCode()">Copy</button>
       </div>
       <pre id="code-pre">int barWidth = 20;