Initial commit

.gitignore

@@ -0,0 +1 @@
+misc/

README.md

@@ -0,0 +1,26 @@
+# Hyperimage insertion
+
+Code was downloaded from
+http://eoa.kunden.bitgilde.de/app/studies/555/14/index.html by looking
+of the source code of the file and downloading the referenced parts.
+
+The block looks like this
+
+```html
+   <!-- HyperImage EOA Viewer -->
+   <link rel="stylesheet" href="/media/HI-Viewer/lib/fontawesome/web-fonts-with-css/css/fa-regular.min.css?v=1.0">
+   <link rel="stylesheet" href="/media/HI-Viewer/lib/fontawesome/web-fonts-with-css/css/fa-solid.min.css?v=1.0">
+   <link rel="stylesheet" href="/media/HI-Viewer/lib/fontawesome/web-fonts-with-css/css/fontawesome-all.min.css?v=1.0">
+   <link rel="stylesheet" href="/media/HI-Viewer/lib/leaflet/leaflet.css?v=1.0">
+   <link rel="stylesheet" href="/media/HI-Viewer/lib/leaflet/spin.css?v=1.0">
+   <link rel="stylesheet" href="/media/HI-Viewer/lib/leaflet/Leaflet.SlideMenu/src/L.Control.SlideMenu.css?v=1.0">
+   <script src="/media/HI-Viewer/lib/leaflet/leaflet.js"></script>
+   <script src="/media/HI-Viewer/lib/leaflet/Leaflet.SlideMenu/src/L.Control.SlideMenu.js"></script>
+   <script src="/media/HI-Viewer/lib/leaflet/Leaflet.Control.Custom/L.Control.Custom.js"></script>
+   <script src="/media/HI-Viewer/lib/leaflet/spin.js"></script>
+   <script src="/media/HI-Viewer/lib/leaflet/Leaflet.Spin/leaflet.spin.min.js"></script>
+
+   <link rel="stylesheet" href="/media/HI-Viewer/css/style.css?v=1.0">
+   <script src="/media/HI-Viewer/js/HIEOALoader.js" data-hiconfig="ewoJImNvbmZpZyI6IHsKCQkiYmFja2dyb3VuZCI6ICJ3aGl0ZSIsCgkJImxhbmd1YWdlIjogImVuIgoJfQp9"></script>
+   <!-- End HyperImage EOA Viewer -->
+```

src/css/style.css

@@ -0,0 +1,59 @@
+body {
+    padding: 0;
+    margin: 0;
+}
+.EOAViewer {
+    width: 100%;
+    height: 100%;
+    background-color: #EEEEEE;
+    display: block;
+}
+.leaflet-menu {
+    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
+}
+.leaflet-control-slidemenu span {
+    font-size: 14px;
+    padding-top: 6px;
+}
+.hipopupcontainer {
+    display: none;
+    position: fixed;
+    top: 10px;
+    left: 15px;
+    right: 15px;
+    bottom: 15px;
+    -webkit-box-shadow: 3px 3px 37px 9px rgba(0,0,0,0.75);
+    -moz-box-shadow: 3px 3px 37px 9px rgba(0,0,0,0.75);
+    box-shadow: 3px 3px 37px 9px rgba(0,0,0,0.75);
+    z-index: 10000;
+}
+.hinavigator {
+    width: auto;
+    height: 104px;
+    background-color:white;
+    padding:2px;
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    background-position: center;
+    opacity: 0.7;
+}
+.hinavimagewrapper {
+    max-width: 500px;
+    overflow: auto;
+}
+.hinavrect {
+    position: absolute;
+    border: 2px solid red;
+    top: 0px;
+    left: 0px;
+    bottom: 0px;
+    right: 0px;
+}
+.hinavarea {
+    position: absolute;
+    padding: 0px;
+    top: 0px;
+    bottom: 0px;
+    left: 0px;
+    right: 0px;
+}