final touches before it's done

This commit is contained in:
zoe 2022-01-20 17:35:50 +01:00
parent 8b2da63f3c
commit 93931685b6
7 changed files with 96 additions and 49 deletions

View File

@ -1,7 +1,7 @@
#[macro_use]
extern crate rocket;
use rocket_dyn_templates::Template;
use rocket::fs::{FileServer, relative};
use rocket::fs::{FileServer, relative, NamedFile};
#[macro_use]
extern crate lazy_static;
use clap::Parser;
@ -19,8 +19,8 @@ lazy_static! {
}
#[get("/")]
fn index() -> String {
"Hello".to_string()
async fn index() -> Option<NamedFile> {
NamedFile::open("static/index.html").await.ok()
}
#[get("/cooking")]

35
static/index.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="static/style.css" media="all"/>
<title>Wisdom</title>
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="icon" type="image/x-icon" href="./static/think.svg">
</head>
<body id="body">
<div id="main">
<p>
<h1 class="wisdom">Welcome to wisdom!</h1><br>
</p>
</div>
<div id="about">
<p>
<h2>What is this?</h2>
This quite possibly might be the wisest website ever created.<br>
Apart from that it's a website that gives you responses created via markov chain.
<h2>Who did this (crying laughing emoji)</h2>
<a href="https://zoe.kittycat.homes">Me!!!</a> I'm Zoe (they/fae/she), hello!
<h2>Types of wisdom</h2>
This website can currently generate two types of wisdom. <a href="./frakes">One markov chain</a> uses questions from <a href="https://www.youtube.com/watch?v=9S1EzkRpelY">Jonathan Frakes Asks you Things</a>. <a href="./cooking">The other one</a> uses input from recipes, comments, etc. found on <a href="https://app.cookeatshare.com/">a recipe website</a>.
<h2>Can i see the source code?</h2>
Quite possibly! It should be on <a href="https://github.com/zoe-bat/wisdom">github</a>.
</p>
</div>
<footer>
<p>
<a href="./frakes">frakes</a><a href="./cooking">cooking</a><a href=".">home</a>
</p>
</footer>
</body>
</html>

View File

@ -1,11 +1,15 @@
@import url("https://fonts.googleapis.com/css2?family=Prata&display=swap");
html, body {
@import url('https://fonts.googleapis.com/css2?family=Amiri&display=swap');
html,
body {
margin: 0;
text-align: center;
padding: 0;
size: 100%;
height: 100%;
color: floralwhite;
}
div {
#main {
margin: 0;
padding: 0;
display: flex;
@ -15,15 +19,25 @@ div {
margin-left: 8%;
margin-right: 8%;
}
.wisdom {
display: flex;
font-size: 3.6em;
text-align: center;
div {
margin-left: 5%;
margin-right: 5%;
}
a {font-family: "Prata", serif;
color: floralwhite;
text-decoration: none;
.wisdom {
font-family: "Amiri", serif;
display: flex;
font-size: 4.2em;
text-align: center;
text-decoration: none;
}
a,
p {
color: floralwhite;
text-align: center;
text-decoration: none;
}
a:hover {
@ -34,22 +48,46 @@ body {
}
footer * {
overflow: visible;
color: #080808;
margin-left: 5%;
margin-right: 5%;
text-decoration: none;
}
footer {
border-top-style: solid;
border-top-width: 2%;
border-color: floralwhite;
background-color: #080808;
font-family: 'Amiri', serif;
background-color: floralwhite;
position: sticky;
overflow: visible;
left: 0;
display: flex;
height: 8%;
height: 10%;
bottom: 0;
width: 100%;
font-size: 1.5em;
font-size: 1.6em;
justify-content: center;
align-items: center;
}
footer p {
width: 100%;
margin: 0;
padding: 0;
}
h1.wisdom {
font-size: 6.4em;
}
#about a{
background-color: floralwhite;
color: #080808;
}
#about {
font-family: 'Amiri', serif;
font-size: 1.6em;
}
#about h2 {
font-size: 2.4em;
}

1
static/think.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 36 36" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"><circle fill="#FFCB4C" cx="18" cy="17.018" r="17"/><path fill="#65471B" d="M14.524 21.036a.914.914 0 0 1-.312-.464a.799.799 0 0 1 .59-1.021c4.528-1.021 7.577 1.363 7.706 1.465c.384.306.459.845.173 1.205c-.286.358-.828.401-1.211.097c-.11-.084-2.523-1.923-6.182-1.098a.91.91 0 0 1-.764-.184z"/><ellipse fill="#65471B" cx="13.119" cy="11.174" rx="2.125" ry="2.656"/><ellipse fill="#65471B" cx="24.375" cy="12.236" rx="2.125" ry="2.656"/><path fill="#F19020" d="M17.276 35.149s1.265-.411 1.429-1.352c.173-.972-.624-1.167-.624-1.167s1.041-.208 1.172-1.376c.123-1.101-.861-1.363-.861-1.363s.97-.4 1.016-1.539c.038-.959-.995-1.428-.995-1.428s5.038-1.221 5.556-1.341c.516-.12 1.32-.615 1.069-1.694c-.249-1.08-1.204-1.118-1.697-1.003c-.494.115-6.744 1.566-8.9 2.068l-1.439.334c-.54.127-.785-.11-.404-.512c.508-.536.833-1.129.946-2.113c.119-1.035-.232-2.313-.433-2.809c-.374-.921-1.005-1.649-1.734-1.899c-1.137-.39-1.945.321-1.542 1.561c.604 1.854.208 3.375-.833 4.293c-2.449 2.157-3.588 3.695-2.83 6.973c.828 3.575 4.377 5.876 7.952 5.048l3.152-.681z"/><path fill="#65471B" d="M9.296 6.351a.925.925 0 0 1-.391-.399a.8.8 0 0 1 .393-1.112c4.266-1.831 7.699-.043 7.843.034c.433.231.608.747.391 1.154c-.216.405-.74.546-1.173.318c-.123-.063-2.832-1.432-6.278.047a.915.915 0 0 1-.785-.042zm12.135 3.75a.924.924 0 0 1-.362-.424a.8.8 0 0 1 .468-1.084c4.381-1.536 7.685.48 7.823.567c.415.26.555.787.312 1.178c-.242.39-.776.495-1.191.238c-.12-.072-2.727-1.621-6.267-.379a.924.924 0 0 1-.783-.096z"/></svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -1,28 +0,0 @@
@import url("https://fonts.googleapis.com/css2?family=Prata&display=swap");
body {
margin: 0;
padding: 0;
}
div {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
margin-left: 24%;
margin-right: 24%;
}
a {
color: floralwhite;
font-size: 400%;
text-align: center;
font-family: "Prata", serif;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
body {
background-color: #080808;
}

View File

@ -5,6 +5,7 @@
<link rel="stylesheet" type="text/css" href="static/style.css" media="all"/>
<title>Wisdom</title>
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="icon" type="image/x-icon" href="./static/think.svg">
</head>
<body id="body">
<div id="main">
@ -14,7 +15,7 @@
</div>
<footer>
<p>
<a href=".">home</a><a href="https://zoe.kittycat.homes">zoe.kittycat.homes</a>
<a href="./frakes">frakes</a><a href="./cooking">cooking</a><a href=".">home</a>
</p>
</footer>
</body>

View File

@ -8,7 +8,7 @@ Group=wisdom
Type=exec
Restart=on-failure
ExecStart=/media/data/wisdom --input input
ExecStart=/media/data/wisdom
WorkingDirectory=/media/data/wisdom
[Install]