Added new project images

CHANGELOG.md

@@ -5,6 +5,7 @@
 + Added ability to show a preview of PDF files.
 + Added remember me functionality.
 + Added delete button on the preview page if the user is logged in.
++ New project icon (by [@SerenaItalia](https://www.deviantart.com/serenaitalia)).
 + Raw URL now accept file extensions.
 + The linux script can be used on headless systems.
 + Improved installer.

Gruntfile.js

@@ -101,6 +101,12 @@ module.exports = function (grunt) {
                         src: ['dropzone.min.css', 'dropzone.min.js'],
                         dest: 'static/dropzone'
                     },
+                    {
+                        expand: true,
+                        cwd: 'src/images',
+                        src: ['**/*'],
+                        dest: 'static/images'
+                    },
                     {expand: true, cwd: 'node_modules/jquery/dist', src: ['jquery.min.js'], dest: 'static/jquery'}
                 ],
             },

README.md

@@ -1,28 +1,36 @@
 
-# XBackBone 📤 [![Weblate](https://hosted.weblate.org/widgets/xbackbone/-/xbackbone/svg-badge.svg)](https://hosted.weblate.org/engage/xbackbone/?utm_source=widget) <a href="https://codeclimate.com/github/SergiX44/XBackBone/maintainability"><img src="https://api.codeclimate.com/v1/badges/bf8ee4a8df9c9f0dfa08/maintainability" /></a> [![Donations](https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=6RXF8ZGCZBL68&item_name=Support+the+XBackBone+Development&currency_code=EUR&source=url)
+# [![Weblate](https://hosted.weblate.org/widgets/xbackbone/-/xbackbone/svg-badge.svg)](https://hosted.weblate.org/engage/xbackbone/?utm_source=widget) <a href="https://codeclimate.com/github/SergiX44/XBackBone/maintainability"><img src="https://api.codeclimate.com/v1/badges/bf8ee4a8df9c9f0dfa08/maintainability" /></a> [![Donations](https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=6RXF8ZGCZBL68&item_name=Support+the+XBackBone+Development&currency_code=EUR&source=url)
+
+<p align="center">
+  <img src=".github/xbackbone.png" width="750px">
+</p>
 
 XBackBone is a simple, self-hosted, 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, and file downloading and uploading. Also have a web UI with multi user management, past uploads history and search support.
 
 ## Features
 
 + Supports every upload type from ShareX.
++ Config generator for ShareX.
 + Low memory footprint.
 + Multiple backends support: Local storage, AWS S3, Google Cloud, Dropbox, FTP(s).
++ Web file upload.
 + Code uploads syntax highlighting.
 + Video and audio uploads webplayer.
++ PDF viewer.
 + Files preview page.
 + Bootswatch themes support.
-+ Responsive theme.
++ Responsive theme for mobile use.
 + Multi language support.
 + User management, multi user features and roles.
 + Public and private uploads.
 + Web UI for each user.
 + Logging system.
-+ Auto config generator for ShareX.
 + Share to Telegram.
-+ Linux supported via a per-user custom generated script.
++ Linux supported via a per-user custom generated script (server and desktop).
 + Direct downloads using curl or wget commands.
 + Direct images links support on Discord, Telegram, Facebook, etc.
++ System updates without FTP or CLI.
++ Easy web installer.
 
 ## How to Install
 #### Prerequisites
@@ -32,6 +40,7 @@ XBackBone require PHP >= `7.1`, with installed the required extensions:
 + `php-gd` image manipualtion library.
 + `php-json` json file support.
 + `php-intl` internationalization functions.
