tAdd style to pages - partage - File upload system
(HTM) git clone git://git.z3bra.org/partage.git
(DIR) Log
(DIR) Files
(DIR) Refs
(DIR) README
(DIR) LICENSE
---
(DIR) commit 6a94727d5a729f8ee7c7b35270003eca97eb34d0
(DIR) parent e6e6bf4dc6ffc5c6f59644567045d663fcab4124
(HTM) Author: Willy Goiffon <dev@z3bra.org>
Date: Mon, 18 Oct 2021 16:40:32 +0200
Add style to pages
Diffstat:
A static/favicon.ico | 0
A static/partage.css | 55 +++++++++++++++++++++++++++++++
A static/partage.png | 0
M templates/index.html | 10 +++++++---
M templates/upload.html | 11 ++++++-----
5 files changed, 68 insertions(+), 8 deletions(-)
---
(DIR) diff --git a/static/favicon.ico b/static/favicon.ico
Binary files differ.
(DIR) diff --git a/static/partage.css b/static/partage.css
t@@ -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;
+ }
+}
+
(DIR) diff --git a/static/partage.png b/static/partage.png
Binary files differ.
(DIR) diff --git a/templates/index.html b/templates/index.html
t@@ -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>
(DIR) diff --git a/templates/upload.html b/templates/upload.html
t@@ -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>