diff options
-rw-r--r-- | dir.html | 23 |
1 files changed, 17 insertions, 6 deletions
@@ -4,12 +4,12 @@ {{if .Name}}<title>{{ .Name }}</title>{{end}} </head> <body> -<h1>Index of {{ .Name }}</h1><br> +<h1>π¦ Index of {{ .Name }} π</h1><br> <section id="main"> <table> <tbody> {{range .ListFiles}} - <tr><td><a href="{{ .Path }}">{{ .Name }}</a></td><td>{{ .SizePrint }}</td></tr> + <tr><td><a href="{{ .Path | formatURL }}">{{ .Name }}</a></td><td>{{ .Size | formatSize }}</td></tr> {{end}} </tbody> </table> @@ -25,7 +25,7 @@ </section> <section id="dav"> <div class="uploadDiv"> - <label for="fileinput">Select File</label> + <label for="fileinput">SΓ©lectionner un fichier : </label><br/> <input id="fileinput" type="file"> </div> <div class="mkdirDiv"> @@ -107,7 +107,7 @@ const onPageLoad = () => { as.forEach( e => { const a = document.createElement('a'); const td = document.createElement('td'); - a.appendChild(document.createTextNode('X')); + a.appendChild(document.createTextNode('π')); a.classList.add('delete'); a.href = "#"; a.onclick = () => false; @@ -126,7 +126,7 @@ window.addEventListener('load', onPageLoad, false); <style> body { display: grid; - grid-template-columns: calc(100% / 6) calc(100% / 3 + 100% / 6) calc(100%/3); + grid-template-columns: calc(100% / 5) calc(100% / 2.5 + 100% / 5 ) calc(100%/5); grid-template-areas: "h h h" "nav main dav" "nav f f"; @@ -134,20 +134,31 @@ body { h1 { grid-area: h; - background-color: #8ca0ff; } #nav { grid-area: nav; background-color: #ffa0fc; + margin: 1%; +} +#nav table { + margin: 20px; } #main { grid-area: main; background-color: #00ff64; + margin: 1%; +} +#main table { + margin: 20px; } #dav { grid-area: dav; background-color: #ff0f64; + margin: 1%; +} +#dav .uploadDiv { + margin: 20px; } #footer { |