linkstation.mp4
An ESP32 WiFi cryptomonitor to display cryptocurrency prices based on quotes obtained via cryptocompare.com API. The code built on top of the Arduino framework is even for beginners easy to customize.
#include <Thread.h> | |
int pwmPins[] = {3, 5, 6, 9, 10, 11}; | |
int pwmCount = 6; | |
int brightness = 0; // how bright the LED is | |
int fadeAmount = 5; // how many points to fade the LED by | |
int ioPins[] = {1, 0, A5, A4, A3, A2, A1, A0, 2, 4, 7, 8, 12, 13}; | |
int ioCount = 14; | |
int chaseDirection = 1; |
An ESP32 WiFi cryptomonitor to display cryptocurrency prices based on quotes obtained via cryptocompare.com API. The code built on top of the Arduino framework is even for beginners easy to customize.
<script> | |
// | |
var tile = new L.TileLayer('http://a.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png', { | |
maxZoom: 18, | |
attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> ' + | |
'contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">' + | |
'CC-BY-SA</a>. Tiles © <a href="http://carto.com/">' + | |
'CARTO</a>' | |
}); | |
</script> |
<?php | |
// includes Font-Awesome, goes directly above leaflet.css | |
$doc->addStyleSheet('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'); | |
?> |
<script> | |
// ... existing map code | |
// ... | |
map.fitBounds(geoJson.getBounds()); | |
// create the zoomhome-control and add it to the map | |
var zoomHome = L.Control.zoomHome(); | |
zoomHome.addTo(map); | |
</script> |
<script> | |
// ... existing map code | |
// ... | |
// set {zoomControl: false} to disable the default zoom control | |
var map = new L.Map('map',{ | |
fullscreenControl: true, | |
zoomControl: false, | |
fullscreenControlOptions: { | |
position: 'topleft' | |
}, |
<?php | |
// CSS, goes directly below leaflet.css | |
$doc->addStyleSheet('media/plg_content_zatracks/css/leaflet.zoomhome.css'); | |
// JS, goes directly below leaflet.js | |
$doc->addScript('media/plg_content_zatracks/js/leaflet.zoomhome.min.js'); | |
?> |
<script> | |
// ... existing map code | |
// ... | |
// ... your markers code goes here | |
document.addEventListener("DOMContentLoaded", function(event){ | |
var container = document.getElementById("wpts"); | |
if (typeof(container) != 'undefined' && container != null){ | |
var wpts = document.getElementById("wpts").children; | |
var string = null; | |
var title = null; |
<ul id="wpts" hidden> | |
<li title="Wöhrder Wiese">49.450647,11.0866813</li> | |
<li title="Wasserwerk Erlenstegen">49.472041,11.1398093</li> | |
<li title="Brücke am Pulversee">49.458071,11.1097983</li> | |
</ul> |