Add description

This commit is contained in:
Ben van Hartingsveldt 2024-11-24 22:45:28 +01:00
parent 5a4f8f97b5
commit 5198b41c67
No known key found for this signature in database
GPG key ID: 261AA214130CE7AB
3 changed files with 88 additions and 91 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 MiB

View file

@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="initial-scale=1,width=device-width" name="viewport" /> <meta content="initial-scale=1,width=device-width" name="viewport" />
<meta content="Get insight in the size and distribution of the LBRY network." property="og:description" />
<meta content="/favicon.ico" property="og:image" /> <meta content="/favicon.ico" property="og:image" />
<meta content="LBRY Globe" property="og:title" /> <meta content="LBRY Globe" property="og:title" />
<meta content="website" property="og:type" /> <meta content="website" property="og:type" />
@ -34,15 +35,11 @@
<script> <script>
const globe = Globe(); const globe = Globe();
globe(document.getElementById('globe')) globe(document.getElementById('globe'));
// .globeImageUrl('gebco_08_rev_elev_21600x10800.png')
.globeImageUrl('earth.jpg') globe.backgroundImageUrl('//unpkg.com/three-globe/example/img/night-sky.png');
// .globeImageUrl('earth.png') globe.bumpImageUrl('//unpkg.com/three-globe/example/img/earth-topology.png');
// .globeImageUrl('//unpkg.com/three-globe@2.35.2/example/img/earth-night.jpg') globe.globeImageUrl('earth.png');
// .globeImageUrl('//unpkg.com/three-globe/example/img/earth-dark.jpg')
// .globeImageUrl('//unpkg.com/three-globe/example/img/earth-water.png')
.bumpImageUrl('//unpkg.com/three-globe/example/img/earth-topology.png')
.backgroundImageUrl('//unpkg.com/three-globe/example/img/night-sky.png');
globe.arcAltitude(0); globe.arcAltitude(0);
globe.arcColor(d => { globe.arcColor(d => {
@ -75,10 +72,10 @@
hub: 0.15, hub: 0.15,
}; };
globe.pointAltitude(point => POINT_ALTITUDE[point.type]); // point.type==='hub'?0.015:(point.bootstrap?1:0.02 globe.pointAltitude(point => POINT_ALTITUDE[point.type]);
globe.pointColor(point => POINT_COLOR[point.type]); globe.pointColor(point => POINT_COLOR[point.type]);
globe.pointLabel(point => point.label); globe.pointLabel(point => point.label);
globe.pointRadius(point => POINT_RADIUS[point.type]); // point.bootstrap globe.pointRadius(point => POINT_RADIUS[point.type]);
globe.onZoom((x) => {globe.controls().zoomSpeed = 2;}); globe.onZoom((x) => {globe.controls().zoomSpeed = 2;});