diff --git a/static/base.css b/static/base.css
index f18a2f2..1d914b7 100644
--- a/static/base.css
+++ b/static/base.css
@@ -11,6 +11,24 @@ body{
background-color: rgba(0,0,0,0.25);
z-index:3;
}
+.window-button{
+ float:right;
+ margin-left:0.25em;
+}
+input[type="text"]{
+ background: transparent;
+ border:1px gray solid;
+ width:5rem;
+}
+.window{
+
+ width:15rem;
+ background-color: whitesmoke;
+ padding:1em;
+ margin: auto;
+ margin-top:5em;
+}
+
.hidden{
display: none;
}
diff --git a/static/base.js b/static/base.js
index 0a07622..9532fb3 100644
--- a/static/base.js
+++ b/static/base.js
@@ -34,7 +34,7 @@ function updateContents(contents){
$('#files-table').append(`| ${element.name} |
`)
});
if(contents.back!=null){
- $('#files-table').prepend(`| .. |
`)
+ $('#files-table').prepend(`| .. |
`)
}
$('#files-table').fadeIn()
}
@@ -75,4 +75,20 @@ $(document).ready(()=>{
error: err=>console.log(err)
})
})
+ $('.close-rename').click(()=>{
+ $('.rename-window').fadeOut('fast')
+ $("#cover").fadeOut('fast')
+ })
+ $('.close-upload').click(()=>{
+ $('.upload-window').fadeOut('fast')
+ $("#cover").fadeOut('fast')
+ })
+ $('.file-rename-button').click(()=>{
+ $('#cover').fadeIn('fast')
+ $('.rename-window').fadeIn('fast')
+ })
+ $('.nav-bottom-button').click(()=>{
+ $('#cover').fadeIn('fast')
+ $('.upload-window').fadeIn('fast')
+ })
})
diff --git a/static/index.html b/static/index.html
index 3ece0da..e4a335f 100644
--- a/static/index.html
+++ b/static/index.html
@@ -9,7 +9,19 @@
-
+