Basic webpage and styling
parent
afcdffd9ee
commit
b6d9d117f6
|
@ -17,6 +17,7 @@ use url::Url;
|
||||||
struct HomePage {
|
struct HomePage {
|
||||||
title: String,
|
title: String,
|
||||||
description: String,
|
description: String,
|
||||||
|
source: String,
|
||||||
version: String,
|
version: String,
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -55,7 +56,8 @@ async fn root() -> Html<String> {
|
||||||
let tpl = Template::new(contents).unwrap();
|
let tpl = Template::new(contents).unwrap();
|
||||||
let rendered = tpl.render(&HomePage {
|
let rendered = tpl.render(&HomePage {
|
||||||
title: "Ferret".to_string(),
|
title: "Ferret".to_string(),
|
||||||
description: "A small idependent search engine".to_string(),
|
description: "A small independent search engine".to_string(),
|
||||||
|
source: "https://git.lavender.software/erin/ferret".to_string(),
|
||||||
version: "v0.2.0".to_string(),
|
version: "v0.2.0".to_string(),
|
||||||
});
|
});
|
||||||
Html(rendered)
|
Html(rendered)
|
||||||
|
|
|
@ -14,7 +14,19 @@
|
||||||
<title>{{title}}</title>
|
<title>{{title}}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>{{title}}</h1>
|
<div class="container">
|
||||||
<pre>{{version}}</pre>
|
<h1>{{title}}</h1>
|
||||||
|
|
||||||
|
<form action="" method="post">
|
||||||
|
<input type="text" name="search" id="search" required>
|
||||||
|
<input class="button" type="submit" value="Search!">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p>{{description}}</p>
|
||||||
|
<a href="{{source}}">Source Code</a>
|
||||||
|
<pre>{{version}}</pre>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -1,3 +1,62 @@
|
||||||
body{margin:40px
|
body{
|
||||||
auto;max-width:650px;line-height:1.6;font-size:18px;color:#444;padding:0
|
margin:40px auto;
|
||||||
10px}h1,h2,h3{line-height:1.2}
|
max-width:650px;
|
||||||
|
line-height:1.6;
|
||||||
|
font-size:18px;
|
||||||
|
color:#444;
|
||||||
|
padding: 0 10px;
|
||||||
|
font-family: "Atkinson Hyperlegible";
|
||||||
|
}
|
||||||
|
h1,h2,h3{line-height:1.2}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding-top: 25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
form {
|
||||||
|
flex-grow: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
gap: .5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
input#search {
|
||||||
|
width: 100%;
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button {
|
||||||
|
font-size: 1.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer p {
|
||||||
|
margin-bottom: 0;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
footer a {
|
||||||
|
padding-top: 0px;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
footer pre {
|
||||||
|
padding-top: 0px;
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue