diff --git a/assets/web/index.html b/assets/web/index.html index b6a7b61..ea8ed07 100644 --- a/assets/web/index.html +++ b/assets/web/index.html @@ -6,11 +6,36 @@
-

PiNas

+ + + + + +

PiNas

-
- Hot Files
- Cold Files +
diff --git a/assets/web/listing.html b/assets/web/listing.html index 9b0a8ea..ff306f9 100644 --- a/assets/web/listing.html +++ b/assets/web/listing.html @@ -8,6 +8,16 @@ +
+ + + + + + +

PiNas

+

{{$prefix}}/{{$path}}

@@ -16,10 +26,24 @@

..

{{range $file := .Files}} {{ if $file.IsDir }} -

{{$file.Name}}/

+

+ + + + + {{$file.Name}} +

{{ end }} {{ if not $file.IsDir }} -

{{$file.Name}}

+

+ + + + + {{$file.Name}} +

{{end}} {{end}}
diff --git a/assets/web/static/styles.css b/assets/web/static/styles.css index 44f81d2..9cfc154 100644 --- a/assets/web/static/styles.css +++ b/assets/web/static/styles.css @@ -2,16 +2,31 @@ body { font-family: Open Sans, Arial, sans-serif; color: #454545; font-size: 16px; + background-color: #fefefe; +} + +h1, h2, h3 { + padding: 0; + margin: 0; +} + +.content { margin: 2em auto; max-width: 800px; padding: 1em; line-height: 1.4; text-align: justify; - background-color: #fefefe; } .directory, .file { margin: 0; + padding: 0; +} +.directory a, .file a { + color: #454545; + text-decoration: none; + display: block; + width:100%; border: 1px solid #454545; margin-top: -1px; padding: 0.5em; @@ -22,7 +37,7 @@ body { transition: background-color 0.5s linear; } -.directory:hover, .file:hover { +.directory:hover a , .file:hover a { background-color: lightgray; -webkit-transition: background-color 0.5s linear; -moz-transition: background-color 0.5s linear; @@ -30,3 +45,19 @@ body { -o-transition: background-color 0.5s linear; transition: background-color 0.5s linear; } + +.index { + display: flex; + text-align: center; + flex-direction: column; + font-size: 32px; +} + +.index a { + color: #454545; + text-decoration: none; +} + +a.back-button { + display: inline-block; +}