++ `php-fileinfo` file related functions.
 
 ### Web installation
 + **[release, stable]** Download latest release from GitHub: [Latest Release](https://github.com/SergiX44/XBackBone/releases/latest)
@@ -73,7 +82,7 @@ php bin/migrate --install
 + Now just login with `admin/admin`, **be sure to change these credentials after your first login**.
 
 ## How to update
-Self-update (since v2.5) **[BETA]**:
+Self-update (since v2.5):
 + Navigate to the system page as admin.
 + Click the check for update button, and finally the upgrade button.
 + Wait until the browser redirect to the install page.
@@ -132,7 +141,7 @@ Since ShareX does not support Linux, XBackBone can generate a script that allows
 Now, to upload a media, just use the right click on the file > "Open with ..." > search XBackBone Uploader (XXX) in the app list.
 You can use this feature in combination with tools like [Flameshot](https://github.com/lupoDharkael/flameshot), just use the "Open with ..." button once you have done the screenshot.
 
-The script requires `xclip`, `curl`, and `notify-send`.
+The script requires `xclip`, `curl`, and `notify-send` on a desktop distribution.
 
 *Note: XXX is the username of your XBackBone account.*
 
@@ -159,11 +168,12 @@ This software is licensed under the <a href="https://choosealicense.com/licenses
 As a "copyright notice" it is sufficient to keep the small footer at the bottom of the page, also to help other people to learn about this project!
 
 ## Built with
-+ Slim 3, since `v2.0` (https://www.slimframework.com/) and some great PHP packages (Flysystem, Intervention Image, Twig, etc)
++ Slim 3 since `v2.0`, and Slim 4 since `v3.0` (https://www.slimframework.com/) and some great PHP packages (Flysystem, Intervention Image, Twig, etc)
 + FlightPHP, up to `v1.x` (http://flightphp.com/)
 + Bootstrap 4 (https://getbootstrap.com/)
 + Font Awesome 5 (http://fontawesome.com)
 + ClipboardJS (https://clipboardjs.com/)
 + HighlightJS (https://highlightjs.org/)
 + JQuery (https://jquery.com/)
-+ video.js (https://videojs.com/)
++ Plyr.io (https://plyr.io/)
++ Dropzone.js (https://www.dropzonejs.com/)

resources/templates/base.twig

@@ -5,8 +5,15 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta name="description" content="{{ config.app_name }} - Proudly powered by XBackBone.">
-    <link rel="shortcut icon" href="{{ urlFor('/favicon.ico') }}" type="image/x-icon">
-    <link rel="icon" href="{{ urlFor('/favicon.ico') }}" type="image/x-icon">
+    <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('/static/images/apple-touch-icon.png') }}">
+    <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('/static/images/favicon-32x32.png') }}">
+    <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('/static/images/favicon-16x16.png') }}">
+    <link rel="manifest" href="{{ asset('/static/images/site.webmanifest') }}">
+    <link rel="mask-icon" href="{{ asset('/static/images/safari-pinned-tab.svg') }}" color="#5bbad5">
+    <link rel="shortcut icon" href="{{ asset('/static/images/favicon.ico') }}">
+    <meta name="msapplication-TileColor" content="#603cba">
+    <meta name="msapplication-config" content="{{ asset('/static/images/browserconfig.xml') }}">
+    <meta name="theme-color" content="#ffffff">
     <link rel="preload" href="{{ asset('/static/bootstrap/css/bootstrap.min.css') }}" as="style">
     <link rel="preload" href="{{ asset('/static/fontawesome/css/all.min.css') }}" as="style">
     <link rel="preload" href="{{ asset('/static/app/app.css') }}" as="style">

resources/templates/dashboard/system.twig

@@ -166,6 +166,7 @@
                     <div class="card-body">
                         <p class="text-justify">{{ lang('donate_text') }}</p>
                         <div class="text-center">
+                            <a href="https://github.com/sponsors/SergiX44" target="_blank" class="text-dark"><i class="fab fa-github-square fa-3x"></i></a>
                             <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=6RXF8ZGCZBL68&item_name=Support+the+XBackBone+Development&currency_code=EUR&source=url" target="_blank" class="text-warning"><i class="fab fa-cc-paypal fa-3x"></i></a>
                         </div>
                     </div>

src/images/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/static/images/mstile-150x150.png"/>
+            <TileColor>#603cba</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

src/images/safari-pinned-tab.svg

@@ -0,0 +1 @@
+<svg version="1" xmlns="http://www.w3.org/2000/svg" width="682.667" height="682.667" viewBox="0 0 512.000000 512.000000"><path d="M189.6 117.6c-22.5 4.1-43.5 14.6-59.6 30-14.3 13.7-23.1 27.5-29.6 46.9-3.2 9.4-3.8 12.3-3.8 20l-.1 9 42.4 68c23.3 37.4 45.3 72.9 48.9 79 3.6 6 8.8 14.3 11.5 18.2l4.9 7.3 14.7-.1c8-.1 18.4-.4 23-.7l8.4-.7 2.4-7c1.3-3.9 4.4-14.7 6.9-24 5.6-21.1 45.5-158.9 48.2-166.6 5.4-15.4 4.8-21-3.4-32.6-10.2-14.5-26.7-28.5-42.9-36.5-20.9-10.4-48.8-14.4-71.9-10.2zM332.7 193.6c-18.1 57-58.6 199.8-57.1 201.3.3.3 16.5.8 36 1l35.4.3 3.6-3.8c5-5.3 78.2-118.5 81.1-125.4 3-7.4 3-15.9-.1-27.5-8.4-30.9-28.2-51.6-58.2-60.6-5-1.5-10.8-2.3-20.9-2.6l-14.1-.5-5.7 17.8zM65.4 233.5c-17.4 8.7-36.5 34.2-42 56-2.6 10.3-2.4 28.4.5 40 7.8 31.8 33.9 57.5 65.3 64.1 8.6 1.8 81.4 3.3 84.2 1.7 1.5-.8 1.3-1.5-1.4-6.6-1.6-3.1-9.2-15.4-16.8-27.4-7.6-12-29.1-46.2-47.7-76.1C85.3 249.6 73.1 231 72 231c-.9 0-3.8 1.1-6.6 2.5zM448.5 287.2c-5.5 6.5-67.2 101.3-69 106-1.7 4.5 58.4 3.4 72.5-1.3 28-9.2 43.2-37.9 36.5-69.2-3.1-14.9-13.2-29-24.8-34.7-9.7-4.7-11.8-4.8-15.2-.8z"/></svg>

src/images/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/static/images/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/static/images/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}