diff --git a/combined.html b/combined.html
index c8e154b..3cfb30c 100644
--- a/combined.html
+++ b/combined.html
@@ -4,8 +4,8 @@
         <title>Leaflet.loading example&mdash;combined</title>
 
         <!-- Include Leaflet -->
-        <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
-        <script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
+        <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" />
+        <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"></script>
 
         <!-- Include the fullscreen control -->
         <script src='//rawgithub.com/brunob/leaflet.fullscreen/master/Control.FullScreen.js'></script>
@@ -31,8 +31,8 @@
         <div id="map" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></div>
 
         <script>
-                var openStreetMap = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
-                    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
+                var openStreetMap = L.tileLayer('https://{s}.tile.osm.org/{z}/{x}/{y}.png', {
+                    attribution: '&copy; <a href="https://osm.org/copyright">OpenStreetMap</a> contributors'
                 }),
 
                 map = new L.Map('map', {
diff --git a/separate.html b/separate.html
index bdc8ab4..a0794b2 100644
--- a/separate.html
+++ b/separate.html
@@ -4,8 +4,8 @@
         <title>Leaflet.loading example&mdash;separate</title>
 
         <!-- Include Leaflet -->
-        <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
-        <script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
+        <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" />
+        <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"></script>
 
         <!-- Include the loading control -->
         <link rel="stylesheet" href="https://rawgithub.com/ebrelsford/Leaflet.loading/master/src/Control.Loading.css" />
@@ -16,8 +16,8 @@
         <div id="map" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></div>
 
         <script>
-                var openStreetMap = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
-                    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
+                var openStreetMap = L.tileLayer('https://{s}.tile.osm.org/{z}/{x}/{y}.png', {
+                    attribution: '&copy; <a href="https://osm.org/copyright">OpenStreetMap</a> contributors'
                 }),
 
                 map = new L.Map('map', {
diff --git a/simple.html b/simple.html
index 7d59966..deb2242 100644
--- a/simple.html
+++ b/simple.html
@@ -4,8 +4,8 @@
         <title>Leaflet.loading example&mdash;simple</title>
 
         <!-- Include Leaflet -->
-        <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
-        <script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
+        <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" />
+        <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"></script>
 
         <!-- Include the loading control -->
         <link rel="stylesheet" href="https://rawgithub.com/ebrelsford/Leaflet.loading/master/src/Control.Loading.css" />
@@ -16,8 +16,8 @@
         <div id="map" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></div>
 
         <script>
-            var openStreetMap = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
-                attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
+            var openStreetMap = L.tileLayer('https://{s}.tile.osm.org/{z}/{x}/{y}.png', {
+                attribution: '&copy; <a href="https://osm.org/copyright">OpenStreetMap</a> contributors'
             }),
 
                 map = new L.Map('map', {
diff --git a/spinjs.html b/spinjs.html
index 6210f39..6609524 100644
--- a/spinjs.html
+++ b/spinjs.html
@@ -7,8 +7,8 @@
         <script src="//cdnjs.cloudflare.com/ajax/libs/spin.js/2.0.1/spin.min.js"></script>
 
         <!-- Include Leaflet -->
-        <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
-        <script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
+        <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" />
+        <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"></script>
 
         <!-- Include the loading control -->
         <link rel="stylesheet" href="https://rawgithub.com/ebrelsford/Leaflet.loading/master/src/Control.Loading.css" />
@@ -19,8 +19,8 @@
         <div id="map" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></div>
 
         <script>
-                var openStreetMap = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
-                    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
+                var openStreetMap = L.tileLayer('https://{s}.tile.osm.org/{z}/{x}/{y}.png', {
+                    attribution: '&copy; <a href="https://osm.org/copyright">OpenStreetMap</a> contributors'
                 }),
 
                 map = new L.Map('map', {
diff --git a/topright.html b/topright.html
index 70853ea..ed01eda 100644
--- a/topright.html
+++ b/topright.html
@@ -3,10 +3,9 @@
     <head>
         <title>Leaflet.loading example&mdash;topright</title>
 
-
         <!-- Include Leaflet -->
-        <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
-        <script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
+        <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" />
+        <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"></script>
 
         <!-- Include the loading control -->
         <link rel="stylesheet" href="https://rawgithub.com/ebrelsford/Leaflet.loading/master/src/Control.Loading.css" />
@@ -17,8 +16,8 @@
         <div id="map" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></div>
 
         <script>
-            var openStreetMap = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
-                attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
+            var openStreetMap = L.tileLayer('https://{s}.tile.osm.org/{z}/{x}/{y}.png', {
+                attribution: '&copy; <a href="https://osm.org/copyright">OpenStreetMap</a> contributors'
             }),
 
                 map = new L.Map('map', {