diff --git a/hamdash.html b/hamdash.html
index fb66a50..39f57a1 100644
--- a/hamdash.html
+++ b/hamdash.html
@@ -37,6 +37,8 @@ db 8D 88 88 88booo. 88. db 8D
body {
background: black;
font-size: 100%;
+ max-width: 100%;
+ overflow-x: hidden;
}
.iframe-container {
@@ -187,9 +189,10 @@ db 8D 88 88 88booo. 88. db 8D
width: auto;
height: auto;
margin-top: 70px;
- left: 0px;
+ left: -100px;
z-index: 2;
overflow: hidden;
+ transition: 0.3s;
}
/* Style for the right menu options */
@@ -197,18 +200,28 @@ db 8D 88 88 88booo. 88. db 8D
display: grid;
grid-gap: 3px;
position: absolute;
- width: auto;
+ width: 30px;
height: auto;
margin-top: 70px;
right: 0px;
z-index: 2;
- overflow: hidden;
+ transition: 0.3s;
+ }
+
+ #myMenu:hover {
+ width: 140px;
+ left: 0px;
+ }
+
+ #myMenuR:hover {
+ width: 140px;
+ right: 0px;
}
#mySidenav a {
position: relative;
float: inline-start;
- left: -120px;
+ left: -20px;
transition: 0.3s;
padding-left: 15px;
padding-right: 15px;
@@ -234,7 +247,7 @@ db 8D 88 88 88booo. 88. db 8D
#mySidenavR a {
position: relative;
float: inline-start;
- right: -120px;
+ right: -20px;
transition: 0.3s;
padding-left: 15px;
padding-right: 15px;
@@ -255,6 +268,7 @@ db 8D 88 88 88booo. 88. db 8D
#mySidenavR a:hover {
right: 0;
+ width: 130px;
}
@@ -384,20 +398,21 @@ db 8D Y8b d8 88 `88. .88. 88 88 db 8D
document.getElementById("FullScreen").style.display = "block";
document.getElementById("iFrameContainer").style.zIndex = 1;
document.getElementById("FullScreen").src = aURL[num][2];
- document.getElementById("FullScreen").style.transform = "scale(" + aURL[num][3] + ")";
+ document.getElementById("FullScreen").style.transform =
+ "scale(" + aURL[num][3] + ")";
- if (aURL[num][1].toLowerCase()=="back") {
+ if (aURL[num][1].toLowerCase() == "back") {
// Start refreshes
window.location.reload(true);
getSlideId = setInterval(() => slide(), 5000);
//
wheelzoom(document.querySelectorAll("img"));
- } else if (aURL[num][1].toLowerCase()=="refresh") {
+ } else if (aURL[num][1].toLowerCase() == "refresh") {
// Start refreshes
window.location.reload(true);
getSlideId = setInterval(() => slide(), 5000);
//
- } else if (aURL[num][1].toLowerCase()=="help") {
+ } else if (aURL[num][1].toLowerCase() == "help") {
alert(`Double click on an image to expand to full screen.
Double click again to close full screen view.
Right click on an image to display the next one.