README.md
🛠Why I Made This I got tired of looking at my own tutorials and seeing ugly, plain-text code boxes. They didn't match the quality of my video production and they didn't feel like a real coding environment.
So, I made my own.
The VideotronicMaker CodeFrameâ„¢ is a lightweight, high-contrast, dark-mode component that brings a sleek developer environment look directly to your website or tutorial page.
The Source High-Contrast Dark Mode: An Arduino-inspired palette tuned for maximum legibility.
Integrated Window Chrome: Authentic Close/Minimize/Maximize UI buttons.
Plug & Play: Pure HTML/CSS. No heavy libraries or complex dependencies.
WordPress Ready: Designed to work perfectly in "Custom HTML" blocks.
🚀 How to Use It Open the File: Open free-block.html in any text editor (like Notepad, TextEdit, or VS Code).
Copy the Code: Copy everything inside that file.
Paste into Your Editor: * WordPress: Add a "Custom HTML" block to your page/post and paste the code.
Static Web Page: Paste the code anywhere within your tags.
Customize: Replace the placeholder Arduino code with your own. Use the provided classes (like vtm-keyword or vtm-comment) to style your text.
💰 Paid Versions & Updates This Free Edition provides the core visual style for Arduino/C++ snippets.
Paid Versions: Other professional versions featuring Python and JavaScript syntax packs and "Copy to Clipboard" functionality will be available soon for $1. Check back for updates on the Official Website or my LinkedIn page.
- LinkedIn: VideotronicMaker on LinkedIn
- Official Website: VideotronicMaker.com
- YouTube: VideotronicMaker Channel
Learn with me as I learn.
© 2026 VideotronicMaker. All Rights Reserved.