BeagleBone Black GPIO interactive map, to easily know which pin does what (and much more soon)!
Easy, just hover the BeagleBone to see the different roles and mode that a Pin can have !
Sure, do whatever you want with it! Juste don't forget the people behind it please and share your improvment to make it even better! People to thank:
- BeagleBoard.org, I stole the picture from their website, hope it's alright!
- Derek Molloy, from whom I took the two original PDFs with all the information that I compiled in a .odt file to easily update modification and export to JSON (find all of that in the "documents" folder ;) ).
- Eskimon, it's me, I wrote all the rest of the things you can see in the "source" folder. If you want to use the map on your own website, I would appreciate a link to the page of the project as "source" as described in the licence :) Source.
It's very simple.
First, copy the BBB_style.css to your stylesheet folder (or root folder). Then do the same with the BBB_script.js to your scripts folder (or root folder).
Then, you just need to copy the interesting part of the HTML file. It's very simple, it's everything in the <body> tag (all the div)!
Finally, don't forget to link the css and js files:
- Add
<link type="text/css" rel="stylesheet" href="BBB_style.css" />to theheadof your html file - Add
<script type="text/javascript" src="BBB_script.js"></script>just before the closing</body>tag.
(Be careful with the path to the files ;) )
And there you are!! Have Fun!