diff --git a/static/style.css b/static/style.css index f369d37..10c798b 100644 --- a/static/style.css +++ b/static/style.css @@ -1,8 +1,83 @@ -.btn-primary { +body { + font-family: "Roboto", sans-serif; + margin: 2.5%; + background-color: #282c37; + color: white; + box-sizing: border-box; +} + +.container { + background-color: #444a5c; + padding:10px; +} +.column { + flex-grow: 1; + flex-basis: 0; + padding: 10px; +} +.large { + font-size: 1.2em; +} + +a.button { + color: white; + line-height:1.2em; + padding:10px; + text-decoration: none; + display: inline-block; + margin: 5px 0; + transition: 0.2s linear; +} +a.button:visited { + color:white; +} + +a.btn-primary { background-color: #9370db; border-color: #9370db; } -.btn-primary:hover { +a.btn-primary:hover { background-color: #7859b6; border-color: #7859b6; } + +a.btn-secondary { + background-color: #999; +} +a.btn-secondary:hover { + background-color: #777; +} + +a.btn-large { + font-size: 1.6em; +} + +a { + color: mediumpurple; + text-decoration: none; +} +a:visited { + color: white; +} + +h1 { + font-size: 4em; +} +h1, h2, h3, h4, h5, h6 { + font-weight: 400; + margin: 0; +} + +.centred { + text-align: center; +} +.thin { + font-weight: 300; +} +.subtle { + color: #dddddd; +} + +.row { + display: flex; +} diff --git a/templates/front_page.html b/templates/front_page.html index a1171ec..949a8e7 100644 --- a/templates/front_page.html +++ b/templates/front_page.html @@ -6,51 +6,44 @@ {% include 'imports.html' %} -
-
-

FediBooks

-

Easily create your own Mastodon/Pleroma ebooks bot from your browser. No coding required.

-

- Get started - Source code -

-
-
- -
- FediBooks isn't ready yet. It might behave unexpectedly or not work at all. +
+

FediBooks

+

Easily create your own Mastodon/Pleroma ebooks bot from your browser. No coding required.

+

+ Get started +
+ Source code +

-
+

Easy

FediBooks is easy to use. Everything from the profile picture to the accounts learned from is customisable with an intuitive web UI.

-
+

Truly Free

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.

-
+

Personal

Found a bug, or have an idea for a feature? Open a GitHub issue. Want something a little more personal? Get in touch with the developer.

-

Support the author

FediBooks is a passion project I develop and maintain in my free time. If you'd like to contribute, you can do so here.

- Patreon - PayPal - Ko-fi -
+ Patreon + PayPal + Ko-fi
diff --git a/templates/imports.html b/templates/imports.html index e64deb2..b00e33c 100644 --- a/templates/imports.html +++ b/templates/imports.html @@ -1,4 +1,4 @@ - + diff --git a/webui.py b/webui.py index 8b60113..b74f33f 100644 --- a/webui.py +++ b/webui.py @@ -5,3 +5,7 @@ app = Flask(__name__) @app.route("/") def hello(): return render_template("front_page.html") + +@app.route("/login") +def show_login_page(): + return render_template("login.html")