About

Ok, so odonodesign has been around for years. I decided to turn it into a tutorial blog. This place is where all things electronics engineering, design, mechanical engineering and projects are formed. We will teach you how to create things yourself. If you have a specific project you need help with and can’t find what you’re looking for on the internet, get in touch at patrick@odonodesign.com.

Legal and Creative Commons notice:

Creative Commons Licence
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.

Please note, all projects on here are for educational and personal use only. Commercial use is strictly forbidden. If you decide to for instance copy/take code from this website and sell it for commercial gain, legal action will be taken against you. Thank you for your understanding.


Happy surfing 🙂

Buy me a coffee .button { display: inline-block; text-align: center; vertical-align: middle; padding: 12px 24px; border: 1px solid #4b6037; border-radius: 8px; background: #7a9c5a; background: -webkit-gradient(linear, left top, left bottom, from(#7a9c5a), to(#4b6037)); background: -moz-linear-gradient(top, #7a9c5a, #4b6037); background: linear-gradient(to bottom, #7a9c5a, #4b6037); -webkit-box-shadow: #719053 0px 0px 40px 0px; -moz-box-shadow: #719053 0px 0px 40px 0px; box-shadow: #719053 0px 0px 40px 0px; text-shadow: #2f3c23 1px 1px 1px; font: normal normal bold 20px arial; color: #ffffff; text-decoration: none; } .button:hover, .button:focus { border: 1px solid ##5e7845; background: #92bb6c; background: -webkit-gradient(linear, left top, left bottom, from(#92bb6c), to(#5a7342)); background: -moz-linear-gradient(top, #92bb6c, #5a7342); background: linear-gradient(to bottom, #92bb6c, #5a7342); color: #ffffff; text-decoration: none; } .button:active { background: #4b6037; background: -webkit-gradient(linear, left top, left bottom, from(#4b6037), to(#4b6037)); background: -moz-linear-gradient(top, #4b6037, #4b6037); background: linear-gradient(to bottom, #4b6037, #4b6037); } .button:before{ content: "\0000a0"; display: inline-block; height: 24px; width: 24px; line-height: 24px; margin: 0 4px -6px -4px; position: relative; top: 0px; left: 0px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEyUlEQVRIia2VWWxUVRjHf3eZdtpO22mBllLoxmJlqYQoYGgCQRQTECsEeYFEARMNlAhqDMENH/TBGE0gMUaECIlRHwgoS9WoUJo2NlBDF1onZeje6Uw7nX3mTu/c48O9YG3ApAlf8uXmnnvO//8t/3M/hWlazQIKquew6tFcZsgpYiMaieli/K9dfb3wlBi+JoT7oghc/VhrO/78tR92pO8usmN/KAS/HJjzvYgOCBHuFyIyIETMI8RQvXCfeKHz8/VUT90vT5tBGJAMgBaExDjEfJDmpHzrR5V73//gtzPbM3dP3q5On0CAFoKUAYi7iwBkLdyQtm2/8WUg/KGnto5LAMp08Xc9JrbPd0aWoI1Cei4YE6AnQI+DHsfmnCfPzY48/WfT3yf7o8SVqpk41hazoMPP2KSQHmhbyie2Z/lal0Q66pHddaTl54M9zyRIxUGPkT27JGt2oDH1bUvid+V4jXTgyOFd5/aunbXnpRXyyo0lodxkTES7/Izfj7C6lLU5dpbaVGyJhEbK3UxmUTGoGRaBpVrNO+/E5f4vpDPbOLrzwL73cJSaeMkAEz630d/f2xMaHmh0uwd/PtksGi9247Y48iWJssoZVL7yOC9vWsj6ueVFcmb1q2Ck7oWUHGlnY+3ZZWpcI8W4G2QHYABgyyuRK/LLKlhuVCxPBXdufrHPGBga6o74hhvaXb5fv2qg4UovLYfquNQf5N23czyHMrV+kDJMAkOQZldZMIsStd2HSwT6kLJLTAkKARIgC9MlSJsxR64oKF6EZCyqWh/avXWHx2i50Va35mho02dNHH12mVj3jDG2AinLjNEAxpqRFFS1cYCu6JgPR8G4maIEKMLUlxDWTbHylsx3u+yX08bClZgyD8m5GV0o2gr0pAnu7wStB0kGtcPDgNcfCjgSY04QoP5X22BlJARIAjHswts0QiiKDhjvPMXilasLt2AETckGu0HzgwQTExhqPEVgNJjoqwh0OsmaCZL8L6g0CVykSN3uwdMSY0gjdPomn5zYxfqazXmncgrtDjS3eavRIR1iXhgKM6oC+ngMN4mhKgwPZGRBRibINpClSeVJQaFE1nIbxojwH1ktvzW/PG2RrEzAhMvsXxpmaTXovUOgqR+3CuAJcwuFGhQDCIMeNmsvySDLoEiAhJItcDph1RJRhpgAkTT5JauxuvlMtEOrl/pQwsyA1hFumvqc6oblVjsVTGLZAhWWG0DK/K63wdAg+ulWjgGGCnD1Dq64Bhk5FogNSFqHHdaaOoVkKkES9Gbw3oYLvZy+dIt6rCO0DTHgjRAoLcKJCgTBfwMMA/LKQFkGFGDWWJ7kmPXmDkQaYFyDa16uHPyRw1aIJkEyRcAXpK9UxSmGwdcJgwYRRUKN9mDPvA2OYkh/BOTZgN2stz4KcRcE+yApMC70cPaN8xw0DLwW/b15oAfH6DY6qPL6wK3jefMyr/mjxGrXUPtkMesK/TiUZrDZQVFNBaNDJIlxw8+tr69z7Kc2vgNCTLJ7A2cwTvtIgK1/RWnfd449PaNcB4z9Z2nItrP4uaVsWFnCE7McFNgU1HCSgMuH63wbf3QN0wiMcvdndj/bUsXqT2v4JjOdigduMovjAHKATKY5EWXMNj5U+wcb0TIr9nRDzwAAAABJRU5ErkJggg==") no-repeat left center transparent; background-size: 100% 100%; }