remove vscode tutorial, fold into dragdrop and cmake

Author: pepc84

downloads/cmake_setup.html

@@ -132,9 +132,9 @@ <h2>Step 7 Write CMakeLists.txt</h2>
 add_executable(MySketch main.cpp)
 target_link_libraries(MySketch PRIVATE processing_cpp)</code></pre>
 
-      <h2>Step 8 Open MSYS2 MinGW 64-bit and navigate to your project</h2>
-      <div class="warning-box"><strong>Important:</strong> Use MSYS2 MinGW 64-bit, not PowerShell or Command Prompt. The prompt should say MINGW64.</div>
-      <pre><code>cd /c/Users/YourName/Desktop/MySketch</code></pre>
+      <h2>Step 8 Open VS Code and the terminal</h2>
+      <p>Open VS Code, go to <strong>File → Open Folder</strong> and select your <code>MySketch</code> folder. Open the integrated terminal with <code>Ctrl+`</code> and switch it to <strong>MSYS2 / MinGW64</strong> using the dropdown arrow next to the <code>+</code>.</p>
+      <div class="warning-box"><strong>Important:</strong> Use the MinGW64 terminal, not PowerShell. The prompt should say MINGW64.</div>
 
       <h2>Step 9 Configure</h2>
       <pre><code>cmake -B build -G "MinGW Makefiles"</code></pre>
@@ -202,10 +202,9 @@ <h2>Configure, build, and run</h2>
     </div>
 
     <div class="next-steps">
-      <a href="/downloads/dragdrop-setup.html">Want something simpler? Try Drag-and-Drop &rarr;</a>
-      <a href="/downloads/vscode.html">Using VS Code? &rarr;</a>
-      <a href="/reference">Browse the reference &rarr;</a>
-      <a href="/examples">See more examples &rarr;</a>
+      <a href="/downloads/dragdrop-setup.html">Want something simpler? Try Drag-and-Drop →</a>
+      <a href="/reference">Browse the reference →</a>
+      <a href="/examples">See more examples →</a>
     </div>
   </div>
 </div>

downloads/dragdrop_setup.html

@@ -126,15 +126,11 @@ <h2>Step 4 Write your sketch</h2>
         Everything in the <a class="ref-link" href="/reference">reference</a> works the same way.
       </p>
 
-      <h2>Step 5 Open the right terminal</h2>
-      <p>Click Start and search for <strong>MSYS2 MinGW 64-bit</strong>. Open it. The prompt or title bar should say <code>MINGW64</code>.</p>
-      <div class="warning-box"><strong>Important:</strong> Do NOT use PowerShell or Command Prompt. They don't have <code>g++</code> and the build will fail immediately. It has to be MSYS2 MinGW 64-bit.</div>
+      <h2>Step 5 Open VS Code and the terminal</h2>
+      <p>Open VS Code, go to <strong>File → Open Folder</strong> and select your <code>MySketch</code> folder. Then open the integrated terminal with <code>Ctrl+`</code>.</p>
+      <div class="warning-box"><strong>Important:</strong> The default terminal in VS Code on Windows is PowerShell, which doesn't have <code>g++</code>. Click the dropdown arrow next to the <code>+</code> in the terminal panel and select <strong>MSYS2 / MinGW64</strong> instead. The prompt should say <code>MINGW64</code>.</div>
 
-      <h2>Step 6 Navigate to your project</h2>
-      <pre><code>cd /c/Users/YourName/Desktop/MySketch</code></pre>
-      <p>Replace <code>YourName</code> and <code>Desktop</code> with wherever you actually saved the folder.</p>
-
-      <h2>Step 7 Run it</h2>
+      <h2>Step 6 Run it</h2>
       <pre><code>./processing-cpp/run.bat</code></pre>
       <p>The first run takes about 15 seconds because it's compiling the engine. After that a window opens with an orange circle that follows your mouse. Every run after the first is much faster since the engine is already built.</p>
 
@@ -161,8 +157,8 @@ <h2>Step 1 Install the tools (once only)</h2>
       <h2>Steps 2-4 Get the package and write your sketch</h2>
       <p>Same as Windows: download <strong>processing-cpp-dragdrop.zip</strong>, rename the extracted folder to <code>processing-cpp</code>, create a <code>MySketch</code> folder, and write <code>main.cpp</code> with the same code as above inside it.</p>
 
-      <h2>Step 5 Navigate to your project</h2>
-      <pre><code>cd ~/Desktop/MySketch</code></pre>
+      <h2>Step 5 Open VS Code and the terminal</h2>
+      <p>Open VS Code, go to <strong>File → Open Folder</strong> and select your <code>MySketch</code> folder. Open the integrated terminal with <code>Ctrl+`</code> (or <code>Cmd+`</code> on macOS).</p>
 
       <h2>Step 6 Run it</h2>
       <pre><code>./processing-cpp/run.sh</code></pre>
@@ -192,10 +188,9 @@ <h2>Steps 2 onwards same as macOS</h2>
     </div>
 
     <div class="next-steps">
-      <a href="/downloads/cmake-setup.html">Prefer CMake? See the CMake setup &rarr;</a>
-      <a href="/downloads/vscode.html">Using VS Code? &rarr;</a>
-      <a href="/reference">Browse the reference &rarr;</a>
-      <a href="/examples">See more examples &rarr;</a>
+      <a href="/downloads/cmake-setup.html">Prefer CMake? See the CMake setup →</a>
+      <a href="/reference">Browse the reference →</a>
+      <a href="/examples">See more examples →</a>
     </div>
   </div>
 </div>

downloads/index.html

@@ -74,8 +74,6 @@
     .dl-howto { font-size: 13px; color: #777; border-bottom: 1px solid #ccc; padding-bottom: 1px; }
     .dl-howto:hover { color: #111; border-bottom-color: #111; }
 
-    .vscode-note { border-top: 1px solid #e0e0e0; padding-top: 1.75rem; margin-top: 1rem; }
-    .vscode-note p { margin-bottom: 0.5rem; }
 
     footer { border-top: 1px solid #e0e0e0; padding: 2rem; text-align: center; font-size: 13px; color: #888; }
     @media (max-width: 768px) {
@@ -147,10 +145,6 @@ <h3>CMake</h3>
       </div>
     </div>
 
-    <div class="vscode-note">
-      <p><strong>Using an editor like VS Code?</strong> See the full walkthrough for setting up either download in an external editor and build system.</p>
-      <p><a href="/downloads/vscode.html" style="border-bottom:1px solid #ddd;">Read the VS Code setup tutorial →</a></p>
-    </div>
   </div>
 </div>
 <footer><p>C++ Mode for Processing</p></footer>

downloads/vscode.html

@@ -108,13 +108,6 @@ <h2>Using the header library in your own C++ project</h2>
         <div class="tc-arrow">›</div>
       </a>
 
-      <a class="tutorial-card" href="/downloads/vscode.html">
-        <div class="tc-body">
-          <div class="tc-title">Using C++ Mode in VS Code</div>
-          <div class="tc-desc">Covers both the drag-and-drop and CMake setups specifically for VS Code, including the CMake Tools extension.</div>
-        </div>
-        <div class="tc-arrow">›</div>
-      </a>
     </div>
 
     <div class="help-box">