diff --git a/docs/assets/extra.css b/docs/assets/extra.css index 95e33ec96..bfa517609 100644 --- a/docs/assets/extra.css +++ b/docs/assets/extra.css @@ -20,6 +20,28 @@ margin-left: 4%; float: left; } + + .grid-flipped-left { + width: 66%; + float: left; + } + + .grid-flipped-right { + width: 29%; + margin-left: 4%; + float: left; + } + + .grid-half-left { + width: 48%; + float: left; + } + + .grid-half-right { + width: 48%; + margin-left: 4%; + float: left; + } } .grid-left > p { @@ -31,6 +53,12 @@ margin: 0; } +.clear { + clear: both; + margin-bottom: 20px; + display: block; +} + .index-callout { margin-right: .5rem; } diff --git a/docs/assets/screenshots/new-correspondent.png b/docs/assets/screenshots/new-correspondent.png new file mode 100644 index 000000000..132f170cb Binary files /dev/null and b/docs/assets/screenshots/new-correspondent.png differ diff --git a/docs/assets/screenshots/new-document_type.png b/docs/assets/screenshots/new-document_type.png new file mode 100644 index 000000000..728b31421 Binary files /dev/null and b/docs/assets/screenshots/new-document_type.png differ diff --git a/docs/assets/screenshots/new-storage_path.png b/docs/assets/screenshots/new-storage_path.png new file mode 100644 index 000000000..cafad7597 Binary files /dev/null and b/docs/assets/screenshots/new-storage_path.png differ diff --git a/docs/index.md b/docs/index.md index f38f988d8..97347b2e5 100644 --- a/docs/index.md +++ b/docs/index.md @@ -56,68 +56,118 @@ Further discussion of the transition between these projects can be found at Paperless-ngx aims to be as nice to use as it is useful. Check out some screenshots below. -The dashboard shows saved views which can be sorted. Documents can be uploaded with the button or dropped anywhere in the application: +
+ ![image](assets/screenshots/dashboard.png) +
+
+ The dashboard shows saved views which can be sorted. Documents can be uploaded with the button or dropped anywhere in the application. +
+
-![image](assets/screenshots/dashboard.png) +The document list provides three different styles to browse your documents. -The document list provides three different styles to browser your documents: +![image](assets/screenshots/documents-table.png){: style="width:32%"} +![image](assets/screenshots/documents-smallcards.png){: style="width:32%"} +![image](assets/screenshots/documents-largecards.png){: style="width:32%"} -![image](assets/screenshots/documents-table.png) +
-![image](assets/screenshots/documents-smallcards.png) +
+ Use the 'slim' sidebar to focus on your docs and minimize the UI. +
+
+ ![image](assets/screenshots/documents-smallcards-slimsidebar.png) +
+
-![image](assets/screenshots/documents-largecards.png) - -Use the 'slim' sidebar to focus on just your docs: - -![image](assets/screenshots/documents-smallcards-slimsidebar.png) - -Paperless-ngx also supports dark mode: +Of course, Paperless-ngx also supports dark mode: ![image](assets/screenshots/documents-smallcards-dark.png) -Quickly find documents with extensive filtering mechanisms: +
-![image](assets/screenshots/documents-filter.png) +
+ Quickly find documents with extensive filtering mechanisms. +
+
+ ![image](assets/screenshots/documents-filter.png) +
+
+
+ And perform bulk edit operations to set tags, correspondents, etc. as well as permissions. +
+
+ ![image](assets/screenshots/bulk-edit.png) +
+
-Bulk edit document tags, correspondents, etc. as well as permissions: - -![image](assets/screenshots/bulk-edit.png) - -Side-by-side editing of documents: +Side-by-side editing of documents. ![image](assets/screenshots/editing.png) -Support for custom fields: +
+ Support for custom fields. -![image](assets/screenshots/custom_field1.png){: style="width:50%; margin-left: 25%"} -![image](assets/screenshots/custom_field2.png) +![image](assets/screenshots/custom_field1.png) -A robust permissions system with support for 'global' and document / object permissions: +
+
+ ![image](assets/screenshots/custom_field2.png) +
+
-![image](assets/screenshots/permissions_global.png){: style="width:50%; margin-left: 25%"} -![image](assets/screenshots/permissions_document.png) +
+ A robust permissions system with support for 'global' and document / object permissions. -Tag editing. This looks about the same for correspondents and document -types. +![image](assets/screenshots/permissions_global.png) -![image](assets/screenshots/new-tag.png){: style="width:50%; margin-left: 25%"} +
+
+ ![image](assets/screenshots/permissions_document.png) +
+
-Searching provides auto complete and highlights the results. +
+ Searching provides auto complete and highlights the results. -![image](assets/screenshots/search-preview.png){: style="width:50%; margin-left: 25%"} +![image](assets/screenshots/search-preview.png) -![image](assets/screenshots/search-results.png) +
+
+ ![image](assets/screenshots/search-results.png) +
+
-Fancy mail filters! +Tag, correspondent, document type and storage path editing. -![image](assets/screenshots/mail-rules-edited.png){: style="width:80%; margin-left: 10%"} +![image](assets/screenshots/new-tag.png){: style="width:21%; float: left"} +![image](assets/screenshots/new-correspondent.png){: style="width:21%; margin-left: 4%; float: left"} +![image](assets/screenshots/new-document_type.png){: style="width:21%; margin-left: 4%; float: left"} +![image](assets/screenshots/new-storage_path.png){: style="width:21%; margin-left: 4%; float: left"} + +
+ +
+ Mail rules support various filters and actions for incoming e-mails. + +![image](assets/screenshots/mail-rules-edited.png) + +
+
+ Consumption templates provide finer control over the document pipeline. + +![image](assets/screenshots/consumption_template.png) + +
+
+ +
Mobile devices are supported. -![image](assets/screenshots/mobile1.png){: style="width:33%"} -![image](assets/screenshots/mobile2.png){: style="width:33%"} -![image](assets/screenshots/mobile3.png){: style="width:33%"} +![image](assets/screenshots/mobile1.png){: style="width:32%"} +![image](assets/screenshots/mobile2.png){: style="width:32%"} +![image](assets/screenshots/mobile3.png){: style="width:32%"} ## Support