From 004fc27c5f1073be4908f67e3d30f17ec267bc83 Mon Sep 17 00:00:00 2001
From: Sergio Brighenti <sergio@brighenti.me>
Date: Sun, 12 Apr 2020 13:23:24 +0200
Subject: [PATCH] Updated website

---
 docs/changelog.md |  2 +-
 docs/index.md     | 21 +++++++++++----------
 docs/license.md   |  2 +-
 docs/sponsor.md   | 20 ++++++++++++++++++++
 docs/upgrading.md |  2 +-
 5 files changed, 34 insertions(+), 13 deletions(-)
 create mode 100644 docs/sponsor.md

diff --git a/docs/changelog.md b/docs/changelog.md
index 2cb9a1d..5a86389 100644
--- a/docs/changelog.md
+++ b/docs/changelog.md
@@ -1,7 +1,7 @@
 ---
 layout: default
 title: Changelog
-nav_order: 8
+nav_order: 9
 ---
 ## v.3.1.1
 + Fixed error during a fresh installation with sqlite
diff --git a/docs/index.md b/docs/index.md
index fa7e26d..a3dc50c 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -4,17 +4,18 @@ title: Home
 nav_order: 1
 ---
 
-<p align="center">
+<p class="text-center">
   <img src="img/xbackbone.png" width="400px">
 </p>
 
 XBackBone is a simple and lightweight PHP file manager that support the instant sharing tool ShareX and *NIX systems. It supports uploading and displaying images, GIF, video, code, formatted text, pdf, and file downloading and uploading. Also have a web UI with multi user management, media gallery and search support.
 {: .fs-5 .fw-300 }
 
-
-[Download](https://github.com/SergiX44/XBackBone/releases/latest){: .btn .btn-green }
-[GitHub](https://github.com/SergiX44/XBackBone){: .btn .btn-blue }
-
+<p class="text-center">
+    <a href="https://github.com/SergiX44/XBackBone/releases/latest" class="btn btn-green">Download</a>
+    <a href="https://github.com/SergiX44/XBackBone" class="btn btn-blue">GitHub</a>
+    <a href="sponsor.html" class="btn btn-purple" style="background-color: #e7af06; background-image: linear-gradient(#f7d12e, #e7af06);">Sponsor</a>
+</p>
 
 ## Main Features
 + Supports every upload type from ShareX.
@@ -44,13 +45,13 @@ XBackBone is a simple and lightweight PHP file manager that support the instant
 + Tag uploads with custom tags for categorization.
 + ... and more.
 
+### Demo GIF
+
+![img](https://i.imgur.com/iV8Rirn.gif)
+
 ## Translations
 You can help translating the project on [Weblate](https://hosted.weblate.org/projects/xbackbone/xbackbone/).
 
 <a href="https://hosted.weblate.org/engage/xbackbone/?utm_source=widget">
 <img src="https://hosted.weblate.org/widgets/xbackbone/-/xbackbone/multi-auto.svg" alt="Stato traduzione" />
-</a>
-
-#### Demo GIF
-
-![img](https://i.imgur.com/iV8Rirn.gif)
\ No newline at end of file
+</a>
\ No newline at end of file
diff --git a/docs/license.md b/docs/license.md
index db7994d..f997419 100644
--- a/docs/license.md
+++ b/docs/license.md
@@ -1,7 +1,7 @@
 ---
 layout: default
 title: License & Credits
-nav_order: 9
+nav_order: 10
 ---
 
 # License
diff --git a/docs/sponsor.md b/docs/sponsor.md
new file mode 100644
index 0000000..b499080
--- /dev/null
+++ b/docs/sponsor.md
@@ -0,0 +1,20 @@
+---
+layout: default
+title: Sponsorship
+nav_order: 8
+---
+
+# Sponsor this project
+
+You can give your contribution to this project thanks to a small sponsorship, through GitHub Sponsors, or as a single donation on PayPal.
+All those who make the recurring donations, the names or logos will be inserted in this page, if they wish.
+
+
+[<img src="https://www.gravatar.com/avatar/98b8d56f4a193e3f7154f236c16930b2?s=160" alt="SergiX44" height="100">](https://github.com/SergiX44) |
+---|
+[SergiX44](https://github.com/SergiX44) |
+[GitHub Sponsors](https://github.com/sponsors/SergiX44) |
+[PayPal for XBackBone](http://bit.ly/XBackBonePaypal) |
+{: .text-center}
+
+## Sponsors
\ No newline at end of file
diff --git a/docs/upgrading.md b/docs/upgrading.md
index badd5e8..fff66d3 100644
--- a/docs/upgrading.md
+++ b/docs/upgrading.md
@@ -4,7 +4,7 @@ title: Upgrading
 nav_order: 4
 ---
 
-# How to update
+# Upgrading
 
 The system updates can be applied via the web interface by an administrator, or manually via CLI.