Add style to pages

git-svn-id: file:///srv/svn/repo/marisa/trunk@15 d6811dac-2434-b64a-9ddc-f563ab233461
This commit is contained in:
dev
2021-10-18 14:40:32 +00:00
parent 69e921785a
commit 91063efb35
5 changed files with 68 additions and 8 deletions

BIN
static/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 141 KiB

55
static/partage.css Normal file
View File

@@ -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;
}
}

BIN
static/partage.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

View File

@@ -4,19 +4,23 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="author" content="z3bra"> <meta name="author" content="z3bra">
<meta name="viewport" content="width=device-width"> <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> <title>Partage</title>
</head> </head>
<body> <body>
<h1>Partage</h1> <header>
<img id="logo" src="/partage.png" />
<h1>partage</h1>
</header>
<p> <p>
Use the box below to upload and share files. File size is Use the box below to upload and share files. File size is
limited to {{.Maxsize}}. limited to {{.Maxsize}}.
</p> </p>
<form enctype="multipart/form-data" method="post"> <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="uck" name="uck" type="file" multiple/>
<input id="output" name="output" type="hidden" value='html' /> <input id="output" name="output" type="hidden" value='html' />
<input type="submit" value="Upload!"/> <input type="submit" value="...Share"/>
</form> </form>
</body> </body>
</html> </html>

View File

@@ -4,14 +4,15 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="author" content="z3bra"> <meta name="author" content="z3bra">
<meta name="viewport" content="width=device-width"> <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> <title>Partage</title>
</head> </head>
<body> <body>
<h1>File uploaded!</h1> <header>
<p> <h1>partage</h1>
Your files have been uploaded. Access and download it from the <img id="logo" src="/partage.png" />
following links: </header>
</p>
<ul> <ul>
{{range .Links}} {{range .Links}}
<li><a href="{{.}}">{{.}}</a></li> <li><a href="{{.}}">{{.}}</a></li>