--- step-6/index.html	2023-07-02 15:20:09.119154723 +0200
+++ step-7/index.html	2023-07-02 15:20:09.119154723 +0200
@@ -1,6 +1,6 @@
 <html>
   <head>
-    <title>Step 6: adding a scale ruler</title>
+    <title>Step 7: bookmarkable map links</title>
     <script src="../OpenLayers.js"></script>
     <script src="../OpenStreetMap.js"></script>
     <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
@@ -20,6 +20,14 @@
         padding: 4px; 
         opacity: 0.60;
       }
+      .olControlPermalink {
+        top: 0px;
+        right: 0px;
+        height: 1.2em;
+        background-color:white;
+        padding: 4px;
+        opacity: 0.60;
+    }
     </style>
 
     <script>
@@ -41,6 +49,7 @@
                                    controls: [ new OpenLayers.Control.Navigation(),    // direct panning via mouse drag
                                                new OpenLayers.Control.Attribution(),   // attribution text
                                                new OpenLayers.Control.PanZoomBar(),    // larger navigation control
+                                               new OpenLayers.Control.Permalink(),     // bookmarkable map links
                                                scale,                                  // scale ruler
                                                overviewMap                             // overview map
                                              ]