mirror of
https://github.com/Lynnesbian/FediBooks/
synced 2024-11-25 16:48:58 +00:00
Compare commits
7 commits
2e952c3342
...
669babf033
| Author | SHA1 | Date | |
|---|---|---|---|
| 669babf033 | |||
| 7be70f0bd4 | |||
| 308e9e67e0 | |||
| c7e8aeabdb | |||
| 994b88ec5e | |||
| 7c45dcc2f8 | |||
| 0703c4df2c |
7 changed files with 183 additions and 28 deletions
|
|
@ -1,3 +1,59 @@
|
||||||
|
body {
|
||||||
|
font-family: "Roboto", sans-serif;
|
||||||
|
margin: 2.5%;
|
||||||
|
background-color: #282c37;
|
||||||
|
color: white;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
background-color: #444a5c;
|
||||||
|
padding:10px;
|
||||||
|
}
|
||||||
|
.container.light {
|
||||||
|
background-color: #4d5366;
|
||||||
|
}
|
||||||
|
.column {
|
||||||
|
flex-grow: 1;
|
||||||
|
flex-basis: 0;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
.large {
|
||||||
|
font-size: 1.2em;
|
||||||
|
}
|
||||||
|
.centred {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.thin {
|
||||||
|
font-weight: 300;
|
||||||
|
}
|
||||||
|
.subtle {
|
||||||
|
color: #dddddd;
|
||||||
|
}
|
||||||
|
.row {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.full-width {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button {
|
||||||
|
color: white;
|
||||||
|
line-height:1.2em;
|
||||||
|
padding:10px;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
margin: 5px 0;
|
||||||
|
transition: 0.2s linear;
|
||||||
|
border:none;
|
||||||
|
}
|
||||||
|
.button:visited {
|
||||||
|
color:white;
|
||||||
|
}
|
||||||
|
input.button {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
.btn-primary {
|
.btn-primary {
|
||||||
background-color: #9370db;
|
background-color: #9370db;
|
||||||
border-color: #9370db;
|
border-color: #9370db;
|
||||||
|
|
@ -6,3 +62,42 @@
|
||||||
background-color: #7859b6;
|
background-color: #7859b6;
|
||||||
border-color: #7859b6;
|
border-color: #7859b6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn-secondary {
|
||||||
|
background-color: #999;
|
||||||
|
}
|
||||||
|
.btn-secondary:hover {
|
||||||
|
background-color: #777;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-large {
|
||||||
|
font-size: 1.6em;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: mediumpurple;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
a:visited {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 4em;
|
||||||
|
margin-top: 10px !important;
|
||||||
|
}
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
font-weight: 400;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
form {
|
||||||
|
text-align: justify;
|
||||||
|
display:inline-block;
|
||||||
|
}
|
||||||
|
label.important {
|
||||||
|
font-size: 1.4em;
|
||||||
|
margin: 10px 0;
|
||||||
|
font-weight: 300;
|
||||||
|
display:block;
|
||||||
|
}
|
||||||
|
|
|
||||||
5
templates/footer.html
Normal file
5
templates/footer.html
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
<footer>
|
||||||
|
<div class='subtle'>
|
||||||
|
<p>Website design and FediBooks program by <a href='https://fedi.lynnesbian.space/@LynnearSoftware'>Lynne</a>. This site uses <a href="https://fontawesome.com">Font Awesome</a>. Source code available <a href="https://github.com/Lynnesbian/Fedibooks">here</a>.</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
@ -6,52 +6,40 @@
|
||||||
{% include 'imports.html' %}
|
{% include 'imports.html' %}
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="jumbotron jumbotron-fluid main-jumbo">
|
<div class="container light">
|
||||||
<div class='container'>
|
<h1 class='thin centred'>FediBooks</h1>
|
||||||
<h1 class='display-3'>FediBooks</h1>
|
<p class="centred large">Easily create your own Mastodon/Pleroma ebooks bot from your browser. No coding required.</p>
|
||||||
<p>Easily create your own Mastodon/Pleroma ebooks bot from your browser. No coding required.</p>
|
<p class="centred" style="margin: 50px 0;">
|
||||||
<p>
|
<a class="button btn-primary btn-large" href="/welcome" role="button"><i class="fas fa-play"></i> Get started</a>
|
||||||
<a class="btn btn-primary btn-lg" href="/login" role="button"><i class="fas fa-play"></i> Get started</a>
|
<br>
|
||||||
<a class="btn btn-secondary btn-lg" href="https://github.com/Lynnesbian/FediBooks" role="button"><i class="fas fa-code"></i> Source code</a>
|
<a class="button btn-secondary" href="https://github.com/Lynnesbian/FediBooks" role="button"><i class="fas fa-code"></i> Source code</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class='alert alert-danger text-center'>
|
|
||||||
FediBooks isn't ready yet. It might behave unexpectedly or not work at all.
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-4">
|
<div class="column">
|
||||||
<h2>Easy <i class="fas fa-check"></i></h2>
|
<h2>Easy <i class="fas fa-check"></i></h2>
|
||||||
<p>FediBooks is easy to use. Everything from the profile picture to the accounts learned from is customisable with an intuitive web UI.</p>
|
<p>FediBooks is easy to use. Everything from the profile picture to the accounts learned from is customisable with an intuitive web UI.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4">
|
<div class="column">
|
||||||
<h2>Truly Free <i class="fab fa-osi"></i></h2>
|
<h2>Truly Free <i class="fab fa-osi"></i></h2>
|
||||||
<p>FediBooks is licensed under the GNU AGPLv3, a libre, copyleft license. This means that it will always be not only free of charge, but also free to distribute, free from access restrictions, and free to modify.</p>
|
<p>FediBooks is licensed under the GNU AGPLv3, a libre, copyleft license. This means that it will always be not only free of charge, but also free to distribute, free from access restrictions, and free to modify.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4">
|
<div class="column">
|
||||||
<h2>Personal <i class="fas fa-user-friends"></i></h2>
|
<h2>Personal <i class="fas fa-user-friends"></i></h2>
|
||||||
<p>Found a bug, or have an idea for a feature? <a href='https://github.com/Lynnesbian/FediBooks/issues'>Open a GitHub issue</a>. Want something a little more personal? Get in touch with <a href='https://fedi.lynnesbian.space/@LynnearSoftware'>the developer</a>.</p>
|
<p>Found a bug, or have an idea for a feature? <a href='https://github.com/Lynnesbian/FediBooks/issues'>Open a GitHub issue</a>. Want something a little more personal? Get in touch with <a href='https://fedi.lynnesbian.space/@LynnearSoftware'>the developer</a>.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<hr />
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h2>Support the author <i class="fas fa-heart"></i></h2>
|
<h2>Support the author <i class="fas fa-heart"></i></h2>
|
||||||
<p>FediBooks is a passion project I develop and maintain in my free time. If you'd like to contribute, you can do so here.</p>
|
<p>FediBooks is a passion project I develop and maintain in my free time. If you'd like to contribute, you can do so here.</p>
|
||||||
<a class="btn btn-primary btn-lg" href="https://patreon.com/Lynnesbian" role="button"><i class="fab fa-patreon"></i> Patreon</a>
|
<a class="button btn-primary" href="https://patreon.com/Lynnesbian" role="button"><i class="fab fa-patreon"></i> Patreon</a>
|
||||||
<a class="btn btn-primary btn-lg" href="https://paypal.me/Lynnesbian" role="button"><i class="fab fa-paypal"></i> PayPal</a>
|
<a class="button btn-primary" href="https://paypal.me/Lynnesbian" role="button"><i class="fab fa-paypal"></i> PayPal</a>
|
||||||
<a class="btn btn-primary btn-lg" href="https://ko-fi.com/Lynnesbian" role="button"><i class="fas fa-coffee"></i> Ko-fi</a>
|
<a class="button btn-primary" href="https://ko-fi.com/Lynnesbian" role="button"><i class="fas fa-coffee"></i> Ko-fi</a>
|
||||||
<hr />
|
|
||||||
</div>
|
</div>
|
||||||
|
{% include 'footer.html' %}
|
||||||
<footer>
|
|
||||||
<div class='container text-muted'>
|
|
||||||
<p>Website design and FediBooks program by <a href='https://fedi.lynnesbian.space/@LynnearSoftware'>Lynne</a>. This site uses <a href='https://getbootstrap.com/'>Bootstrap CSS</a> and <a href="https://fontawesome.com">Font Awesome</a>. Source code available <a href="https://github.com/Lynnesbian/Fedibooks">here</a>.</p>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
<link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free.min.css">
|
<link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free.min.css">
|
||||||
<link rel='stylesheet' type='text/css' href="{{ url_for('static', filename='style.css') }}" />
|
<link rel='stylesheet' type='text/css' href="{{ url_for('static', filename='style.css') }}" />
|
||||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap">
|
||||||
|
|
|
||||||
29
templates/login.html
Normal file
29
templates/login.html
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>FediBooks</title>
|
||||||
|
{% include 'imports.html' %}
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<h1 class="thin centred">Log in</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container centred">
|
||||||
|
<form action="/do/login" method="POST">
|
||||||
|
<p>
|
||||||
|
<label for="email" class="important">Email</label>
|
||||||
|
<input type="email" name="email" placeholder="you@example.com">
|
||||||
|
<br>
|
||||||
|
<label for="password" class="important">Password</label>
|
||||||
|
<input type="password" name="password" placeholder="password">
|
||||||
|
</p>
|
||||||
|
<input type="submit" value="Log in" class="button btn-primary full-width">
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% include 'footer.html' %}
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
30
templates/welcome.html
Normal file
30
templates/welcome.html
Normal file
|
|
@ -0,0 +1,30 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>FediBooks</title>
|
||||||
|
{% include 'imports.html' %}
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<h1 class="thin centred">Welcome!</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<p class="centred">
|
||||||
|
<a class="button btn-primary btn-large" href="/login"><i class="fas fa-sign-in-alt"></i> Log in</a>
|
||||||
|
<br>
|
||||||
|
Log in to your existing account.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="centred">
|
||||||
|
<a class="button btn-primary btn-large" href="/signup"><i class="fas fa-user-plus"></i> Sign up</a>
|
||||||
|
<br>
|
||||||
|
Create a new account.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% include 'footer.html' %}
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
8
webui.py
8
webui.py
|
|
@ -5,3 +5,11 @@ app = Flask(__name__)
|
||||||
@app.route("/")
|
@app.route("/")
|
||||||
def hello():
|
def hello():
|
||||||
return render_template("front_page.html")
|
return render_template("front_page.html")
|
||||||
|
|
||||||
|
@app.route("/welcome")
|
||||||
|
def welcome():
|
||||||
|
return render_template("welcome.html")
|
||||||
|
|
||||||
|
@app.route("/login")
|
||||||
|
def show_login_page():
|
||||||
|
return render_template("login.html")
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue