diff --git a/assets/sass/style.sass b/assets/sass/style.sass index 8df103688139028d7a96d9b1062498b532f837e7..ebd79bcb51e5e4b9b27f31c757e61c25be12a650 100644 --- a/assets/sass/style.sass +++ b/assets/sass/style.sass @@ -2,10 +2,16 @@ margin: 0 padding: 0 +html + height: 100% + body background: #F2F2F2 font-family: 'Lato', sans-serif font-size: 81.25% + height: 100% + display: flex + flex-direction: column nav position: sticky @@ -13,39 +19,46 @@ nav background: #607D8B box-shadow: 0 2px 4px rgba(33, 33, 33, 0.4) -nav ul - display: flex - max-width: 1024px - margin: 0 auto - height: 56px + ul + display: flex + max-width: 1024px + margin: 0 auto + height: 56px + align-items: center + li, li > * + color: #282828 + text-decoration: none + li + display: block + line-height: 24px + &.title, &.title > * + font-size: 24px + color: #FFC107 + font-weight: 700 + &.spacer + flex-grow: 1 + &:not(.spacer) + margin: 0 8px + &:first-child + margin-left: 0 + &:last-child + margin-right: 0 + &:not(.title) a + display: block + background: #FFC107 + padding: 4px 16px + border-radius: 2px + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) + &:hover + background: #FFD54F + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) + +.container.centered + flex-grow: 1 align-items: center - li, li > * - color: #282828 - text-decoration: none - li - display: block - line-height: 24px - &.title, &.title > * - font-size: 24px - color: #FFC107 - font-weight: 700 - &.spacer - flex-grow: 1 - &:not(.spacer) - margin: 0 8px - &:first-child - margin-left: 0 - &:last-child - margin-right: 0 - &:not(.title) a - display: block - background: #FFC107 - padding: 4px 16px - border-radius: 2px - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) - &:hover - background: #FFD54F - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) + justify-content: center + display: flex + margin-bottom: 64px .images display: flex diff --git a/templates/upload.html b/templates/upload.html index 99b5f81daa34d237cc2da54ad99fbdd4a6741ffa..1a77f8ea470a13234d48fc5d12b68881747f1e21 100644 --- a/templates/upload.html +++ b/templates/upload.html @@ -1,22 +1,23 @@ {{define "title"}}Upload | i.k8r{{end}} {{define "content"}} +<div class="container centered"> {{range .Results}} {{if .Success}} -<div class="info success"> - <h2>Upload of {{.Id}} finished. <a href="/{{.Id}}">View</a>.</h2> -</div> + <div class="info success"> + <h2>Upload of {{.Id}} finished. <a href="/{{.Id}}">View</a>.</h2> + </div> {{else}} -<div class="info error"> - <h2>Upload of {{.Id}} failed.</h2> -{{range .Errors}} - <pre>{{.}}</pre> -{{end}} -</div> + <div class="info error"> + <h2>Upload of {{.Id}} failed.</h2> + {{range .Errors}} + <pre>{{.}}</pre> + {{end}} + </div> {{end}} {{end}} - -<form action="/upload/" method="POST" enctype="multipart/form-data"> - <input type="file" name="file" accept="image/jpeg,image/png,image/bmp,*.jpeg,*.jpg,*.png,*.bmp" multiple/> - <input type="submit"/> -</form> + <form action="/upload/" method="POST" enctype="multipart/form-data"> + <input type="file" name="file" accept="image/jpeg,image/png,image/bmp,*.jpeg,*.jpg,*.png,*.bmp" multiple/> + <input type="submit"/> + </form> +</div> {{end}} \ No newline at end of file