partage

Unnamed repository; edit this file 'description' to name the repository.
git clone git://git.z3bra.org/partage.git
Log | Files | Refs

commit 6a94727d5a729f8ee7c7b35270003eca97eb34d0
parent e6e6bf4dc6ffc5c6f59644567045d663fcab4124
Author: Willy Goiffon <dev@z3bra.org>
Date:   Mon, 18 Oct 2021 16:40:32 +0200

Add style to pages

Diffstat:
Astatic/favicon.ico | 0
Astatic/partage.css | 55+++++++++++++++++++++++++++++++++++++++++++++++++++++++
Astatic/partage.png | 0
Mtemplates/index.html | 10+++++++---
Mtemplates/upload.html | 11++++++-----
5 files changed, 68 insertions(+), 8 deletions(-)

diff --git a/static/favicon.ico b/static/favicon.ico Binary files differ. diff --git a/static/partage.css b/static/partage.css @@ -0,0 +1,55 @@ +body { + padding: 5%; + margin: auto; + max-width: 540px; + text-align: center; + font-family: serif; + font-size: 1.5rem; + background-color: #eeeeee; + color: #222222; +} + +header { + display: flex; + align-items: center; + align-content: center; + justify-content: center; + max-height: 30vh; + gap: 8px; +} + + +h1 { font-size: 3rem; } +img#logo { height: 4rem; } +ul { list-style: none; padding: 0; } + +/* font attributes are not inherited by default */ +input, input::file-selector-button { + text-align: inherit; + font-family: inherit; + font-size: inherit; +} + + +@media (orientation: portrait) { + header { flex-direction: column; max-height: 50vh; } + h1 { font-size: 3rem; } + img#logo { height: 30vh; } +} + +@media (prefers-color-scheme: light) { + a { color: black; } + body { + color: #222222; + background-color: #eeeeee; + } +} + +@media (prefers-color-scheme: dark) { + a { color: white; } + body { + color: #eeeeee; + background-color: #222222; + } +} + diff --git a/static/partage.png b/static/partage.png Binary files differ. diff --git a/templates/index.html b/templates/index.html @@ -4,19 +4,23 @@ <meta charset="utf-8"> <meta name="author" content="z3bra"> <meta name="viewport" content="width=device-width"> + <link rel="stylesheet" type="text/css" href="/partage.css" /> + <link rel="icon" type="image/png" href="/favicon.ico" /> <title>Partage</title> </head> <body> - <h1>Partage</h1> + <header> + <img id="logo" src="/partage.png" /> + <h1>partage</h1> + </header> <p> Use the box below to upload and share files. File size is limited to {{.Maxsize}}. </p> <form enctype="multipart/form-data" method="post"> - <label for="uck">Select file(s) to share</label> <input id="uck" name="uck" type="file" multiple/> <input id="output" name="output" type="hidden" value='html' /> - <input type="submit" value="Upload!"/> + <input type="submit" value="...Share"/> </form> </body> </html> diff --git a/templates/upload.html b/templates/upload.html @@ -4,14 +4,15 @@ <meta charset="utf-8"> <meta name="author" content="z3bra"> <meta name="viewport" content="width=device-width"> + <link rel="stylesheet" type="text/css" href="/partage.css" /> + <link rel="icon" type="image/png" href="/favicon.ico" /> <title>Partage</title> </head> <body> - <h1>File uploaded!</h1> - <p> - Your files have been uploaded. Access and download it from the - following links: - </p> + <header> + <h1>partage</h1> + <img id="logo" src="/partage.png" /> + </header> <ul> {{range .Links}} <li><a href="{{.}}">{{.}}</a></li>